/* Blue atmosphere and deliberate, lightweight motion. */
:root{--bg:#070b14;--bg1:#0c1322;--bg2:#101b2e;--bg3:#17243a;--b1:rgba(147,197,253,.08);--b2:rgba(147,197,253,.14)}
.nav{background:rgba(7,11,20,.84)}
.hero{isolation:isolate;min-height:86svh;padding-top:150px;padding-bottom:110px}
.hero::after{width:1000px;height:750px;top:-15%;background:radial-gradient(ellipse,rgba(37,99,235,.23),rgba(14,165,233,.06) 45%,transparent 70%);animation:blueAtmosphere 16s ease-in-out infinite;z-index:-1}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,black 15%,black 70%,transparent)}
.orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(96,165,250,.12);border-radius:50%;width:1050px;height:450px;transform:translate(-50%,-50%) rotate(-24deg)}
.orbit-two{width:1250px;height:650px;transform:translate(-50%,-50%) rotate(24deg);border-color:rgba(56,189,248,.08)}
.orbit-three{width:1500px;height:850px;border-style:dashed;border-color:rgba(96,165,250,.06)}
.orbit-one::after,.orbit-two::after{content:'';position:absolute;top:50%;left:-3px;width:6px;height:6px;background:#93c5fd;border-radius:50%;box-shadow:0 0 24px 6px rgba(59,130,246,.45)}
.hero h1{max-width:860px;font-size:clamp(44px,6.1vw,86px);letter-spacing:-3px;line-height:1.06}
.hero h1 .serif{color:#93c5fd;text-shadow:0 0 50px rgba(59,130,246,.22)}
.hero-badge{border-color:rgba(96,165,250,.25);background:rgba(15,30,54,.7);box-shadow:0 0 32px rgba(59,130,246,.08)}
.hero-sub{max-width:570px;color:#adbed6}.hero-note{color:#8093af}
.btn-primary,.nav-cta,.pc-orange{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 22px rgba(37,99,235,.25),inset 0 1px rgba(255,255,255,.2)}
.hero-btns .btn-primary,.hero-btns .btn-ghost{animation:fadeUp .8s .45s cubic-bezier(.16,1,.3,1) both}
.stats{background:rgba(12,19,34,.8);border-color:rgba(96,165,250,.16);box-shadow:0 20px 70px rgba(0,0,0,.16)}
.f-card,.demo-widget,.traction-block{border-color:rgba(96,165,250,.12);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.f-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s}.f-card:hover{border-color:rgba(96,165,250,.36);transform:translateY(-6px)}
.f-card-glow{background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%)}
.pc.hot{animation:none;border-top:2px solid #60a5fa}.badge-dot,.dw-dot{animation:none}
.reveal{transition-duration:.8s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.home-paused .hero::after,.home-paused .orbit{animation-play-state:paused!important}
@keyframes blueAtmosphere{0%,100%{transform:translateX(-50%) scale(1);opacity:.75}50%{transform:translateX(-46%) scale(1.08);opacity:1}}
@media(prefers-reduced-motion:no-preference){.orbit-one{animation:orbitDrift 24s ease-in-out infinite}.orbit-two{animation:orbitDrift 30s ease-in-out infinite reverse}@keyframes orbitDrift{50%{transform:translate(-48%,-46%) rotate(8deg)}}}
@media(max-width:600px){.hero{min-height:740px;min-height:85svh;padding:120px 22px 80px}.hero h1{letter-spacing:-1.7px}.hero-sub{font-size:16px}.orbit{opacity:.5}.hero::after{width:650px}.hero-btns{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::after,.orbit,.hero *{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}