:root{--bg:#FFFFFF;--bg2:#F6F9FB;--navy:#1E2A36;--ink:#1E2A36;--mut:#5B6672;--dim:#69737E;--line:rgba(30,42,54,.12);--b:#3BA9C8;--b2:#318CA6;--v:#FF5000;--c:#4BC1DB;--g:#16A34A}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Inter,"Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:#318CA6;text-decoration:none}a:hover{color:#1E2A36}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;position:relative}
h1,h2,h3,h4{margin:0;letter-spacing:-.035em;line-height:1.04;font-weight:650}
h1{font-size:clamp(44px,6.4vw,88px);font-weight:700;letter-spacing:-.05em}
h2{font-size:clamp(34px,4vw,56px)}h3{font-size:22px;letter-spacing:-.02em}
.grad{background:linear-gradient(100deg,#1E2A36 10%,#1F6F87 40%,#FF5000 70%,#4BC1DB);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--mut);max-width:600px;margin:22px 0 0;line-height:1.6}
.sub{color:var(--mut);font-size:18px;max-width:640px;margin:18px auto 0}
.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:99px;font-size:13px;color:#1F6F87;background:rgba(59,169,200,.08);border:1px solid rgba(59,169,200,.25);backdrop-filter:blur(8px)}
.pill b{background:linear-gradient(90deg,var(--b2),var(--v));color:#1E2A36;font-weight:600;font-size:11px;padding:3px 9px;border-radius:99px;letter-spacing:.04em}
.eb{font:600 12px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#2E93B0;display:inline-flex;gap:10px;align-items:center}
.eb:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,#2E93B0)}
/* nav */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px) saturate(1.4);background:rgba(30,42,54,.78);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:36px;height:68px}
.brand{display:flex;align-items:center;gap:11px;color:#1E2A36;font-weight:650;letter-spacing:-.02em;font-size:16.5px}
.logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:conic-gradient(from 210deg,#318CA6,#FF5000,#4BC1DB,#318CA6);box-shadow:0 0 0 1px rgba(30,42,54,.15) inset,0 6px 20px -4px rgba(59,169,200,.7)}
.logo svg{width:16px;height:16px}
.links{display:flex;gap:4px}.links a{color:var(--mut);font-size:14.5px;padding:7px 12px;border-radius:8px}.links a:hover,.links a.on{color:#1E2A36;background:rgba(30,42,54,.05)}
.navr{margin-left:auto;display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:9px;font:600 14.5px/1 Inter,sans-serif;padding:11px 18px;border-radius:10px;color:#1E2A36;white-space:nowrap;transition:.2s;border:0;cursor:pointer}
.btn svg{width:16px;height:16px}
.btn.p{background:linear-gradient(180deg,#4BC1DB,#318CA6);box-shadow:0 0 0 1px rgba(59,169,200,.4) inset,0 1px 0 rgba(30,42,54,.3) inset,0 10px 30px -8px rgba(59,169,200,.8)}
.btn.p:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(59,169,200,.6) inset,0 14px 40px -8px rgba(59,169,200,1);color:#1E2A36}
.btn.g{background:rgba(30,42,54,.04);box-shadow:0 0 0 1px rgba(30,42,54,.12) inset;color:#2B3742}.btn.g:hover{background:rgba(30,42,54,.08)}
.btn.w{background:#1E2A36;color:#1E2A36}.btn.lg{padding:15px 24px;font-size:15.5px;border-radius:12px}
.burger{display:none;color:#1E2A36}
/* hero */
.hero{position:relative;overflow:hidden;padding:96px 0 40px;isolation:isolate}
.aur{position:absolute;inset:-20% -10% auto;height:1100px;z-index:-2;filter:blur(70px);opacity:1}
.aur i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:fl 18s ease-in-out infinite alternate}
.aur i:nth-child(1){width:720px;height:520px;left:4%;top:-6%;background:radial-gradient(closest-side,rgba(49,140,166,.75),transparent)}
.aur i:nth-child(2){width:640px;height:560px;right:2%;top:4%;background:radial-gradient(closest-side,rgba(255,80,0,.6),transparent);animation-delay:-6s}
.aur i:nth-child(3){width:520px;height:380px;left:42%;top:30%;background:radial-gradient(closest-side,rgba(75,193,219,.28),transparent);animation-delay:-11s}
@keyframes fl{to{transform:translate(60px,40px) scale(1.12)}}
.gridbg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(30,42,54,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(30,42,54,.07) 1px,transparent 1px);background-size:56px 56px;mask:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);animation:gm 30s linear infinite}
@keyframes gm{to{background-position:0 56px,56px 0}}
.hgrid{display:grid;grid-template-columns:1.25fr .9fr;gap:64px;align-items:center}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.micro{display:flex;gap:22px;margin-top:28px;color:var(--dim);font-size:13.5px;flex-wrap:wrap}.micro span{display:flex;gap:7px;align-items:center}.micro svg{width:15px;height:15px;color:var(--g)}
/* glass + gradient border */
.gb{position:relative;border-radius:20px;background:linear-gradient(180deg,rgba(30,42,54,.78),rgba(30,42,54,.66));backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 40px 100px -30px rgba(30,42,54,.16),0 0 80px -30px rgba(59,169,200,.5)}
.gb:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgba(75,193,219,.45),rgba(255,80,0,.18) 35%,rgba(30,42,54,.04) 60%,rgba(75,193,219,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.login{padding:34px}
.login h3{font-size:24px}.login .s{color:var(--mut);font-size:14px;margin:6px 0 22px}
label{display:block;font-size:13px;color:#3A4652;margin:16px 0 7px;font-weight:500}
.in{display:flex;align-items:center;gap:10px;background:rgba(30,42,54,.95);border:1px solid rgba(30,42,54,.18);border-radius:11px;padding:0 14px;height:46px;color:var(--dim);font-size:14.5px;transition:.2s}
.in svg{width:16px;height:16px}.in.f{border-color:#2E93B0;box-shadow:0 0 0 4px rgba(59,169,200,.18);color:#2B3742}
input,textarea{all:unset;flex:1;color:#2B3742}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13.5px;color:var(--mut)}
.cb{width:16px;height:16px;border-radius:5px;background:linear-gradient(180deg,#4BC1DB,#318CA6);display:inline-grid;place-items:center;margin-right:8px;vertical-align:-3px}
.or{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:12px;margin:20px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.note{font-size:12.5px;color:var(--mut);background:rgba(59,169,200,.07);border:1px solid rgba(59,169,200,.2);border-radius:10px;padding:11px 13px;margin-top:18px;line-height:1.5}
/* product stage */
.stage{position:relative;margin-top:84px;height:600px}
.stage .gb{position:absolute}
.dash{inset:0 90px 0 90px;overflow:hidden;padding:0}
.dtop{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.dtop i{width:11px;height:11px;border-radius:50%;background:#D9E1E8}.dtop .url{margin:0 auto;background:rgba(30,42,54,.04);padding:5px 14px;border-radius:7px;border:1px solid var(--line)}
.dbody{display:grid;grid-template-columns:200px 1fr;height:calc(100% - 46px)}
.side{border-right:1px solid var(--line);padding:18px 12px;font-size:13px;color:var(--mut)}.side div{padding:8px 10px;border-radius:8px;display:flex;gap:10px;align-items:center}.side .on{background:rgba(59,169,200,.14);color:#1E2A36}.side svg{width:15px;height:15px}
.map{position:relative;overflow:hidden}
.map svg.w{position:absolute;inset:0;width:100%;height:100%}
.arc{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:6 10;animation:da 3s linear infinite}
@keyframes da{to{stroke-dashoffset:-64}}
.node{animation:pu 2.4s ease-out infinite}@keyframes pu{0%{r:3;opacity:1}100%{r:16;opacity:0}}
.float{padding:16px 18px;font-size:13px}
.call{left:0;top:-36px;width:280px}.soft{right:0;top:150px;width:250px;padding:20px}.lst{left:40px;bottom:-28px;width:330px}
.av{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#318CA6,#FF5000);font-weight:600;font-size:13px}
.wave{display:flex;gap:3px;align-items:center;height:28px;margin-top:12px}.wave i{flex:1;background:linear-gradient(#318CA6,#3BA9C8);border-radius:2px;animation:wv 1.1s ease-in-out infinite alternate}
@keyframes wv{from{transform:scaleY(.3)}}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-size:11.5px;font-weight:600;letter-spacing:.06em}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(22,163,74,.2)}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.keys span{height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(30,42,54,.04);border:1px solid var(--line);font-size:16px;font-weight:500}
.dial{margin-top:12px;height:44px;border-radius:12px;background:linear-gradient(180deg,#16A34A,#15803D);display:grid;place-items:center;box-shadow:0 10px 30px -10px #16A34A}
.tag{font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(59,169,200,.15);color:#1F6F87;border:1px solid rgba(59,169,200,.25)}
/* trust */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(59,169,200,.05),transparent);margin-top:110px}
.trust .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.trust div.t{padding:38px 26px;border-left:1px solid var(--line)}.trust div.t:last-child{border-right:1px solid var(--line)}
.trust b{display:block;white-space:nowrap;font-size:36px;letter-spacing:-.04em;font-weight:650;background:linear-gradient(180deg,#1E2A36,#318CA6);-webkit-background-clip:text;color:transparent}
.trust span{font-size:13px;color:var(--mut)}
section{padding:130px 0;position:relative}
.center{text-align:center}.center .eb{justify-content:center}
.sh h2{margin-top:18px}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(250px,auto);gap:16px;margin-top:64px;text-align:left}
.bx{grid-column:span 2;padding:28px;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(30,42,54,.035),rgba(30,42,54,.01));transition:.3s}
.bx:hover{transform:translateY(-3px)}
.bx.w3{grid-column:span 3}.bx.w4{grid-column:span 4}
.bx h3{margin-top:auto}.bx p{color:var(--mut);font-size:14.5px;margin:8px 0 0}
.bx{display:flex;flex-direction:column}
.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(59,169,200,.25),rgba(59,169,200,.06));border:1px solid rgba(59,169,200,.3);color:#1F6F87;margin-bottom:22px}.ico svg{width:20px;height:20px}
.viz{flex:1;min-height:120px;margin:-6px -6px 22px;border-radius:14px;position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(246,249,251,.9)}
/* reveal */
.rv{animation:up .9s cubic-bezier(.2,.7,.2,1) both}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.24s}.d4{animation-delay:.32s}
@keyframes up{from{opacity:0;transform:translateY(24px);filter:blur(6px)}}
/* split */
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.cl{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.cl li{display:flex;gap:12px;color:#3A4652;font-size:15.5px}.cl li svg{flex:none;width:20px;height:20px;color:#2E93B0;margin-top:2px}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;align-items:stretch;text-align:left}
.plan{padding:34px 30px;display:flex;flex-direction:column}
.plan.pop{transform:translateY(-14px);background:linear-gradient(180deg,rgba(49,140,166,.32),rgba(30,42,54,.98) 45%);box-shadow:0 0 0 1px rgba(59,169,200,.5),0 40px 120px -30px rgba(59,169,200,.9)}
.plan .tg{font:600 11.5px/1 Inter;letter-spacing:.12em;color:#318CA6}
.plan.pop .tg{color:#1E2A36;background:linear-gradient(90deg,#3BA9C8,#FF5000);padding:6px 10px;border-radius:99px;align-self:flex-start}
.amt{font-size:60px;font-weight:700;letter-spacing:-.05em;margin:22px 0 4px;line-height:1}.amt sup{font-size:26px;vertical-align:28px;margin-right:2px;color:var(--mut)}.amt small{font-size:16px;color:var(--mut);font-weight:500;letter-spacing:0}
.plan hr{border:0;height:1px;background:var(--line);margin:26px 0}
.plan ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:11px;font-size:14.5px;color:#3A4652}.plan li{display:flex;gap:10px}.plan li svg{width:17px;height:17px;color:#2E93B0;flex:none;margin-top:3px}
.plan .btn{justify-content:center;margin-top:auto}
/* page head */
.phead{padding:120px 0 40px;position:relative;overflow:hidden;isolation:isolate}
.phead h1{font-size:clamp(42px,5.4vw,76px);max-width:1000px;margin:22px auto 0}
.phead .lead{margin:24px auto 0;max-width:720px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip{font-size:14px;padding:9px 14px;border-radius:10px;background:rgba(30,42,54,.03);border:1px solid var(--line);color:#3A4652;display:flex;gap:8px;align-items:center}.chip svg{width:14px;height:14px;color:#2E93B0}
.chip.pr{background:linear-gradient(180deg,rgba(59,169,200,.18),rgba(255,80,0,.08));border-color:rgba(59,169,200,.35);color:#1E2A36}
.tabs{display:inline-flex;gap:4px;padding:5px;border-radius:12px;background:rgba(30,42,54,.04);border:1px solid var(--line)}.tabs span{padding:8px 16px;border-radius:8px;font-size:14px;color:var(--mut)}.tabs .on{background:#1E2A36;color:#1E2A36;font-weight:600}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;text-align:left;counter-reset:s}
.st{padding:28px;counter-increment:s}.st:before{content:"0" counter(s);font:600 13px "JetBrains Mono",monospace;color:#2E93B0;display:block;margin-bottom:40px}
.st h4{font-size:19px;letter-spacing:-.02em}.st p{color:var(--mut);font-size:14.5px;margin:8px 0 0}
.faq{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-weight:550}
/* cta band */
.band{padding:80px 64px;border-radius:28px;overflow:hidden;text-align:center;isolation:isolate}
.band h2{max-width:820px;margin:0 auto}.band p{color:#1F6F87;margin:18px auto 0;max-width:560px;font-size:18px}
.band .ctas{justify-content:center}
.band:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(60% 120% at 50% 0%,rgba(59,169,200,.55),transparent 70%),radial-gradient(40% 80% at 90% 100%,rgba(255,80,0,.35),transparent)}
footer{border-top:1px solid var(--line);padding:72px 0 36px;color:var(--mut);font-size:14px;background:linear-gradient(180deg,transparent,rgba(49,140,166,.05))}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px}
footer h5{color:#1E2A36;font-size:13px;margin:0 0 16px;font-weight:600}footer .cols a{display:block;color:var(--mut);padding:4px 0}footer a:hover{color:#1E2A36}
.legal{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:56px;padding-top:24px;font-size:13px;color:var(--dim)}
.fab{position:fixed;right:26px;bottom:26px;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#1E2A36;background:linear-gradient(180deg,#4BC1DB,#318CA6);box-shadow:0 0 0 1px rgba(30,42,54,.2) inset,0 16px 40px -8px rgba(59,169,200,.9);z-index:60}.fab svg{width:24px;height:24px}
.card{padding:28px;border-radius:20px}
.info{display:flex;gap:16px;align-items:flex-start;padding:22px}.info .ico{margin:0}.info p{margin:2px 0 0;color:var(--mut);font-size:14.5px}
@media(max-width:900px){
.wrap{padding:0 20px}.links,.hide{display:none}.burger{display:block}.nav .wrap{gap:12px}.navr .btn.p{padding:9px 14px;font-size:13.5px}
.hero{padding:56px 0 20px}.hgrid,.two{grid-template-columns:1fr;gap:44px}
h1{font-size:46px}.phead h1{font-size:40px}h2{font-size:34px}.lead{font-size:17px}
.stage{height:auto;margin-top:56px;display:grid;gap:14px}.stage .gb{position:relative;inset:auto!important;width:auto!important;left:auto;right:auto;top:auto;bottom:auto}.dash{height:300px}.side{display:none}.dbody{grid-template-columns:1fr}.soft{display:none}
.trust{margin-top:60px}.trust .wrap{grid-template-columns:1fr 1fr;padding:0}.trust div.t{border-bottom:1px solid var(--line)}
section{padding:80px 0}.bento,.plans,.steps{grid-template-columns:1fr}.bx,.bx.w3,.bx.w4{grid-column:auto}.plan.pop{transform:none}
.band{padding:52px 22px}footer .cols{grid-template-columns:1fr 1fr;gap:32px}footer .cols>div:first-child{grid-column:1/-1}.legal{flex-direction:column;gap:8px}
.tabs{flex-wrap:wrap}}
.stage:before{content:"";position:absolute;left:10%;right:10%;top:20%;bottom:-10%;background:radial-gradient(closest-side,rgba(59,169,200,.45),transparent);filter:blur(60px);z-index:-1}
.dash .map:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,rgba(30,42,54,.9))}
.aur{-webkit-mask:linear-gradient(#000 45%,transparent 92%);mask:linear-gradient(#000 45%,transparent 92%)}
.hero .gridbg{-webkit-mask:radial-gradient(ellipse 70% 45% at 50% 25%,#000 30%,transparent 75%);mask:radial-gradient(ellipse 70% 45% at 50% 25%,#000 30%,transparent 75%)}
.phead{overflow:visible}.burger svg{width:22px;height:22px;display:block}
.logo-chip{display:inline-flex;align-items:center;background:#1E2A36;border-radius:12px;padding:5px 12px;box-shadow:0 0 0 1px rgba(30,42,54,.25),0 8px 24px -8px rgba(59,169,200,.6)}
.logo-chip img{height:42px;width:auto;display:block}
@media(max-width:640px){.logo-chip img{height:32px}.logo-chip{padding:4px 10px}}
/* ===== v3 light theme — colors sampled from logo ===== */
:root{--bg:#FFFFFF;--bg2:#F5F8FA;--warm:#FFF6F0;--ink:#1E2A36;--mut:#5B6672;--dim:#69737E;--line:rgba(30,42,54,.09);
--o:#FF5000;--o2:#D23E00;--ob:#C93C00;--b:#3BA9C8;--b2:#318CA6;--bl:#4BC1DB;--bt:#1F6F87;--g:#16A34A}
body{background:#fff;color:var(--ink)}body:before{opacity:.025}
a{color:var(--bt)}a:hover{color:var(--o2)}
.grad{background:linear-gradient(100deg,#FF5000 0%,#E84800 45%,#D23E00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb{color:var(--o2)}.eb:before{background:linear-gradient(90deg,transparent,var(--o))}
.pill{color:var(--ink);background:rgba(255,255,255,.8);border:1px solid rgba(255,80,0,.22);box-shadow:0 6px 20px -10px rgba(255,80,0,.4)}
.pill b{background:linear-gradient(180deg,#E64A00,#C23A00);color:#fff}
.nav{background:rgba(255,255,255,.82);border-bottom:1px solid var(--line)}
.brand{color:var(--ink)}
.logo-chip{background:transparent;box-shadow:none;padding:0;border-radius:0}.logo-chip img{height:46px}
.links a{color:var(--mut)}.links a:hover,.links a.on{color:var(--ink);background:rgba(59,169,200,.10)}
.links a.on{color:var(--bt)}
.btn{color:var(--ink)}
.btn.p{color:#fff;text-shadow:0 1px 0 rgba(120,30,0,.35);background:linear-gradient(180deg,#E64A00,#C23A00);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 0 0 1px rgba(160,45,0,.25),0 12px 28px -10px rgba(255,80,0,.65)}
.btn.p:hover{color:#fff;background:linear-gradient(180deg,#F05000,#C93C00);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 16px 36px -10px rgba(255,80,0,.8)}
.btn.g{background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(30,42,54,.14) inset,0 4px 14px -8px rgba(30,42,54,.25)}.btn.g:hover{background:#F5F8FA;color:var(--ink)}
.btn.g svg{color:var(--b2)}
.btn.w{background:#fff;color:var(--o2)}
.burger{color:var(--ink)}
/* hero glows */
.hero,.phead{background:radial-gradient(1200px 600px at 50% -10%,#EAF6FA 0%,rgba(234,246,250,0) 70%),linear-gradient(180deg,#FBFDFE,#FFFFFF)}
.aur{filter:blur(80px)}.aur i{mix-blend-mode:normal}
.aur i:nth-child(1){background:radial-gradient(closest-side,rgba(255,80,0,.22),transparent)}
.aur i:nth-child(2){background:radial-gradient(closest-side,rgba(59,169,200,.30),transparent)}
.aur i:nth-child(3){background:radial-gradient(closest-side,rgba(75,193,219,.22),transparent)}
.gridbg{background-image:linear-gradient(rgba(49,140,166,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(49,140,166,.09) 1px,transparent 1px)}
.micro{color:var(--mut)}
/* glass */
.gb{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72));box-shadow:0 1px 0 #fff inset,0 30px 70px -30px rgba(30,60,80,.28),0 8px 24px -16px rgba(30,42,54,.18)}
.gb:before{background:linear-gradient(160deg,rgba(59,169,200,.45),rgba(30,42,54,.08) 40%,rgba(30,42,54,.05) 65%,rgba(255,80,0,.35))}
label{color:#3A4652}
.in{background:#fff;border:1px solid rgba(30,42,54,.15);color:var(--dim)}.in.f{border-color:var(--b);box-shadow:0 0 0 4px rgba(59,169,200,.16);color:var(--ink)}
input,textarea{color:var(--ink)}
.cb{background:linear-gradient(180deg,#E64A00,#C23A00)}
.note{background:#F2F9FC;border:1px solid rgba(59,169,200,.25);color:var(--mut)}
/* product stage */
.stage:before{background:radial-gradient(closest-side,rgba(59,169,200,.35),rgba(255,80,0,.10) 60%,transparent);filter:blur(70px)}
.dtop i{background:#E3E8EE}.dtop i:first-child{background:#FF8A5B}.dtop .url{background:#F5F8FA;color:var(--mut)}
.side{background:#FAFCFD}.side .on{background:rgba(59,169,200,.13);color:var(--bt);font-weight:600}
.map{background:linear-gradient(180deg,#F4FAFC,#EAF5F9)}
.dash .map:after{background:linear-gradient(transparent,rgba(234,245,249,.95))}
.av{background:linear-gradient(135deg,#FF5000,#D23E00);color:#fff}
.wave i{background:linear-gradient(#4BC1DB,#318CA6)}
.keys span{background:#F5F8FA;border:1px solid var(--line);color:var(--ink)}
.dial{background:linear-gradient(180deg,#22C55E,#15803D);color:#fff;box-shadow:0 10px 24px -10px #16A34A}
.tag{background:rgba(59,169,200,.10);color:var(--bt);border:1px solid rgba(59,169,200,.28)}
/* trust: the single deep globe-blue band */
.trust{background:linear-gradient(100deg,#1E6F88 0%,#257F9A 50%,#2A8BA6 100%);border:0;color:#fff}
.trust div.t{border-color:rgba(255,255,255,.16)!important}
.trust b{background:none;-webkit-background-clip:initial;color:#fff}
.trust span{color:#E4F4F9}
/* sections */
section:nth-of-type(even){background:linear-gradient(180deg,#F6F9FB,#fff)}
.bx{background:linear-gradient(180deg,#FFFFFF,#F8FBFC)}
.ico{background:linear-gradient(180deg,rgba(255,80,0,.12),rgba(255,80,0,.04));border:1px solid rgba(255,80,0,.22);color:var(--o2)}
.viz{background:#F2F8FB;border-color:var(--line)}
.cl li{color:#3A4652}.cl li svg{color:var(--o)}
/* pricing */
.plan .tg{color:var(--bt)}
.plan.pop{background:linear-gradient(180deg,#FFF3EB,#FFFFFF 45%);box-shadow:0 0 0 2px rgba(255,80,0,.55),0 40px 90px -30px rgba(255,80,0,.45)}
.plan.pop .tg{background:linear-gradient(180deg,#E64A00,#C23A00);color:#fff}
.plan ul{color:#3A4652}.plan li svg{color:var(--b2)}.plan.pop li svg{color:var(--o)}
.amt{color:var(--ink)}.amt sup,.amt small{color:var(--mut)}
.chip{background:#fff;color:#3A4652;border:1px solid var(--line)}.chip svg{color:var(--b2)}
.chip.pr{background:linear-gradient(180deg,#FFF1E8,#FFF8F3);border-color:rgba(255,80,0,.3);color:var(--ink)}.chip.pr svg{color:var(--o)}
.tabs{background:#F2F6F8}.tabs .on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(30,42,54,.2)}
.st:before{color:var(--o2)}
/* cta band: warm logo gradient */
.band{background:linear-gradient(120deg,#E64A00 0%,#D23E00 55%,#B83500 100%)!important;color:#fff}
.band h2{color:#fff}.band p{color:#FFE9DC}
.band:after{background:radial-gradient(60% 120% at 85% 0%,rgba(255,140,80,.45),transparent 70%),radial-gradient(40% 80% at 0% 100%,rgba(75,193,219,.25),transparent)}
.band .gridbg{background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}
.band .aur{display:none}.band:before{display:none}
.band .btn.g{background:rgba(255,255,255,.12);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.45) inset}.band .btn.g svg{color:#fff}
footer{background:#F5F8FA;color:var(--mut)}footer h5{color:var(--ink)}footer .cols a{color:var(--mut)}footer a:hover{color:var(--o2)}
.fab{background:linear-gradient(180deg,#E64A00,#C23A00);color:#fff;box-shadow:0 16px 36px -10px rgba(255,80,0,.7)}
@media(max-width:640px){.logo-chip img{height:36px}}
html,body{overflow-x:clip}.phead{overflow:clip}
.band:after{background:radial-gradient(60% 120% at 85% 0%,rgba(255,140,80,.40),transparent 70%),radial-gradient(50% 90% at 5% 110%,rgba(150,35,0,.35),transparent)}
.band .gridbg{opacity:.5!important}
@media(max-width:900px){.steps{grid-template-columns:1fr!important}}
@media (max-width:900px){header.nav.open .links{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:12px 16px;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(30,42,54,.12)}header.nav.open .links a{padding:12px}}
.logo-chip img{display:block}