:root{--bg:#00101F;--bg2:#000813;--cyan:#58D9FF;--bright:#00F0FF;--blue:#087CE8;--mag:#FF00E5;--purple:#8B00FF;--green:#00FF88;--gold:#FFD700;--text:#F3FDFF;--muted:#A9D6EA;--panel:rgba(4,22,40,.78);--line:rgba(88,217,255,.18);--shadow:0 28px 90px rgba(0,0,0,.48);--r:24px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 3%,rgba(0,240,255,.13),transparent 24%),radial-gradient(circle at 92% 22%,rgba(255,0,229,.10),transparent 22%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(88,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 25%,#000 10%,transparent 80%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(calc(100% - 34px),var(--max));margin:auto}.topbar{position:sticky;top:0;z-index:80;background:rgba(0,16,31,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-family:Orbitron,Inter,sans-serif;font-weight:900;letter-spacing:.15em}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--bright),var(--cyan));color:#00101f;box-shadow:0 0 28px rgba(0,240,255,.45)}.navlinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.92rem}.navlinks a:hover{color:var(--text)}.menu{display:none;background:none;border:0;color:#fff;font-size:1.45rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:999px;font-weight:800;border:1px solid rgba(88,217,255,.25);transition:.22s transform,.22s box-shadow,.22s border-color}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--bright),var(--cyan));color:#00101f;box-shadow:0 0 26px rgba(0,240,255,.30)}.primary:hover{box-shadow:0 0 42px rgba(0,240,255,.5)}.ghost{background:rgba(255,255,255,.035)}.hero{min-height:calc(100vh - 76px);display:grid;align-items:center;position:relative;overflow:hidden}.hero:after{content:none!important;display:none!important}.hero-grid,.page-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center;padding:72px 0}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.24em;font-weight:900;color:var(--cyan);margin-bottom:15px}.hero h1,.title,.page-title{font-family:Orbitron,sans-serif;line-height:.98;margin:0;text-shadow:0 0 24px rgba(0,240,255,.24)}.hero h1{font-size:clamp(4.2rem,9vw,8rem);letter-spacing:.05em}.page-title{font-size:clamp(3rem,7vw,5.8rem)}.title{font-size:clamp(2rem,5vw,3.25rem);margin-bottom:14px}.hero p,.lead{color:var(--muted);font-size:1.06rem;line-height:1.82}.actions,.chips{display:flex;gap:12px;flex-wrap:wrap}.actions{margin:27px 0}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(88,217,255,.05);font-size:.82rem;color:var(--muted)}.panel,.card,.shot,.faq details,.doc-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--panel);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:var(--r)}.panel{padding:25px}.product-shot{position:relative;padding:12px;border-radius:26px;background:#020b14;border:1px solid rgba(88,217,255,.25);box-shadow:0 0 0 1px rgba(0,240,255,.04),0 30px 90px rgba(0,0,0,.55),0 0 60px rgba(0,240,255,.10);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.product-shot:before{content:"";position:absolute;inset:-2px;border-radius:27px;background:linear-gradient(120deg,rgba(0,240,255,.5),transparent 25%,transparent 70%,rgba(255,0,229,.35));z-index:-1;filter:blur(10px);opacity:.5}.product-shot img{border-radius:16px;width:100%;height:auto}.windowbar{height:30px;display:flex;gap:7px;align-items:center;padding-left:5px}.windowbar i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.section{padding:96px 0}.section-head{max-width:780px;margin-bottom:34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:24px;overflow:hidden;transition:.25s transform,.25s border-color,.25s box-shadow}.card:hover{transform:translateY(-5px);border-color:rgba(88,217,255,.38);box-shadow:0 0 0 1px rgba(88,217,255,.08),0 0 42px rgba(0,240,255,.12),var(--shadow)}.card .icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:rgba(88,217,255,.07);border:1px solid rgba(88,217,255,.2);font-weight:900;color:var(--bright);margin-bottom:17px}.card h3{margin:0 0 10px}.card p,.muted{color:var(--muted);line-height:1.72}.showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.showcase.reverse{grid-template-columns:.8fr 1.2fr}.shot{overflow:hidden;padding:10px}.shot img{border-radius:15px;width:100%;height:auto}.shot figcaption{padding:13px 8px 4px;color:var(--muted);font-size:.86rem}.check{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;color:var(--muted)}.check li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:15px;border-radius:15px;background:rgba(88,217,255,.04);border:1px solid var(--line)}.stat b{display:block;color:var(--bright);font-family:Orbitron}.stat span{font-size:.8rem;color:var(--muted)}.faq{display:grid;gap:13px}.faq details{padding:20px 22px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.75}.page-hero{padding:64px 0 42px}.page-grid{padding:20px 0}.breadcrumbs{color:var(--cyan);font-size:.83rem;margin-bottom:15px}.cta{padding:44px;text-align:center;overflow:hidden}.cta:before{content:"";position:absolute;inset:-45%;background:conic-gradient(transparent,var(--bright),transparent,var(--mag),transparent);animation:spin 11s linear infinite;opacity:.16}.cta>*{position:relative}.doc-layout{display:grid;grid-template-columns:250px 1fr;gap:24px}.doc-nav{position:sticky;top:98px;align-self:start;padding:20px}.doc-nav a{display:block;padding:9px 0;color:var(--muted)}.doc-card{padding:28px}.doc-card h2{font-family:Orbitron;margin-top:0}.notice{border-left:3px solid var(--cyan);padding:15px 18px;background:rgba(88,217,255,.055);color:var(--muted);border-radius:0 12px 12px 0}.footer{border-top:1px solid var(--line);padding:44px 0 24px;background:rgba(0,8,20,.62)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer h4{font-family:Orbitron}.footer ul{list-style:none;padding:0;display:grid;gap:9px;color:var(--muted)}.bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:var(--muted);font-size:.87rem}.reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.reveal.on{opacity:1;transform:none}.premium-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,215,0,.25);border-radius:999px;color:var(--gold);background:rgba(255,215,0,.04);font-size:.8rem}.future{border-color:rgba(255,215,0,.18)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:930px){.navlinks{display:none;position:absolute;top:76px;left:17px;right:17px;padding:18px;flex-direction:column;align-items:stretch;background:#00101ff2;border:1px solid var(--line);border-radius:18px}.navlinks.open{display:flex}.menu{display:block}.hero-grid,.page-grid,.showcase,.showcase.reverse,.doc-layout{grid-template-columns:1fr}.grid,.footer-grid{grid-template-columns:1fr 1fr}.product-shot{transform:none}.doc-nav{position:static}.hero{min-height:auto}}@media(max-width:620px){.grid,.footer-grid,.statline{grid-template-columns:1fr}.section{padding:72px 0}.hero-grid{padding:58px 0}.hero h1{font-size:clamp(3.5rem,20vw,5rem)}.cta{padding:34px 18px}.bottom{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* === V2 PREMIUM VISUAL ENHANCEMENT — structure/text/routes preserved === */
:root{--shot-cyan:#58D9FF;--shot-bright:#00F0FF;--shot-mag:#FF00E5;--shot-green:#00FF88}

/* Header polish without structural changes */
.topbar{transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease}
.topbar.scrolled{background:rgba(0,16,31,.90);border-bottom-color:rgba(0,240,255,.28);box-shadow:0 10px 40px rgba(0,0,0,.28),0 1px 26px rgba(0,240,255,.08);backdrop-filter:blur(26px) saturate(130%)}
.brand .mark{animation:brandPulse 4.8s ease-in-out infinite}
.navlinks>a:not(.btn){position:relative}
.navlinks>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--bright),var(--cyan));box-shadow:0 0 12px rgba(0,240,255,.65);transition:right .24s ease}
.navlinks>a:not(.btn):hover::after{right:0}

/* Premium buttons */
.btn{position:relative;overflow:hidden;isolation:isolate}
.primary{background:linear-gradient(120deg,var(--bright) 0%,var(--cyan) 52%,var(--green) 100%);border-color:rgba(0,240,255,.58);box-shadow:0 0 0 1px rgba(0,240,255,.08),0 0 28px rgba(0,240,255,.28),0 10px 32px rgba(0,0,0,.28)}
.primary::before{content:"";position:absolute;z-index:-1;top:-30%;bottom:-30%;left:-35%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent);transform:skewX(-18deg);animation:buttonShine 4.2s ease-in-out infinite}
.primary:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(0,240,255,.18),0 0 42px rgba(0,240,255,.42),0 18px 38px rgba(0,0,0,.38)}
.primary:active{transform:translateY(0) scale(.985)}

/* Stronger glass cards, same layout */
.panel,.card,.faq details,.doc-card{background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.022)),rgba(0,16,31,.60);backdrop-filter:blur(24px) saturate(128%);-webkit-backdrop-filter:blur(24px) saturate(128%);border-color:rgba(88,217,255,.14)}
.card:hover,.faq details:hover,.panel:hover{border-color:rgba(0,240,255,.30);box-shadow:0 0 0 1px rgba(0,240,255,.07),0 0 32px rgba(0,240,255,.10),var(--shadow)}

/* Shared screenshot treatment */
.product-shot,.shot{overflow:visible;isolation:isolate;transform-style:preserve-3d;will-change:transform,filter;transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease,border-color .4s ease,filter .45s ease}
.product-shot::after,.shot::after{content:"";position:absolute;z-index:-2;inset:-10%;border-radius:34px;background:radial-gradient(circle at 28% 35%,rgba(0,240,255,.27),transparent 42%),radial-gradient(circle at 82% 72%,rgba(255,0,229,.18),transparent 38%);filter:blur(34px);opacity:.75;animation:haloPulse 6.5s ease-in-out infinite;pointer-events:none}
.product-shot::before,.shot::before{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:inherit;background:linear-gradient(125deg,rgba(0,240,255,.88),rgba(88,217,255,.22) 35%,rgba(255,255,255,.06) 58%,rgba(255,0,229,.52));filter:blur(8px);opacity:.55;transition:opacity .35s ease,filter .35s ease;pointer-events:none}

.product-shot{padding:12px;border-radius:26px;background:linear-gradient(145deg,rgba(0,240,255,.08),rgba(0,16,31,.98) 42%,rgba(255,0,229,.04));border:1px solid rgba(88,217,255,.42);box-shadow:0 32px 85px rgba(0,0,0,.55),0 0 38px rgba(0,240,255,.14),inset 0 0 0 1px rgba(255,255,255,.025);transform:perspective(1500px) rotateY(-4.2deg) rotateX(1.25deg) translateY(0);animation:shotFloatHero 7s ease-in-out infinite}
.product-shot img{width:100%;height:auto;object-fit:contain;border-radius:16px;display:block;transform:translateZ(0);filter:saturate(1.03) contrast(1.015);box-shadow:0 14px 38px rgba(0,0,0,.32)}
.product-shot .windowbar{position:relative;z-index:3}

.shot{padding:11px;border-radius:20px;background:linear-gradient(145deg,rgba(0,240,255,.07),rgba(0,16,31,.94) 48%,rgba(255,0,229,.035));border:1px solid rgba(88,217,255,.34);box-shadow:0 30px 78px rgba(0,0,0,.48),0 0 34px rgba(0,240,255,.10);transform:perspective(1450px) rotateY(2.6deg) rotateX(.8deg) translateY(0);animation:shotFloat 7.8s ease-in-out infinite}
.showcase.reverse .shot{transform:perspective(1450px) rotateY(-2.6deg) rotateX(.8deg) translateY(0);animation-delay:-2.2s}
.shot img{width:100%;height:auto;object-fit:contain;border-radius:14px;display:block;filter:saturate(1.025) contrast(1.01);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.shot figcaption{position:relative;z-index:4}

/* Shine layer that sweeps only the visual frame */
.product-shot>.screen-shine,.shot>.screen-shine{position:absolute;z-index:5;pointer-events:none;inset:12px;border-radius:16px;overflow:hidden}
.shot>.screen-shine{inset:11px 11px 45px;border-radius:14px}
.product-shot>.screen-shine::before,.shot>.screen-shine::before{content:"";position:absolute;top:-25%;bottom:-25%;left:-40%;width:20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(88,217,255,.16),transparent);transform:skewX(-18deg);opacity:0}
.product-shot:hover>.screen-shine::before,.shot:hover>.screen-shine::before{opacity:1;animation:screenShine 1.15s cubic-bezier(.2,.7,.2,1) 1}

.product-shot:hover,.shot:hover{animation-play-state:paused;border-color:rgba(0,240,255,.78);box-shadow:0 38px 95px rgba(0,0,0,.58),0 0 18px rgba(0,240,255,.32),0 0 58px rgba(0,240,255,.18),0 0 76px rgba(255,0,229,.055);filter:brightness(1.035)}
.product-shot:hover{transform:perspective(1500px) rotateY(0deg) rotateX(0deg) translateY(-8px) scale(1.025)}
.shot:hover,.showcase.reverse .shot:hover{transform:perspective(1450px) rotateY(0deg) rotateX(0deg) translateY(-7px) scale(1.018)}
.product-shot:hover::before,.shot:hover::before{opacity:.9;filter:blur(10px)}
.product-shot:hover::after,.shot:hover::after{opacity:1}

/* More dimensional screenshot reveal, same observer class */
.product-shot.reveal,.shot.reveal{opacity:0;transform:perspective(1450px) translateY(34px) scale(.965) rotateX(2.2deg);transition:opacity .78s ease,transform .9s cubic-bezier(.2,.72,.18,1)}
.product-shot.reveal.on{opacity:1;transform:perspective(1500px) rotateY(-4.2deg) rotateX(1.25deg) translateY(0)}
.shot.reveal.on{opacity:1;transform:perspective(1450px) rotateY(2.6deg) rotateX(.8deg) translateY(0)}
.showcase.reverse .shot.reveal.on{transform:perspective(1450px) rotateY(-2.6deg) rotateX(.8deg) translateY(0)}
.product-shot.reveal.on:hover,.shot.reveal.on:hover,.showcase.reverse .shot.reveal.on:hover{transform:perspective(1450px) rotateY(0) rotateX(0) translateY(-7px) scale(1.018)}
.product-shot.reveal.on:hover{transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-8px) scale(1.025)}

/* Preserve full screenshots on all viewports */
.product-shot img,.shot img{max-width:100%;aspect-ratio:auto!important;object-position:center center}

@keyframes brandPulse{0%,100%{box-shadow:0 0 24px rgba(0,240,255,.34)}50%{box-shadow:0 0 36px rgba(0,240,255,.55),0 0 58px rgba(88,217,255,.18)}}
@keyframes buttonShine{0%,58%{left:-35%;opacity:0}64%{opacity:.85}82%{left:120%;opacity:0}100%{left:120%;opacity:0}}
@keyframes haloPulse{0%,100%{opacity:.56;transform:scale(.98)}50%{opacity:.86;transform:scale(1.035)}}
@keyframes shotFloatHero{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes shotFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes screenShine{0%{left:-38%;opacity:0}18%{opacity:.9}100%{left:125%;opacity:0}}

@media(max-width:930px){.product-shot,.product-shot.reveal.on,.shot,.shot.reveal.on,.showcase.reverse .shot,.showcase.reverse .shot.reveal.on{transform:perspective(1200px) rotateY(0deg) rotateX(.7deg)}.product-shot:hover,.product-shot.reveal.on:hover,.shot:hover,.shot.reveal.on:hover,.showcase.reverse .shot:hover,.showcase.reverse .shot.reveal.on:hover{transform:translateY(-5px) scale(1.01)}}
@media(max-width:620px){.product-shot,.shot{border-radius:18px;padding:8px}.product-shot img,.shot img{border-radius:12px}.product-shot>.screen-shine{inset:8px}.shot>.screen-shine{inset:8px 8px 42px}}
@media(prefers-reduced-motion:reduce){.product-shot,.shot,.brand .mark,.primary::before,.product-shot::after,.shot::after{animation:none!important}.product-shot,.product-shot.reveal.on,.shot,.shot.reveal.on,.showcase.reverse .shot,.showcase.reverse .shot.reveal.on{transform:none!important}}

/* NAV + HERO PREMIUM — scoped change only */
.brand-name{font-family:Orbitron,Inter,sans-serif;font-weight:900;font-style:italic;letter-spacing:.13em;background:linear-gradient(100deg,#58D9FF 0%,#00F0FF 42%,#58D9FF 72%,#00B9ED 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 9px rgba(0,240,255,.58),0 0 25px rgba(88,217,255,.24);animation:neithBrandFlow 4.5s ease-in-out infinite;transition:filter .25s ease,transform .25s ease}.brand:hover .brand-name{filter:brightness(1.35) drop-shadow(0 0 10px rgba(0,240,255,.72));transform:translateY(-1px)}
.brand .mark{overflow:hidden;padding:3px;background:radial-gradient(circle at 35% 30%,rgba(0,240,255,.24),rgba(0,16,31,.95) 66%);border:1px solid rgba(0,240,255,.55);box-shadow:0 0 18px rgba(0,240,255,.38),inset 0 0 14px rgba(0,240,255,.14);transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}.brand .mark img{width:100%;height:100%;object-fit:contain;border-radius:10px;filter:saturate(1.25) brightness(1.12) drop-shadow(0 0 7px rgba(0,240,255,.7))}.brand:hover .mark{transform:translateY(-2px) scale(1.05);filter:brightness(1.2);box-shadow:0 0 25px rgba(0,240,255,.72),0 0 45px rgba(88,217,255,.24),inset 0 0 16px rgba(0,240,255,.22)}
.navlinks>a:not(.btn){font-family:Orbitron,Inter,sans-serif;font-size:.76rem;font-weight:800;letter-spacing:.035em;color:#58D9FF;text-shadow:0 0 9px rgba(88,217,255,.2);transition:color .22s ease,text-shadow .22s ease,transform .22s ease}.navlinks>a:not(.btn):hover{color:#00F0FF;text-shadow:0 0 8px rgba(0,240,255,.85),0 0 22px rgba(0,240,255,.45);transform:translateY(-2px)}
.navlinks .btn.primary,.hero .btn.primary{font-family:Orbitron,Inter,sans-serif;font-weight:900;letter-spacing:.045em;background:linear-gradient(115deg,#00F0FF 0%,#58D9FF 43%,#00FF88 100%);color:#00101F;border:1px solid rgba(168,255,245,.72);box-shadow:0 0 17px rgba(0,240,255,.34),0 0 36px rgba(0,255,136,.13),inset 0 1px 0 rgba(255,255,255,.55);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.navlinks .btn.primary::after,.hero .btn.primary::after{content:"";position:absolute;inset:-40% auto -40% -35%;width:23%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transform:skewX(-20deg);transition:left .55s ease}.navlinks .btn.primary:hover,.hero .btn.primary:hover{transform:translateY(-3px);filter:saturate(1.12) brightness(1.08);box-shadow:0 0 25px rgba(0,240,255,.62),0 0 48px rgba(0,255,136,.22),inset 0 1px 0 rgba(255,255,255,.7)}.navlinks .btn.primary:hover::after,.hero .btn.primary:hover::after{left:118%}
.hero h1{font-style:italic;font-weight:900;background:linear-gradient(100deg,#58D9FF 0%,#00F0FF 30%,#58D9FF 58%,#00F0FF 78%,#087CE8 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 7px rgba(0,240,255,.9),0 0 20px rgba(0,240,255,.48),0 0 46px rgba(88,217,255,.25);animation:heroNeithFlow 5.5s ease-in-out infinite,heroNeithFloat 4.2s ease-in-out infinite;transform-origin:left center}
.hero-carousel{position:relative;min-width:0;padding:30px 46px 42px;perspective:1500px}.hero-carousel-halo{position:absolute;inset:8% 3% 3%;border-radius:50%;background:radial-gradient(ellipse at 42% 48%,rgba(0,240,255,.25),transparent 52%),radial-gradient(ellipse at 70% 55%,rgba(255,0,229,.13),transparent 55%);filter:blur(30px);animation:heroHaloPulse 5s ease-in-out infinite;pointer-events:none}.hero-carousel-stage{position:relative;aspect-ratio:1.55/1;border-radius:32% 18% 30% 20% / 18% 30% 20% 32%;overflow:hidden;background:linear-gradient(145deg,rgba(0,240,255,.12),rgba(0,16,31,.96) 34%,rgba(255,0,229,.08));border:1px solid rgba(0,240,255,.7);box-shadow:0 28px 75px rgba(0,0,0,.6),0 0 28px rgba(0,240,255,.3),0 0 68px rgba(88,217,255,.12),inset 0 0 30px rgba(0,240,255,.08);transform:rotateY(-5deg) rotateX(1.5deg);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease;animation:heroScreenFloat 5.4s ease-in-out infinite}.hero-carousel-stage:hover{transform:rotateY(0) rotateX(0) translateY(-7px) scale(1.018);border-color:#00F0FF;box-shadow:0 34px 88px rgba(0,0,0,.65),0 0 36px rgba(0,240,255,.55),0 0 80px rgba(255,0,229,.12)}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.055);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.06) contrast(1.03)}.hero-slide:first-child img{object-position:50% 45%}.hero-slide-shine{position:absolute;z-index:4;top:-20%;bottom:-20%;left:-35%;width:17%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),rgba(0,240,255,.18),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}.hero-carousel-stage:hover .hero-slide-shine{animation:heroScreenShine 1.15s cubic-bezier(.2,.7,.2,1) 1}
.hero-arrow{position:absolute;z-index:8;top:47%;width:43px;height:43px;border-radius:50%;border:1px solid rgba(0,240,255,.7);background:rgba(0,16,31,.78);backdrop-filter:blur(14px);color:#00F0FF;font:700 2rem/1 Inter,sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 20px rgba(0,240,255,.28),inset 0 0 14px rgba(0,240,255,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.hero-arrow:hover{transform:translateY(-2px) scale(1.08);background:rgba(0,240,255,.12);box-shadow:0 0 28px rgba(0,240,255,.62),0 0 48px rgba(88,217,255,.16)}.hero-arrow-prev{left:8px}.hero-arrow-next{right:8px}.hero-dots{position:absolute;z-index:8;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:7px}.hero-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:rgba(169,214,234,.38);cursor:pointer;box-shadow:none;transition:width .25s ease,background .25s ease,box-shadow .25s ease}.hero-dot.active{width:24px;border-radius:999px;background:#00F0FF;box-shadow:0 0 13px rgba(0,240,255,.8)}
@keyframes neithBrandFlow{0%,100%{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.18)}}@keyframes heroNeithFlow{0%,100%{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.16)}}@keyframes heroNeithFloat{0%,100%{transform:translateY(0) skewX(-2deg)}50%{transform:translateY(-3px) skewX(-1deg)}}@keyframes heroHaloPulse{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes heroScreenFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes heroScreenShine{0%{left:-35%;opacity:0}18%{opacity:1}100%{left:125%;opacity:0}}
@media(max-width:930px){.hero-carousel{padding:24px 40px 38px}.hero-carousel-stage{transform:rotateY(-2deg) rotateX(1deg)}.navlinks>a:not(.btn){font-size:.82rem}.hero h1{transform-origin:center left}}@media(max-width:620px){.hero-carousel{padding:20px 31px 34px}.hero-carousel-stage{border-radius:25px;aspect-ratio:1.35/1}.hero-arrow{width:36px;height:36px;font-size:1.55rem}.hero-arrow-prev{left:0}.hero-arrow-next{right:0}.hero h1{font-size:clamp(3.5rem,20vw,5rem)}}@media(prefers-reduced-motion:reduce){.brand-name,.hero h1,.hero-carousel-halo,.hero-carousel-stage{animation:none!important}}

/* HERO CAROUSEL FRAME — PREMIUM TOTAL v3: layered techno frame, less rounded */
.hero-carousel{padding:34px 58px 46px}
.hero-carousel-stage{
  position:relative;
  border-radius:18px;
  padding:13px;
  background:
    linear-gradient(#00101f,#00101f) padding-box,
    linear-gradient(115deg,#00f0ff 0%,#58d9ff 26%,rgba(88,217,255,.24) 46%,rgba(255,0,229,.46) 78%,#00f0ff 100%) border-box;
  border:2px solid transparent;
  box-shadow:
    0 34px 72px rgba(0,0,0,.62),
    0 0 0 1px rgba(0,240,255,.18),
    0 0 28px rgba(0,240,255,.20),
    0 0 68px rgba(0,240,255,.09),
    inset 0 0 28px rgba(0,240,255,.075);
  clip-path:polygon(6% 0,72% 0,75% 2.4%,94% 2.4%,100% 12%,100% 82%,96% 88%,96% 96%,89% 100%,20% 100%,17% 97.6%,6% 97.6%,0 88%,0 14%);
  overflow:hidden;
  transform:perspective(1500px) rotateY(-2.1deg) rotateX(.65deg);
  animation:heroScreenFloat 7s ease-in-out infinite;
  transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,filter .45s ease;
}
.hero-carousel-stage::before{
  content:"";
  position:absolute;
  z-index:8;
  pointer-events:none;
  inset:5px;
  border-radius:13px;
  border:1px solid rgba(88,217,255,.38);
  clip-path:polygon(5% 0,73% 0,76% 2.5%,94% 2.5%,100% 13%,100% 81%,96% 87%,96% 95%,89% 100%,20% 100%,17% 97.5%,6% 97.5%,0 87%,0 14%);
  box-shadow:inset 0 0 16px rgba(0,240,255,.11),0 0 12px rgba(0,240,255,.12);
}
.hero-carousel-stage::after{
  content:"";
  position:absolute;
  z-index:9;
  pointer-events:none;
  left:9%;right:9%;top:3px;height:4px;
  background:linear-gradient(90deg,transparent,#00f0ff 15%,#58d9ff 38%,transparent 51%,#ff00e5 76%,transparent);
  box-shadow:0 0 12px #00f0ff,0 0 22px rgba(255,0,229,.34);
  opacity:.86;
}
.hero-slide{
  inset:13px!important;
  border-radius:10px!important;
  overflow:hidden;
  background:#000a14;
  clip-path:polygon(3.2% 0,96.8% 0,100% 5.8%,100% 94.2%,96.8% 100%,3.2% 100%,0 94.2%,0 5.8%);
}
.hero-slide img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  border-radius:9px!important;
  filter:saturate(1.035) contrast(1.025);
}
.hero-slide-shine{inset:13px!important;border-radius:10px!important;clip-path:polygon(3.2% 0,96.8% 0,100% 5.8%,100% 94.2%,96.8% 100%,3.2% 100%,0 94.2%,0 5.8%)}
.hero-carousel-stage:hover{
  transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-6px) scale(1.012);
  box-shadow:0 40px 82px rgba(0,0,0,.66),0 0 0 1px rgba(0,240,255,.34),0 0 38px rgba(0,240,255,.32),0 0 78px rgba(255,0,229,.10),inset 0 0 32px rgba(0,240,255,.10);
}
.hero-carousel-halo{inset:4% -1% -2%;border-radius:28%;filter:blur(38px);opacity:.9}
.hero-arrow{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(0,16,31,.98),rgba(0,35,58,.96))!important;border:1px solid rgba(0,240,255,.72)!important;box-shadow:0 0 0 1px rgba(88,217,255,.08),0 0 20px rgba(0,240,255,.28),inset 0 0 16px rgba(0,240,255,.08)!important}
.hero-arrow:hover{box-shadow:0 0 0 1px rgba(0,240,255,.24),0 0 30px rgba(0,240,255,.55),0 0 52px rgba(255,0,229,.10),inset 0 0 18px rgba(0,240,255,.14)!important;transform:translateY(-50%) scale(1.08)!important}
@media(max-width:930px){.hero-carousel{padding:28px 48px 42px}.hero-carousel-stage{transform:perspective(1200px) rotateY(-1deg) rotateX(.5deg);border-radius:16px;padding:10px}.hero-slide,.hero-slide-shine{inset:10px!important}}
@media(max-width:620px){.hero-carousel{padding:22px 36px 36px}.hero-carousel-stage{clip-path:polygon(5% 0,92% 0,100% 9%,100% 90%,94% 100%,7% 100%,0 91%,0 10%);border-radius:14px;padding:8px}.hero-carousel-stage::before{inset:4px;border-radius:10px}.hero-slide,.hero-slide-shine{inset:8px!important;border-radius:7px!important}.hero-arrow{width:38px!important;height:38px!important;border-radius:11px!important}}

/* HERO FRAME v4 — stable premium frame: no clipped borders, no screenshot distortion */
.hero-carousel{
  padding:36px 62px 48px;
}
.hero-carousel-stage{
  aspect-ratio:16/9;
  overflow:visible;
  clip-path:none;
  border:0;
  border-radius:22px;
  padding:14px;
  background:linear-gradient(145deg,rgba(0,35,56,.98),rgba(0,10,20,.99) 48%,rgba(0,24,40,.98));
  box-shadow:0 34px 78px rgba(0,0,0,.64),0 0 34px rgba(0,240,255,.20),0 0 82px rgba(88,217,255,.08);
  isolation:isolate;
}
.hero-carousel-stage::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:-4px;
  border-radius:26px;
  padding:2px;
  background:linear-gradient(115deg,#00f0ff 0%,#58d9ff 32%,rgba(88,217,255,.28) 53%,rgba(255,0,229,.48) 78%,#00f0ff 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 8px rgba(0,240,255,.55));
  box-shadow:none;
  clip-path:none;
}
.hero-carousel-stage::after{
  content:"";
  position:absolute;
  z-index:7;
  pointer-events:none;
  inset:6px;
  height:auto;
  left:6px;right:6px;top:6px;bottom:6px;
  border-radius:17px;
  border:1px solid rgba(88,217,255,.28);
  background:
    linear-gradient(90deg,#00f0ff,transparent 13%) top left/25% 2px no-repeat,
    linear-gradient(270deg,#00f0ff,transparent 13%) top right/25% 2px no-repeat,
    linear-gradient(90deg,#00f0ff,transparent 13%) bottom left/25% 2px no-repeat,
    linear-gradient(270deg,#ff00e5,transparent 13%) bottom right/25% 2px no-repeat;
  box-shadow:inset 0 0 24px rgba(0,240,255,.055);
  opacity:.95;
}
.hero-slide{
  inset:14px!important;
  overflow:hidden;
  clip-path:none;
  border-radius:13px!important;
  background:#00101f;
  box-shadow:inset 0 0 0 1px rgba(0,240,255,.12);
}
.hero-slide img{
  width:100%;height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:12px!important;
  background:#00101f;
  filter:saturate(1.035) contrast(1.02);
}
.hero-slide-shine{
  inset:14px!important;
  border-radius:13px!important;
  clip-path:none;
  overflow:hidden;
}
.hero-carousel-stage:hover{
  transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-5px) scale(1.008);
  box-shadow:0 40px 88px rgba(0,0,0,.68),0 0 42px rgba(0,240,255,.34),0 0 86px rgba(255,0,229,.08);
}
.hero-carousel-stage:hover::before{filter:drop-shadow(0 0 12px rgba(0,240,255,.82)) drop-shadow(0 0 22px rgba(88,217,255,.30));}
.hero-carousel-halo{inset:5% 1% 1%;border-radius:24px;}
@media(max-width:930px){
  .hero-carousel{padding:30px 50px 43px}
  .hero-carousel-stage{border-radius:19px;padding:12px;overflow:visible;clip-path:none}
  .hero-carousel-stage::before{border-radius:23px}
  .hero-carousel-stage::after{border-radius:15px}
  .hero-slide,.hero-slide-shine{inset:12px!important;border-radius:11px!important}
  .hero-slide img{border-radius:10px!important}
}
@media(max-width:620px){
  .hero-carousel{padding:24px 38px 38px}
  .hero-carousel-stage{aspect-ratio:16/9;border-radius:16px;padding:9px;overflow:visible;clip-path:none}
  .hero-carousel-stage::before{inset:-3px;border-radius:19px}
  .hero-carousel-stage::after{inset:4px;left:4px;right:4px;top:4px;bottom:4px;border-radius:13px}
  .hero-slide,.hero-slide-shine{inset:9px!important;border-radius:9px!important}
  .hero-slide img{border-radius:8px!important}
}

/* HERO CAROUSEL PREMIUM FINAL — scoped to Hero only */
.hero .hero-carousel{
  position:relative;
  min-width:0;
  padding:38px 66px 58px;
  perspective:1700px;
  isolation:isolate;
}
.hero .hero-carousel-halo{
  position:absolute;
  z-index:0;
  inset:8% 5% 6%;
  border-radius:42px;
  background:
    radial-gradient(ellipse at 34% 46%,rgba(0,240,255,.32),transparent 48%),
    radial-gradient(ellipse at 72% 56%,rgba(255,0,229,.20),transparent 46%),
    radial-gradient(ellipse at 52% 60%,rgba(111,53,255,.18),transparent 58%);
  filter:blur(42px);
  opacity:.78;
  transform:scale(.97);
  animation:heroPremiumHalo 4.8s ease-in-out infinite;
  pointer-events:none;
}
.hero .hero-carousel-stage{
  --tilt-y:-4.2deg;
  --tilt-x:1.2deg;
  position:relative;
  z-index:2;
  aspect-ratio:16/9;
  border:0!important;
  border-radius:30px!important;
  padding:3px!important;
  overflow:visible!important;
  clip-path:none!important;
  isolation:isolate;
  background:linear-gradient(125deg,#00f0ff 0%,#5ee7ff 24%,#ff00df 66%,#7c3cff 100%)!important;
  box-shadow:
    0 38px 72px rgba(0,0,0,.68),
    0 15px 28px rgba(0,0,0,.52),
    0 0 28px rgba(0,240,255,.30),
    0 0 64px rgba(255,0,223,.15),
    0 0 96px rgba(124,60,255,.10)!important;
  transform:perspective(1700px) rotateY(var(--tilt-y)) rotateX(var(--tilt-x)) translateZ(0);
  transform-style:preserve-3d;
  animation:heroPremiumFloat 6s ease-in-out infinite!important;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,filter .5s ease!important;
}
.hero .hero-carousel-stage::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:3px;
  border-radius:27px!important;
  padding:0!important;
  background:
    linear-gradient(145deg,rgba(8,23,40,.68),rgba(0,7,17,.88) 44%,rgba(17,5,31,.72)),
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.18),transparent 31%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.45),
    inset 0 0 30px rgba(0,240,255,.08),
    0 0 22px rgba(0,240,255,.14);
  filter:none!important;
  pointer-events:none;
  -webkit-backdrop-filter:blur(11px) saturate(1.15);
  backdrop-filter:blur(11px) saturate(1.15);
}
.hero .hero-carousel-stage::after{
  content:"";
  position:absolute;
  z-index:5;
  inset:10px;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.13);
  background:
    linear-gradient(115deg,rgba(255,255,255,.12),transparent 20%,transparent 68%,rgba(255,255,255,.055)),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%);
  box-shadow:
    inset 0 0 0 1px rgba(0,240,255,.05),
    inset 0 14px 36px rgba(255,255,255,.035);
  pointer-events:none;
}
.hero .hero-carousel-stage:hover{
  transform:perspective(1700px) rotateY(0deg) rotateX(0deg) translateY(-7px) scale(1.018)!important;
  box-shadow:
    0 46px 90px rgba(0,0,0,.72),
    0 18px 34px rgba(0,0,0,.58),
    0 0 38px rgba(0,240,255,.52),
    0 0 78px rgba(255,0,223,.22),
    0 0 110px rgba(124,60,255,.14)!important;
  filter:brightness(1.05);
}
.hero .hero-carousel-stage:hover::before{
  filter:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 0 38px rgba(0,240,255,.12),
    0 0 28px rgba(0,240,255,.20);
}
.hero .hero-slide{
  position:absolute;
  z-index:1;
  inset:10px!important;
  margin:0;
  overflow:hidden;
  border-radius:21px!important;
  clip-path:none!important;
  opacity:0;
  pointer-events:none;
  background:#00101f;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1px rgba(0,240,255,.05);
  transform:scale(.97) translateZ(0);
  transition:opacity .56s ease,transform .82s cubic-bezier(.2,.8,.2,1)!important;
}
.hero .hero-slide.active{
  opacity:1;
  pointer-events:auto;
  transform:scale(1) translateZ(1px);
}
.hero .hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover!important;
  object-position:center;
  border-radius:21px!important;
  background:#00101f;
  filter:saturate(1.12) contrast(1.055) brightness(.96);
  transform:scale(1.075);
  transition:transform 1.05s cubic-bezier(.2,.8,.2,1),filter .55s ease!important;
  will-change:transform;
}
.hero .hero-slide:nth-of-type(1) img{object-position:50% 43%;transform:scale(1.10)}
.hero .hero-slide:nth-of-type(2) img{object-position:50% 45%;transform:scale(1.09)}
.hero .hero-slide:nth-of-type(3) img{object-position:54% 47%;transform:scale(1.11)}
.hero .hero-slide:nth-of-type(4) img{object-position:50% 46%;transform:scale(1.10)}
.hero .hero-slide:nth-of-type(5) img{object-position:52% 45%;transform:scale(1.10)}
.hero .hero-slide:nth-of-type(6) img{object-position:50% 46%;transform:scale(1.09)}
.hero .hero-slide:nth-of-type(7) img{object-position:50% 47%;transform:scale(1.09)}
.hero .hero-slide:nth-of-type(8) img{object-position:50% 45%;transform:scale(1.09)}
.hero .hero-slide:nth-of-type(9) img{object-position:50% 44%;transform:scale(1.09)}
.hero .hero-slide:nth-of-type(10) img{object-position:50% 45%;transform:scale(1.09)}
.hero .hero-carousel-stage:hover .hero-slide.active img{
  transform:scale(1.045);
  filter:saturate(1.18) contrast(1.07) brightness(1.04);
}
.hero .hero-slide-shine{
  position:absolute;
  z-index:6;
  top:10px!important;
  bottom:10px!important;
  left:-42%!important;
  width:18%;
  border-radius:21px!important;
  clip-path:none!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),rgba(0,240,255,.18),transparent);
  transform:skewX(-19deg);
  opacity:0;
  pointer-events:none;
}
.hero .hero-carousel-stage:hover .hero-slide-shine{animation:heroPremiumShine 1.15s cubic-bezier(.2,.7,.2,1) 1}
.hero .hero-arrow{
  position:absolute;
  z-index:10;
  top:50%!important;
  width:52px!important;
  height:52px!important;
  padding:2px!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#00f0ff 0%,#4bdcff 30%,#ff00df 72%,#7c3cff 100%)!important;
  color:#dffcff!important;
  cursor:pointer;
  box-shadow:
    0 12px 30px rgba(0,0,0,.46),
    0 0 22px rgba(0,240,255,.38),
    0 0 36px rgba(255,0,223,.13)!important;
  transform:translateY(-50%)!important;
  transition:transform .24s ease,box-shadow .28s ease,filter .28s ease!important;
}
.hero .hero-arrow::before{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(0,20,36,.96),rgba(4,11,25,.93));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 16px rgba(0,240,255,.10);
}
.hero .hero-arrow span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:100%;height:100%;
  font:600 2rem/1 Inter,sans-serif;
  text-shadow:0 0 10px rgba(0,240,255,.95),0 0 18px rgba(255,0,223,.35);
  transform:translateY(-1px);
}
.hero .hero-arrow:hover{
  transform:translateY(-50%) scale(1.11)!important;
  filter:brightness(1.18) saturate(1.14);
  box-shadow:
    0 16px 34px rgba(0,0,0,.5),
    0 0 30px rgba(0,240,255,.68),
    0 0 54px rgba(255,0,223,.24)!important;
}
.hero .hero-arrow:active{transform:translateY(-50%) scale(1.04)!important}
.hero .hero-arrow-prev{left:4px!important}
.hero .hero-arrow-next{right:4px!important}
.hero .hero-dots{
  position:absolute;
  z-index:11;
  left:50%;
  bottom:5px!important;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:min(92%,560px);
}
.hero .hero-dot{
  --thumb:none;
  position:relative;
  width:42px!important;
  height:8px!important;
  flex:1 1 0;
  max-width:52px;
  min-width:28px;
  padding:0!important;
  border:1px solid rgba(88,217,255,.24)!important;
  border-radius:999px!important;
  overflow:visible;
  cursor:pointer;
  background:
    linear-gradient(90deg,rgba(0,240,255,.16),rgba(255,0,223,.13)),
    rgba(5,22,37,.82)!important;
  box-shadow:inset 0 0 10px rgba(0,240,255,.05)!important;
  transition:max-width .28s ease,height .28s ease,transform .22s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.hero .hero-dot::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background-image:linear-gradient(90deg,rgba(0,12,24,.36),rgba(0,12,24,.18)),var(--thumb);
  background-size:cover;
  background-position:center;
  opacity:.24;
  mix-blend-mode:screen;
  pointer-events:none;
}
.hero .hero-dot::after{
  content:attr(data-label);
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translate(-50%,6px);
  padding:6px 9px;
  border:1px solid rgba(0,240,255,.34);
  border-radius:8px;
  background:rgba(0,12,24,.94);
  color:#c9f9ff;
  font:700 .64rem/1.1 Orbitron,Inter,sans-serif;
  letter-spacing:.03em;
  white-space:nowrap;
  box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 16px rgba(0,240,255,.16);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.hero .hero-dot:hover{
  transform:translateY(-2px);
  border-color:rgba(0,240,255,.58)!important;
  box-shadow:0 0 14px rgba(0,240,255,.24)!important;
}
.hero .hero-dot:hover::after{opacity:1;transform:translate(-50%,0)}
.hero .hero-dot.active{
  max-width:78px;
  height:10px!important;
  border-color:rgba(197,250,255,.88)!important;
  background:linear-gradient(90deg,#00f0ff 0%,#58d9ff 36%,#ff00df 72%,#7c3cff 100%)!important;
  box-shadow:0 0 12px rgba(0,240,255,.78),0 0 24px rgba(255,0,223,.25)!important;
}
.hero .hero-dot.active::before{opacity:.12}
@keyframes heroPremiumHalo{0%,100%{opacity:.68;transform:scale(.96)}50%{opacity:1;transform:scale(1.045)}}
@keyframes heroPremiumFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes heroPremiumShine{0%{left:-42%;opacity:0}16%{opacity:.92}100%{left:126%;opacity:0}}
@media(max-width:930px){
  .hero .hero-carousel{padding:30px 54px 52px}
  .hero .hero-carousel-stage{--tilt-y:-2deg;--tilt-x:.8deg;border-radius:27px!important}
  .hero .hero-carousel-stage::before{border-radius:24px!important}
  .hero .hero-slide{inset:9px!important;border-radius:19px!important}
  .hero .hero-slide img{border-radius:19px!important}
  .hero .hero-carousel-stage::after{inset:9px;border-radius:20px!important}
  .hero .hero-arrow{width:46px!important;height:46px!important}
}
@media(max-width:620px){
  .hero .hero-carousel{padding:24px 36px 48px}
  .hero .hero-carousel-stage{--tilt-y:-1deg;--tilt-x:.5deg;border-radius:24px!important}
  .hero .hero-carousel-stage::before{border-radius:21px!important}
  .hero .hero-slide{inset:8px!important;border-radius:17px!important}
  .hero .hero-slide img{border-radius:17px!important;transform:scale(1.055)}
  .hero .hero-carousel-stage::after{inset:8px;border-radius:18px!important}
  .hero .hero-arrow{width:40px!important;height:40px!important}
  .hero .hero-arrow span{font-size:1.6rem}
  .hero .hero-arrow-prev{left:-2px!important}.hero .hero-arrow-next{right:-2px!important}
  .hero .hero-dots{gap:5px;width:88%}
  .hero .hero-dot{min-width:18px;max-width:30px;height:7px!important}
  .hero .hero-dot.active{max-width:50px;height:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-carousel-halo,.hero .hero-carousel-stage{animation:none!important}
  .hero .hero-carousel-stage,.hero .hero-slide,.hero .hero-slide img,.hero .hero-arrow,.hero .hero-dot{transition:none!important}
}

/* HERO IMAGE FIT FINAL — preserve carousel geometry, show every screenshot complete */
.hero .hero-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#00101f;
}
.hero .hero-slide img,
.hero .hero-slide:nth-of-type(n) img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:21px!important;
  background:#00101f;
}
.hero .hero-carousel-stage:hover .hero-slide.active img{
  transform:none!important;
  filter:saturate(1.18) contrast(1.07) brightness(1.04);
}
@media(max-width:930px){
  .hero .hero-slide img,
  .hero .hero-slide:nth-of-type(n) img{border-radius:19px!important;transform:none!important}
}
@media(max-width:620px){
  .hero .hero-slide img,
  .hero .hero-slide:nth-of-type(n) img{border-radius:17px!important;transform:none!important}
}


/* HERO FIRST SLIDE — supplied Neith artwork integrated into the existing carousel */
.hero .hero-promo-placeholder{overflow:hidden;background:#00101f!important;padding:0!important}
.hero .hero-promo-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;border-radius:inherit;background:
radial-gradient(circle at 50% 46%,rgba(8,124,232,.18),transparent 34%),
radial-gradient(circle at 16% 24%,rgba(0,240,255,.11),transparent 30%),
radial-gradient(circle at 86% 78%,rgba(255,0,229,.10),transparent 31%),
linear-gradient(145deg,#001827 0%,#00101f 46%,#020b18 100%)}
.hero .hero-promo-stage::before{content:"";position:absolute;inset:8% 7%;z-index:-2;border-radius:32px;background:linear-gradient(135deg,rgba(0,240,255,.05),rgba(88,217,255,.015) 46%,rgba(255,0,229,.04));border:1px solid rgba(88,217,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);pointer-events:none}
.hero .hero-promo-stage::after{content:"";position:absolute;left:20%;right:20%;bottom:12%;height:10%;z-index:-1;border-radius:50%;background:rgba(0,0,0,.52);filter:blur(24px);transform:scaleX(1.05);pointer-events:none}
.hero .hero-promo-grid{position:absolute;inset:-8%;z-index:-4;opacity:.065;background-image:linear-gradient(rgba(88,217,255,.88) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.88) 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(58deg) translateY(23%) scale(1.16);transform-origin:center bottom;animation:heroPromoGrid 18s linear infinite;will-change:transform}
.hero .hero-promo-light{position:absolute;z-index:-3;width:44%;aspect-ratio:1;border-radius:50%;filter:blur(56px);opacity:.5;will-change:transform,opacity;pointer-events:none}
.hero .hero-promo-light-cyan{left:-8%;top:-12%;background:rgba(0,240,255,.24);animation:heroPromoLightCyan 9s ease-in-out infinite alternate}
.hero .hero-promo-light-magenta{right:-10%;bottom:-18%;background:rgba(255,0,229,.20);animation:heroPromoLightMagenta 11s ease-in-out infinite alternate}
.hero .hero-promo-particles{position:absolute;inset:0;z-index:-1;opacity:.52;background-image:
radial-gradient(circle,rgba(182,249,255,.95) 0 1px,transparent 1.7px),
radial-gradient(circle,rgba(0,240,255,.78) 0 1.2px,transparent 1.9px),
radial-gradient(circle,rgba(88,217,255,.58) 0 .9px,transparent 1.6px);
background-size:97px 97px,143px 143px,181px 181px;background-position:18px 28px,62px 76px,111px 19px;animation:heroPromoParticles 16s linear infinite;will-change:transform,opacity;pointer-events:none}
.hero .hero-promo-halo{position:absolute;left:50%;top:50%;z-index:0;width:76%;height:70%;transform:translate(-50%,-50%);border-radius:44%;background:
radial-gradient(ellipse at center,rgba(0,240,255,.23) 0%,rgba(8,124,232,.13) 40%,rgba(255,0,229,.08) 58%,transparent 74%);filter:blur(17px);opacity:.86;animation:heroPromoHalo 4.8s ease-in-out infinite;will-change:transform,opacity;pointer-events:none}
.hero .hero-promo-image-wrap{position:absolute;left:50%;top:50%;z-index:2;width:68%;max-width:760px;transform:translate(-50%,-50%);animation:heroPromoFloat 5.4s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 26px 26px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(0,240,255,.24));transition:filter .35s ease}
.hero .hero-promo-image-wrap::before{content:"";position:absolute;inset:-2.2%;z-index:-1;border-radius:22px;background:linear-gradient(115deg,rgba(0,240,255,.55),rgba(88,217,255,.12) 38%,rgba(255,0,229,.44));filter:blur(9px);opacity:.44;animation:heroPromoFrameGlow 4.8s ease-in-out infinite;pointer-events:none}
.hero .hero-promo-image-wrap::after{content:"";position:absolute;inset:-1px;border-radius:18px;border:1px solid rgba(151,236,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(0,240,255,.10);pointer-events:none}
.hero .hero-promo-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;border-radius:17px;transform:none!important;filter:none!important;background:transparent}
.hero .hero-carousel-stage:hover .hero-promo-image-wrap{filter:drop-shadow(0 30px 30px rgba(0,0,0,.54)) drop-shadow(0 0 26px rgba(0,240,255,.34))}
.hero .hero-dot.promo-dot::before{opacity:.30;background:linear-gradient(135deg,#00101f,#087ce8 46%,#00f0ff 70%,#8d31ff)}
.hero .hero-dot.promo-dot.active::before{opacity:.34}
@keyframes heroPromoGrid{0%{transform:perspective(700px) rotateX(58deg) translate3d(0,23%,0) scale(1.16)}100%{transform:perspective(700px) rotateX(58deg) translate3d(42px,calc(23% + 42px),0) scale(1.16)}}
@keyframes heroPromoLightCyan{0%{transform:translate3d(-3%,0,0) scale(.96);opacity:.38}100%{transform:translate3d(18%,14%,0) scale(1.12);opacity:.58}}
@keyframes heroPromoLightMagenta{0%{transform:translate3d(3%,0,0) scale(.94);opacity:.34}100%{transform:translate3d(-18%,-12%,0) scale(1.10);opacity:.54}}
@keyframes heroPromoParticles{0%{transform:translate3d(0,0,0);opacity:.42}50%{opacity:.58}100%{transform:translate3d(0,-26px,0);opacity:.42}}
@keyframes heroPromoHalo{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.68}50%{transform:translate(-50%,-50%) scale(1.055);opacity:.96}}
@keyframes heroPromoFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@keyframes heroPromoFrameGlow{0%,100%{opacity:.34;transform:scale(.99)}50%{opacity:.58;transform:scale(1.015)}}
@media(max-width:930px){.hero .hero-promo-image-wrap{width:72%;max-width:none}.hero .hero-promo-halo{width:82%;height:68%}}
@media(max-width:620px){.hero .hero-promo-stage::before{inset:8% 5%;border-radius:22px}.hero .hero-promo-image-wrap{width:78%}.hero .hero-promo-halo{width:90%;height:64%}.hero .hero-promo-grid{background-size:32px 32px}.hero .hero-promo-light{filter:blur(42px)}}
@media(prefers-reduced-motion:reduce){.hero .hero-promo-grid,.hero .hero-promo-light,.hero .hero-promo-particles,.hero .hero-promo-halo,.hero .hero-promo-image-wrap,.hero .hero-promo-image-wrap::before{animation:none!important}}





/* FEATURES PREMIUM CARDS — scoped to #features only */
#features .card{transition:transform .34s cubic-bezier(.2,.7,.2,1),border-color .34s ease,box-shadow .34s ease,background .34s ease;will-change:transform}
#features .card.reveal{opacity:0;transform:translateY(28px) scale(.965)}
#features .card.reveal.on{opacity:1;transform:translateY(0) scale(1)}
#features .card:nth-child(1){transition-delay:.02s}
#features .card:nth-child(2){transition-delay:.07s}
#features .card:nth-child(3){transition-delay:.12s}
#features .card:nth-child(4){transition-delay:.17s}
#features .card:nth-child(5){transition-delay:.22s}
#features .card:nth-child(6){transition-delay:.27s}
#features .card.reveal.on:hover{transform:translateY(-6px) scale(1.006);border-color:rgba(0,240,255,.58);box-shadow:0 0 0 1px rgba(0,240,255,.12),0 0 26px rgba(0,240,255,.20),0 24px 58px rgba(0,0,0,.44)}
#features .feature-icon{width:50px;height:50px;padding:6px;border-radius:15px;background:linear-gradient(145deg,rgba(0,240,255,.11),rgba(8,124,232,.05));border:1px solid rgba(0,240,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 18px rgba(0,240,255,.10);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease,filter .3s ease}
#features .feature-icon svg{width:42px;height:42px;overflow:visible;filter:drop-shadow(0 0 5px rgba(0,240,255,.48));transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .3s ease}
#features .feature-icon .fi-fill{fill:#00f0ff;stroke:#8ef7ff;stroke-width:1.4;stroke-linejoin:round}
#features .feature-icon .fi-fill2{fill:#087ce8;stroke:#58d9ff;stroke-width:1.3;stroke-linejoin:round}
#features .feature-icon .fi-cut{fill:none;stroke:#d9fdff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
#features .card:hover .feature-icon{transform:scale(1.10);border-color:rgba(0,240,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 22px rgba(0,240,255,.32),0 0 42px rgba(8,124,232,.16);filter:saturate(1.18)}
#features .card:hover .feature-icon svg{filter:drop-shadow(0 0 7px rgba(0,240,255,.88)) drop-shadow(0 0 14px rgba(0,240,255,.38))}
#features .card h3{font-family:Orbitron,Inter,sans-serif;font-weight:700;font-size:1.08rem;letter-spacing:.025em;color:#f4feff;text-shadow:0 0 8px rgba(88,217,255,.24),0 0 18px rgba(0,240,255,.10);transition:color .3s ease,text-shadow .3s ease}
#features .card:hover h3{color:#58d9ff;text-shadow:0 0 9px rgba(88,217,255,.52),0 0 22px rgba(0,240,255,.22)}
#features .card p{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.76}
@media(prefers-reduced-motion:reduce){#features .card,#features .card.reveal,#features .card.reveal.on,#features .feature-icon,#features .feature-icon svg{transition:none!important;transform:none!important;opacity:1!important}}


/* HERO PROMO FIRST SLIDE — full-width fit without distortion */
.hero .hero-slide.hero-promo-placeholder{
  background:transparent!important;
  box-shadow:none!important;
}
.hero .hero-promo-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:transparent!important;
}
.hero .hero-promo-stage::before,
.hero .hero-promo-stage::after,
.hero .hero-promo-grid,
.hero .hero-promo-light,
.hero .hero-promo-particles,
.hero .hero-promo-halo,
.hero .hero-promo-image-wrap::before,
.hero .hero-promo-image-wrap::after{
  display:none!important;
}
.hero .hero-promo-image-wrap{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  transform:none!important;
  animation:none!important;
  filter:none!important;
}
.hero .hero-promo-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
  filter:none!important;
}
.hero .hero-carousel-stage:hover .hero-promo-image-wrap,
.hero .hero-carousel-stage:hover .hero-promo-image{
  transform:none!important;
  filter:none!important;
}
@media(max-width:930px){
  .hero .hero-promo-image-wrap{inset:0!important;width:100%!important;height:100%!important}
}
@media(max-width:620px){
  .hero .hero-promo-image-wrap{inset:0!important}
  .hero .hero-promo-image{object-fit:contain!important}
}


/* Carousel border tuned to all-blue / navy tones */
.hero .hero-carousel-halo{
  background:
    radial-gradient(ellipse at 34% 46%,rgba(0,240,255,.28),transparent 48%),
    radial-gradient(ellipse at 72% 56%,rgba(38,116,255,.18),transparent 46%),
    radial-gradient(ellipse at 52% 60%,rgba(10,34,84,.22),transparent 58%)!important;
}
.hero .hero-carousel-stage{
  background:linear-gradient(125deg,#00f0ff 0%,#5ee7ff 22%,#1c7fff 58%,#0b2d6a 100%)!important;
  box-shadow:
    0 38px 72px rgba(0,0,0,.68),
    0 15px 28px rgba(0,0,0,.52),
    0 0 28px rgba(0,240,255,.30),
    0 0 54px rgba(28,127,255,.16),
    0 0 86px rgba(11,45,106,.16)!important;
}
.hero .hero-arrow{
  background:linear-gradient(135deg,#00f0ff 0%,#4bdcff 30%,#2d86ff 72%,#0b2d6a 100%)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.46),
    0 0 22px rgba(0,240,255,.38),
    0 0 36px rgba(26,108,255,.16)!important;
}
.hero .hero-arrow:hover{box-shadow:0 16px 34px rgba(0,0,0,.52),0 0 28px rgba(0,240,255,.55),0 0 44px rgba(26,108,255,.24)!important}

/* Premium promo feature slides */
.hero .hero-feature-slide{
  padding:0;
  background:radial-gradient(circle at 50% 40%,rgba(0,240,255,.10),transparent 32%),linear-gradient(155deg,#021224 0%,#04152d 42%,#07152a 100%)!important;
}
.hero .hero-feature-slide::before,
.hero .hero-feature-slide::after{content:"";position:absolute;pointer-events:none}
.hero .hero-feature-slide::before{inset:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01) 28%,transparent 60%);opacity:.6}
.hero .hero-feature-slide::after{left:8%;right:8%;bottom:9%;height:14%;border-radius:50%;background:radial-gradient(circle at center,rgba(0,0,0,.42),transparent 70%);filter:blur(14px);opacity:.9}
.hero .hero-feature-bg{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.hero .hero-feature-bg .grid{position:absolute;inset:-10%;opacity:.075;background-image:linear-gradient(rgba(88,217,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.8) 1px,transparent 1px);background-size:36px 36px;transform:perspective(750px) rotateX(58deg) translateY(26%) scale(1.14);transform-origin:center bottom;animation:heroPromoGrid 18s linear infinite}
.hero .hero-feature-bg .orb{position:absolute;border-radius:50%;filter:blur(54px);opacity:.48}
.hero .hero-feature-bg .orb-a{width:40%;aspect-ratio:1;left:-10%;top:-10%;background:rgba(0,240,255,.20)}
.hero .hero-feature-bg .orb-b{width:32%;aspect-ratio:1;right:-8%;bottom:-12%;background:rgba(20,91,255,.18)}
.hero .hero-feature-bg .ring{position:absolute;right:10%;top:16%;width:33%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(94,231,255,.34);box-shadow:0 0 0 10px rgba(0,240,255,.05),0 0 24px rgba(0,240,255,.16),inset 0 0 18px rgba(0,240,255,.12)}
.hero .hero-feature-bg .particles{position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle,rgba(180,245,255,.95) 0 1.2px,transparent 1.8px),radial-gradient(circle,rgba(0,240,255,.65) 0 1px,transparent 1.8px);background-size:110px 110px,150px 150px;background-position:18px 28px,72px 86px}
.hero .hero-feature-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:22px;height:100%;padding:38px 40px 34px}
.hero .hero-feature-copy{max-width:520px}
.hero .hero-feature-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(88,217,255,.18);background:rgba(4,18,34,.58);backdrop-filter:blur(10px);font:800 .68rem/1 Orbitron,Inter,sans-serif;letter-spacing:.22em;color:#9af2ff;box-shadow:0 0 18px rgba(0,240,255,.10)}
.hero .hero-feature-copy h3{margin:18px 0 12px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(2rem,4vw,3.15rem);line-height:.92;letter-spacing:.08em;color:#f1fdff;text-shadow:0 0 10px rgba(0,240,255,.42),0 0 28px rgba(0,240,255,.18)}
.hero .hero-feature-copy p{margin:0;color:#d5edf7;font-size:1rem;line-height:1.6;max-width:52ch}
.hero .hero-feature-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero .hero-feature-badges span{padding:9px 13px;border-radius:999px;border:1px solid rgba(88,217,255,.16);background:linear-gradient(180deg,rgba(8,25,46,.84),rgba(5,15,28,.84));color:#a9f4ff;font:700 .75rem/1.1 Inter,sans-serif;letter-spacing:.08em;box-shadow:0 0 16px rgba(0,240,255,.08)}
.hero .hero-feature-visual{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center}
.hero .hero-feature-visual::before{content:"";position:absolute;inset:14% 10% 8%;border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 24%,rgba(0,0,0,.08));border:1px solid rgba(88,217,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.25),0 0 18px rgba(0,240,255,.06);backdrop-filter:blur(10px)}
.hero .hero-feature-visual::after{content:"";position:absolute;inset:20% 18%;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.22),transparent 60%);filter:blur(14px)}
.hero .hero-feature-slide .visual-core{position:relative;z-index:2;width:150px;height:150px;border-radius:34px;background:linear-gradient(180deg,rgba(13,35,66,.92),rgba(6,18,34,.92));border:1px solid rgba(88,217,255,.26);box-shadow:0 0 24px rgba(0,240,255,.16),inset 0 1px 0 rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.hero .hero-feature-slide .visual-core::before,.hero .hero-feature-slide .visual-core::after{content:"";position:absolute;inset:auto}
.hero .hero-feature-slide .stat-card,.hero .hero-feature-slide .unlock-pill,.hero .hero-feature-slide .gift-banner,.hero .hero-feature-slide .meter,.hero .hero-feature-slide .account-stack{position:absolute;z-index:3;background:linear-gradient(180deg,rgba(10,28,52,.92),rgba(4,13,25,.92));border:1px solid rgba(88,217,255,.22);box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 18px rgba(0,240,255,.08);color:#dffcff}
.hero .hero-feature-slide .stat-card{padding:14px 16px;border-radius:18px;min-width:150px}
.hero .hero-feature-slide .stat-card b,.hero .hero-feature-slide .unlock-pill b,.hero .hero-feature-slide .gift-banner b,.hero .hero-feature-slide .meter b,.hero .hero-feature-slide .account-stack b{display:block;font-family:Orbitron,Inter,sans-serif;letter-spacing:.12em;color:#f2feff}
.hero .hero-feature-slide .stat-card span,.hero .hero-feature-slide .unlock-pill span,.hero .hero-feature-slide .gift-banner span,.hero .hero-feature-slide .meter span,.hero .hero-feature-slide .account-stack span{display:block;margin-top:6px;color:#95deed;font-size:.8rem;line-height:1.35}
.hero .hero-feature-slide .stat-top{left:8%;top:16%}
.hero .hero-feature-slide .stat-bottom{right:8%;bottom:14%}
.hero .hourboost-slide .icon-clock::before{width:88px;height:88px;border:8px solid #7ef0ff;border-radius:50%;box-shadow:0 0 18px rgba(0,240,255,.35)}
.hero .hourboost-slide .icon-clock::after{width:6px;height:44px;border-radius:999px;background:#e8feff;box-shadow:32px 10px 0 -1px #e8feff;transform:translate(-6px,-8px) rotate(0deg)}
.hero .accounts-slide .accounts-visual::after{display:none}
.hero .accounts-slide .account-stack{width:148px;padding:18px 16px 16px;border-radius:20px;text-align:left}
.hero .accounts-slide .account-stack i{display:block;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#dcffff 0 22%,transparent 23%),linear-gradient(180deg,#5ee7ff,#1d89ff);box-shadow:0 0 18px rgba(0,240,255,.22)}
.hero .accounts-slide .account-stack.main{left:50%;top:50%;transform:translate(-50%,-50%);width:170px;z-index:4;box-shadow:0 20px 34px rgba(0,0,0,.34),0 0 24px rgba(0,240,255,.16)}
.hero .accounts-slide .account-stack.left{left:11%;top:20%;transform:rotate(-8deg)}
.hero .accounts-slide .account-stack.right{right:11%;bottom:16%;transform:rotate(8deg)}
.hero .achievements-slide .icon-trophy::before{width:92px;height:74px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#dffeff,#89f2ff 32%,#1d8dff 100%);clip-path:polygon(12% 0,88% 0,82% 64%,62% 64%,62% 100%,38% 100%,38% 64%,18% 64%);box-shadow:0 0 24px rgba(0,240,255,.30)}
.hero .achievements-slide .icon-trophy::after{width:124px;height:88px;border:10px solid rgba(151,240,255,.95);border-left-width:8px;border-right-width:8px;border-bottom:none;border-top-left-radius:46px;border-top-right-radius:46px;transform:translateY(-16px);clip-path:polygon(0 0,100% 0,100% 78%,79% 78%,79% 52%,21% 52%,21% 78%,0 78%)}
.hero .achievements-slide .unlock-pill{left:50%;bottom:16%;transform:translateX(-50%);padding:14px 18px;border-radius:999px;text-align:center;min-width:220px}
.hero .boostpc-slide .rocket-visual .meter{padding:12px 14px;border-radius:16px;min-width:128px;text-align:center}
.hero .boostpc-slide .rocket-visual .meter-left{left:7%;top:22%}
.hero .boostpc-slide .rocket-visual .meter-right{right:7%;bottom:18%}
.hero .boostpc-slide .icon-rocket::before{width:76px;height:112px;background:linear-gradient(180deg,#ecffff 0%,#8befff 36%,#1d8dff 100%);clip-path:polygon(50% 0,75% 18%,92% 58%,70% 72%,70% 100%,30% 100%,30% 72%,8% 58%,25% 18%);box-shadow:0 0 24px rgba(0,240,255,.28)}
.hero .boostpc-slide .icon-rocket::after{width:26px;height:26px;border-radius:50%;background:#0a2340;box-shadow:0 -2px 0 8px rgba(232,255,255,.95),0 62px 0 -6px rgba(255,64,0,.70),0 78px 0 1px rgba(255,169,64,.48);transform:translateY(-18px)}
.hero .freegames-slide .gift-banner{left:50%;bottom:14%;transform:translateX(-50%);padding:14px 18px;border-radius:18px;text-align:center;min-width:230px}
.hero .freegames-slide .icon-gift::before{width:98px;height:78px;border-radius:16px;background:linear-gradient(180deg,#f1feff 0%,#a6f5ff 28%,#279bff 100%);box-shadow:0 0 22px rgba(0,240,255,.26);transform:translateY(18px)}
.hero .freegames-slide .icon-gift::after{width:112px;height:34px;border-radius:14px;background:linear-gradient(180deg,#f1feff 0%,#a6f5ff 26%,#279bff 100%);box-shadow:0 -26px 0 -10px rgba(241,254,255,.95),0 0 0 10px transparent,0 0 0 0 transparent,0 0 0 0 transparent,0 0 0 0 transparent;transform:translateY(-36px)}
.hero .freegames-slide .visual-core{overflow:hidden}
.hero .freegames-slide .visual-core .gift-ribbon, .hero .freegames-slide .visual-core::marker{display:none}
.hero .freegames-slide .visual-core > *{display:none}
.hero .freegames-slide .visual-core{background:linear-gradient(180deg,rgba(13,35,66,.92),rgba(6,18,34,.92))}
.hero .freegames-slide .visual-core:after{box-shadow:0 0 0 10px rgba(0,0,0,0)}
.hero .freegames-slide .visual-core:before{box-shadow:0 0 24px rgba(0,240,255,.30),0 0 0 10px transparent}
.hero .freegames-slide .visual-core .vline{display:none}
.hero .freegames-slide .visual-core{--dummy:0}
.hero .freegames-slide .visual-core{position:relative}
.hero .freegames-slide .visual-core span{display:none}
.hero .freegames-slide .visual-core::before{z-index:1}
.hero .freegames-slide .visual-core::after{z-index:2}
.hero .freegames-slide .visual-core{background-image:linear-gradient(90deg,transparent 44%,#0c2340 44%,#0c2340 56%,transparent 56%),linear-gradient(180deg,rgba(13,35,66,.92),rgba(6,18,34,.92))}

.hero .hero-feature-slide .visual-core.icon-gift{background-image:linear-gradient(90deg,transparent 44%,rgba(12,35,64,.92) 44%,rgba(12,35,64,.92) 56%,transparent 56%),linear-gradient(180deg,rgba(13,35,66,.92),rgba(6,18,34,.92))}

@media (max-width:930px){
  .hero .hero-feature-content{grid-template-columns:1fr;gap:10px;padding:26px 24px 24px}
  .hero .hero-feature-copy{max-width:none;text-align:center}
  .hero .hero-feature-badges{justify-content:center}
  .hero .hero-feature-visual{min-height:200px}
  .hero .hero-feature-bg .ring{right:50%;top:auto;bottom:8%;transform:translateX(50%);width:38%}
  .hero .hero-feature-slide .stat-top{left:12%;top:16%}
  .hero .hero-feature-slide .stat-bottom{right:12%;bottom:16%}
}
@media (max-width:620px){
  .hero .hero-feature-content{padding:22px 16px 20px}
  .hero .hero-feature-copy .eyebrow{font-size:.58rem;letter-spacing:.16em}
  .hero .hero-feature-copy h3{font-size:clamp(1.6rem,8vw,2.2rem)}
  .hero .hero-feature-copy p{font-size:.9rem;line-height:1.45}
  .hero .hero-feature-badges span{font-size:.68rem;padding:8px 10px}
  .hero .hero-feature-visual{min-height:170px}
  .hero .hero-feature-slide .visual-core{width:112px;height:112px;border-radius:26px}
  .hero .hero-feature-slide .stat-card,.hero .hero-feature-slide .unlock-pill,.hero .hero-feature-slide .gift-banner,.hero .hero-feature-slide .meter,.hero .hero-feature-slide .account-stack{transform:none!important;min-width:auto;padding:10px 12px}
  .hero .hero-feature-slide .stat-top{left:4%;top:8%}
  .hero .hero-feature-slide .stat-bottom{right:4%;bottom:10%}
  .hero .accounts-slide .account-stack{width:118px}
  .hero .accounts-slide .account-stack.main{width:128px}
  .hero .hero-feature-bg .ring{width:46%}
}


/* ===== HERO CAROUSEL FEATURE SLIDES — PROFESSIONAL REWORK ===== */
.hero .hero-feature-slide{
  background:
    radial-gradient(circle at 18% 22%, rgba(0,240,255,.14), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(53,128,255,.14), transparent 24%),
    radial-gradient(circle at 50% 84%, rgba(9,48,104,.26), transparent 34%),
    linear-gradient(155deg,#031221 0%,#03172c 44%,#04162a 100%) !important;
  box-shadow:none!important;
}
.hero .hero-feature-slide::before,
.hero .hero-feature-slide::after{content:"";position:absolute;pointer-events:none}
.hero .hero-feature-slide::before{
  inset:16px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015) 24%,rgba(255,255,255,0) 50%);
  border:1px solid rgba(92,225,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.hero .hero-feature-slide::after{
  left:14%;right:14%;bottom:8%;height:15%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.46),transparent 68%);
  filter:blur(12px);
  opacity:.9;
}
.hero .hero-feature-bg{
  position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;
}
.hero .hero-feature-bg .grid{
  position:absolute;inset:-6%;opacity:.07;
  background-image:linear-gradient(rgba(88,217,255,.92) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.92) 1px,transparent 1px);
  background-size:38px 38px;
  transform:perspective(780px) rotateX(64deg) translateY(26%) scale(1.12);
  transform-origin:center bottom;
  animation:heroPromoGrid 18s linear infinite;
}
.hero .hero-feature-bg .orb{position:absolute;border-radius:50%;filter:blur(54px);opacity:.45}
.hero .hero-feature-bg .orb-a{width:34%;aspect-ratio:1;left:-8%;top:-12%;background:rgba(0,240,255,.24)}
.hero .hero-feature-bg .orb-b{width:28%;aspect-ratio:1;right:-5%;bottom:-14%;background:rgba(33,95,255,.20)}
.hero .hero-feature-bg .ring{
  position:absolute;right:9%;top:14%;width:30%;aspect-ratio:1;border-radius:50%;
  border:2px solid rgba(110,237,255,.28);
  box-shadow:0 0 0 10px rgba(0,240,255,.04),0 0 28px rgba(0,240,255,.10),inset 0 0 22px rgba(0,240,255,.10);
}
.hero .hero-feature-bg .particles{
  position:absolute;inset:0;opacity:.34;
  background-image:radial-gradient(circle,rgba(186,246,255,.95) 0 1.2px,transparent 1.8px),radial-gradient(circle,rgba(0,240,255,.72) 0 1px,transparent 1.7px);
  background-size:108px 108px,148px 148px;
  background-position:16px 24px,78px 92px;
}
.hero .hero-feature-content{
  position:absolute!important;
  inset:0!important;
  z-index:2;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,420px)!important;
  align-items:center!important;
  gap:34px!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:36px 42px!important;
  box-sizing:border-box!important;
}
.hero .hero-feature-copy{
  max-width:520px;
  align-self:center;
}
.hero .hero-feature-copy .eyebrow{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 14px;border-radius:999px;
  border:1px solid rgba(95,226,255,.16);
  background:rgba(4,17,31,.60);
  box-shadow:0 0 18px rgba(0,240,255,.10),inset 0 1px 0 rgba(255,255,255,.06);
  color:#a4f3ff;font:800 .70rem/1 Orbitron,Inter,sans-serif;letter-spacing:.22em;
  white-space:nowrap;
}
.hero .hero-feature-copy h3{
  margin:18px 0 12px;
  font-family:Orbitron,Inter,sans-serif;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:.94;
  letter-spacing:.08em;
  color:#f3feff;
  text-shadow:0 0 12px rgba(0,240,255,.38),0 0 28px rgba(0,240,255,.12);
}
.hero .hero-feature-copy p{
  margin:0;
  max-width:52ch;
  color:#d5ebf7;
  font:500 1rem/1.62 Inter,sans-serif;
}
.hero .hero-feature-badges{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:18px;
}
.hero .hero-feature-badges span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:9px 14px;border-radius:999px;
  border:1px solid rgba(92,225,255,.14);
  background:linear-gradient(180deg,rgba(10,28,51,.88),rgba(4,13,24,.88));
  box-shadow:0 0 16px rgba(0,240,255,.08);
  color:#acf4ff;
  font:700 .76rem/1 Inter,sans-serif;letter-spacing:.08em;
}
.hero .hero-feature-visual{
  position:relative;
  width:100%;
  min-height:300px;
  display:flex;align-items:center;justify-content:center;
}
.hero .hero-feature-visual::before{
  content:"";position:absolute;inset:14px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 40%,rgba(0,240,255,.10),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02) 24%,rgba(0,0,0,.08) 100%),
    linear-gradient(160deg,rgba(10,32,58,.92),rgba(4,13,24,.92));
  border:1px solid rgba(97,227,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 38px rgba(0,0,0,.28),0 0 22px rgba(0,240,255,.06);
}
.hero .hero-feature-visual::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(0,240,255,.22),transparent 62%);
  filter:blur(16px);opacity:.9;
}
.hero .hero-feature-slide .visual-core{
  position:relative;z-index:2;
  width:156px;height:156px;border-radius:34px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(15,40,70,.94),rgba(6,18,33,.94));
  border:1px solid rgba(97,227,255,.22);
  box-shadow:0 0 26px rgba(0,240,255,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
.hero .hero-feature-slide .visual-core::before,
.hero .hero-feature-slide .visual-core::after{content:"";position:absolute;display:block}
.hero .hero-feature-slide .stat-card,
.hero .hero-feature-slide .unlock-pill,
.hero .hero-feature-slide .gift-banner,
.hero .hero-feature-slide .meter,
.hero .hero-feature-slide .account-stack{
  position:absolute;z-index:3;
  border:1px solid rgba(92,225,255,.18);
  background:linear-gradient(180deg,rgba(10,28,52,.92),rgba(4,13,25,.92));
  box-shadow:0 12px 26px rgba(0,0,0,.28),0 0 18px rgba(0,240,255,.06),inset 0 1px 0 rgba(255,255,255,.05);
  color:#dcfbff;
}
.hero .hero-feature-slide .stat-card,
.hero .hero-feature-slide .meter{padding:14px 16px;min-width:146px;border-radius:18px;text-align:left}
.hero .hero-feature-slide .unlock-pill,
.hero .hero-feature-slide .gift-banner{padding:14px 18px;min-width:230px;border-radius:999px;text-align:center}
.hero .hero-feature-slide .stat-card b,
.hero .hero-feature-slide .unlock-pill b,
.hero .hero-feature-slide .gift-banner b,
.hero .hero-feature-slide .meter b,
.hero .hero-feature-slide .account-stack b{
  display:block;font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.12em;color:#f1feff
}
.hero .hero-feature-slide .stat-card span,
.hero .hero-feature-slide .unlock-pill span,
.hero .hero-feature-slide .gift-banner span,
.hero .hero-feature-slide .meter span,
.hero .hero-feature-slide .account-stack span{display:block;margin-top:6px;color:#9de4f1;font-size:.8rem;line-height:1.35}
.hero .hero-feature-slide .stat-top{left:22px;top:26px}
.hero .hero-feature-slide .stat-bottom{right:22px;bottom:22px}

/* Hour Boost */
.hero .hourboost-slide .icon-clock::before{
  width:90px;height:90px;border-radius:50%;border:8px solid #8cf3ff;box-shadow:0 0 22px rgba(0,240,255,.34)
}
.hero .hourboost-slide .icon-clock::after{
  width:54px;height:54px;border-radius:50%;
  background:
    linear-gradient(#f1feff,#f1feff) 26px 10px/6px 22px no-repeat,
    linear-gradient(#f1feff,#f1feff) 26px 26px/20px 6px no-repeat;
}

/* Accounts */
.hero .accounts-slide .accounts-visual::after{display:none}
.hero .accounts-slide .account-stack{width:146px;padding:16px 14px 14px;border-radius:20px}
.hero .accounts-slide .account-stack i{display:block;width:42px;height:42px;margin-bottom:12px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#ecfeff 0 24%,transparent 25%),linear-gradient(180deg,#6cecff,#238dff);box-shadow:0 0 18px rgba(0,240,255,.20)}
.hero .accounts-slide .account-stack.main{left:50%;top:50%;transform:translate(-50%,-50%);width:170px;z-index:4}
.hero .accounts-slide .account-stack.left{left:18px;top:28px;transform:rotate(-7deg)}
.hero .accounts-slide .account-stack.right{right:18px;bottom:26px;transform:rotate(7deg)}

/* Achievements */
.hero .achievements-slide .icon-trophy::before{
  width:96px;height:78px;
  clip-path:polygon(12% 0,88% 0,82% 60%,60% 60%,60% 100%,40% 100%,40% 60%,18% 60%);
  background:linear-gradient(180deg,#f2feff 0%,#aef6ff 28%,#279bff 100%);
  box-shadow:0 0 22px rgba(0,240,255,.28)
}
.hero .achievements-slide .icon-trophy::after{
  width:120px;height:84px;
  border:10px solid rgba(167,244,255,.96);border-bottom:none;border-radius:46px 46px 0 0;
  clip-path:polygon(0 0,100% 0,100% 78%,78% 78%,78% 48%,22% 48%,22% 78%,0 78%);
  transform:translateY(-16px)
}
.hero .achievements-slide .unlock-pill{left:50%;bottom:22px;transform:translateX(-50%)}

/* Boost PC */
.hero .boostpc-slide .meter-left{left:18px;top:26px}
.hero .boostpc-slide .meter-right{right:18px;bottom:22px}
.hero .boostpc-slide .icon-rocket::before{
  width:76px;height:112px;
  background:linear-gradient(180deg,#f0feff 0%,#8dedff 36%,#1d8dff 100%);
  clip-path:polygon(50% 0,74% 18%,92% 58%,70% 72%,70% 100%,30% 100%,30% 72%,8% 58%,26% 18%);
  box-shadow:0 0 22px rgba(0,240,255,.28)
}
.hero .boostpc-slide .icon-rocket::after{
  width:26px;height:26px;border-radius:50%;background:#0c2340;
  box-shadow:0 -2px 0 8px rgba(238,255,255,.95),0 68px 0 -5px rgba(255,80,18,.72),0 84px 0 2px rgba(255,177,76,.38);
  transform:translateY(-18px)
}

/* Free games */
.hero .freegames-slide .gift-banner{left:50%;bottom:22px;transform:translateX(-50%)}
.hero .freegames-slide .icon-gift{
  background:
    linear-gradient(90deg,transparent 46%,rgba(8,26,48,.96) 46%,rgba(8,26,48,.96) 54%,transparent 54%),
    linear-gradient(180deg,rgba(15,40,70,.94),rgba(6,18,33,.94));
}
.hero .freegames-slide .icon-gift::before{
  width:96px;height:80px;border-radius:18px;
  background:linear-gradient(180deg,#f1feff 0%,#abf6ff 28%,#279bff 100%);
  transform:translateY(18px);
  box-shadow:0 0 22px rgba(0,240,255,.26)
}
.hero .freegames-slide .icon-gift::after{
  width:112px;height:34px;border-radius:14px;
  background:linear-gradient(180deg,#f1feff 0%,#abf6ff 26%,#279bff 100%);
  transform:translateY(-36px);
  box-shadow:0 -24px 0 -10px rgba(241,254,255,.94)
}

/* Slide-specific text tint */
.hero .hourboost-slide .hero-feature-copy h3,
.hero .accounts-slide .hero-feature-copy h3,
.hero .achievements-slide .hero-feature-copy h3,
.hero .boostpc-slide .hero-feature-copy h3,
.hero .freegames-slide .hero-feature-copy h3{color:#f5feff}

/* Responsive */
@media (max-width: 930px){
  .hero .hero-feature-content{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:26px 24px!important;
    justify-items:center;
    text-align:center;
  }
  .hero .hero-feature-copy{max-width:680px}
  .hero .hero-feature-copy p{max-width:none}
  .hero .hero-feature-badges{justify-content:center}
  .hero .hero-feature-visual{width:min(100%,480px);min-height:220px}
  .hero .hero-feature-bg .ring{right:50%;top:auto;bottom:8%;transform:translateX(50%);width:36%}
}
@media (max-width: 620px){
  .hero .hero-feature-slide::before{inset:10px;border-radius:16px}
  .hero .hero-feature-content{padding:18px 14px!important;gap:10px!important}
  .hero .hero-feature-copy .eyebrow{font-size:.56rem;letter-spacing:.16em;padding:7px 11px}
  .hero .hero-feature-copy h3{margin:12px 0 8px;font-size:clamp(1.5rem,8vw,2.2rem)}
  .hero .hero-feature-copy p{font-size:.88rem;line-height:1.45}
  .hero .hero-feature-badges{gap:8px;margin-top:12px}
  .hero .hero-feature-badges span{padding:7px 10px;font-size:.66rem;min-height:32px}
  .hero .hero-feature-visual{width:100%;max-width:340px;min-height:168px}
  .hero .hero-feature-visual::before{inset:8px;border-radius:20px}
  .hero .hero-feature-slide .visual-core{width:112px;height:112px;border-radius:24px}
  .hero .hero-feature-slide .stat-card,
  .hero .hero-feature-slide .meter,
  .hero .hero-feature-slide .unlock-pill,
  .hero .hero-feature-slide .gift-banner,
  .hero .accounts-slide .account-stack{padding:10px 11px;min-width:auto}
  .hero .hero-feature-slide .stat-card span,
  .hero .hero-feature-slide .meter span,
  .hero .hero-feature-slide .unlock-pill span,
  .hero .hero-feature-slide .gift-banner span,
  .hero .accounts-slide .account-stack span{font-size:.72rem}
  .hero .hero-feature-slide .stat-top{left:10px;top:10px}
  .hero .hero-feature-slide .stat-bottom{right:10px;bottom:10px}
  .hero .boostpc-slide .meter-left{left:10px;top:10px}
  .hero .boostpc-slide .meter-right{right:10px;bottom:10px}
  .hero .accounts-slide .account-stack{width:108px}
  .hero .accounts-slide .account-stack.main{width:122px}
  .hero .accounts-slide .account-stack.left{left:8px;top:10px}
  .hero .accounts-slide .account-stack.right{right:8px;bottom:10px}
  .hero .hero-feature-bg .ring{width:44%}
}


/* FINAL HERO CAROUSEL REBUILD */
.hero .hero-carousel-halo{
  background:
    radial-gradient(ellipse at 34% 46%,rgba(0,240,255,.28),transparent 48%),
    radial-gradient(ellipse at 72% 56%,rgba(42,120,255,.18),transparent 46%),
    radial-gradient(ellipse at 52% 60%,rgba(10,34,84,.22),transparent 58%)!important;
}
.hero .hero-carousel-stage{
  background:linear-gradient(125deg,#00f0ff 0%,#62e6ff 22%,#2887ff 58%,#0a2e70 100%)!important;
  box-shadow:0 38px 72px rgba(0,0,0,.68),0 15px 28px rgba(0,0,0,.52),0 0 28px rgba(0,240,255,.30),0 0 56px rgba(40,135,255,.18),0 0 90px rgba(10,46,112,.14)!important;
}
.hero .hero-arrow{
  background:linear-gradient(135deg,#00f0ff 0%,#58ddff 30%,#2887ff 72%,#0a2e70 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.46),0 0 22px rgba(0,240,255,.38),0 0 36px rgba(40,135,255,.16)!important;
}
.hero .hero-arrow:hover{box-shadow:0 16px 34px rgba(0,0,0,.52),0 0 28px rgba(0,240,255,.55),0 0 44px rgba(40,135,255,.24)!important}
.hero .hero-dot.active{box-shadow:0 0 0 1px rgba(120,232,255,.40),0 0 18px rgba(0,240,255,.38),0 0 28px rgba(40,135,255,.16)!important}

.hero .hero-art-slide{background:#031221!important;box-shadow:none!important}
.hero .hero-art-wrap{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#031221}
.hero .hero-art-svg{display:block;width:100%;height:100%}
.hero .hero-carousel-stage:hover .hero-art-svg{transform:none!important}

/* disable old experimental feature-slide layouts if any remain */
.hero .hero-feature-slide{display:none!important}

/* =========================================================
   NEITH — ULTRA PREMIUM CAROUSEL PRESENTATION CARDS
   Scoped to the five interactive hero cards only.
   ========================================================= */
.hero .neith-card-slide{
  --mx:50%;--my:50%;--rx:0deg;--ry:0deg;
  background:#031221!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.hero .neith-card-inner{
  position:absolute;inset:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid transparent;
  background:
    linear-gradient(145deg,rgba(8,28,49,.94),rgba(2,14,27,.97) 48%,rgba(5,22,43,.96)) padding-box,
    linear-gradient(115deg,#00f0ff 0%,#58d9ff 35%,#087ce8 66%,#6b49d8 100%) border-box;
  box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 22px rgba(0,240,255,.10),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  transform-style:preserve-3d;
  transition:transform .16s ease-out,box-shadow .34s ease,filter .34s ease;
  isolation:isolate;
}
.hero .neith-card-inner::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(0,240,255,.13),transparent 29%),linear-gradient(180deg,rgba(255,255,255,.045),transparent 24%);
}
.hero .neith-card-inner:hover{
  box-shadow:0 26px 52px rgba(0,0,0,.58),0 0 30px rgba(0,240,255,.30),0 0 56px rgba(8,124,232,.16),inset 0 1px 0 rgba(255,255,255,.10);
  filter:brightness(1.035);
}
.hero .neith-card-aura{
  position:absolute;z-index:0;width:48%;aspect-ratio:1;right:-7%;top:2%;border-radius:50%;
  background:radial-gradient(circle,rgba(0,240,255,.22),rgba(8,124,232,.10) 43%,transparent 72%);
  filter:blur(28px);opacity:.72;animation:neithAura 5.4s ease-in-out infinite;pointer-events:none;
}
.hero .neith-card-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.055;
  background-image:linear-gradient(rgba(88,217,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.9) 1px,transparent 1px);
  background-size:30px 30px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 96%);
}
.hero .neith-card-shine{
  position:absolute;z-index:8;top:-45%;bottom:-45%;left:-34%;width:15%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(180,247,255,.22),transparent);
  transform:rotate(17deg);opacity:0;pointer-events:none;
}
.hero .neith-card-inner:hover .neith-card-shine{animation:neithCardShine 1.05s ease forwards}
.hero .neith-card-content{
  position:relative;z-index:2;height:100%;width:100%;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(180px,.92fr);align-items:center;gap:18px;
  padding:22px 24px;
  transform-style:preserve-3d;
}
.hero .neith-card-copy{position:relative;z-index:3;min-width:0;transform:translateZ(22px)}
.hero .neith-card-eyebrow{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:6px 9px;border-radius:999px;
  border:1px solid rgba(88,217,255,.16);background:rgba(0,16,31,.54);box-shadow:0 0 14px rgba(0,240,255,.07);
  color:#93eeff;font:800 clamp(.48rem,.72vw,.63rem)/1 Orbitron,Inter,sans-serif;letter-spacing:.16em;white-space:nowrap;
}
.hero .neith-card-eyebrow i{width:6px;height:6px;border-radius:50%;background:#00f0ff;box-shadow:0 0 9px #00f0ff}
.hero .neith-card-copy h3{
  margin:0;color:#f4feff;font:900 clamp(1.45rem,2.8vw,2.45rem)/.96 Orbitron,Inter,sans-serif;letter-spacing:.045em;
  text-shadow:0 0 8px rgba(0,240,255,.46),0 0 24px rgba(0,240,255,.13);text-wrap:balance;
}
.hero .neith-card-copy p{
  margin:11px 0 0;max-width:58ch;color:#c9e5f0;font:500 clamp(.68rem,1.02vw,.86rem)/1.52 Inter,sans-serif;
}
.hero .neith-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.hero .neith-pills span{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  padding:7px 10px;border:1px solid rgba(0,240,255,.38);border-radius:999px;
  background:linear-gradient(180deg,rgba(13,38,64,.96),rgba(4,16,30,.96));color:#c9f8ff;
  box-shadow:0 0 12px rgba(0,240,255,.08),inset 0 1px rgba(255,255,255,.05);
  font:800 clamp(.48rem,.72vw,.62rem)/1 Orbitron,Inter,sans-serif;letter-spacing:.07em;transition:transform .22s ease,box-shadow .22s ease;
}
.hero .neith-pills span::before{
  content:"";position:absolute;top:-40%;bottom:-40%;left:-55%;width:30%;transform:skewX(-25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),rgba(205,249,255,.82),transparent);opacity:0;
}
.hero .neith-pills span:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(0,240,255,.30),inset 0 1px rgba(255,255,255,.10)}
.hero .neith-pills span:hover::before{animation:neithPillShimmer .72s ease forwards}
.hero .neith-card-slogan{
  display:inline-block;margin-top:13px;padding-top:10px;border-top:1px solid rgba(88,217,255,.11);
  color:#8cecff;font:800 clamp(.48rem,.73vw,.64rem)/1.25 Orbitron,Inter,sans-serif;letter-spacing:.10em;text-shadow:0 0 12px rgba(0,240,255,.20);
}

/* right visual area */
.hero .neith-card-visual{
  position:relative;width:100%;height:100%;min-height:190px;display:flex;align-items:center;justify-content:center;transform:translateZ(34px);
}
.hero .neith-card-visual::before{
  content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(0,240,255,.15),transparent 66%);filter:blur(8px);animation:neithCorePulse 4.2s ease-in-out infinite;
}
.hero .visual-orbit{position:absolute;border:1px solid rgba(88,217,255,.16);border-radius:50%;box-shadow:0 0 18px rgba(0,240,255,.06)}
.hero .orbit-1{width:72%;aspect-ratio:1;animation:neithOrbitPulse 5s ease-in-out infinite}
.hero .orbit-2{width:55%;aspect-ratio:1;border-style:dashed;opacity:.68;animation:neithRotate 16s linear infinite}

/* accounts */
.hero .profile-card{position:absolute;width:92px;min-height:118px;padding:13px 10px;border:1px solid rgba(88,217,255,.20);border-radius:16px;background:linear-gradient(160deg,rgba(18,49,80,.95),rgba(5,17,31,.97));box-shadow:0 15px 28px rgba(0,0,0,.30),0 0 14px rgba(0,240,255,.07);text-align:center}
.hero .profile-main{z-index:4;width:110px;min-height:145px;animation:neithFloatMain 5s ease-in-out infinite}
.hero .profile-a{left:0;top:17%;transform:rotate(-7deg);animation:neithFloatA 5.8s ease-in-out infinite}
.hero .profile-b{right:0;bottom:12%;transform:rotate(7deg);animation:neithFloatB 6.2s ease-in-out infinite}
.hero .avatar{display:block;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#eaffff 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,#eaffff 0 36%,transparent 37%),linear-gradient(135deg,#00f0ff,#087ce8);box-shadow:0 0 14px rgba(0,240,255,.25)}
.hero .profile-card b,.hero .profile-card strong{display:block;color:#edfeff;font:800 .66rem/1 Orbitron,sans-serif;letter-spacing:.08em}
.hero .profile-card small{display:block;margin-top:6px;color:#8fdcea;font-size:.52rem;letter-spacing:.06em}
.hero .profile-status{position:absolute;width:7px;height:7px;top:10px;right:10px;border-radius:50%;background:#00ff9d;box-shadow:0 0 9px #00ff9d}
.hero .profile-line{display:block;width:60%;height:2px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,#00f0ff,transparent)}

/* hour boost */
.hero .clock-core{position:relative;width:112px;height:112px;border:7px solid #cffcff;border-radius:50%;background:radial-gradient(circle,#12314d,#051421 70%);box-shadow:0 0 20px rgba(0,240,255,.34),0 0 42px rgba(8,124,232,.14),inset 0 0 20px rgba(0,240,255,.07);animation:neithFloatMain 5s ease-in-out infinite}
.hero .clock-ring{position:absolute;inset:-18px;border:1px dashed rgba(88,217,255,.36);border-radius:50%;animation:neithRotate 18s linear infinite}
.hero .clock-hand{position:absolute;left:50%;top:50%;border-radius:999px;background:#efffff;transform-origin:0 50%;box-shadow:0 0 8px rgba(0,240,255,.40)}
.hero .hand-hour{width:31px;height:5px;transform:translateY(-50%) rotate(-90deg)}
.hero .hand-minute{width:40px;height:4px;transform:translateY(-50%) rotate(20deg)}
.hero .clock-dot{position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:white;box-shadow:0 0 9px #00f0ff}
.hero .floating-stat{position:absolute;min-width:84px;padding:9px 10px;border:1px solid rgba(88,217,255,.18);border-radius:13px;background:rgba(4,19,34,.92);box-shadow:0 10px 20px rgba(0,0,0,.26),0 0 12px rgba(0,240,255,.06)}
.hero .floating-stat b{display:block;color:white;font:900 .72rem Orbitron,sans-serif}.hero .floating-stat span{display:block;margin-top:3px;color:#88dbea;font-size:.45rem;letter-spacing:.06em}
.hero .stat-a{top:8%;left:0;animation:neithFloatA 5.5s ease-in-out infinite}.hero .stat-b{right:0;bottom:10%;animation:neithFloatB 6s ease-in-out infinite}

/* achievements */
.hero .trophy{position:relative;width:116px;height:148px;animation:neithFloatMain 5s ease-in-out infinite}
.hero .trophy-cup{position:absolute;top:16px;left:20px;width:76px;height:70px;clip-path:polygon(7% 0,93% 0,82% 69%,60% 69%,60% 100%,40% 100%,40% 69%,18% 69%);background:linear-gradient(145deg,#efffff,#83ebff 40%,#087ce8);filter:drop-shadow(0 0 12px rgba(0,240,255,.38))}
.hero .trophy-neck{position:absolute;width:22px;height:40px;left:47px;top:76px;background:#a7f3ff}.hero .trophy-base{position:absolute;width:82px;height:21px;left:17px;bottom:10px;border-radius:6px;background:linear-gradient(180deg,#dffeff,#168bda);box-shadow:0 0 14px rgba(0,240,255,.22)}
.hero .trophy-star{position:absolute;top:36px;left:44px;color:#001728;font-size:28px}
.hero .achievement-chip{position:absolute;padding:9px 10px;border:1px solid rgba(88,217,255,.17);border-radius:13px;background:rgba(5,20,36,.93);box-shadow:0 10px 20px rgba(0,0,0,.26);text-align:center}.hero .achievement-chip b{display:block;font:900 .72rem Orbitron;color:#efffff}.hero .achievement-chip span{display:block;margin-top:3px;color:#8bdfee;font-size:.45rem}.hero .chip-a{left:0;top:10%;animation:neithFloatA 6s ease-in-out infinite}.hero .chip-b{right:0;bottom:11%;animation:neithFloatB 6.2s ease-in-out infinite}

/* boost pc */
.hero .power-core{position:relative;width:112px;height:112px;border:1px solid rgba(88,217,255,.28);border-radius:26px;background:linear-gradient(160deg,rgba(17,52,87,.96),rgba(4,17,31,.96));box-shadow:0 0 24px rgba(0,240,255,.18),inset 0 1px rgba(255,255,255,.07);animation:neithFloatMain 5s ease-in-out infinite}
.hero .power-bolt{position:absolute;width:50px;height:77px;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:polygon(57% 0,100% 0,67% 37%,93% 37%,27% 100%,45% 53%,17% 53%);background:linear-gradient(180deg,white,#6deaff,#087ce8);filter:drop-shadow(0 0 10px rgba(0,240,255,.65))}
.hero .performance-stat{position:absolute;width:92px;padding:9px 10px;border:1px solid rgba(88,217,255,.17);border-radius:13px;background:rgba(5,20,36,.94);box-shadow:0 10px 20px rgba(0,0,0,.26)}.hero .performance-stat span,.hero .performance-stat b{display:block}.hero .performance-stat span{color:#7fdae9;font:800 .46rem Orbitron;letter-spacing:.07em}.hero .performance-stat b{margin-top:2px;color:white;font:900 .68rem Orbitron}.hero .performance-stat i{display:block;height:5px;margin-top:6px;border-radius:999px;overflow:hidden;background:#09233b}.hero .performance-stat em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#087ce8,#00f0ff);box-shadow:0 0 7px #00f0ff}.hero .cpu-stat{left:0;top:9%;animation:neithFloatA 5.7s ease-in-out infinite}.hero .ram-stat{right:0;bottom:11%;animation:neithFloatB 6.1s ease-in-out infinite}

/* free games */
.hero .gift-core{position:relative;width:116px;height:130px;animation:neithFloatMain 5s ease-in-out infinite}.hero .gift-box{position:absolute;width:86px;height:68px;left:15px;bottom:10px;border-radius:10px;background:linear-gradient(150deg,#efffff,#66e6ff 45%,#087ce8);box-shadow:0 0 20px rgba(0,240,255,.30)}.hero .gift-lid{position:absolute;width:100px;height:31px;left:8px;top:28px;border-radius:9px;background:linear-gradient(150deg,white,#76ecff,#087ce8);box-shadow:0 0 15px rgba(0,240,255,.24)}.hero .gift-ribbon{position:absolute;width:15px;height:98px;left:51px;top:28px;background:#073662}.hero .game-alert{position:absolute;min-width:88px;padding:9px;border:1px solid rgba(88,217,255,.17);border-radius:13px;background:rgba(5,20,36,.94);text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.26)}.hero .game-alert b{display:block;color:#efffff;font:900 .68rem Orbitron}.hero .game-alert span{display:block;margin-top:3px;color:#8bdfee;font-size:.45rem}.hero .alert-a{left:0;top:10%;animation:neithFloatA 5.5s ease-in-out infinite}.hero .alert-b{right:0;bottom:10%;animation:neithFloatB 6s ease-in-out infinite}

/* section variants */
.hero .card-achievements .neith-card-aura{background:radial-gradient(circle,rgba(88,217,255,.24),rgba(67,93,255,.12),transparent 72%)}
.hero .card-boostpc .neith-card-aura{background:radial-gradient(circle,rgba(0,240,255,.25),rgba(8,124,232,.14),transparent 72%)}
.hero .card-freegames .neith-card-aura{background:radial-gradient(circle,rgba(0,240,255,.22),rgba(60,104,255,.13),transparent 72%)}

@keyframes neithAura{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.07);opacity:.86}}
@keyframes neithCorePulse{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}
@keyframes neithOrbitPulse{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:.68}}
@keyframes neithRotate{to{transform:rotate(360deg)}}
@keyframes neithCardShine{0%{left:-34%;opacity:0}18%{opacity:.85}100%{left:125%;opacity:0}}
@keyframes neithPillShimmer{0%{left:-55%;opacity:0}20%{opacity:.85}100%{left:135%;opacity:0}}
@keyframes neithFloatMain{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes neithFloatA{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes neithFloatB{0%,100%{translate:0 0}50%{translate:0 6px}}

@media(max-width:930px){
  .hero .neith-card-content{grid-template-columns:minmax(0,1.05fr) minmax(160px,.95fr);gap:13px;padding:17px 18px}
  .hero .neith-card-copy p{font-size:clamp(.61rem,.96vw,.78rem);line-height:1.45}
  .hero .neith-card-visual{min-height:160px}
}
@media(max-width:620px){
  .hero .neith-card-content{grid-template-columns:1fr 1fr;gap:8px;padding:12px}
  .hero .neith-card-eyebrow{font-size:.42rem;padding:5px 7px;margin-bottom:6px;letter-spacing:.10em}
  .hero .neith-card-copy h3{font-size:clamp(1rem,4vw,1.45rem)}
  .hero .neith-card-copy p{font-size:.55rem;line-height:1.35;margin-top:7px}
  .hero .neith-pills{gap:4px;margin-top:7px}.hero .neith-pills span{font-size:.40rem;padding:5px 6px}
  .hero .neith-card-slogan{font-size:.40rem;margin-top:7px;padding-top:6px}
  .hero .neith-card-visual{min-height:125px;transform:none}
  .hero .profile-card{transform:scale(.76)!important}.hero .clock-core,.hero .trophy,.hero .power-core,.hero .gift-core{transform:scale(.76)}
  .hero .floating-stat,.hero .achievement-chip,.hero .performance-stat,.hero .game-alert{transform:scale(.78)}
}
@media(prefers-reduced-motion:reduce){
  .hero .neith-card-inner,.hero .neith-card-aura,.hero .neith-card-shine,.hero .visual-orbit,.hero .profile-card,.hero .clock-core,.hero .floating-stat,.hero .trophy,.hero .achievement-chip,.hero .power-core,.hero .performance-stat,.hero .gift-core,.hero .game-alert{animation:none!important;transition:none!important}
  .hero .neith-card-inner{transform:none!important}
}

/* =========================================================
   NEITH — FINAL SAFE-LAYOUT + SCI-FI BORDER PASS
   Prevents clipping while keeping the carousel premium.
   ========================================================= */
.hero .neith-card-slide,
.hero .neith-card-slide *{
  box-sizing:border-box;
}

.hero .neith-card-inner{
  --safe-pad:clamp(2.5rem,3.25vw,3rem);
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:20px;
  border:0!important;
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(0,240,255,.115),transparent 30%),
    linear-gradient(145deg,rgba(10,31,54,.90),rgba(2,14,27,.96) 46%,rgba(5,22,43,.94));
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  box-shadow:
    0 24px 54px rgba(0,0,0,.52),
    0 0 26px rgba(0,240,255,.13),
    0 0 52px rgba(72,74,255,.08),
    inset 0 1px 0 rgba(255,255,255,.07);
  transform:perspective(1250px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  transform-style:preserve-3d;
  transition:transform .16s ease-out,box-shadow .34s ease,filter .34s ease;
  isolation:isolate;
}

/* animated perimeter light */
.hero .neith-card-inner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  border-radius:20px;
  padding:1.5px;
  pointer-events:none;
  background:conic-gradient(
    from var(--border-angle,0deg),
    rgba(0,240,255,.12) 0deg,
    #00f0ff 42deg,
    #6ce9ff 86deg,
    rgba(77,112,255,.70) 138deg,
    #7c3cff 182deg,
    rgba(124,60,255,.16) 228deg,
    rgba(0,240,255,.08) 302deg,
    #00f0ff 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(0,240,255,.34));
  animation:neithBorderCircuit 7s linear infinite;
}

/* cursor glow kept below content */
.hero .neith-card-inner::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:19px;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--mx) var(--my),rgba(0,240,255,.12),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%);
}

.hero .neith-card-inner:hover{
  box-shadow:
    0 34px 68px rgba(0,0,0,.62),
    0 0 40px rgba(0,240,255,.32),
    0 0 72px rgba(60,92,255,.18),
    inset 0 1px 0 rgba(255,255,255,.11);
  filter:brightness(1.045);
}

/* military / sci-fi corner braces */
.hero .neith-card-content{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(170px,.88fr);
  align-items:center;
  gap:clamp(1.25rem,2.2vw,2rem);
  padding:var(--safe-pad)!important;
  transform-style:preserve-3d;
  background:
    linear-gradient(#7eeeff,#7eeeff) left 15px top 15px/34px 2px no-repeat,
    linear-gradient(#7eeeff,#7eeeff) left 15px top 15px/2px 34px no-repeat,
    linear-gradient(#687cff,#687cff) right 15px top 15px/34px 2px no-repeat,
    linear-gradient(#687cff,#687cff) right 15px top 15px/2px 34px no-repeat,
    linear-gradient(#687cff,#687cff) right 15px bottom 15px/34px 2px no-repeat,
    linear-gradient(#687cff,#687cff) right 15px bottom 15px/2px 34px no-repeat,
    linear-gradient(#7eeeff,#7eeeff) left 15px bottom 15px/34px 2px no-repeat,
    linear-gradient(#7eeeff,#7eeeff) left 15px bottom 15px/2px 34px no-repeat;
}

.hero .neith-card-content::before,
.hero .neith-card-content::after{
  content:"";
  position:absolute;
  z-index:6;
  width:7px;
  height:7px;
  border-radius:2px;
  pointer-events:none;
  background:#b5f8ff;
  box-shadow:0 0 8px #00f0ff,0 0 18px rgba(0,240,255,.42);
  opacity:.86;
}
.hero .neith-card-content::before{left:13px;top:13px}
.hero .neith-card-content::after{right:13px;bottom:13px;background:#8b73ff;box-shadow:0 0 8px #7655ff,0 0 18px rgba(118,85,255,.40)}

/* typography: no fixed heights, no truncation */
.hero .neith-card-copy{
  position:relative;
  z-index:3;
  min-width:0;
  min-height:0;
  transform:translateZ(22px);
  overflow:visible;
}
.hero .neith-card-copy h3{
  margin:0;
  max-width:100%;
  color:#f4feff;
  font:900 clamp(1.28rem,2.45vw,2.18rem)/1.02 Orbitron,Inter,sans-serif;
  letter-spacing:.035em;
  text-shadow:0 0 8px rgba(0,240,255,.46),0 0 24px rgba(0,240,255,.13);
  text-wrap:balance;
  overflow:visible;
}
.hero .card-achievements .neith-card-copy h3{
  font-size:clamp(1.05rem,2.05vw,1.82rem);
  letter-spacing:.025em;
}
.hero .neith-card-copy p{
  display:block;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:clamp(.65rem,1vw,.9rem) 0 0;
  max-width:60ch;
  color:#c9e5f0;
  font:500 clamp(.62rem,.84vw,.79rem)/1.6 Inter,sans-serif;
  text-wrap:pretty;
}
.hero .neith-card-eyebrow{
  margin-bottom:clamp(.5rem,.8vw,.72rem);
  padding:6px 9px;
  font-size:clamp(.44rem,.62vw,.58rem);
  letter-spacing:.14em;
}
.hero .neith-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:clamp(.7rem,1vw,.9rem);
}
.hero .neith-pills span{
  min-height:30px;
  padding:7px 11px;
  font-size:clamp(.43rem,.60vw,.56rem);
  line-height:1.1;
  border-color:rgba(0,240,255,.46);
  box-shadow:0 0 14px rgba(0,240,255,.11),inset 0 1px rgba(255,255,255,.06);
}
.hero .neith-card-slogan{
  display:block;
  width:max-content;
  max-width:100%;
  height:auto!important;
  overflow:visible!important;
  margin-top:clamp(.72rem,1.05vw,.95rem);
  padding-top:clamp(.55rem,.85vw,.75rem);
  color:#91efff;
  font:800 clamp(.44rem,.61vw,.58rem)/1.35 Orbitron,Inter,sans-serif;
  letter-spacing:.085em;
  white-space:normal;
}

/* keep the entire right-side composition inside a generous safe zone */
.hero .neith-card-visual{
  position:relative;
  width:100%;
  height:auto!important;
  min-height:clamp(165px,24vw,230px);
  max-height:100%;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(1rem,1.5vw,1.35rem);
  margin:0;
  transform:translateZ(34px);
  overflow:visible;
}
.hero .neith-card-visual::before{
  width:min(82%,220px);
  aspect-ratio:1;
}
.hero .visual-orbit{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.hero .orbit-1{width:min(74%,200px)}
.hero .orbit-2{width:min(56%,154px)}

/* graphic sharpness + centering */
.hero .neith-card-visual img,
.hero .neith-card-visual svg{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 0 10px rgba(0,240,255,.25));
}
.hero .clock-core,
.hero .power-core,
.hero .trophy,
.hero .gift-core,
.hero .profile-card{
  filter:drop-shadow(0 0 10px rgba(0,240,255,.17));
  flex:0 0 auto;
}

/* reposition floating elements away from every edge */
.hero .profile-a{left:7%;top:16%}
.hero .profile-b{right:7%;bottom:16%}
.hero .stat-a{left:5%;top:10%}
.hero .stat-b{right:5%;bottom:12%}
.hero .chip-a{left:5%;top:12%}
.hero .chip-b{right:5%;bottom:12%}
.hero .cpu-stat{left:4%;top:11%}
.hero .ram-stat{right:4%;bottom:12%}
.hero .alert-a{left:5%;top:11%}
.hero .alert-b{right:5%;bottom:12%}

/* preserve shimmer above content but below arrows */
.hero .neith-card-shine{z-index:5}

@property --border-angle{
  syntax:"<angle>";
  initial-value:0deg;
  inherits:false;
}
@keyframes neithBorderCircuit{
  to{--border-angle:360deg}
}

/* medium displays: give cards more vertical room instead of clipping copy */
@media(max-width:930px){
  .hero .hero-carousel-stage{aspect-ratio:4/3!important}
  .hero .neith-card-inner{--safe-pad:2.5rem}
  .hero .neith-card-content{
    grid-template-columns:minmax(0,1fr) minmax(165px,.78fr)!important;
    gap:1.25rem!important;
    padding:2.5rem!important;
  }
  .hero .neith-card-copy p{font-size:clamp(.67rem,1.15vw,.82rem);line-height:1.6}
  .hero .neith-card-visual{min-height:190px}
}

@media(max-width:700px){
  .hero .hero-carousel-stage{aspect-ratio:5/4!important}
  .hero .neith-card-content{
    grid-template-columns:minmax(0,1.08fr) minmax(145px,.72fr)!important;
    gap:1rem!important;
    padding:2.5rem!important;
  }
  .hero .neith-card-copy h3{font-size:clamp(1.05rem,4.4vw,1.5rem)}
  .hero .card-achievements .neith-card-copy h3{font-size:clamp(.92rem,3.9vw,1.32rem)}
  .hero .neith-card-copy p{font-size:clamp(.59rem,1.75vw,.72rem);line-height:1.6}
  .hero .neith-card-visual{min-height:160px;padding:.75rem}
  .hero .profile-card{transform:scale(.84)!important}
  .hero .clock-core,.hero .trophy,.hero .power-core,.hero .gift-core{transform:scale(.84)}
}

/* narrow phones: stack content and increase stage height so nothing is cut */
@media(max-width:520px){
  .hero .hero-carousel-stage{aspect-ratio:4/5!important;min-height:520px}
  .hero .neith-card-inner{--safe-pad:2.5rem}
  .hero .neith-card-content{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(150px,1fr);
    align-content:center;
    gap:1rem!important;
    padding:2.5rem!important;
  }
  .hero .neith-card-copy{text-align:center}
  .hero .neith-card-copy p{max-width:none;font-size:.72rem;line-height:1.6}
  .hero .neith-pills{justify-content:center}
  .hero .neith-card-slogan{margin-left:auto;margin-right:auto}
  .hero .neith-card-visual{min-height:150px;max-height:180px;transform:none}
  .hero .profile-card{transform:scale(.72)!important}
  .hero .clock-core,.hero .trophy,.hero .power-core,.hero .gift-core{transform:scale(.72)}
  .hero .floating-stat,.hero .achievement-chip,.hero .performance-stat,.hero .game-alert{transform:scale(.82)}
}

@media(prefers-reduced-motion:reduce){
  .hero .neith-card-inner::after{animation:none!important}
}


/* =========================================================
   NEITH HERO WORDMARK — ULTRA GAMING METALLIC / NEON
   Real HTML text: scalable, sharp and responsive.
========================================================= */
.hero .hero-neith-logo{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:.045em .06em .10em .015em;
  overflow:visible;

  font-family:Orbitron,Inter,sans-serif!important;
  font-size:clamp(4.15rem,8.6vw,7.9rem)!important;
  font-weight:900!important;
  font-style:italic;
  line-height:.88!important;
  letter-spacing:.045em!important;
  white-space:nowrap;

  background:
    linear-gradient(
      180deg,
      #f7ffff 0%,
      #dffcff 10%,
      #7ef2ff 27%,
      #eefeff 43%,
      #43d9ff 58%,
      #0799ed 74%,
      #055aab 88%,
      #b8f7ff 100%
    );
  background-size:100% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;

  -webkit-text-stroke:1px rgba(185,248,255,.44);
  text-shadow:
    0 1px 0 rgba(230,254,255,.92),
    0 2px 0 rgba(99,222,255,.72),
    0 3px 0 rgba(26,145,214,.78),
    0 5px 0 rgba(4,68,120,.86),
    0 7px 0 rgba(1,32,68,.95),
    0 10px 14px rgba(0,0,0,.72),
    0 0 8px rgba(0,240,255,.82),
    0 0 20px rgba(0,240,255,.54),
    0 0 42px rgba(0,174,255,.32),
    0 0 72px rgba(0,99,211,.18);

  filter:drop-shadow(0 13px 14px rgba(0,0,0,.42));
  transform:translateZ(0);
  isolation:isolate;
}

/* metallic top bevel */
.hero .hero-neith-logo::before{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  font:inherit;
  letter-spacing:inherit;
  white-space:inherit;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.48) 9%,
      rgba(255,255,255,.08) 22%,
      transparent 42%
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  opacity:.82;
  mix-blend-mode:screen;
}

/* moving chrome shimmer */
.hero .hero-neith-logo::after{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;

  font:inherit;
  letter-spacing:inherit;
  white-space:inherit;

  background:
    linear-gradient(
      108deg,
      transparent 0%,
      transparent 38%,
      rgba(255,255,255,.05) 43%,
      rgba(255,255,255,.98) 49%,
      rgba(176,249,255,.92) 53%,
      rgba(255,255,255,.12) 58%,
      transparent 64%,
      transparent 100%
    );
  background-size:240% 100%;
  background-position:145% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 0 7px rgba(210,253,255,.55));
  opacity:0;
  animation:neithHeroChromeSweep 5.8s cubic-bezier(.2,.65,.25,1) infinite;
}

.hero .hero-neith-logo:hover{
  filter:
    brightness(1.06)
    drop-shadow(0 13px 14px rgba(0,0,0,.42))
    drop-shadow(0 0 12px rgba(0,240,255,.28));
}

/* Keep CTA visually balanced beneath the stronger wordmark */
.hero .actions .btn{
  position:relative;
  z-index:1;
}
.hero .actions .primary{
  box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    0 0 24px rgba(0,240,255,.30),
    inset 0 1px 0 rgba(255,255,255,.34);
}
.hero .actions .ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(8,124,232,.05);
}

@keyframes neithHeroChromeSweep{
  0%,58%{background-position:145% 0;opacity:0}
  62%{opacity:.92}
  78%{background-position:-55% 0;opacity:.88}
  82%,100%{background-position:-55% 0;opacity:0}
}

@media(max-width:930px){
  .hero .hero-neith-logo{
    font-size:clamp(4rem,15vw,6.6rem)!important;
  }
}

@media(max-width:620px){
  .hero .hero-neith-logo{
    font-size:clamp(3.35rem,19vw,5rem)!important;
    letter-spacing:.025em!important;
    -webkit-text-stroke:.7px rgba(185,248,255,.40);
    text-shadow:
      0 1px 0 rgba(230,254,255,.88),
      0 2px 0 rgba(76,198,240,.70),
      0 4px 0 rgba(4,65,116,.88),
      0 7px 10px rgba(0,0,0,.68),
      0 0 8px rgba(0,240,255,.72),
      0 0 22px rgba(0,240,255,.38),
      0 0 40px rgba(0,102,220,.18);
  }
}

@media(prefers-reduced-motion:reduce){
  .hero .hero-neith-logo::after{animation:none!important;opacity:.15;background-position:50% 0}
}

/* =========================================================
   NEITH CAROUSEL — UNIVERSAL ZERO-CLIP + GAMING BACKGROUNDS
   Final override: elastic content, safe zones and Steam-game atmospheres.
   ========================================================= */
.hero .neith-card-slide{
  overflow:hidden!important;
  background:#03101e!important;
}
.hero .neith-card-inner{
  --card-pad:clamp(1.25rem,1.85vw,1.8rem);
  position:absolute;
  inset:0;
  min-width:0;
  min-height:0;
  height:auto!important;
  overflow:hidden!important;
  container-type:inline-size;
}
.hero .neith-game-bg{
  position:absolute!important;
  inset:-12px!important;
  z-index:-4!important;
  display:block!important;
  width:calc(100% + 24px)!important;
  height:calc(100% + 24px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.18!important;
  filter:blur(8px) brightness(.40) saturate(.92) contrast(1.08)!important;
  transform:scale(1.035)!important;
  border-radius:0!important;
  pointer-events:none!important;
}
.hero .neith-game-bg-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,11,23,.96) 0%,rgba(0,14,28,.88) 38%,rgba(0,13,27,.66) 68%,rgba(0,10,24,.82) 100%),
    linear-gradient(180deg,rgba(0,240,255,.035),rgba(3,13,28,.64));
}
.hero .neith-card-aura{z-index:-2!important}
.hero .neith-card-grid{z-index:-1!important;opacity:.50}

/* no hard content height: grid grows naturally and stays inside the safe area */
.hero .neith-card-content{
  position:relative;
  z-index:2;
  width:100%;
  height:auto!important;
  min-height:100%;
  max-height:none!important;
  overflow:visible!important;
  padding:var(--card-pad)!important;
  gap:clamp(.85rem,1.65vw,1.4rem)!important;
  grid-template-columns:minmax(0,1.13fr) minmax(150px,.87fr)!important;
  align-items:center!important;
  align-content:center!important;
}
.hero .neith-card-copy{
  min-width:0;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero .neith-card-copy h3{
  margin:0!important;
  font-size:clamp(1.18rem,2.25vw,2.02rem)!important;
  line-height:1.02!important;
  letter-spacing:.03em!important;
  overflow:visible!important;
}
.hero .card-achievements .neith-card-copy h3{
  font-size:clamp(1rem,1.82vw,1.66rem)!important;
}
.hero .neith-card-copy p{
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:clamp(.48rem,.75vw,.68rem) 0 0!important;
  padding:0!important;
  overflow:visible!important;
  font-size:clamp(.59rem,.73vw,.72rem)!important;
  line-height:1.58!important;
  text-wrap:pretty;
}
.hero .neith-card-eyebrow{
  align-self:flex-start;
  margin:0 0 clamp(.4rem,.64vw,.58rem)!important;
  padding:5px 8px!important;
  font-size:clamp(.41rem,.54vw,.52rem)!important;
  line-height:1!important;
  white-space:nowrap;
}
.hero .neith-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.42rem!important;
  margin-top:clamp(.52rem,.74vw,.68rem)!important;
  padding:0!important;
  height:auto!important;
  overflow:visible!important;
}
.hero .neith-pills span{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto;
  min-height:27px!important;
  height:auto!important;
  padding:6px 9px!important;
  font-size:clamp(.40rem,.51vw,.50rem)!important;
  line-height:1.1!important;
  white-space:nowrap;
  overflow:hidden;
}
.hero .neith-card-slogan{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:clamp(.50rem,.72vw,.66rem)!important;
  padding-top:clamp(.40rem,.55vw,.52rem)!important;
  font-size:clamp(.40rem,.52vw,.51rem)!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
}

/* graphic side: centered, contained, sharpened and never touching the perimeter */
.hero .neith-card-visual{
  position:relative;
  width:100%!important;
  height:auto!important;
  min-height:clamp(145px,20vw,205px)!important;
  max-height:none!important;
  padding:clamp(.78rem,1.2vw,1.05rem)!important;
  margin:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.hero .neith-card-visual img,
.hero .neith-card-visual svg{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 0 12px rgba(0,240,255,.28))!important;
}
.hero .clock-core,.hero .power-core,.hero .trophy,.hero .gift-core,.hero .profile-card{
  max-width:72%;
  max-height:72%;
  filter:drop-shadow(0 0 12px rgba(0,240,255,.24));
}
.hero .profile-a{left:8%!important;top:14%!important}
.hero .profile-b{right:8%!important;bottom:14%!important}
.hero .stat-a,.hero .chip-a,.hero .cpu-stat,.hero .alert-a{left:7%!important;top:9%!important}
.hero .stat-b,.hero .chip-b,.hero .ram-stat,.hero .alert-b{right:7%!important;bottom:10%!important}

/* reinforced sci-fi corners */
.hero .neith-card-content{
  background:
    linear-gradient(#8af3ff,#8af3ff) left 13px top 13px/36px 2px no-repeat,
    linear-gradient(#8af3ff,#8af3ff) left 13px top 13px/2px 36px no-repeat,
    linear-gradient(#788dff,#788dff) right 13px top 13px/36px 2px no-repeat,
    linear-gradient(#788dff,#788dff) right 13px top 13px/2px 36px no-repeat,
    linear-gradient(#788dff,#788dff) right 13px bottom 13px/36px 2px no-repeat,
    linear-gradient(#788dff,#788dff) right 13px bottom 13px/2px 36px no-repeat,
    linear-gradient(#8af3ff,#8af3ff) left 13px bottom 13px/36px 2px no-repeat,
    linear-gradient(#8af3ff,#8af3ff) left 13px bottom 13px/2px 36px no-repeat!important;
}

/* dynamic circuit perimeter */
.hero .neith-card-inner::after{
  padding:1.6px!important;
  background:conic-gradient(
    from var(--border-angle,0deg),
    rgba(0,240,255,.10) 0deg,
    #00f0ff 34deg,
    #9cf6ff 72deg,
    #3f8cff 122deg,
    #7552ff 172deg,
    #8b49ff 212deg,
    rgba(90,72,255,.20) 264deg,
    rgba(0,240,255,.10) 314deg,
    #00f0ff 360deg
  )!important;
  filter:drop-shadow(0 0 6px rgba(0,240,255,.40)) drop-shadow(0 0 12px rgba(101,77,255,.16))!important;
  animation:neithBorderCircuit 5.8s linear infinite!important;
}

/* automatic safety modes, toggled by JS only if a card genuinely needs them */
.hero .neith-card-inner.fit-compact{--card-pad:clamp(1.05rem,1.55vw,1.45rem)}
.hero .neith-card-inner.fit-compact .neith-card-copy p{font-size:clamp(.55rem,.68vw,.67rem)!important;line-height:1.52!important}
.hero .neith-card-inner.fit-compact .neith-card-copy h3{font-size:clamp(1.08rem,2vw,1.82rem)!important}
.hero .neith-card-inner.fit-compact .neith-card-slogan{font-size:clamp(.38rem,.48vw,.47rem)!important}
.hero .neith-card-inner.fit-tight{--card-pad:clamp(.92rem,1.3vw,1.2rem)}
.hero .neith-card-inner.fit-tight .neith-card-copy p{font-size:clamp(.52rem,.62vw,.62rem)!important;line-height:1.48!important}
.hero .neith-card-inner.fit-tight .neith-card-copy h3{font-size:clamp(1rem,1.82vw,1.66rem)!important}
.hero .neith-card-inner.fit-tight .neith-pills span{padding:5px 8px!important;min-height:24px!important}

@media(max-width:930px){
  .hero .neith-card-inner{--card-pad:clamp(1.15rem,2.2vw,1.7rem)}
  .hero .neith-card-content{grid-template-columns:minmax(0,1.08fr) minmax(145px,.82fr)!important}
  .hero .neith-card-copy p{font-size:clamp(.58rem,1.03vw,.70rem)!important}
  .hero .neith-card-visual{min-height:165px!important}
}
@media(max-width:700px){
  .hero .neith-card-inner{--card-pad:clamp(1rem,2.6vw,1.4rem)}
  .hero .neith-card-content{grid-template-columns:minmax(0,1.12fr) minmax(125px,.72fr)!important;gap:.75rem!important}
  .hero .neith-card-copy p{font-size:clamp(.55rem,1.5vw,.66rem)!important;line-height:1.5!important}
  .hero .neith-card-copy h3{font-size:clamp(1rem,4vw,1.4rem)!important}
  .hero .card-achievements .neith-card-copy h3{font-size:clamp(.88rem,3.45vw,1.22rem)!important}
  .hero .neith-card-visual{min-height:145px!important;padding:.5rem!important}
}
@media(max-width:520px){
  .hero .neith-card-inner{--card-pad:1rem}
  .hero .neith-card-content{
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(120px,auto)!important;
    align-content:center!important;
    gap:.65rem!important;
  }
  .hero .neith-card-copy{text-align:center!important}
  .hero .neith-card-eyebrow{align-self:center!important}
  .hero .neith-pills{justify-content:center!important}
  .hero .neith-card-slogan{margin-left:auto!important;margin-right:auto!important}
  .hero .neith-card-copy p{font-size:clamp(.57rem,2.55vw,.68rem)!important;line-height:1.48!important}
  .hero .neith-card-visual{min-height:125px!important;max-height:none!important}
  .hero .neith-game-bg{opacity:.14!important}
}


/* NEITH HERO TITLE — CYBER CHROME BLUE FINAL */
.hero h1{
  display:inline-block;
  position:relative;
  isolation:isolate;
  width:max-content;
  max-width:100%;
  padding:.04em .08em .10em 0;
  overflow:visible;
  font-family:Orbitron,Inter,sans-serif!important;
  font-style:italic!important;
  font-weight:900!important;
  line-height:.90!important;
  letter-spacing:.045em!important;
  transform:none!important;
  background:
    linear-gradient(108deg,
      transparent 0%,
      transparent 37%,
      rgba(255,255,255,0) 43%,
      rgba(255,255,255,.96) 48%,
      rgba(188,247,255,.88) 50%,
      rgba(255,255,255,0) 54%,
      transparent 60%,
      transparent 100%),
    linear-gradient(to bottom,
      #00f0ff 0%,
      #59e9ff 17%,
      #0db7f3 34%,
      #087ce8 53%,
      #1f5bb8 68%,
      #bff7ff 76%,
      #2da9e8 82%,
      #07569c 100%)!important;
  background-size:250% 100%,100% 100%!important;
  background-position:-120% 0,0 0;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  -webkit-text-stroke:1.5px #00a8ff;
  paint-order:stroke fill;
  text-shadow:
    2px 3px 0 rgba(0,18,38,.94),
    4px 6px 2px rgba(0,8,18,.66),
    0 0 5px #00f0ff,
    0 0 11px rgba(0,240,255,.68),
    0 0 25px rgba(0,168,255,.60),
    0 0 46px rgba(0,109,230,.28)!important;
  filter:
    drop-shadow(0 3px 0 rgba(0,19,42,.85))
    drop-shadow(0 0 2px rgba(200,251,255,.78));
  animation:
    neithChromeShimmer 6.5s cubic-bezier(.4,0,.2,1) infinite,
    pulseNeon 3.8s ease-in-out infinite!important;
  will-change:filter,background-position;
}

.hero h1::after{
  content:"";
  position:absolute;
  left:2%;
  right:8%;
  bottom:-.06em;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#00f0ff 18%,#bdf9ff 50%,#087ce8 82%,transparent);
  box-shadow:0 0 8px rgba(0,240,255,.85),0 0 18px rgba(0,168,255,.45);
  opacity:.70;
  pointer-events:none;
}

@keyframes neithChromeShimmer{
  0%,62%{background-position:-135% 0,0 0}
  76%{background-position:35% 0,0 0}
  88%,100%{background-position:145% 0,0 0}
}

@keyframes pulseNeon{
  0%,100%{
    text-shadow:
      2px 3px 0 rgba(0,18,38,.94),
      4px 6px 2px rgba(0,8,18,.66),
      0 0 5px #00f0ff,
      0 0 11px rgba(0,240,255,.62),
      0 0 25px rgba(0,168,255,.48),
      0 0 46px rgba(0,109,230,.22);
    filter:drop-shadow(0 3px 0 rgba(0,19,42,.85)) drop-shadow(0 0 2px rgba(200,251,255,.72));
  }
  50%{
    text-shadow:
      2px 3px 0 rgba(0,18,38,.96),
      4px 6px 2px rgba(0,8,18,.72),
      0 0 6px #00f0ff,
      0 0 14px rgba(0,240,255,.78),
      0 0 30px rgba(0,168,255,.68),
      0 0 56px rgba(0,109,230,.34);
    filter:drop-shadow(0 3px 0 rgba(0,19,42,.88)) drop-shadow(0 0 4px rgba(200,251,255,.88));
  }
}

@media(max-width:620px){
  .hero h1{
    width:auto;
    font-size:clamp(3.5rem,20vw,5rem)!important;
    -webkit-text-stroke:1px #00a8ff;
    letter-spacing:.035em!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero h1{animation:none!important;background-position:0 0,0 0!important}
}


/* =========================================================
   ULTRA PREMIUM GAMING NAVBAR — 2026 REWORK
   ========================================================= */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  isolation:isolate;
  background:linear-gradient(180deg,rgba(0,16,31,.72),rgba(0,10,22,.60))!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
  border-bottom:0!important;
  box-shadow:0 10px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:background .28s ease,backdrop-filter .28s ease,box-shadow .28s ease!important;
}
.topbar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,240,255,.08),transparent 32%),
    radial-gradient(circle at 84% 0%,rgba(65,96,255,.06),transparent 34%);
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.68) 18%,rgba(70,148,255,.62) 56%,rgba(118,62,255,.42) 82%,transparent 100%);
  box-shadow:0 0 14px rgba(0,240,255,.18),0 0 28px rgba(68,118,255,.08);
  pointer-events:none;
}
.topbar.scrolled{
  background:linear-gradient(180deg,rgba(0,14,28,.91),rgba(0,9,20,.87))!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.36),0 1px 24px rgba(0,240,255,.08)!important;
}

.nav{
  height:78px!important;
  gap:26px!important;
  transition:height .28s ease,padding .28s ease!important;
}
.topbar.scrolled .nav{height:64px!important}

.brand{
  position:relative;
  gap:12px!important;
  min-width:max-content;
  transform-style:preserve-3d;
}
.brand .mark{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  position:relative;
  overflow:hidden;
  padding:3px!important;
  background:linear-gradient(145deg,rgba(8,42,67,.96),rgba(1,18,33,.98))!important;
  border:1px solid rgba(87,224,255,.54)!important;
  box-shadow:0 0 18px rgba(0,240,255,.30),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 16px rgba(0,240,255,.08)!important;
  transform:perspective(500px) rotateX(0deg) rotateY(0deg) translateZ(0);
  transform-style:preserve-3d;
  animation:navMarkIdle 4.8s ease-in-out infinite!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease!important;
}
.brand .mark::after{
  content:"";
  position:absolute;
  inset:-45%;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.40) 48%,transparent 60%);
  transform:translateX(-120%) rotate(8deg);
  opacity:0;
  pointer-events:none;
}
.brand .mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:10px!important;
  filter:saturate(1.25) brightness(1.1) drop-shadow(0 0 6px rgba(0,240,255,.58))!important;
}
.brand:hover .mark{
  transform:perspective(500px) rotateX(7deg) rotateY(-9deg) translateY(-1px) scale(1.055)!important;
  box-shadow:0 0 24px rgba(0,240,255,.62),0 0 44px rgba(36,129,255,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
  filter:brightness(1.12);
}
.brand:hover .mark::after{animation:navLogoShimmer .75s ease forwards}

.brand-name{
  position:relative;
  display:inline-block;
  font-family:Orbitron,Inter,sans-serif!important;
  font-size:1rem;
  font-weight:900!important;
  font-style:italic;
  line-height:1;
  letter-spacing:.17em!important;
  background:linear-gradient(180deg,#d9fbff 0%,#65e7ff 18%,#00f0ff 42%,#168ce6 72%,#0a5eb7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  -webkit-text-stroke:.25px rgba(95,226,255,.55);
  text-shadow:0 2px 1px rgba(0,8,20,.95),0 0 5px rgba(0,240,255,.55),0 0 18px rgba(0,168,255,.20)!important;
  animation:navBrandPulse 4.6s ease-in-out infinite!important;
  transition:transform .25s ease,filter .25s ease!important;
}
.brand:hover .brand-name{
  transform:translateY(-1px)!important;
  filter:brightness(1.14) saturate(1.12)!important;
}

.navlinks{
  display:flex;
  align-items:center;
  gap:24px!important;
  margin-left:auto;
  font-size:.82rem!important;
}
.navlinks>a:not(.btn){
  position:relative!important;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 1px 2px;
  color:#b8dcea!important;
  font-family:Orbitron,Inter,sans-serif!important;
  font-size:.68rem!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 9px rgba(88,217,255,.08)!important;
  transition:color .28s ease,text-shadow .28s ease,transform .28s ease!important;
}
.navlinks>a:not(.btn)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:-2px!important;
  width:0!important;
  height:2px!important;
  border-radius:999px;
  background:linear-gradient(90deg,#00f0ff,#63e7ff,#168cff)!important;
  box-shadow:0 0 7px rgba(0,240,255,.75),0 0 15px rgba(0,168,255,.34)!important;
  transform:translateX(-50%);
  opacity:.25;
  transition:width .30s ease,opacity .30s ease!important;
}
.navlinks>a:not(.btn):hover{
  color:#ecfeff!important;
  text-shadow:0 0 8px rgba(0,240,255,.62),0 0 18px rgba(0,168,255,.20)!important;
  transform:translateY(-1px)!important;
}
.navlinks>a:not(.btn):hover::after{
  width:100%!important;
  opacity:1!important;
}

.navlinks .btn.primary{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  min-height:43px;
  padding:12px 20px!important;
  border:1px solid rgba(172,255,247,.76)!important;
  border-radius:999px!important;
  background:linear-gradient(115deg,#00f0ff 0%,#57dfff 36%,#18e6a8 69%,#168cff 100%)!important;
  background-size:180% 180%!important;
  color:#00101f!important;
  font-family:Orbitron,Inter,sans-serif!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  box-shadow:0 0 18px rgba(0,240,255,.30),0 0 36px rgba(24,230,168,.09),inset 0 1px 0 rgba(255,255,255,.58)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease!important;
}
.navlinks .btn.primary::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-55%;
  bottom:-55%;
  left:-34%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(220,252,255,.88),transparent);
  transform:skewX(-20deg);
  opacity:0;
  pointer-events:none;
}
.navlinks .btn.primary:hover{
  transform:translateY(-1px) scale(1.03)!important;
  filter:brightness(1.08) saturate(1.08)!important;
  box-shadow:0 0 28px rgba(0,240,255,.64),0 0 54px rgba(24,230,168,.18),0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.navlinks .btn.primary:hover::before{animation:navDownloadShimmer .62s ease-out forwards}
.navlinks .btn.primary::after{display:none!important}

.menu{
  width:42px;height:42px;
  border-radius:12px!important;
  border:1px solid rgba(88,217,255,.22)!important;
  background:rgba(3,20,36,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(0,240,255,.06);
  color:#dffcff!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.menu:hover{transform:scale(1.04);border-color:rgba(0,240,255,.52)!important;box-shadow:0 0 18px rgba(0,240,255,.18)}

@keyframes navMarkIdle{
  0%,100%{box-shadow:0 0 16px rgba(0,240,255,.25),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 16px rgba(0,240,255,.08)}
  50%{box-shadow:0 0 22px rgba(0,240,255,.38),0 0 36px rgba(22,140,255,.08),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 18px rgba(0,240,255,.11)}
}
@keyframes navLogoShimmer{
  0%{transform:translateX(-120%) rotate(8deg);opacity:0}
  20%{opacity:.8}
  100%{transform:translateX(135%) rotate(8deg);opacity:0}
}
@keyframes navBrandPulse{
  0%,100%{text-shadow:0 2px 1px rgba(0,8,20,.95),0 0 5px rgba(0,240,255,.52),0 0 17px rgba(0,168,255,.18)}
  50%{text-shadow:0 2px 1px rgba(0,8,20,.95),0 0 7px rgba(0,240,255,.74),0 0 23px rgba(0,168,255,.28)}
}
@keyframes navDownloadShimmer{
  0%{left:-34%;opacity:0}
  18%{opacity:.95}
  100%{left:122%;opacity:0}
}

@media(max-width:1180px){
  .navlinks{gap:17px!important}
  .navlinks>a:not(.btn){font-size:.63rem!important;letter-spacing:.065em!important}
  .navlinks .btn.primary{padding:11px 16px!important}
}
@media(max-width:930px){
  .nav{height:72px!important}
  .topbar.scrolled .nav{height:62px!important}
  .navlinks{
    top:calc(100% + 10px)!important;
    left:17px!important;
    right:17px!important;
    margin-left:0!important;
    padding:16px!important;
    gap:7px!important;
    border:1px solid rgba(88,217,255,.20)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(2,19,35,.97),rgba(0,10,22,.97))!important;
    -webkit-backdrop-filter:blur(22px)!important;
    backdrop-filter:blur(22px)!important;
    box-shadow:0 24px 54px rgba(0,0,0,.48),0 0 26px rgba(0,240,255,.08)!important;
  }
  .navlinks>a:not(.btn){font-size:.72rem!important;padding:10px 12px!important;border-radius:10px}
  .navlinks>a:not(.btn)::after{bottom:4px!important}
  .navlinks .btn.primary{margin-top:6px;width:100%}
  .menu{display:inline-grid!important;place-items:center}
}
@media(max-width:620px){
  .brand-name{font-size:.90rem;letter-spacing:.14em!important}
  .brand .mark{width:40px!important;height:40px!important}
  .nav{gap:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .brand .mark,.brand-name,.navlinks .btn.primary::before{animation:none!important}
}


/* ===== FEATURES ULTRA GAMING INTERACTIVE ===== */
#features{position:relative;isolation:isolate;overflow:hidden}
#features::before{content:"";position:absolute;inset:8% 0 auto 0;height:520px;background:radial-gradient(ellipse at 50% 50%,rgba(0,240,255,.055),transparent 65%);pointer-events:none;z-index:-1}
#features .section-head{max-width:900px}
#features .feature-section-title{
  display:inline-block;
  font-family:Orbitron,Inter,sans-serif;
  font-weight:900;
  line-height:1.05;
  letter-spacing:.035em;
  background:linear-gradient(180deg,#dffcff 0%,#74e9ff 20%,#1597ee 50%,#bfefff 67%,#0b67bd 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.6px rgba(0,168,255,.55);
  text-shadow:0 3px 0 rgba(1,20,40,.48),0 0 7px rgba(0,240,255,.34),0 0 24px rgba(0,168,255,.18);
}
#features .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#features .feature-card{
  position:relative;isolation:isolate;overflow:hidden;min-height:315px;padding:26px;
  display:flex;flex-direction:column;
  border:1px solid rgba(81,214,255,.15);border-radius:20px;
  background:linear-gradient(180deg,rgba(9,29,50,.82),rgba(3,14,27,.92));
  -webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease,background .34s ease;
  will-change:transform;
}
#features .feature-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(0,240,255,.7),rgba(72,143,255,.2) 46%,rgba(140,64,255,.58));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.13;transition:opacity .3s ease;pointer-events:none}
#features .feature-card::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.12),transparent 68%);filter:blur(12px);opacity:.55;transition:transform .4s ease,opacity .4s ease;pointer-events:none;z-index:-1}
#features .feature-radar{position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0 75%,rgba(0,240,255,.75) 82%,rgba(140,64,255,.58) 90%,transparent 100%);opacity:0;filter:blur(.2px);pointer-events:none;z-index:-2}
#features .feature-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(0,240,255,.44);box-shadow:0 0 25px rgba(0,240,255,.35),0 24px 58px rgba(0,0,0,.42),0 0 58px rgba(110,63,255,.10),inset 0 1px 0 rgba(255,255,255,.08)}
#features .feature-card:hover::before{opacity:.7}
#features .feature-card:hover::after{transform:scale(1.18);opacity:.9}
#features .feature-card:hover .feature-radar{opacity:.28;animation:featureRadarSpin 3.8s linear infinite}
#features .feature-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}
#features .feature-icon{position:relative;flex:0 0 auto;width:58px;height:58px;margin:0;padding:8px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(0,240,255,.13),rgba(8,124,232,.055));border:1px solid rgba(0,240,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 18px rgba(0,240,255,.09);color:#8af3ff;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#features .feature-icon svg{width:42px;height:42px;overflow:visible;filter:drop-shadow(0 0 6px rgba(0,240,255,.52));color:#8ef7ff}
#features .feature-status{min-width:112px;text-align:right}
#features .feature-status b{display:block;color:#8eefff;font:800 .62rem/1 Orbitron,Inter,sans-serif;letter-spacing:.13em}
#features .feature-status span{display:block;margin-top:5px;color:#dffbff;font:700 .8rem/1.2 Inter,sans-serif}
#features .feature-card h3{margin:0 0 11px;color:#f3fdff;font:800 1.14rem/1.2 Orbitron,Inter,sans-serif;letter-spacing:.035em;text-shadow:0 0 12px rgba(0,240,255,.12)}
#features .feature-card p{margin:0;color:#c8e2ed;font:500 .96rem/1.72 Inter,system-ui,sans-serif;flex:1}
#features .feature-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(88,217,255,.10)}
#features .feature-meta span,#features .feature-meta em{font:800 .60rem/1 Orbitron,Inter,sans-serif;letter-spacing:.10em;font-style:normal}
#features .feature-meta span{color:#90efff}#features .feature-meta em{color:#587e92;text-align:right}
#features .feature-card:hover .feature-icon{transform:scale(1.08);border-color:rgba(0,240,255,.6);box-shadow:0 0 22px rgba(0,240,255,.27),inset 0 1px 0 rgba(255,255,255,.10)}

/* Hour Boost */
#features .feature-hour .clock-ring-svg{transform-origin:32px 32px;stroke:#75edff}
#features .feature-hour .clock-hands-svg{stroke:#e9feff}
#features .micro-progress{height:7px;margin-top:18px;border-radius:999px;overflow:hidden;background:#071c30;border:1px solid rgba(88,217,255,.12)}
#features .micro-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b72ff,#00f0ff);box-shadow:0 0 10px rgba(0,240,255,.65)}
#features .feature-hour:hover .clock-ring-svg{animation:hourClockSpin 2.1s linear infinite}
#features .feature-hour:hover .clock-hands-svg{animation:hourHandSpin 1.4s linear infinite;transform-origin:32px 32px}
#features .feature-hour:hover .micro-progress i{animation:boostProgress 2.2s ease-in-out infinite}

/* Boost PC */
#features .rocket-body{fill:#8af3ff}.rocket-core{fill:#2e9cff}.rocket-flame{fill:#00f0ff}
#features .feature-boost:hover .feature-icon svg{animation:rocketVibe .18s linear infinite alternate}
#features .feature-boost:hover .rocket-flame{animation:rocketFlame .38s ease-in-out infinite alternate;transform-origin:center}
#features .boost-meter span{color:#9dffca;text-shadow:0 0 10px rgba(0,255,153,.35)}
#features .digital-line{display:flex;gap:6px;align-items:flex-end;height:24px;margin-top:16px}
#features .digital-line i{width:8px;border-radius:2px;background:linear-gradient(180deg,#00f0ff,#087ce8);box-shadow:0 0 8px rgba(0,240,255,.3);height:8px}
#features .feature-boost:hover .digital-line i:nth-child(1){animation:meterPulse .65s .0s ease-in-out infinite alternate}#features .feature-boost:hover .digital-line i:nth-child(2){animation:meterPulse .65s .1s ease-in-out infinite alternate}#features .feature-boost:hover .digital-line i:nth-child(3){animation:meterPulse .65s .2s ease-in-out infinite alternate}#features .feature-boost:hover .digital-line i:nth-child(4){animation:meterPulse .65s .3s ease-in-out infinite alternate}#features .feature-boost:hover .digital-line i:nth-child(5){animation:meterPulse .65s .4s ease-in-out infinite alternate}

/* Achievements */
#features .trophy-main,#features .trophy-base-svg{fill:#ffd76b}#features .trophy-side{stroke:#ffe79b}
#features .gold-status b,#features .gold-status span{color:#ffd76b;text-shadow:0 0 10px rgba(255,197,64,.32)}
#features .level-track{height:7px;margin-top:18px;border-radius:999px;overflow:hidden;background:#2a2110;border:1px solid rgba(255,215,107,.16)}
#features .level-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8d5f00,#ffd76b,#fff0b0);box-shadow:0 0 10px rgba(255,215,107,.42)}
#features .feature-achievements:hover .feature-icon{animation:trophyFlash 1.15s ease-in-out infinite}
#features .feature-achievements:hover .level-track i{animation:goldCharge 1.6s ease-in-out infinite}

/* Accounts */
#features .avatar-swap-icon{overflow:visible}
#features .avatar-main,#features .avatar-alt{position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 50% 34%,#eaffff 0 24%,transparent 25%),radial-gradient(ellipse at 50% 100%,#eaffff 0 36%,transparent 37%),linear-gradient(180deg,#5fe9ff,#2587ff);box-shadow:0 0 12px rgba(0,240,255,.25)}
#features .avatar-main{z-index:2;left:15px;top:15px}#features .avatar-alt{z-index:1;right:10px;bottom:10px;opacity:.68;transform:scale(.78)}
#features .feature-accounts:hover .avatar-main{animation:avatarSwapA 1.5s ease-in-out infinite}#features .feature-accounts:hover .avatar-alt{animation:avatarSwapB 1.5s ease-in-out infinite}
#features .swap-track{position:relative;height:20px;margin-top:16px}#features .swap-track::before{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.45}#features .swap-track i{position:absolute;top:3px;width:14px;height:14px;border-radius:50%;background:#9df6ff;box-shadow:0 0 10px rgba(0,240,255,.5)}#features .swap-track i:first-child{left:18%}#features .swap-track i:last-child{right:18%}
#features .feature-accounts:hover .swap-track i:first-child{animation:swapDotA 1.5s ease-in-out infinite}#features .feature-accounts:hover .swap-track i:last-child{animation:swapDotB 1.5s ease-in-out infinite}

/* Free games */
#features .gift-icon{overflow:visible}.gift-box-mini{position:absolute;width:30px;height:24px;left:14px;bottom:11px;border-radius:5px;background:linear-gradient(180deg,#eaffff,#4ad8ff)}.gift-lid-mini{position:absolute;width:36px;height:10px;left:11px;top:14px;border-radius:5px;background:linear-gradient(180deg,#fff,#59e0ff)}.gift-box-mini::after,.gift-lid-mini::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;transform:translateX(-50%);background:#0a477e}
#features .live-status span{display:flex;justify-content:flex-end;align-items:center;gap:6px}.live-led{width:7px;height:7px;border-radius:50%;background:#00ff9d;box-shadow:0 0 9px #00ff9d}
#features .feature-free:hover .live-led{animation:liveBlink .8s ease-in-out infinite}
#features .radar-sweep{position:relative;width:46px;height:46px;margin-top:13px;border:1px solid rgba(0,255,157,.22);border-radius:50%;overflow:hidden;background:radial-gradient(circle,#071d23 0 24%,#05151d 25%)}#features .radar-sweep::before,#features .radar-sweep::after{content:"";position:absolute;background:rgba(0,255,157,.14)}#features .radar-sweep::before{left:50%;top:0;bottom:0;width:1px}#features .radar-sweep::after{top:50%;left:0;right:0;height:1px}#features .radar-sweep i{position:absolute;left:50%;top:50%;width:50%;height:2px;background:linear-gradient(90deg,#00ff9d,transparent);transform-origin:left center}.feature-free:hover .radar-sweep i{animation:radarSweep 1.3s linear infinite}

/* Library */
#features .library-icon span{position:absolute;width:10px;height:32px;bottom:11px;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,#a5f4ff,#1578d0);box-shadow:0 0 8px rgba(0,240,255,.15)}#features .library-icon span:nth-child(1){left:12px}#features .library-icon span:nth-child(2){left:25px;height:37px}#features .library-icon span:nth-child(3){left:38px;height:29px}
#features .library-digital-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:17px;height:30px;align-items:end}#features .library-digital-grid i{height:12px;border:1px solid rgba(0,240,255,.16);border-radius:3px;background:rgba(0,240,255,.045);box-shadow:inset 0 0 8px rgba(0,240,255,.025)}
#features .feature-library:hover .library-digital-grid i:nth-child(1){animation:gridLoad .9s .0s ease-in-out infinite alternate}#features .feature-library:hover .library-digital-grid i:nth-child(2){animation:gridLoad .9s .08s ease-in-out infinite alternate}#features .feature-library:hover .library-digital-grid i:nth-child(3){animation:gridLoad .9s .16s ease-in-out infinite alternate}#features .feature-library:hover .library-digital-grid i:nth-child(4){animation:gridLoad .9s .24s ease-in-out infinite alternate}#features .feature-library:hover .library-digital-grid i:nth-child(5){animation:gridLoad .9s .32s ease-in-out infinite alternate}#features .feature-library:hover .library-digital-grid i:nth-child(6){animation:gridLoad .9s .40s ease-in-out infinite alternate}

@keyframes featureRadarSpin{to{transform:rotate(360deg)}}
@keyframes hourClockSpin{to{transform:rotate(360deg)}}
@keyframes hourHandSpin{to{transform:rotate(360deg)}}
@keyframes boostProgress{0%{width:0}70%,100%{width:100%}}
@keyframes rocketVibe{from{transform:translateY(-1px) rotate(-1deg)}to{transform:translateY(2px) rotate(1deg)}}
@keyframes rocketFlame{from{transform:scaleY(.75)}to{transform:scaleY(1.18)}}
@keyframes meterPulse{from{height:8px;opacity:.55}to{height:23px;opacity:1}}
@keyframes trophyFlash{0%,100%{filter:none}50%{filter:brightness(1.3) drop-shadow(0 0 10px rgba(255,215,107,.62))}}
@keyframes goldCharge{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@keyframes avatarSwapA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,11px) scale(.82)}}
@keyframes avatarSwapB{0%,100%{transform:translate(0,0) scale(.78)}50%{transform:translate(-18px,-11px) scale(1)}}
@keyframes swapDotA{0%,100%{left:18%}50%{left:68%}}@keyframes swapDotB{0%,100%{right:18%}50%{right:68%}}
@keyframes liveBlink{0%,100%{opacity:.35;box-shadow:0 0 4px #00ff9d}50%{opacity:1;box-shadow:0 0 13px #00ff9d}}
@keyframes radarSweep{to{transform:rotate(360deg)}}
@keyframes gridLoad{from{height:10px;background:rgba(0,240,255,.045)}to{height:28px;background:rgba(0,240,255,.24);box-shadow:0 0 10px rgba(0,240,255,.25)}}

@media(max-width:930px){#features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#features .feature-grid{grid-template-columns:1fr}#features .feature-card{min-height:0;padding:22px}#features .feature-card:hover{transform:translateY(-5px) scale(1.008)}}
@media(prefers-reduced-motion:reduce){#features .feature-card,#features .feature-card *,#features .feature-card::before,#features .feature-card::after{animation:none!important;transition:none!important}#features .feature-card:hover{transform:none!important}}


/* HERO BACKGROUND CLEAN — no giant watermark */
.hero{
  background:
    radial-gradient(circle at 38% 34%,rgba(0,240,255,.035),transparent 34%),
    radial-gradient(circle at 82% 58%,rgba(31,92,180,.035),transparent 38%),
    linear-gradient(180deg,rgba(2,6,23,.16),rgba(0,8,19,.08));
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(88,217,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,217,255,.028) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 45%,#000 0 24%,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 45%,#000 0 24%,transparent 78%);
}


/* HOME FLOW CLEANUP — feature grid -> membership */
#features{padding-bottom:72px}
.pricing-section{padding-top:72px}
@media(max-width:620px){#features{padding-bottom:54px}.pricing-section{padding-top:54px}}

/* =========================================================
   NEITH ID / AUTH / MEMBERSHIP
   ========================================================= */
html.auth-open,html.auth-open body{overflow:hidden}
.nav-auth-button{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 13px;border:1px solid rgba(75,220,255,.18);border-radius:12px;background:rgba(4,17,31,.52);color:#c9f7ff;font:800 .67rem/1 Orbitron,Inter,sans-serif;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 14px rgba(0,240,255,.05);transition:.25s ease}
.nav-auth-button:hover{transform:translateY(-1px);border-color:rgba(0,240,255,.5);box-shadow:0 0 18px rgba(0,240,255,.16)}
.nav-auth-led{width:8px;height:8px;border-radius:50%;background:#65ddff;box-shadow:0 0 10px #00f0ff}
.nav-auth-button.signed-in::before{content:attr(data-initials);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background-image:var(--avatar,linear-gradient(145deg,#00f0ff,#136dff));background-size:cover;background-position:center;color:#03111f;font:900 .65rem Orbitron,sans-serif;box-shadow:0 0 12px rgba(0,240,255,.24)}
.nav-auth-button.signed-in .nav-auth-led{display:none}
.auth-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.auth-modal.open{opacity:1;visibility:visible}
.auth-backdrop{position:absolute;inset:0;background:rgba(0,5,12,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.auth-shell{position:relative;width:min(520px,100%);max-height:min(760px,92vh);overflow:auto;padding:34px;border-radius:24px;border:1px solid transparent;background:linear-gradient(160deg,rgba(6,21,39,.96),rgba(2,10,21,.97)) padding-box,linear-gradient(125deg,#00f0ff,#3a8cff 58%,#8148ff) border-box;box-shadow:0 30px 80px rgba(0,0,0,.64),0 0 35px rgba(0,240,255,.18);transform:translateY(18px) scale(.985);transition:transform .3s ease}
.auth-modal.open .auth-shell{transform:none}
.auth-shell::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(0,240,255,.13),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%)}
.auth-close{position:absolute;z-index:2;top:15px;right:16px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(95,226,255,.15);background:#061522;color:#b7f4ff;font-size:1.5rem;cursor:pointer}
.auth-brandline{position:relative;color:#78eaff;font:800 .67rem Orbitron,sans-serif;letter-spacing:.18em}
.auth-led{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#00f0ff;box-shadow:0 0 10px #00f0ff}
.auth-shell h2{position:relative;margin:18px 0 8px;font:900 clamp(2rem,7vw,3.2rem)/1 Orbitron,sans-serif;letter-spacing:.08em;background:linear-gradient(180deg,#dffeff,#67e9ff 40%,#1487ff 78%,#b2f7ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(0,240,255,.16)}
.auth-subtitle{position:relative;margin:0 0 24px;color:#9fcbdc;line-height:1.6}
.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:14px;background:rgba(0,10,20,.66);border:1px solid rgba(82,213,255,.1)}
.auth-tabs button{padding:12px;border:0;border-radius:10px;background:transparent;color:#75a9bc;font:800 .7rem Orbitron,sans-serif;letter-spacing:.08em;cursor:pointer}
.auth-tabs button.active{background:linear-gradient(135deg,rgba(0,240,255,.16),rgba(29,110,255,.18));color:#e7fdff;box-shadow:inset 0 0 0 1px rgba(0,240,255,.2),0 0 16px rgba(0,240,255,.08)}
.auth-form{position:relative;display:grid;gap:15px;margin-top:20px}.auth-form[hidden]{display:none}
.auth-form label{display:grid;gap:8px;color:#9dd8e8;font:700 .72rem Orbitron,sans-serif;letter-spacing:.07em}
.auth-form input{width:100%;padding:14px 15px;border:1px solid rgba(79,210,255,.15);border-radius:12px;outline:0;background:rgba(1,10,19,.72);color:#effdff;font:600 .95rem Inter,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:.2s ease}
.auth-form input:focus{border-color:rgba(0,240,255,.52);box-shadow:0 0 0 3px rgba(0,240,255,.08),0 0 18px rgba(0,240,255,.08)}
.auth-submit,.auth-socials button{position:relative;overflow:hidden;min-height:47px;border-radius:12px;border:1px solid rgba(71,219,255,.22);cursor:pointer;font:800 .73rem Orbitron,sans-serif;letter-spacing:.08em;transition:.25s ease}
.auth-submit{margin-top:3px;background:linear-gradient(135deg,#04ddec,#1a89ff);color:#00101f;box-shadow:0 0 22px rgba(0,240,255,.16)}
.auth-submit:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,240,255,.28)}
.auth-submit:disabled{opacity:.6;cursor:wait}
.auth-separator{position:relative;display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#5d8797;font:700 .62rem Orbitron,sans-serif;letter-spacing:.13em}.auth-separator::before,.auth-separator::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(86,219,255,.16))}.auth-separator::after{transform:scaleX(-1)}
.auth-socials{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-socials button{background:rgba(5,18,32,.76);color:#dff9ff}.auth-socials button:hover{transform:translateY(-2px);border-color:rgba(0,240,255,.46);box-shadow:0 0 18px rgba(0,240,255,.1)}.auth-socials span{display:inline-grid;place-items:center;margin-right:8px;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.08)}
.auth-message{min-height:20px;margin:15px 0 0;font-size:.86rem;color:#91c7d9}.auth-message[data-type="error"]{color:#ff8b9e}.auth-message[data-type="success"]{color:#78ffc7}.auth-message[data-type="warning"]{color:#ffd47a}
.auth-config-note{margin:14px 0 0;padding:12px 14px;border-radius:11px;background:rgba(255,190,64,.06);border:1px solid rgba(255,190,64,.12);color:#c7a96d;font-size:.78rem;line-height:1.5}.auth-config-note code{color:#f4d99c}

.pricing-section{position:relative}.premium-section-title,.premium-page-hero .page-title{background:linear-gradient(180deg,#e8feff 0%,#78efff 28%,#168fff 70%,#b9f8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(0,240,255,.16)}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.plan-card{position:relative;overflow:hidden;min-height:470px;padding:34px;border:1px solid transparent;border-radius:22px;background:linear-gradient(155deg,rgba(8,27,48,.94),rgba(2,12,24,.96)) padding-box,linear-gradient(120deg,rgba(0,240,255,.55),rgba(46,125,255,.35),rgba(117,67,255,.45)) border-box;box-shadow:0 24px 60px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)}
.plan-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(0,240,255,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%);pointer-events:none}.plan-card.premium{box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 30px rgba(0,240,255,.12)}
.plan-edge{position:absolute;inset:auto 10% 0;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,#2389ff,transparent);box-shadow:0 0 14px rgba(0,240,255,.5)}
.plan-tier{position:relative;display:inline-flex;padding:8px 11px;border-radius:999px;border:1px solid rgba(78,219,255,.18);color:#86eaff;font:800 .66rem Orbitron,sans-serif;letter-spacing:.16em;background:rgba(0,16,31,.55)}
.plan-card h3,.plan-card h2{position:relative;margin:22px 0 12px;color:#edfdff;font:900 1.8rem Orbitron,sans-serif;letter-spacing:.05em}.plan-card p{position:relative;color:#a6cbd9;line-height:1.65}.plan-card ul{position:relative;display:grid;gap:13px;margin:26px 0 30px;padding:0;list-style:none;color:#d6edf6}.plan-card li{position:relative;padding-left:22px}.plan-card li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:#00f0ff;box-shadow:0 0 10px #00f0ff;transform:rotate(45deg)}

.account-page{min-height:78vh;opacity:0;transition:opacity .2s ease}.account-page.auth-ready{opacity:1}.account-hero{padding:150px 0 36px}.account-heading{display:flex;align-items:center;gap:24px}.account-avatar{display:grid;place-items:center;flex:0 0 92px;width:92px;height:92px;border-radius:26px;border:1px solid rgba(71,221,255,.25);background:linear-gradient(145deg,#093251,#07182b);box-shadow:0 0 28px rgba(0,240,255,.12);color:#dfffff;font:900 1.7rem Orbitron,sans-serif;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-heading h1{margin:8px 0 4px;font:900 clamp(2rem,6vw,4rem)/1 Orbitron,sans-serif;color:#f2fdff;letter-spacing:.04em}.account-heading p{margin:0;color:#83b7ca}.account-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:20px;align-items:stretch}.account-status-card,.account-action-card{position:relative;overflow:hidden;padding:28px;border-radius:20px;border:1px solid rgba(73,216,255,.14);background:linear-gradient(155deg,rgba(8,27,48,.94),rgba(2,12,24,.96));box-shadow:0 22px 52px rgba(0,0,0,.3)}.account-status-card .status-line{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#00f0ff,#167eff);box-shadow:0 0 14px rgba(0,240,255,.45)}.account-status-card h2,.account-action-card h2{margin:16px 0 13px;font:900 1.45rem Orbitron,sans-serif;color:#eaffff}.account-status-card h2[data-plan="premium"]{color:#72f6ff;text-shadow:0 0 18px rgba(0,240,255,.25)}.account-status-card p,.account-action-card p{color:#9bc4d4;line-height:1.65}.account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.account-metrics div{padding:14px;border:1px solid rgba(73,216,255,.1);border-radius:13px;background:rgba(0,10,20,.45)}.account-metrics span,.account-metrics b{display:block}.account-metrics span{color:#648fa1;font-size:.72rem}.account-metrics b{margin-top:6px;color:#dffbff;font:800 .72rem Orbitron,sans-serif;letter-spacing:.06em}.account-action-card.premium{background:radial-gradient(circle at 80% 10%,rgba(0,240,255,.12),transparent 36%),linear-gradient(155deg,rgba(8,27,48,.96),rgba(2,12,24,.96))}.dashboard-guard{display:none;margin:0 0 30px;padding:22px;border-radius:16px;border:1px solid rgba(255,190,70,.14);background:rgba(255,170,50,.04)}.dashboard-guard.show{display:block}.dashboard-guard h1{font-size:clamp(1.3rem,4vw,2rem)}

@media(max-width:980px){.pricing-grid,.account-grid{grid-template-columns:1fr}.nav-auth-button{order:20}.account-heading{align-items:flex-start}.plan-card{min-height:auto}}
@media(max-width:620px){.auth-shell{padding:28px 20px}.auth-socials{grid-template-columns:1fr}.pricing-grid{gap:16px}.plan-card{padding:26px 22px}.account-hero{padding-top:120px}.account-heading{flex-direction:column}.account-metrics{grid-template-columns:1fr}.nav-auth-button{width:100%;justify-content:center}}

/* === LOGIN / REGISTER VISIBLE NAV + PREMIUM MODAL — FINAL === */
.navlinks .nav-auth-button.nav-login-visible{
  flex:0 0 auto;
  min-height:42px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid transparent;
  background:
    linear-gradient(180deg,rgba(6,22,39,.82),rgba(3,13,25,.92)) padding-box,
    linear-gradient(120deg,rgba(0,240,255,.62),rgba(53,125,255,.34),rgba(124,64,255,.45)) border-box;
  color:#d9fbff;
  font:800 .67rem/1 Orbitron,Inter,sans-serif;
  letter-spacing:.075em;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 14px rgba(0,240,255,.06);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease;
}
.navlinks .nav-auth-button.nav-login-visible:hover,
.navlinks .nav-auth-button.nav-login-visible:focus-visible{
  transform:translateY(-2px);
  color:#fff;
  box-shadow:0 0 0 1px rgba(0,240,255,.14),0 0 22px rgba(0,240,255,.24),0 8px 24px rgba(0,0,0,.28);
  outline:none;
}
.nav-auth-led{width:7px;height:7px;border-radius:50%;background:#00f0ff;box-shadow:0 0 8px #00f0ff,0 0 16px rgba(0,240,255,.55);animation:authLedPulse 2.4s ease-in-out infinite}
@keyframes authLedPulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}

.auth-shell{
  width:min(540px,100%)!important;
  padding:38px!important;
  border-radius:20px!important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)!important;
  background:
    radial-gradient(circle at 18% 5%,rgba(0,240,255,.12),transparent 30%),
    linear-gradient(160deg,rgba(7,24,42,.90),rgba(2,10,21,.95)) padding-box,
    linear-gradient(125deg,#00f0ff,#338dff 55%,#7d46ff) border-box!important;
  backdrop-filter:blur(15px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(125%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 34px rgba(0,240,255,.18),0 0 62px rgba(99,65,255,.10)!important;
}
.auth-shell::after{
  content:"";position:absolute;inset:9px;pointer-events:none;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  border:1px solid rgba(108,231,255,.10);
}
.auth-switch-link{
  border:0;background:transparent;color:#8fbccc;cursor:pointer;margin:2px auto 0;padding:8px 4px;
  font:600 .82rem/1.3 Inter,sans-serif;transition:color .22s ease,text-shadow .22s ease;
}
.auth-switch-link strong{color:#8eebff;font-weight:800}
.auth-switch-link:hover,.auth-switch-link:focus-visible{color:#dffcff;text-shadow:0 0 12px rgba(0,240,255,.25);outline:none}
.auth-socials{grid-template-columns:1fr!important;gap:11px!important}
.auth-socials button{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;
  padding:0 16px!important;min-height:50px!important;text-align:left!important;
}
.auth-socials button b{font:800 .71rem/1 Orbitron,Inter,sans-serif;letter-spacing:.055em;color:#e9fcff}
.auth-socials .social-icon{flex:0 0 30px!important;width:30px!important;height:30px!important;margin:0!important;border-radius:9px!important;font:900 .82rem/1 Orbitron,sans-serif!important}
.auth-socials .google:hover{border-color:rgba(118,230,255,.45)!important;box-shadow:0 0 20px rgba(0,240,255,.12)!important}
.auth-socials .discord:hover{border-color:rgba(126,99,255,.52)!important;box-shadow:0 0 22px rgba(99,75,255,.16)!important}
html.auth-open,html.auth-open body{overflow:hidden}

@media(max-width:1180px) and (min-width:931px){
  .navlinks{gap:11px!important}
  .navlinks>a:not(.btn){font-size:.59rem!important;letter-spacing:.04em!important}
  .navlinks .nav-auth-button.nav-login-visible{padding:0 11px!important;font-size:.60rem!important}
  .navlinks .btn.primary{padding:11px 13px!important;font-size:.66rem!important}
}
@media(max-width:930px){
  .navlinks .nav-auth-button.nav-login-visible{width:100%;justify-content:center;order:19;margin-top:4px}
  .navlinks .btn.primary{order:20}
}
@media(max-width:620px){
  .auth-modal{padding:14px!important}
  .auth-shell{padding:30px 20px 24px!important;max-height:94vh!important}
  .auth-shell h2{font-size:clamp(1.8rem,10vw,2.7rem)!important}
}
@media(prefers-reduced-motion:reduce){.nav-auth-led{animation:none!important}}