:root{--bg:#0a1619;--bg-2:#0b1518;--surface:#101d20;--surface-2:#16262a;--border:#243638;--border-soft:#18262a;--text:#f2f4ee;--text-muted:#9fa89c;--text-dim:#5c6b62;--accent:#9fa89c;--accent-strong:#c3ceb9;--accent-ink:#0a1619;--accent-2:#6f8478;--accent-2-soft:#6f847829;--danger:#c98a6c;--shadow-glow:0 0 0 1px #9fa89c33, 0 20px 60px -20px #9fa89c38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.mono{font-family:JetBrains Mono,monospace}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0;font-family:Archivo,Manrope,sans-serif;font-weight:800}nav.top{z-index:40;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);background:#0a1619db;position:sticky;top:0}nav.top .wrap{justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand img{width:auto;height:52px}@media (width<=600px){.brand img{height:40px}}.nav-links{color:var(--text-muted);gap:30px;font-size:.9rem;display:flex}.nav-links a{text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}@media (width<=760px){.nav-links{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-family:Manrope;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-solid{background:var(--accent);color:var(--accent-ink)}.btn-solid:hover{box-shadow:var(--shadow-glow);background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text-muted)}.hero{padding:80px 0 64px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;will-change:transform;background:radial-gradient(at 28% 15%,#9fa89c1a,#0000 60%),radial-gradient(at 78% 5%,#6f84781f,#0000 55%);height:560px;position:absolute;inset:-20% -10% auto}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;display:grid;position:relative}@media (width<=940px){.hero-grid{grid-template-columns:1fr}}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent-2);background:var(--accent-2-soft);border:1px solid #6f847866;border-radius:100px;align-items:center;gap:9px;margin-bottom:24px;padding:6px 12px;font-family:JetBrains Mono;font-size:11.5px;display:inline-flex}.eyebrow .pulse{background:var(--accent-2);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}h1.headline{font-size:clamp(1.9rem,3.6vw,2.9rem);font-style:normal;line-height:1.16;position:relative}h1.headline:before{content:"“";color:var(--accent);margin-right:2px}h1.headline:after{content:"”";color:var(--accent);margin-left:2px}h1.headline em{color:var(--accent-strong);font-style:normal}.services-line{color:var(--text-dim);letter-spacing:.02em;margin:20px 0 30px;font-family:JetBrains Mono;font-size:13px}.services-line b{color:var(--accent);font-weight:500}.hero-dek{color:var(--text-muted);max-width:48ch;margin:0 0 30px;font-size:1.04rem}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.stat-row{flex-wrap:wrap;gap:26px;display:flex}.stat{flex-direction:column;gap:3px;display:flex}.stat .n{color:var(--text);font-family:JetBrains Mono;font-size:1.15rem;font-weight:600}.stat .l{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}.hero-visual{will-change:transform}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -30px #0000008c}.panel-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:11px 14px;display:flex}.panel-bar .d{border-radius:50%;width:9px;height:9px}.panel-bar .fname{color:var(--text-dim);margin-left:8px;font-family:JetBrains Mono;font-size:11.5px}.panel-body{padding:20px 18px;font-family:JetBrains Mono;font-size:12.6px;line-height:1.75}.c-com{color:var(--text-dim)}.c-key{color:var(--accent-2)}.c-str{color:var(--accent)}.c-fn{color:#a7b8ad}.cursor{background:var(--accent);vertical-align:-2px;width:7px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.chips-float{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:7px;padding:6px 10px;font-family:JetBrains Mono;font-size:11px;transition:transform .2s,border-color .2s,color .2s}.chip:hover{border-color:var(--accent-2);color:var(--accent-strong);transform:translateY(-2px)}.marquee-band{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--bg-2);padding:16px 0;overflow:hidden}.marquee-track{white-space:nowrap;width:max-content;color:var(--text-dim);gap:44px;font-family:JetBrains Mono;font-size:13px;animation:34s linear infinite scrollL;display:flex}.marquee-track.rev{color:var(--text-muted);margin-top:14px;animation:40s linear infinite scrollR}.marquee-track span{align-items:center;gap:44px;display:inline-flex}.marquee-track em{color:var(--accent);margin-right:6px;font-style:normal}@keyframes scrollL{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollR{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}section{padding:88px 0}.section-head{max-width:640px;margin-bottom:44px}.section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-family:JetBrains Mono;font-size:11.5px}h2.section-title{margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.15rem)}.section-sub{color:var(--text-muted);max-width:56ch;font-size:1rem}.split{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}@media (width<=820px){.split{grid-template-columns:1fr}}.split>div{padding:30px 26px}.split .antes{border-right:1px solid var(--border)}@media (width<=820px){.split .antes{border-right:none;border-bottom:1px solid var(--border)}}.split .despues{background:linear-gradient(#9fa89c12,#0000 45%)}.split-label{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-family:JetBrains Mono;font-size:11px;display:flex}.split .antes .split-label{color:var(--danger)}.split .despues .split-label{color:var(--accent)}.split-label .sq{background:currentColor;border-radius:2px;width:7px;height:7px}.split ul{flex-direction:column;gap:15px;margin:0;padding-left:0;list-style:none;display:flex}.split li{color:var(--text-muted);padding-left:22px;font-size:.94rem;position:relative}.split .antes li:before{content:"✕";color:var(--danger);font-size:12px;position:absolute;top:2px;left:0}.split .despues li:before{content:"✓";color:var(--accent);font-size:12px;position:absolute;top:2px;left:0}.split-hint{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-top:16px;font-family:JetBrains Mono;font-size:11px}.demo-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=820px){.demo-card{grid-template-columns:1fr}}.demo-form{border-right:1px solid var(--border);padding:32px 30px}@media (width<=820px){.demo-form{border-right:none;border-bottom:1px solid var(--border)}}.demo-result{background:var(--bg-2);flex-direction:column;justify-content:center;padding:32px 30px;display:flex}.field{margin-bottom:20px}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-family:JetBrains Mono;font-size:11px;display:block}.field .row{align-items:center;gap:12px;display:flex}.field input[type=range]{accent-color:var(--accent);flex:1;height:4px}.field .val{color:var(--text);text-align:right;min-width:64px;font-family:JetBrains Mono;font-size:.95rem;font-weight:600}.result-num{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-family:Archivo;font-size:clamp(2.1rem,4vw,2.9rem);font-weight:800;line-height:1}.result-label{color:var(--text-muted);margin-top:10px;font-size:.9rem}.result-sub{border-top:1px solid var(--border);gap:24px;margin-top:22px;padding-top:18px;display:flex}.result-sub .stat .n{color:var(--accent-2)}.grid-serv{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.grid-serv{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-serv{grid-template-columns:1fr}}.serv-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:24px 22px;transition:transform .25s,border-color .25s}.serv-card:hover{border-color:var(--accent-2);transform:translateY(-4px)}.serv-icon{background:var(--surface-2);width:38px;height:38px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.serv-card h3{margin-bottom:8px;font-family:Manrope;font-size:1rem;font-weight:700}.serv-card p{color:var(--text-muted);margin:0;font-size:.88rem}.project-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:32px 30px}.project-card+.project-card{margin-top:20px}.project-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.project-logo{flex-shrink:0;width:52px;height:52px}.project-badge{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-2);background:var(--accent-2-soft);white-space:nowrap;border:1px solid #6f847866;border-radius:100px;margin-top:4px;padding:5px 10px;font-family:JetBrains Mono;font-size:10.5px}.project-wordmark{letter-spacing:-.01em;margin-bottom:10px;font-family:Archivo;font-size:1.7rem;font-weight:800}.project-top-lockup{align-items:center;margin-bottom:18px}.project-lockup{width:min(320px,60%);height:auto;display:block}@media (width<=520px){.project-top-lockup{flex-direction:column;align-items:flex-start;gap:14px}.project-lockup{width:min(320px,100%)}}.pw-accent{color:var(--accent-strong)}.pw-rest{color:var(--text)}.project-tagline{color:var(--text-muted);margin:0 0 14px;font-size:1.02rem;font-style:italic}.project-desc{color:var(--text-muted);max-width:68ch;margin:0 0 22px;font-size:.94rem;line-height:1.7}.project-chips{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.project-flow{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:14px 22px;padding-top:22px;display:grid}@media (width<=640px){.project-flow{grid-template-columns:1fr}}.flow-step{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.88rem;line-height:1.5;display:flex}.flow-n{background:var(--surface-2);border:1px solid var(--border);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono;font-size:11px;display:flex}.project-more-hint{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:22px 0 0;font-family:JetBrains Mono;font-size:11.5px}.timeline{padding-top:8px;position:relative}.timeline-track{background:var(--border);height:2px;position:absolute;top:23px;left:0;right:0}.timeline-fill{background:var(--accent);width:0%;height:2px;position:absolute;top:23px;left:0}.timeline-steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}@media (width<=760px){.timeline-steps{grid-template-columns:1fr}.timeline-track,.timeline-fill{display:none}}.tstep .num{background:var(--surface);border:2px solid var(--border);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-family:JetBrains Mono;font-weight:600;transition:border-color .35s,color .35s,transform .35s;display:flex;position:relative}.tstep.on .num{border-color:var(--accent);color:var(--accent);transform:scale(1.06)}.tstep h3{margin-bottom:6px;font-family:Manrope;font-size:.98rem;font-weight:700}.tstep p{color:var(--text-muted);margin:0;font-size:.86rem}.cta-final{text-align:center;border-top:1px solid var(--border-soft);background:radial-gradient(at 50% 0,#9fa89c17,#0000 60%);padding:96px 0}.cta-final h2{max-width:22ch;margin:0 auto 26px;font-size:clamp(1.7rem,3.6vw,2.5rem)}.cta-final .btn{padding:14px 26px;font-size:1rem}.contact-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:640px;padding:32px 30px}.contact-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}@media (width<=560px){.contact-grid{grid-template-columns:1fr}}.contact-card .field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-family:JetBrains Mono;font-size:11px;display:block}.contact-card .field{margin-bottom:18px}.contact-card input,.contact-card textarea{background:var(--bg-2);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:9px;padding:11px 13px;font-family:Manrope;font-size:.92rem;transition:border-color .15s}.contact-card input::placeholder,.contact-card textarea::placeholder{color:var(--text-dim)}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--accent-2);outline:none}.contact-note{color:var(--text-dim);text-align:center;margin:14px 0 0;font-size:.8rem}.contact-note .mono{color:var(--accent-2)}.contact-direct{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:640px;margin-top:26px;display:flex}.direct-email{color:var(--text-muted);align-items:center;gap:9px;font-family:JetBrains Mono;font-size:.86rem;text-decoration:none;transition:color .15s;display:inline-flex}.direct-email:hover{color:var(--accent-strong)}.direct-email svg{color:var(--accent-2);flex-shrink:0}.social-row{gap:10px;display:flex}.social-circle{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,color .2s;display:flex}.social-circle:hover{border-color:var(--accent-2);color:var(--accent-strong);transform:translateY(-2px)}footer.page{border-top:1px solid var(--border-soft);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:44px 0 60px;font-size:.85rem;display:flex}footer.page img{opacity:.85;height:22px}footer.page a{color:var(--text-muted);margin-right:20px;text-decoration:none}footer.page a:hover{color:var(--text)}.footer-right{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.footer-right .social-circle{width:32px;height:32px}.reveal{opacity:1;transform:none}