:root{--azul:#1e40af;--azul-900:#0f172a;--azul-800:#1e293b;--azul-700:#334155;--naranja:#ff6b00;--naranja-600:#e85f00;--amarillo:#ffc107;--good:#10b981;--warn:#f59e0b;--crit:#ef4444;--ink:#1a1a1a;--muted:#6b7280;--line:#e5e9f0;--bg:#fff;--bg-soft:#f6f8fc;--bg-softer:#eef2fa;--radius:18px;--shadow-sm:0 1px 3px #0f172a0f,0 8px 24px #0f172a0f;--shadow-md:0 20px 50px -12px #0f172a47;--shadow-lg:0 40px 90px -20px #0f172a73;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.55}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--naranja);font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:500}h1,h2,h3{letter-spacing:-.02em;font-weight:800;line-height:1.1}h2{font-size:clamp(28px,3.6vw,44px)}.lead{color:var(--muted);max-width:60ch;font-size:clamp(16px,1.5vw,19px)}section{padding:96px 0}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:14px 26px;font-size:15.5px;font-weight:600;transition:transform .18s,box-shadow .25s,background .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:linear-gradient(180deg,#ff7d1a,var(--naranja));color:#fff;box-shadow:0 10px 24px -8px #ff6b0099}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -8px #ff6b00b3}.btn-ghost{color:#fff;background:0 0;border-color:#ffffff47}.btn-ghost:hover{background:#ffffff14;border-color:#fff}.btn-dark{background:var(--azul);color:#fff}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px #1e40af99}.btn-outline{border-color:var(--line);color:var(--ink);background:#fff}.btn-outline:hover{border-color:var(--naranja);color:var(--naranja-600)}header{z-index:100;padding:18px 0;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;top:0;left:0;right:0}header.scrolled{backdrop-filter:saturate(160%)blur(14px);background:#ffffffdb;padding:11px 0;box-shadow:0 1px #0f172a14}.nav{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{width:auto;height:40px;transition:height .3s}header.scrolled .brand img{height:32px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#e8edf7;opacity:.9;font-size:15px;font-weight:500;transition:opacity .2s,color .2s}header.scrolled .nav-links a{color:var(--azul-800)}.nav-links a:hover{opacity:1;color:var(--naranja)}.nav-cta{align-items:center;gap:14px;display:flex}.logo-light{display:block}.logo-dark,header.scrolled .logo-light{display:none}header.scrolled .logo-dark{display:block}header.scrolled .nav-cta .btn-ghost{border-color:var(--line);color:var(--azul-800)}header.scrolled .nav-cta .btn-ghost:hover{border-color:var(--naranja);color:var(--naranja)}@media (width<=900px){.nav-links{display:none}}.hero{color:#fff;background:radial-gradient(1200px 620px at 78% -6%,#20306b 0%,#16204a 42%,#0f172a 100%);padding:150px 0 90px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(560px 380px at 12% 6%,#ff6b0038,#0000 60%),radial-gradient(620px 460px at 92% 88%,#3878ff4d,#0000 60%);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-24px,20px)}}.hero-grid-bg{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;mask-image:radial-gradient(900px 600px at 60% 20%,#000,#0000 75%)}.hero .wrap{grid-template-columns:1.02fr .98fr;align-items:center;gap:52px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;font-size:clamp(34px,4.9vw,60px);font-weight:900}.hero h1 .accent{color:var(--naranja)}.hero p.sub{color:#c9d4ec;max-width:36ch;margin-top:20px;font-size:clamp(16px,1.6vw,20px)}.hero .cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.promesas{flex-direction:column;gap:14px;max-width:430px;margin-top:38px;display:flex}.promesa{color:#dbe4f6;align-items:flex-start;gap:12px;font-size:14.5px;display:flex}.promesa .dot{background:#ff6b0029;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.promesa .dot svg{width:13px;height:13px;color:var(--naranja)}.promesa b{color:#fff;font-weight:600}.browser{box-shadow:var(--shadow-lg);will-change:transform;border:1px solid #ffffff1f;border-radius:14px;transition:transform .5s;overflow:hidden;transform:perspective(1600px)rotateY(-11deg)rotateX(5deg)}.browser:hover{transform:perspective(1600px)rotateY(-4deg)rotateX(2deg)}.browser .bar{background:#0b1327;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:10px 14px;display:flex}.browser .bar i{background:#3a4a6b;border-radius:50%;width:11px;height:11px;display:inline-block}.browser .bar .url{color:#7f8db0;background:#111c38;border-radius:6px;flex:1;margin-left:12px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11.5px}.browser img{width:100%;display:block}.float-badge{color:var(--ink);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;align-items:center;gap:11px;padding:12px 15px;animation:4.5s ease-in-out infinite floaty;display:flex;position:absolute}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.float-badge .ic{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.float-badge .v{font-family:JetBrains Mono,monospace;font-size:17px;font-weight:700;line-height:1}.float-badge .l{color:var(--muted);margin-top:2px;font-size:11px}.fb-1{top:-22px;left:-30px}.fb-2{bottom:-24px;right:-22px}.hero-visual{position:relative}@media (width<=900px){.hero .wrap{grid-template-columns:1fr}.hero-visual{margin-top:20px}.browser{transform:none}.fb-1{left:8px}.fb-2{right:8px}}.trust{border-top:1px solid #ffffff14;margin-top:60px;padding-top:26px;position:relative}.trust .lbl{letter-spacing:.16em;text-transform:uppercase;color:#8093b8;text-align:center;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px}.trust .marks{flex-wrap:wrap;justify-content:center;align-items:center;gap:38px;display:flex}.trust .marks span{color:#93a3c6;letter-spacing:.02em;font-size:18px;font-weight:700;transition:color .2s}.trust .marks span:hover{color:#fff}.problema{background:var(--bg-soft)}.problema .grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.stat-cmp{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:22px}.stat .n{color:var(--azul);font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700}.stat .n.o{color:var(--naranja)}.stat .t{color:var(--muted);margin-top:6px;font-size:13.5px}@media (width<=820px){.problema .grid{grid-template-columns:1fr;gap:34px}}.integral{background:var(--azul-900);color:#fff;position:relative;overflow:hidden}.integral:before{content:"";background:radial-gradient(circle,#ff6b0029,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-80px}.integral .flow{justify-content:space-between;align-items:stretch;gap:12px;margin-top:52px;display:flex;position:relative}.integral .node{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex:1;padding:22px 18px;position:relative}.integral .node .ic{background:#ff6b0024;border-radius:12px;place-items:center;width:46px;height:46px;margin:0 auto 12px;display:grid}.integral .node .ic svg{width:22px;height:22px;color:var(--naranja)}.integral .node h4{margin-bottom:5px;font-size:15.5px;font-weight:700}.integral .node p{color:#b7c2db;font-size:12.8px;line-height:1.5}.integral .arrow{color:#42527a;flex:none;align-self:center}.integral .arrow svg{width:22px;height:22px}@media (width<=900px){.integral .flow{flex-direction:column}.integral .arrow{margin:2px auto;transform:rotate(90deg)}}.proceso .steps{margin-top:56px;position:relative}.proceso .rail{background:linear-gradient(var(--line),var(--line));width:2px;position:absolute;top:8px;bottom:8px;left:31px;overflow:hidden}.proceso .rail:after{content:"";background:linear-gradient(var(--naranja),var(--azul));transform-origin:top;transform:scaleY(var(--fill,0));transition:transform 1.1s;position:absolute;inset:0}.step{grid-template-columns:64px 1fr;gap:22px;padding:16px 0 30px;display:grid;position:relative}.step .num{justify-content:center;width:64px;display:flex}.step .num b{border:2px solid var(--line);width:52px;height:52px;color:var(--azul);box-shadow:var(--shadow-sm);z-index:1;background:#fff;border-radius:14px;place-items:center;font-family:JetBrains Mono,monospace;font-size:19px;font-weight:700;transition:all .35s;display:grid}.step.on .num b{border-color:var(--naranja);color:#fff;background:linear-gradient(180deg,#ff7d1a,var(--naranja))}.step .body{padding-top:5px}.step .body .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--naranja);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.step .body h3{margin:5px 0 7px;font-size:20px}.step .body p{color:var(--muted);max-width:64ch;font-size:15px}.step .body .chips{flex-wrap:wrap;gap:8px;margin-top:11px;display:flex}.chip{background:var(--bg-softer);color:var(--azul-800);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.split-tag{gap:8px;margin-top:14px;display:inline-flex}.split-tag span{border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.split-tag .hard{color:var(--azul);background:#1e40af1a}.split-tag .soft{color:var(--naranja-600);background:#ff6b001f}.modulos{background:var(--bg-soft)}.tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:34px 0 30px;display:flex}.tab{border:1px solid var(--line);color:var(--azul-800);cursor:pointer;background:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.tab:hover{border-color:var(--naranja)}.tab.active{background:var(--azul);color:#fff;border-color:var(--azul)}.shot{box-shadow:var(--shadow-md);border:1px solid var(--line);border-radius:16px;max-width:1000px;margin:0 auto;position:relative;overflow:hidden}.shot .bar{background:#0b1327;gap:7px;padding:9px 13px;display:flex}.shot .bar i{background:#3a4a6b;border-radius:50%;width:10px;height:10px}.shot .panel{display:none}.shot .panel.active{display:block}.shot img{width:100%;display:block}.mod-cap{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:1000px;margin:18px auto 0;display:flex}.mod-cap h3{font-size:20px}.mod-cap p{color:var(--muted);max-width:64ch;font-size:15px}.diff-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px;transition:transform .22s,box-shadow .25s,border-color .2s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-5px)}.card:before{content:"";background:linear-gradient(90deg,var(--naranja),var(--amarillo));width:0;height:3px;transition:width .3s;position:absolute;top:0;left:0}.card:hover:before{width:100%}.card .ic{background:var(--bg-softer);border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.card .ic svg{width:24px;height:24px;color:var(--azul)}.card h3{margin-bottom:8px;font-size:18px}.card p{color:var(--muted);font-size:14.5px}@media (width<=900px){.diff-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.diff-grid{grid-template-columns:1fr}}.case{background:linear-gradient(180deg,var(--azul-900),#131f42);color:#fff;position:relative;overflow:hidden}.case:before{content:"";background:radial-gradient(700px 400px at 85% 20%,#ff6b0024,#0000 60%);position:absolute;inset:0}.case .wrap{position:relative}.case .head{max-width:660px}.case .metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;display:grid}.metric{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:24px 20px}.metric .n{color:var(--naranja);font-family:JetBrains Mono,monospace;font-size:34px;font-weight:700;line-height:1}.metric .l{color:#c2cde3;margin-top:9px;font-size:13px}@media (width<=820px){.case .metrics{grid-template-columns:1fr 1fr}}.ind-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.ind{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:all .2s;display:flex}.ind:hover{border-color:var(--naranja);box-shadow:var(--shadow-sm)}.ind .ic{background:#ff6b001a;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ind .ic svg{width:22px;height:22px;color:var(--naranja)}.ind h4{margin-bottom:5px;font-size:16px}.ind p{color:var(--muted);font-size:13.5px}@media (width<=900px){.ind-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.ind-grid{grid-template-columns:1fr}}.pricing{background:var(--bg-soft)}.price-note{border:1.5px dashed var(--naranja);border-radius:var(--radius);text-align:center;background:#fff;max-width:760px;margin:34px auto 0;padding:34px;position:relative}.price-note .badge{background:var(--naranja);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-note h3{margin-bottom:10px;font-size:22px}.price-note p{color:var(--muted);max-width:56ch;margin:0 auto 8px}.price-cols{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.pcol{background:var(--bg-softer);text-align:left;border-radius:12px;padding:18px}.pcol .h{color:var(--azul);margin-bottom:6px;font-size:15px;font-weight:700}.pcol .d{color:var(--muted);font-size:13px}@media (width<=700px){.price-cols{grid-template-columns:1fr}}.cta-band{background:linear-gradient(110deg,var(--naranja),#ff8b39);color:#fff;text-align:center}.cta-band h2{color:#fff;max-width:20ch;margin:0 auto 14px}.cta-band p{color:#ffffffeb;max-width:52ch;margin:0 auto 26px;font-size:17px}.cta-band .btn-outline{color:var(--naranja-600);background:#fff;border-color:#fff}.cta-band .btn-outline:hover{color:var(--azul)}.faq-list{max-width:820px;margin:40px auto 0}.qa{border-bottom:1px solid var(--line)}.qa button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-family:inherit;font-size:17px;font-weight:600;display:flex}.qa .ico{background:var(--bg-softer);width:26px;height:26px;color:var(--azul);border-radius:8px;flex:none;place-items:center;transition:all .3s;display:grid}.qa.open .ico{background:var(--naranja);color:#fff;transform:rotate(45deg)}.qa .ans{max-height:0;color:var(--muted);font-size:15px;transition:max-height .35s;overflow:hidden}.qa .ans p{max-width:70ch;padding:0 4px 22px}.qa.open .ans{max-height:360px}footer{background:var(--azul-900);color:#c6d0e6;padding:70px 0 34px}.foot-top{border-bottom:1px solid #ffffff17;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}footer .flogo{height:38px;margin-bottom:16px}footer p.desc{color:#93a3c6;max-width:38ch;font-size:14px}.byarec{background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:12px;width:fit-content;margin-top:22px;padding:12px 16px;display:flex}.byarec img{background:#fff;border-radius:6px;height:26px;padding:5px 8px}.byarec span{color:#aab7d4;font-size:12.5px}.byarec b{color:#fff}.fcol h5{letter-spacing:.14em;text-transform:uppercase;color:#7f8fb3;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.fcol a,.fcol div{color:#c6d0e6;margin-bottom:11px;font-size:14.5px;transition:color .2s;display:block}.fcol a:hover{color:var(--naranja)}.fcol a.cline{color:#c6d0e6;align-items:center;gap:11px;margin-bottom:14px;font-size:14.5px;display:flex}.fcol a.cline .ci{background:#ffffff0f;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;transition:all .2s;display:grid}.fcol a.cline .ci svg{color:#9fb0d2;width:15px;height:15px;transition:all .2s}.fcol a.cline:hover{color:#fff}.fcol a.cline:hover .ci{background:#ff6b002e}.fcol a.cline:hover .ci svg{color:var(--naranja)}.foot-bot{color:#7f8fb3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:26px;font-size:13px;display:flex}@media (width<=820px){.foot-top{grid-template-columns:1fr;gap:30px}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}html.nojs .reveal{opacity:1;transform:none}.d-short{display:none}@media (width<=600px){.wrap{padding:0 18px}.brand img{height:24px}header.scrolled .brand img{height:22px}.nav-cta .btn{padding:8px 13px;font-size:12.5px}.d-full{display:none}.d-short{display:inline}}