/* Futuristic layer for the landing page — aurora field, grid horizon, orbital rack, scan details */
.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;contain:strict}
.aurora i{position:absolute;display:block;border-radius:50%;filter:blur(64px);opacity:.5;mix-blend-mode:screen;will-change:transform;animation:drift 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:640px;height:640px;background:radial-gradient(circle,rgba(31,168,255,.5),transparent 70%);top:-240px;left:-160px}
.aurora i:nth-child(2){width:520px;height:520px;background:radial-gradient(circle,rgba(65,229,255,.4),transparent 70%);top:120px;right:-180px;animation-delay:-9s;animation-duration:32s}
.aurora i:nth-child(3){width:760px;height:760px;background:radial-gradient(circle,rgba(65,229,255,.22),transparent 70%);top:52vh;left:38%;animation-delay:-16s;animation-duration:38s}
.aurora i:nth-child(4){width:560px;height:560px;background:radial-gradient(circle,rgba(30,91,224,.34),transparent 70%);bottom:-200px;left:8%;animation-delay:-22s;animation-duration:30s}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,-40px,0) scale(1.12)}100%{transform:translate3d(-40px,50px,0) scale(.96)}}
.horizon{position:absolute;inset:auto 0 0 0;height:340px;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to top,#000 5%,transparent 92%);-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 92%)}
.horizon::before{content:"";position:absolute;inset:-40% -30% -10% -30%;background:linear-gradient(rgba(65,229,255,.22) 1px,transparent 1px) 0 0/100% 34px,linear-gradient(90deg,rgba(65,229,255,.18) 1px,transparent 1px) 0 0/34px 100%;transform:perspective(420px) rotateX(74deg);transform-origin:50% 100%;}
@keyframes sweep{to{background-position:0 34px,34px 0}}
.hero{isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);opacity:.6}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.eyebrow b{color:var(--mag);font-weight:500}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--mag))}
h1.hero-h .gl{position:relative;background:linear-gradient(100deg,#fff 8%,#1FA8FF 38%,#1E5BE0 62%,#41E5FF 82%,#fff 98%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s ease-in-out infinite}
@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.rackwrap{position:relative}
.rackwrap::before,.rackwrap::after{content:"";position:absolute;left:50%;top:46%;border-radius:50%;border:1px solid rgba(65,229,255,.24);transform:translate(-50%,-50%) rotateX(72deg);pointer-events:none}
.rackwrap::before{width:330px;height:330px;will-change:transform;animation:spin 28s linear infinite}
.rackwrap::after{width:470px;height:470px;border-color:rgba(65,229,255,.18);animation:spin 34s linear infinite reverse}
@keyframes spin{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(360deg)}}
.stat{position:relative;overflow:hidden}
.stat::after{display:none}
.stat:nth-child(2)::after{animation-delay:1.6s}
@keyframes pass{0%,60%{left:-45%}100%{left:120%}}
.sec-h{position:relative}
.sec-head .label,.sec .label{position:relative;padding-left:16px}
.sec-head .label::before,.sec .label::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:var(--mag);box-shadow:0 0 8px var(--mag)}
.divline{height:1px;background:linear-gradient(90deg,transparent,rgba(65,229,255,.35),rgba(65,229,255,.2),transparent)}
.tile,.card,.prow,.pcard{position:relative}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.05),transparent 42%);opacity:.7}
.term-bar span::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-left:10px;vertical-align:1px;animation:bl 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.aurora i,.horizon::before,h1.hero-h .gl,.rackwrap::before,.rackwrap::after,.stat::after{animation:none}}
@media(max-width:1000px){.rackwrap::before,.rackwrap::after{display:none}}

.aurora i:nth-child(3){mix-blend-mode:screen}
.eyebrow b{color:var(--cyan)}
.eyebrow::before{background:linear-gradient(90deg,transparent,var(--cyan))}
.checks svg{color:var(--cyan)}
.stat:nth-child(2) b.grad-text{background:var(--grad-cy);-webkit-background-clip:text;background-clip:text}
.term-bar span::after{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.card::after{background:linear-gradient(140deg,rgba(190,225,255,.07),transparent 44%)}

/* deeper futuristic pass */
.nav{border-bottom:0;box-shadow:0 1px 0 0 rgba(190,175,255,.1),0 18px 50px -30px rgba(30,91,224,.65)}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(65,229,255,.55),rgba(65,229,255,.5),transparent);opacity:.75}
.mark i{position:relative;box-shadow:0 0 18px rgba(65,229,255,.55),0 0 44px rgba(30,91,224,.4)}
.mark i::after{content:"";position:absolute;inset:-5px;border-radius:9px;border:1px solid rgba(65,229,255,.4);animation:halo 3.4s ease-in-out infinite}
@keyframes halo{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.09)}}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:linear-gradient(90deg,var(--mag),var(--cyan));transition:right .32s var(--t)}
.nav-links a:hover::after{right:0}
.hero-h{text-shadow:0 0 60px rgba(31,168,255,.42)}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%,transparent 55%,rgba(4,7,15,.88) 100%)}
.eyebrow{position:relative;padding-right:2px}
.eyebrow::after{content:"";position:absolute;right:-14px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:bl 2s ease-in-out infinite}
.stat{background:linear-gradient(160deg,rgba(65,229,255,.08),transparent 55%),var(--surface)}
.stat::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--mag),transparent);opacity:.6}
.stat:nth-child(2)::before{background:linear-gradient(180deg,transparent,var(--cyan),transparent)}
.rackwrap{}
.rackwrap .rack{position:relative;z-index:1}
.term{position:relative;background:linear-gradient(180deg,rgba(65,229,255,.05),transparent 40%),var(--surface)}
.term::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 4px);opacity:.5}
.term::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--mag),transparent);opacity:.55;animation:scanline 5.5s linear infinite}
@keyframes scanline{0%{transform:translateY(0);opacity:0}12%{opacity:.6}88%{opacity:.6}100%{transform:translateY(230px);opacity:0}}
.btn-p{position:relative;overflow:hidden}
.btn-p::after{display:none}
@keyframes btnpass{0%,70%{left:-60%}100%{left:130%}}
.sec+.sec{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(65,229,255,.3),rgba(65,229,255,.22),transparent) 1}
.sec-h{text-shadow:0 0 40px rgba(31,168,255,.35)}
.prow:hover,.card-hov:hover{box-shadow:0 0 0 1px rgba(65,229,255,.18),0 20px 60px -22px rgba(30,91,224,.7),0 0 34px -14px rgba(255,138,43,.45)}
.prow.pop::before,.pcard.pop::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(120deg,var(--mag),var(--vio),var(--cyan),var(--mag));background-size:280% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:edge 6s linear infinite}
@keyframes edge{to{background-position:280% 0}}
.tile:hover,.pt:hover{box-shadow:0 0 26px -10px rgba(65,229,255,.55)}
.foot{background:linear-gradient(180deg,transparent,rgba(30,91,224,.1))}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(65,229,255,.45),rgba(240,63,208,.4),transparent)}
@media(prefers-reduced-motion:reduce){.mark i::after,.term::after,.btn-p::after,.prow.pop::before,.pcard.pop::before,.eyebrow::after{animation:none}}

.logo-img{height:56px;width:auto;display:block;filter:drop-shadow(0 0 20px rgba(65,229,255,.55))}
.mark{gap:0!important}
.foot .logo-img{height:70px}
.nav-in{height:82px}
.side .logo-img,.sb .logo-img{height:34px}
@media(max-width:640px){.logo-img{height:42px}.nav-in{height:68px}}

.prow.pop::before,.pcard.pop::before{background:linear-gradient(120deg,#41E5FF,#1FA8FF,#FF8A2B,#41E5FF);background-size:280% 100%}
.tag,.pop-tag{background:var(--grad-fl)!important;color:#1A0E03!important}
.stat:nth-child(1)::before{background:linear-gradient(180deg,transparent,var(--flame),transparent)}
.eyebrow b{color:var(--cyan)}
.hero-h{text-shadow:0 0 60px rgba(31,168,255,.4)}