: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:"NEITH";position:absolute;right:-3vw;bottom:-2vw;font:900 min(19vw,250px)/1 Orbitron,sans-serif;color:rgba(88,217,255,.025);pointer-events:none}.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 PROMO PLACEHOLDER — first slide only; inherits existing carousel geometry */
.hero .hero-promo-placeholder{overflow:hidden;background:#00101f!important}
.hero .hero-promo-art{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:
radial-gradient(circle at 18% 18%,rgba(0,240,255,.22),transparent 31%),
radial-gradient(circle at 82% 68%,rgba(8,124,232,.24),transparent 34%),
radial-gradient(circle at 68% 24%,rgba(255,0,210,.10),transparent 26%),
linear-gradient(135deg,#00101f 0%,#001a31 48%,#00101f 100%)}
.hero .hero-promo-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(88,217,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(88,217,255,.12) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 92%)}
.hero .hero-promo-orb{position:absolute;border-radius:50%;filter:blur(28px);opacity:.7;pointer-events:none}
.hero .hero-promo-orb-a{width:34%;aspect-ratio:1;left:-7%;top:10%;background:rgba(0,240,255,.24)}
.hero .hero-promo-orb-b{width:30%;aspect-ratio:1;right:-5%;bottom:2%;background:rgba(8,124,232,.28)}
.hero .hero-promo-shape{position:absolute;filter:drop-shadow(0 0 16px rgba(0,240,255,.48));opacity:.72}
.hero .hero-promo-triangle{width:110px;height:110px;right:11%;top:14%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(0,240,255,.05),rgba(0,240,255,.55),rgba(255,0,210,.22))}
.hero .hero-promo-hex{width:92px;height:104px;left:10%;bottom:12%;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,rgba(88,217,255,.44),rgba(8,124,232,.08),rgba(255,0,210,.20))}
.hero .hero-promo-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(197,250,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(0,240,255,.72) 0 1px,transparent 1.6px);background-size:83px 83px,127px 127px;background-position:13px 19px,57px 42px;opacity:.45}
.hero .hero-promo-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;z-index:3}
.hero .hero-promo-copy strong{font-family:Orbitron,Inter,sans-serif;font-size:clamp(2.8rem,7vw,5.9rem);line-height:.95;letter-spacing:.12em;color:#dffcff;text-shadow:0 0 10px rgba(0,240,255,.92),0 0 30px rgba(0,240,255,.52),0 0 58px rgba(8,124,232,.38)}
.hero .hero-promo-copy span{margin-top:14px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(.72rem,1.5vw,1.18rem);font-weight:700;letter-spacing:.36em;color:#58d9ff;text-shadow:0 0 14px rgba(0,240,255,.60)}
.hero .hero-promo-copy em{margin-top:26px;padding:8px 13px;border:1px solid rgba(88,217,255,.24);border-radius:999px;background:rgba(0,16,31,.46);backdrop-filter:blur(8px);font:600 clamp(.56rem,.9vw,.72rem)/1 Inter,sans-serif;letter-spacing:.12em;color:rgba(210,248,255,.62);font-style:normal}
.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}
@media(max-width:620px){.hero .hero-promo-triangle{width:72px;height:72px}.hero .hero-promo-hex{width:58px;height:66px}.hero .hero-promo-copy em{margin-top:14px}}