/* One dark theme + glass and shadows */
:root{color-scheme:dark}
.hero{border-bottom:0;background:radial-gradient(760px 520px at 85% 35%,#16365a 0%,transparent 70%),radial-gradient(520px 360px at 0% 100%,#0f2a44 0%,transparent 70%),linear-gradient(180deg,#070f17 0%,#070f17 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#3b9cff66,transparent)}
body{background:var(--bg)}
/* GLASS + SHADOW */
:root{--gl:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));--gb:rgba(255,255,255,.11);
--sh:0 24px 50px -22px rgba(0,0,0,.7),0 8px 18px -10px rgba(0,0,0,.5);--shh:0 34px 70px -24px rgba(0,0,0,.85),0 0 46px -18px rgba(59,156,255,.45);--bl:blur(16px) saturate(150%)}
section::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;pointer-events:none;top:18%;right:-160px;background:radial-gradient(circle,rgba(59,156,255,.20),transparent 68%)}
section:nth-of-type(even)::after{right:auto;left:-180px;top:40%;background:radial-gradient(circle,rgba(56,211,159,.12),transparent 68%)}
.hero .hg::before,.hero .hg::after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.hero .hg::before{right:-60px;top:40px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,156,255,.38),transparent 68%)}
.hero .hg::after{left:30%;bottom:-40px;width:300px;height:300px;background:radial-gradient(circle,rgba(56,211,159,.16),transparent 68%)}
nav{background:rgba(7,15,23,.55);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 30px -14px rgba(0,0,0,.7)}
.card:not(.pj),.stats div,.steps li,.tl div,.two>.rv:nth-child(2)>div{background:var(--gl);border:1px solid var(--gb);-webkit-backdrop-filter:var(--bl);backdrop-filter:var(--bl);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.03)}
.card:not(.pj)::before{display:none}
.card:hover,.steps li:hover,.tl div:hover,.stats div:hover{box-shadow:var(--shh),inset 0 1px 0 rgba(255,255,255,.2)}
.steps li,.tl div,.stats div{transition:box-shadow .35s,transform .35s}
.steps li:hover,.stats div:hover{transform:translateY(-4px)}
.pj{box-shadow:var(--sh)}.pj:hover{box-shadow:var(--shh)}
.cta{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)) padding-box,linear-gradient(135deg,#3b9cffaa,transparent 42%,#3b9cff66) border-box;-webkit-backdrop-filter:var(--bl);backdrop-filter:var(--bl);box-shadow:0 40px 90px -30px rgba(0,0,0,.85),0 0 80px -34px rgba(59,156,255,.5),inset 0 1px 0 rgba(255,255,255,.14)}
.chip{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 14px 30px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.2)}
.av,.mini span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.av{box-shadow:0 8px 24px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.pf{box-shadow:0 60px 100px -44px #000,0 24px 40px -24px rgba(0,0,0,.8),0 0 100px -28px rgba(59,156,255,.6)}
.btn{box-shadow:0 14px 30px -10px rgba(59,156,255,.7),inset 0 1px 0 rgba(255,255,255,.28)}
.btn:hover{box-shadow:0 18px 38px -10px rgba(59,156,255,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.o{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15)}
.brands span{background:var(--gl);border-color:var(--gb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.card:not(.pj) svg{box-shadow:0 10px 22px -10px rgba(59,156,255,.6),inset 0 1px 0 rgba(255,255,255,.2)}
@media(max-width:860px){:root{--bl:blur(9px) saturate(140%)}section::after{width:320px;height:320px}}
@media(prefers-reduced-motion:reduce){.steps li:hover,.stats div:hover{transform:none}}
/* TRUE GLASS + 3D DEPTH (no glow) */