:root{--bg:#f7f9fc;--surface:#fff;--surface2:#edf3fb;--text:#071a3d;--muted:#5f6d84;--line:#dce5f1;--navy:#06183d;--blue:#0877ff;--blue2:#25a4ff;--shadow:0 24px 70px rgba(4,22,57,.12);--radius:24px;--max:1240px;color-scheme:light}
[data-theme=dark]{--bg:#030b18;--surface:#071326;--surface2:#0b1a31;--text:#f3f7ff;--muted:#9aacbf;--line:#172a46;--shadow:0 24px 70px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{display:block;height:42px;width:auto;max-width:min(34vw,340px)}.brand-logo.logo-dark{display:none}html[data-theme="dark"] .brand-logo.logo-light{display:none}html[data-theme="dark"] .brand-logo.logo-dark{display:block}.footer .brand-logo{height:56px;max-width:min(48vw,380px)}.links{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--muted)}.links a:hover{color:var(--text)}.actions{display:flex;gap:9px;align-items:center}.iconbtn,.lang{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:750;border:1px solid var(--line);transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--blue),#1262e8);color:#fff;border-color:transparent;box-shadow:0 12px 34px rgba(8,119,255,.28)}.btn:hover{transform:translateY(-2px)}.hero{min-height:720px;display:grid;align-items:center;position:relative;padding:90px 0 70px}.hero:before{content:"";position:absolute;width:760px;height:760px;right:-260px;top:-120px;background:radial-gradient(circle,rgba(8,119,255,.22),transparent 64%);pointer-events:none}.gridbg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.heroGrid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;position:relative}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid var(--line);background:var(--surface);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.gradient{background:linear-gradient(90deg,var(--text),var(--blue2));-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:760px}.heroBtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,var(--blue) 5%),var(--surface));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:24px;position:relative}.socTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.live{font-size:11px;padding:5px 9px;border-radius:999px;background:rgba(8,119,255,.12);color:var(--blue);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.metric b{display:block;font-size:24px}.metric span{font-size:12px;color:var(--muted)}.chart{height:130px;margin-top:14px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(8,119,255,.08),transparent);position:relative}.chart svg{width:100%;height:100%}.strip{border-block:1px solid var(--line);background:var(--surface)}.stripin{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:800;font-size:13px;letter-spacing:.12em;color:var(--muted);overflow:auto}.section{padding:110px 0}.section.alt{background:var(--surface)}.sectionHead{max-width:760px;margin-bottom:46px}.kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.section h2{font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:12px 0}.section p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.25s}.alt .card{background:var(--bg)}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--blue) 50%,var(--line));box-shadow:var(--shadow)}.cardIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(8,119,255,.11);color:var(--blue);font-weight:900}.card h3{margin:18px 0 8px;font-size:19px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.flow div{padding:20px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:center;font-size:13px;font-weight:800;position:relative}.flow div:not(:last-child):after{content:"→";position:absolute;right:-13px;color:var(--blue);z-index:2}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.pillrow{display:flex;gap:9px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:13px;background:var(--surface)}.demo{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:850}.frameworks{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.frameworks div{padding:22px 10px;border:1px solid var(--line);border-radius:16px;text-align:center;font-weight:800;background:var(--surface)}.cta{padding:60px;border-radius:34px;background:linear-gradient(135deg,#06183d,#073b88 62%,#0877ff);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0;color:#fff}.cta p{color:#c7d9f5}.footer{padding:70px 0 30px;border-top:1px solid var(--line)}.footergrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}.footer h4{font-size:13px}.footer a{display:block;color:var(--muted);font-size:13px;margin:9px 0}.fine{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.modal{position:fixed;inset:0;background:rgba(0,7,18,.65);z-index:100;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modalbox{width:min(620px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:12px}.field textarea{min-height:110px;resize:vertical}.mobile{display:none}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.links{display:none}.mobile{display:inline-flex}.heroGrid,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:70px}.cards{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(2,1fr)}.flow div:nth-child(2):after{display:none}.frameworks{grid-template-columns:repeat(3,1fr)}.footergrid{grid-template-columns:1fr 1fr}.cta{padding:36px;display:block}.cta .heroBtns{margin-top:20px}}@media(max-width:580px){.container{width:min(100% - 26px,var(--max))}.navin{height:68px}.brand-logo{height:34px;max-width:55vw}.footer .brand-logo{height:44px;max-width:70vw}.actions .btn{display:none}.hero{padding:54px 0}.cards,.frameworks,.flow,.formgrid{grid-template-columns:1fr}.flow div:after{display:none!important}.section{padding:76px 0}.footergrid{grid-template-columns:1fr 1fr}.fine{display:block}.panel{padding:16px}.metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.contact-info{margin-top:42px;padding-top:28px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-info strong{font-size:14px}.contact-info address{font-style:normal;color:var(--muted);font-size:14px;line-height:1.65}.whatsapp-btn{display:inline-flex!important;align-items:center;gap:9px;margin-top:4px!important;padding:11px 16px;border-radius:999px;background:#25D366;color:#fff!important;font-weight:800;font-size:14px!important;box-shadow:0 10px 28px rgba(37,211,102,.22)}.wa-icon{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;line-height:1}

.theme-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface);gap:2px}.theme-option{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:800;transition:.2s}.theme-option:hover{color:var(--text)}.theme-option.active{background:var(--text);color:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.08)}.wa-icon svg{width:15px;height:15px;display:block;fill:currentColor}@media(max-width:580px){.theme-option{padding:6px 7px;font-size:11px}.actions{gap:5px}.lang{padding:8px 9px}}