@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-700-italic.ttf") format("truetype");font-style:italic;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url("assets/fonts/montserrat/montserrat-800-italic.ttf") format("truetype");font-style:italic;font-weight:800;font-display:swap}

:root{
  --bg:#050607; --bg2:#090b0d; --ink:#f2f5f2; --muted:#8d9690; --line:rgba(255,255,255,.10);
  --acid:#35d7ff; --cyan:#7ee8ff; --max:1440px;
}
*{box-sizing:border-box;font-family:Montserrat,Arial,Helvetica,sans-serif!important} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,Helvetica,sans-serif;overflow-x:hidden;cursor:default} a{color:inherit;text-decoration:none} button{font:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 10%,rgba(126,232,255,.05),transparent 28%),radial-gradient(circle at 40% 90%,rgba(53,215,255,.04),transparent 24%);z-index:-2}
.noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(126,232,255,.05),transparent 68%);transform:translate(-50%,-50%);z-index:-1}
.section-shell{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(32px,calc((100vw - var(--max))/2));background:linear-gradient(to bottom,rgba(5,6,7,.9),rgba(5,6,7,.35),transparent);backdrop-filter:blur(8px)}
.brand-mini{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;font:700 11px/1 monospace;letter-spacing:-1px}.nav{display:flex;gap:30px;font-size:12px;color:#b8beb9}.nav a,.header-link,.footer-links a{transition:.25s}.nav a:hover,.header-link:hover,.footer-links a:hover{color:var(--acid)}.header-actions{justify-self:end;display:flex;align-items:center;gap:22px}.header-link{font-size:12px;color:#b8beb9}.button{border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;transition:.3s;background:rgba(255,255,255,.04)}.button:hover{border-color:var(--acid);background:rgba(53,215,255,.08)}.button-small{height:36px;padding:0 18px;font-size:12px}
.hero{min-height:100svh;padding-top:82px;position:relative;display:grid;grid-template-rows:1fr auto;align-items:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000 0%,transparent 68%);z-index:-2}.hero-copy{text-align:center;align-self:center;padding-top:20px}.hero-logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:34px;transform:translateY(-26px)}.hero-logo-mark{width:58px;height:58px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;font:500 26px/1 Georgia,serif;box-shadow:inset 0 0 35px rgba(126,232,255,.04)}.hero-logo-word{font-size:30px;letter-spacing:.24em;font-weight:600}.hero-kicker,.eyebrow{font:500 10px/1.2 monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.hero h1{font-size:clamp(42px,5.1vw,82px);font-weight:420;line-height:.98;letter-spacing:-.055em;max-width:1050px;margin:20px auto 22px}.hero-sub{max-width:660px;margin:auto;color:#9ea7a1;font-size:clamp(14px,1.2vw,17px);line-height:1.7}.product-dock{margin:42px auto 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.product-pill{height:42px;padding:0 16px;border:1px solid var(--line);border-radius:99px;display:flex;align-items:center;gap:10px;font-size:11px;color:#cad0cc;background:rgba(10,12,13,.52);backdrop-filter:blur(8px);transition:.35s}.product-pill:hover{transform:translateY(-2px);border-color:rgba(53,215,255,.55);color:#fff;background:rgba(53,215,255,.05)}.glyph{width:14px;height:14px;position:relative;display:inline-block}.glyph-cross:before,.glyph-cross:after{content:"";position:absolute;background:var(--acid)}.glyph-cross:before{width:14px;height:1px;top:6px}.glyph-cross:after{width:1px;height:14px;left:6px}.glyph-diamond{border:1px solid var(--cyan);transform:rotate(45deg);width:10px;height:10px;margin:2px}.glyph-hex{clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);border:1px solid var(--acid);background:rgba(53,215,255,.15)}.glyph-radar{border:1px solid var(--cyan);border-radius:50%}.glyph-radar:after{content:"";position:absolute;width:5px;height:1px;background:var(--cyan);left:6px;top:6px;transform-origin:left;transform:rotate(-42deg)}
.hero-visual{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);width:min(470px,48vw);height:min(210px,22vw);opacity:.62;z-index:-1}.hud{position:absolute;left:50%;bottom:-250px;width:620px;height:620px;transform:translateX(-50%);border-radius:50%}.hud-ring{position:absolute;border:1px solid rgba(126,232,255,.14);border-radius:50%;inset:0}.ring-2{inset:78px;border-style:dashed;animation:spin 28s linear infinite}.ring-3{inset:155px;border-color:rgba(53,215,255,.18);animation:spinReverse 19s linear infinite}.hud-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent)}.hud-axis-x{height:1px;left:0;right:0;top:50%}.hud-axis-y{width:1px;top:0;bottom:0;left:50%;background:linear-gradient(transparent,rgba(255,255,255,.11),transparent)}.hud-core{position:absolute;width:100px;height:100px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;box-shadow:0 0 60px rgba(126,232,255,.06)}.hud-core-label{font-size:22px;letter-spacing:.18em}.hud-core-status{font:7px monospace;color:var(--acid);margin-top:6px;letter-spacing:.15em}.hud-node{position:absolute;font:8px monospace;letter-spacing:.16em;color:#9ca6a0;padding:5px 8px;border:1px solid var(--line);background:#060708}.node-a{left:15%;top:42%}.node-b{right:12%;top:42%}.node-c{left:33%;top:21%}.node-d{right:32%;top:21%}.scanline{position:absolute;width:50%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);left:50%;top:50%;transform-origin:left;animation:scan 7s linear infinite;opacity:.4}.hero-foot{align-self:end;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:0 0 23px;color:#5f6862;font:8px monospace;letter-spacing:.17em;text-transform:uppercase}.hero-foot-line{height:1px;background:var(--line)}
.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none}.hero-orbit-a{width:44vw;height:44vw;left:-25vw;top:18vh}.hero-orbit-b{width:30vw;height:30vw;right:-20vw;top:42vh}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:54px;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:32px;white-space:nowrap;min-width:max-content;animation:ticker 35s linear infinite;font:9px monospace;letter-spacing:.2em;color:#808982}.ticker i{font-style:normal;color:var(--acid);font-size:7px}
.section{padding:150px 0;position:relative}.section-index{display:flex;gap:18px;font:9px monospace;letter-spacing:.18em;color:#667069;margin-bottom:55px}.section-index span:first-child{color:var(--acid)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:50px}.section-heading h2,.split-head h2,.duel-copy h2,.final-cta h2{font-size:clamp(44px,5.5vw,86px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:12px 0 0}.section-heading h2 em,.split-head h2 em,.duel-copy h2 em,.final-cta h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#aeb5b0}.section-heading>p:last-child,.split-head>div:last-child>p,.duel-copy>p{color:#929b95;line-height:1.7;font-size:14px}.flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-step{padding:30px 20px 34px;border-right:1px solid var(--line);position:relative}.flow-step:last-child{border-right:0}.flow-step span{display:block;font:8px monospace;color:#667069;margin-bottom:48px}.flow-step strong{display:block;font-size:18px;font-weight:500}.flow-step small{display:block;color:#717a74;margin-top:5px}.flow-step:after{content:"→";position:absolute;right:-8px;top:50%;color:var(--acid);z-index:2;background:var(--bg);padding:4px}.flow-step:last-child:after{display:none}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:80px}.product-card{min-height:260px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent);transition:.35s}.product-card:hover{transform:translateY(-5px);border-color:rgba(126,232,255,.28)}.card-no{font:9px monospace;color:var(--acid)}.product-card h3{font-size:24px;font-weight:500;margin:58px 0 12px}.product-card p{color:#919a94;font-size:13px;line-height:1.6;margin:0}.product-card small{margin-top:auto;color:#626b65;font:8px monospace;letter-spacing:.1em;text-transform:uppercase}
.recon-section{border-top:1px solid var(--line)}.split-head{display:grid;grid-template-columns:1.15fr .85fr;gap:13vw;align-items:end}.text-link{display:inline-block;margin-top:30px;font:10px monospace;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #4d5750;padding-bottom:7px}.text-link:hover{color:var(--acid);border-color:var(--acid)} code{color:var(--acid)}.recon-ui{margin-top:90px;border:1px solid var(--line);background:#080a0b;box-shadow:0 40px 120px rgba(0,0,0,.35)}.recon-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:8px monospace;letter-spacing:.13em;color:#717a74}.recon-top span:last-child{color:var(--acid)}.recon-layout{display:grid;grid-template-columns:1.5fr .7fr;min-height:520px}.radar-map{position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}.radar-map:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px dashed rgba(126,232,255,.15);left:50%;top:50%;transform:translate(-50%,-50%)}.map-outline{position:absolute;inset:16% 18%;border:1px solid rgba(255,255,255,.16);clip-path:polygon(9% 11%,38% 0,57% 17%,83% 12%,95% 38%,76% 51%,92% 83%,61% 100%,41% 78%,8% 89%,0 55%,20% 38%)}.map-label{position:absolute;font:18px monospace;color:#4b5550}.map-label.a{left:29%;top:31%}.map-label.b{right:25%;bottom:27%}.player{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px rgba(53,215,255,.5)}.p1{left:31%;top:47%}.p2{left:39%;top:39%}.p3{left:48%;top:52%}.p4{left:58%;top:61%;background:var(--cyan)}.p5{left:67%;top:44%;background:var(--cyan)}.trajectory{position:absolute;height:1px;background:linear-gradient(90deg,var(--acid),transparent);transform-origin:left}.t1{width:140px;left:32%;top:48%;transform:rotate(-28deg)}.t2{width:180px;left:47%;top:52%;transform:rotate(17deg)}.stats-panel{border-left:1px solid var(--line);padding:24px}.score{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0 28px;color:#69726d;font:10px monospace}.score strong{font-size:30px;color:#f1f4f2;font-family:Inter,sans-serif;font-weight:450}.stat-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.stat-row span{font-size:12px}.stat-row b{font-size:13px}.stat-row small{font:8px monospace;color:#68716c}.timeline{height:3px;background:#1a1e1b;margin-top:55px;position:relative}.timeline span{position:absolute;left:0;top:0;bottom:0;width:62%;background:linear-gradient(90deg,var(--cyan),var(--acid))}.timeline i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;left:62%;top:50%;transform:translate(-50%,-50%)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:48px}.feature{padding:32px 30px 0 0;border-right:1px solid var(--line);min-height:210px}.feature:nth-child(2),.feature:nth-child(3){padding-left:30px}.feature:last-child{border-right:0}.feature span,.fair-card span{font:8px monospace;color:var(--acid)}.feature h3,.fair-card h3{font-size:18px;font-weight:500;margin:44px 0 12px}.feature p,.fair-card p{font-size:13px;line-height:1.6;color:#828b85;max-width:340px}
.duel-section{border-top:1px solid var(--line)}.duel-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.duel-copy ul{list-style:none;padding:0;margin:30px 0;color:#b8beba;font:10px monospace;line-height:2}.duel-copy li:before{content:"＋";color:var(--acid);margin-right:12px}.bracket{border:1px solid var(--line);padding:18px;background:linear-gradient(155deg,#0a0d0e,#060708)}.bracket-head{display:flex;justify-content:space-between;padding:6px 4px 20px;font:8px monospace;letter-spacing:.16em;color:#727b75}.bracket-head span:last-child{color:var(--acid)}.match{border-top:1px solid var(--line);padding:18px 0}.match small{font:8px monospace;color:#67716a}.match div{display:grid;grid-template-columns:1fr auto;padding:7px 0}.match b{font-size:13px;font-weight:500}.match strong{font-size:13px}.match.final{background:rgba(126,232,255,.025);padding-left:16px;padding-right:16px}.prize{margin-top:18px;font-size:clamp(48px,8vw,110px);letter-spacing:-.07em;font-weight:500;color:#e9ecea;line-height:.8}.prize span{font:8px monospace;letter-spacing:.14em;color:#67716a;margin-left:10px}
.pracs-section{border-top:1px solid var(--line)}.practice-board{margin-top:80px;border:1px solid var(--line)}.board-head{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);font:8px monospace;letter-spacing:.15em;color:#6c756f}.board-head span:last-child{color:var(--acid)}.practice-row{display:grid;grid-template-columns:70px 110px 1fr 1fr auto;align-items:center;padding:24px 18px;border-bottom:1px solid var(--line)}.practice-row:last-child{border-bottom:0}.practice-row span{font:8px monospace;color:#5f6962}.practice-row b{font-size:13px}.practice-row strong{font-size:14px;font-weight:500}.practice-row small{font:8px monospace;color:#727b75}.practice-row button{border:1px solid var(--line);background:transparent;color:#b8beba;padding:11px 14px;font:8px monospace;letter-spacing:.1em;transition:.25s}.practice-row:hover button{border-color:var(--acid);color:var(--acid)}
.fair-section{border-top:1px solid var(--line)}.fair-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fair-card{padding:32px 30px;min-height:250px;border-right:1px solid var(--line)}.fair-card:last-child{border-right:0}.faq-section{border-top:1px solid var(--line)}.faq{margin-top:85px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:grid;grid-template-columns:72px 1fr auto;align-items:center;padding:28px 0;cursor:pointer;font-size:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font:8px monospace;color:var(--acid)}.faq summary b{font-size:24px;font-weight:300;transition:.25s}.faq details[open] summary b{transform:rotate(45deg)}.faq details p{margin:-6px 0 30px 72px;max-width:700px;color:#8a938d;font-size:14px;line-height:1.7}.final-cta{min-height:76vh;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.final-cta h2{font-size:clamp(54px,8vw,120px)}.button-main{margin-top:50px;height:56px;padding:0 28px;font:10px monospace;letter-spacing:.12em;text-transform:uppercase;gap:40px}.button-main span{color:var(--acid);font-size:18px}.cta-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(126,232,255,.08);border-radius:50%;z-index:-1}.cta-orbit:before,.cta-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.06)}.cta-orbit:before{inset:90px}.cta-orbit:after{inset:185px;border-color:rgba(53,215,255,.09)}.footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;padding-top:50px;padding-bottom:50px}.footer strong{font-size:20px;letter-spacing:.18em}.footer p,.footer>span{font-size:11px;color:#667069;margin:10px 0 0}.footer-links{display:flex;gap:24px;font-size:11px;color:#8a938d}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes scan{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.nav{display:none}.site-header{grid-template-columns:1fr auto;padding:0 20px}.header-actions .header-link{display:none}.section-shell{width:min(calc(100% - 34px),var(--max))}.hero{padding-top:70px}.hero-logo{transform:translateY(-8px);margin-bottom:24px}.hero-logo-mark{width:46px;height:46px;font-size:20px}.hero-logo-word{font-size:22px}.hero h1{font-size:clamp(40px,10.5vw,64px)}.product-dock{max-width:420px}.hero-visual{width:90vw;height:150px;opacity:.45}.hud{width:520px;height:520px;bottom:-280px}.section{padding:100px 0}.section-heading,.split-head,.duel-grid{grid-template-columns:1fr;gap:42px}.flow{grid-template-columns:1fr}.flow-step{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:20px 0}.flow-step:last-child{border-bottom:0}.flow-step span{margin:0}.flow-step strong{font-size:16px}.flow-step:after{content:"↓";right:8px;top:auto;bottom:-11px}.product-grid{grid-template-columns:1fr 1fr}.recon-layout{grid-template-columns:1fr}.radar-map{min-height:420px}.stats-panel{border-left:0;border-top:1px solid var(--line)}.feature-grid,.fair-grid{grid-template-columns:1fr}.feature,.feature:nth-child(2),.feature:nth-child(3),.fair-card{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.practice-row{grid-template-columns:48px 80px 1fr auto;gap:8px}.practice-row small{display:none}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.hero-copy{padding-top:0}.hero-kicker{font-size:8px}.hero-sub{font-size:13px}.product-dock{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px;margin-top:32px}.product-pill{justify-content:center;padding:0 9px;font-size:9px}.product-grid{grid-template-columns:1fr}.section-heading h2,.split-head h2,.duel-copy h2{font-size:44px}.recon-ui{margin-top:55px}.radar-map{min-height:330px}.practice-row{grid-template-columns:38px 64px 1fr}.practice-row button{grid-column:2/4;margin-top:12px}.faq summary{grid-template-columns:40px 1fr auto;font-size:16px}.faq details p{margin-left:40px}.footer-links{gap:14px}.hero-foot{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v4 — centered product constellation + real product footage */
body:before{background:radial-gradient(circle at 52% 18%,rgba(53,215,255,.075),transparent 31%),radial-gradient(circle at 50% 88%,rgba(53,215,255,.025),transparent 28%)}
.nav a:hover,.header-link:hover,.footer-links a:hover{color:var(--cyan)}
.button:hover{border-color:var(--cyan);background:rgba(53,215,255,.07)}
.hero{display:block;min-height:100svh;padding-top:82px;overflow:hidden}
.hero-copy{position:absolute;z-index:4;top:14.5vh;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 44px));padding:0;text-align:center}
.hero h1{font-size:clamp(46px,5.55vw,88px);max-width:1100px;margin:0 auto 22px;line-height:.95}
.hero-sub{max-width:690px;color:#8e9aa0}
.hero-visual{position:absolute;z-index:2;left:50%;top:51%;bottom:auto;transform:translate(-50%,-50%);width:min(900px,72vw);height:min(470px,42vw);opacity:1;perspective:1100px;pointer-events:auto}
.system-field{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}
.field-halo{position:absolute;left:50%;top:56%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(53,215,255,.14),rgba(53,215,255,.035) 35%,transparent 70%);filter:blur(16px)}
.field-plane{position:absolute;left:50%;top:58%;width:72%;height:55%;transform:translate(-50%,-50%) rotateX(66deg);transform-style:preserve-3d;border:1px solid rgba(126,232,255,.15);background-image:linear-gradient(rgba(126,232,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,232,255,.055) 1px,transparent 1px);background-size:44px 44px;box-shadow:0 45px 90px rgba(0,0,0,.45),inset 0 0 70px rgba(53,215,255,.018);clip-path:polygon(10% 10%,90% 10%,100% 85%,0 85%)}
.field-plane:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,transparent 10%,rgba(126,232,255,.18) 50%,transparent 90%);height:1px;top:50%;box-shadow:0 0 18px rgba(53,215,255,.22)}
.field-plane:after{content:"";position:absolute;left:50%;top:8%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(126,232,255,.18),transparent)}
.field-core{position:absolute;left:50%;top:49%;width:34px;height:34px;transform:translate(-50%,-50%) translateZ(4px);border:1px solid rgba(126,232,255,.55);border-radius:50%;box-shadow:0 0 0 14px rgba(53,215,255,.025),0 0 45px rgba(53,215,255,.22);background:#071014}
.field-core i{position:absolute;inset:11px;border-radius:50%;background:#dffaff;box-shadow:0 0 22px rgba(126,232,255,.95);animation:corePulse 2.8s ease-in-out infinite}
.field-path{position:absolute;left:50%;top:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(126,232,255,.7),rgba(126,232,255,.08));opacity:.55}
.path-1{width:34%;transform:rotate(195deg)}.path-2{width:37%;transform:rotate(222deg)}.path-3{width:31%;transform:rotate(270deg)}.path-4{width:36%;transform:rotate(320deg)}.path-5{width:34%;transform:rotate(345deg)}
.scene-product{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;min-width:110px;text-align:center;color:#eafaff;transform:translateZ(35px);transition:.3s}
.scene-product:hover{color:white;filter:drop-shadow(0 0 15px rgba(53,215,255,.3));transform:translateZ(48px) translateY(-3px)}
.scene-product b{font:600 11px/1.1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.scene-product small{font:7px/1.2 monospace;letter-spacing:.13em;text-transform:uppercase;color:#63747c;margin-top:5px}
.scene-product .hang-line{order:3;width:1px;height:52px;margin-top:10px;background:linear-gradient(rgba(126,232,255,.55),rgba(126,232,255,.06));position:relative}
.scene-dot{order:4;width:8px;height:8px;border-radius:50%;background:#c8f7ff;box-shadow:0 0 18px rgba(53,215,255,.8);margin-top:-1px}
.scene-pracs{left:7%;top:24%}.scene-tournaments{left:25%;top:6%}.scene-anticheat{left:50%;top:0;transform:translateX(-50%) translateZ(35px)}.scene-anticheat:hover{transform:translateX(-50%) translateZ(48px) translateY(-3px)}.scene-bunker{right:24%;top:8%}.scene-recon{right:5%;top:25%}
.field-caption{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);width:72%;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;font:7px monospace;letter-spacing:.16em;color:#53646c}.field-caption i{height:1px;background:linear-gradient(90deg,rgba(126,232,255,.08),rgba(126,232,255,.28),rgba(126,232,255,.08))}
.hero-foot{position:absolute;left:0;right:0;bottom:0}
.hero-orbit{border-color:rgba(126,232,255,.045)}

.media-showcase{position:relative;margin-top:78px;border:1px solid rgba(126,232,255,.14);background:#020405;overflow:hidden;box-shadow:0 50px 120px rgba(0,0,0,.35)}
.media-showcase:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.025)}
.media-showcase video{display:block;width:100%;height:auto;aspect-ratio:2276/1390;object-fit:cover;filter:saturate(.92) contrast(1.04) brightness(.86)}
.media-showcase-large{margin-top:86px}
.media-meta{height:42px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(126,232,255,.1);font:8px monospace;letter-spacing:.14em;color:#64747b;background:rgba(6,10,12,.96)}
.media-meta span:last-child{color:var(--cyan)}
.demo-section,.recon-section,.duel-section,.pracs-section,.fair-section,.faq-section{border-top:1px solid var(--line)}
.product-grid-five{grid-template-columns:repeat(5,1fr)}
.product-grid-five .product-card{min-height:280px}
.product-card:hover{border-color:rgba(126,232,255,.35)}
.flow-step:after,.card-no,.section-index span:first-child,.feature span,.fair-card span,.board-head span:last-child,.bracket-head span:last-child,.faq summary span,.ticker i,.hud-core-status{color:var(--cyan)}
.practice-row:hover button{border-color:var(--cyan);color:var(--cyan)}
.timeline span{background:linear-gradient(90deg,#38d9ff,#8ff0ff)}
.player{background:var(--cyan);box-shadow:0 0 16px rgba(53,215,255,.5)}
.trajectory{background:linear-gradient(90deg,var(--cyan),transparent)}
.cta-orbit:after{border-color:rgba(53,215,255,.09)}
@keyframes corePulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.15);opacity:1}}

@media(max-width:1100px){.product-grid-five{grid-template-columns:repeat(3,1fr)}.hero-visual{width:min(920px,88vw);height:430px}.scene-product b{font-size:10px}}
@media(max-width:900px){.hero{min-height:900px}.hero-copy{top:125px}.hero-visual{top:56%;width:96vw;height:430px}.field-plane{width:84%}.field-caption{width:84%}.scene-pracs{left:1%}.scene-recon{right:0}.product-grid-five{grid-template-columns:1fr 1fr}.media-showcase{margin-top:54px}.media-meta{height:36px}.hero h1{font-size:clamp(40px,9vw,66px)}}
@media(max-width:560px){.hero{min-height:780px}.hero-copy{top:112px}.hero h1{font-size:42px;line-height:.98}.hero-sub{font-size:12px;max-width:340px}.hero-visual{top:58%;height:330px;width:108vw}.field-plane{width:88%;height:47%;background-size:32px 32px}.scene-product{min-width:70px}.scene-product b{font-size:7px;letter-spacing:.1em}.scene-product small{display:none}.scene-product .hang-line{height:36px}.scene-pracs{left:5%;top:28%}.scene-tournaments{left:21%;top:10%}.scene-anticheat{top:3%}.scene-bunker{right:20%;top:11%}.scene-recon{right:3%;top:29%}.field-caption{display:none}.product-grid-five{grid-template-columns:1fr}.media-showcase video{aspect-ratio:16/10}.media-meta{font-size:6px}.hero-foot{display:none}}

/* v5 — hero centering fix + compact product footage */
.hero-copy.reveal{transform:translate(-50%,24px)}
.hero-copy.reveal.visible{transform:translate(-50%,0)}
.hero-visual.reveal{transform:translate(-50%,calc(-50% + 24px))}
.hero-visual.reveal.visible{transform:translate(-50%,-50%)}

/* Product footage is an accent, not a full-width section */
.media-showcase{
  width:min(720px,62%);
  margin-top:64px;
  border-radius:2px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
#ecosystem .media-showcase{margin-left:auto;margin-right:0}
#demo .media-showcase{width:min(680px,58%);margin-left:auto;margin-right:auto}
#recon .media-showcase{width:min(720px,62%);margin-left:auto;margin-right:0}
#pracs .media-showcase{width:min(680px,58%);margin-left:0;margin-right:auto}
.media-showcase-large{margin-top:68px}
.media-showcase video{aspect-ratio:16/10;max-height:430px;object-fit:cover}
.media-meta{height:36px;padding:0 13px;font-size:7px}

@media(max-width:900px){
  .media-showcase,#ecosystem .media-showcase,#demo .media-showcase,#recon .media-showcase,#pracs .media-showcase{
    width:min(680px,82%);
    margin-left:auto;
    margin-right:auto;
  }
}
@media(max-width:560px){
  .media-showcase,#ecosystem .media-showcase,#demo .media-showcase,#recon .media-showcase,#pracs .media-showcase{width:100%}
  .media-showcase video{aspect-ratio:16/10;max-height:none}
}

/* v14 — cinematic hero rebuilt from the approved composition */
.hero-header{height:104px;background:rgba(3,5,7,.86);border-bottom:1px solid rgba(255,255,255,.035);backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr}
.hero-header .brand-mini{justify-self:center;width:auto;height:auto;border:0;display:flex;flex-direction:column;gap:4px;letter-spacing:-.055em}
.hero-header .brand-mini span{font-size:24px;font-weight:900;font-style:italic;color:#fff}
.hero-header .brand-mini small{font:6px monospace;letter-spacing:.22em;color:#718087;text-align:center}
.hero-header .nav-left{justify-self:start}.hero-header .nav-right{display:flex}.hero-header .header-actions{gap:28px}
.hero-header .nav{gap:42px}.hero-header .nav a{text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.hero{width:100%;max-width:none;height:100svh;min-height:780px;padding:104px 0 0;overflow:hidden;background:#020405}
.hero:before{display:none}
.hero-copy{top:clamp(150px,18vh,205px);z-index:5;width:min(1260px,calc(100% - 64px))}
.hero h1{font-size:clamp(58px,5.9vw,96px);line-height:.95;max-width:1250px;letter-spacing:-.057em;margin-bottom:34px}
.hero-sub{max-width:760px;font-size:clamp(14px,1.15vw,18px);line-height:1.65;color:#9aa3a7}
.hero-stage{position:absolute;z-index:2;left:0;right:0;bottom:0;height:58%;pointer-events:none;overflow:hidden}
.hero-stage:before{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:34%;background:linear-gradient(to bottom,#020405 0%,rgba(2,4,5,.76) 45%,transparent 100%);pointer-events:none}
.hero-stage-art{position:absolute;inset:0;background-image:linear-gradient(to bottom,#020405 0%,transparent 24%),url("assets/hero/hero-platform-v1.png");background-position:center bottom;background-size:cover;background-repeat:no-repeat;filter:saturate(.92) contrast(1.1)}
.hero-products{position:absolute;z-index:3;inset:0;pointer-events:none;width:min(1400px,92vw);margin:auto}
.hero-product{position:absolute;pointer-events:auto;width:clamp(150px,14vw,224px);height:clamp(155px,18vh,230px);border:1px solid rgba(71,210,255,.18);border-radius:22px;background:linear-gradient(155deg,rgba(8,42,54,.48),rgba(3,15,21,.22));box-shadow:inset 0 1px 0 rgba(181,246,255,.04),0 22px 65px rgba(0,0,0,.22);backdrop-filter:blur(7px);display:flex;flex-direction:column;justify-content:flex-end;padding:24px 26px;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}
.hero-product:before{content:"";position:absolute;inset:auto -20% -45% -20%;height:75%;background:radial-gradient(circle,rgba(43,209,255,.15),transparent 68%);pointer-events:none}
.hero-product:hover{transform:translateY(-8px);border-color:rgba(82,224,255,.45);background:linear-gradient(155deg,rgba(11,60,76,.58),rgba(3,18,24,.3))}
.hero-product small{position:absolute;top:20px;right:22px;font:8px monospace;color:#5f747c;letter-spacing:.12em}
.hero-product strong{position:relative;font-size:clamp(17px,1.55vw,25px);letter-spacing:-.025em}
.hero-product span{position:relative;margin-top:7px;font:8px monospace;text-transform:uppercase;letter-spacing:.14em;color:#6e7f86}
.product-tournaments{left:2%;bottom:17%}.product-anticheat{right:2%;bottom:18%}
.product-pracs{left:23%;bottom:7%;height:clamp(145px,16vh,205px)}
.product-bunker{left:50%;bottom:2%;transform:translateX(-50%);height:clamp(132px,14.5vh,185px)}
.product-bunker:hover{transform:translateX(-50%) translateY(-8px)}
.product-recon{right:23%;bottom:7%;height:clamp(145px,16vh,205px)}
.hero-foot{z-index:6;left:max(32px,calc((100vw - var(--max))/2));right:max(32px,calc((100vw - var(--max))/2));bottom:15px}
.hero-orbit{display:none}

@media(max-width:1100px){
  .hero-header .nav{gap:20px}.hero-header .header-actions{gap:18px}.hero-header .header-link{display:none}
  .hero h1{font-size:clamp(56px,7vw,78px)}.hero-stage{height:55%}.hero-products{width:96vw}
  .hero-product{width:18vw;min-width:130px;padding:20px}.product-tournaments{left:1%}.product-anticheat{right:1%}.product-pracs{left:21%}.product-recon{right:21%}
}
@media(max-width:760px){
  .hero-header{height:76px;padding:0 20px}.hero-header .nav,.hero-header .header-actions>.nav,.hero-header .header-link{display:none}.hero-header{grid-template-columns:1fr auto 1fr}.hero-header .brand-mini{grid-column:2}.hero-header .header-actions{grid-column:3}.hero-header .button-small{height:32px;padding:0 12px}
  .hero{padding-top:76px;height:850px;min-height:850px}.hero-copy{top:115px;width:calc(100% - 28px)}.hero h1{font-size:43px;line-height:.98;margin-bottom:22px}.hero-sub{font-size:12px;max-width:350px}
  .hero-stage{height:58%;}.hero-stage-art{background-size:auto 100%;}
  .hero-products{width:100%;}.hero-product{width:30vw;min-width:104px;height:145px;border-radius:15px;padding:15px 14px}.hero-product strong{font-size:14px}.hero-product span{font-size:6px}.hero-product small{top:13px;right:13px}
  .product-tournaments{left:2%;bottom:25%}.product-anticheat{right:2%;bottom:25%}.product-pracs{left:18%;bottom:5%;height:132px}.product-recon{right:18%;bottom:5%;height:132px}.product-bunker{bottom:23%;height:128px}
  .hero-foot{display:none}
}

/* v30 source rules are repeated at the end of the cascade */
@media(min-width:9999px){
  :root{--max:2320px}
  .section-shell{width:min(calc(100% - clamp(190px,8.5vw,300px)),var(--max))}
  .site-header{
    height:clamp(104px,5vw,128px);
    padding-left:max(clamp(96px,4.25vw,150px),calc((100vw - var(--max))/2));
    padding-right:max(clamp(96px,4.25vw,150px),calc((100vw - var(--max))/2));
  }
  .hero-header .brand-mini img{width:clamp(170px,7.2vw,210px)}
  .hero-header .nav a,.hero-header .header-link{font-size:clamp(12px,.58vw,16px)}
  .hero-header .button-small{min-width:clamp(138px,6vw,174px);height:clamp(40px,2vw,52px);font-size:clamp(12px,.58vw,16px)}

  .hero{min-height:clamp(980px,56vw,1440px)}
  .hero-copy{top:clamp(220px,17.5vh,300px);width:min(1840px,calc(100% - 240px))}
  .hero h1{max-width:1840px;font-size:clamp(112px,4.8vw,142px)}
  .hero-sub{max-width:960px;margin-top:clamp(46px,2.2vw,66px);font-size:clamp(20px,.88vw,25px)}
  .hero-products{width:min(2160px,calc(100% - 260px));height:clamp(136px,6.2vw,176px);bottom:clamp(220px,18vh,280px)}
  .hero-product,.product-tournaments,.product-pracs,.product-bunker,.product-recon,.product-anticheat{
    height:100%;padding:clamp(18px,1vw,28px) clamp(38px,1.8vw,54px);grid-template-columns:clamp(36px,1.7vw,48px) 1fr;grid-template-rows:clamp(28px,1.3vw,38px) 1fr;column-gap:clamp(16px,.8vw,24px)
  }
  .hero-product span{font-size:clamp(13px,.57vw,17px)}
  .hero-product strong{font-size:clamp(32px,1.45vw,42px)}
  .hero-product-icon,.hero-product .bunker-icon{width:clamp(34px,1.55vw,45px);height:clamp(34px,1.55vw,45px)}
  .hero-foot{left:clamp(64px,3vw,90px);font-size:10px}

  .ticker{height:clamp(72px,3.6vw,96px)}
  .ticker-track{font-size:clamp(11px,.5vw,15px)}
  .section-index{font-size:clamp(10px,.45vw,13px)}
  #ecosystem .ecosystem-video{width:min(1320px,66%)!important}
  .ecosystem-intro h2{font-size:clamp(100px,4.2vw,126px)}
  .ecosystem-intro>p:last-child{font-size:clamp(20px,.85vw,25px)}
  .team-flow-step{min-height:clamp(285px,12vw,350px)}
  .team-flow-step strong{font-size:clamp(34px,1.45vw,42px)}

  .service-layout{column-gap:clamp(90px,4vw,120px)}
  .service-copy h2{font-size:clamp(92px,3.9vw,116px)}
  .service-copy>p:not(.eyebrow){max-width:720px;font-size:clamp(20px,.86vw,25px)}
  .service-points li,.media-points li{font-size:clamp(15px,.65vw,19px)}
  .media-meta{height:44px;font-size:9px}
  .service-copy .button-main{min-width:270px;height:66px;font-size:12px}
  .final-cta h2{font-size:clamp(132px,5.6vw,168px)}
  .footer strong{font-size:clamp(24px,1vw,30px)}
  .footer p,.footer>span,.footer-links{font-size:clamp(13px,.55vw,16px)}
}


/* v6 — lowered scene, flat product layer, unified 12-column layout */
.hero-visual{top:55.5%;}
.system-field{transform:none!important;}
.field-plane{transform:translate(calc(-50% + var(--plane-x,0px)),calc(-50% + var(--plane-y,0px))) rotateX(66deg);transition:transform .18s ease-out;}
.field-halo{transform:translate(calc(-50% + var(--halo-x,0px)),calc(-50% + var(--halo-y,0px)));transition:transform .18s ease-out;}
.product-layer{position:absolute;inset:0;z-index:7;pointer-events:none;transform:none!important;perspective:none!important;}
.scene-product{pointer-events:auto;transform:none!important;filter:none;}
.scene-product:hover{transform:translateY(-3px)!important;filter:drop-shadow(0 0 15px rgba(53,215,255,.28));}
.scene-anticheat{transform:translateX(-50%)!important;}
.scene-anticheat:hover{transform:translateX(-50%) translateY(-3px)!important;}
.scene-product .hang-line{order:3;}
.scene-dot{order:4;}
.scene-pracs{left:8%;top:18%}.scene-tournaments{left:26%;top:7%}.scene-anticheat{left:50%;top:2%}.scene-bunker{right:25%;top:8%}.scene-recon{right:7%;top:19%}

/* one grid language below the hero */
.section{--g:24px;}
.section-heading,.split-head,.duel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);row-gap:28px;align-items:end;}
.section-heading>.eyebrow{grid-column:1 / 4;}
.section-heading>h2{grid-column:4 / 10;}
.section-heading>p:last-child{grid-column:10 / 13;}
.split-head>div:first-child{grid-column:1 / 9;}
.split-head>div:last-child{grid-column:9 / 13;}
.duel-copy{grid-column:1 / 6;}
.bracket{grid-column:7 / 13;}

/* footage blocks share the same right guide and width */
.media-showcase,#ecosystem .media-showcase,#demo .media-showcase,#recon .media-showcase,#pracs .media-showcase{
  width:min(720px,58%);
  margin-left:auto;
  margin-right:0;
}
#demo .media-showcase{width:min(720px,58%);}

/* clean card rhythms */
.flow,.product-grid,.feature-grid,.fair-grid,.practice-board,.faq{width:100%;}
.product-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.product-grid-five .product-card{border:0;background:#060809;}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.fair-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

@media(max-width:1100px){
  .scene-pracs{left:4%}.scene-recon{right:3%}
  .section-heading>h2{grid-column:4 / 9}.section-heading>p:last-child{grid-column:9 / 13}
  .product-grid-five{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
  .hero-visual{top:59%;}
  .section-heading,.split-head,.duel-grid{grid-template-columns:1fr;row-gap:34px;}
  .section-heading>.eyebrow,.section-heading>h2,.section-heading>p:last-child,.split-head>div:first-child,.split-head>div:last-child,.duel-copy,.bracket{grid-column:auto;}
  .media-showcase,#ecosystem .media-showcase,#demo .media-showcase,#recon .media-showcase,#pracs .media-showcase{width:min(680px,82%);margin-left:auto;margin-right:auto;}
  .product-grid-five{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .hero-visual{top:61%;}
  .scene-pracs{left:4%;top:25%}.scene-tournaments{left:20%;top:10%}.scene-anticheat{top:4%}.scene-bunker{right:19%;top:11%}.scene-recon{right:3%;top:26%}
  .product-grid-five{grid-template-columns:1fr;}
  .media-showcase,#ecosystem .media-showcase,#demo .media-showcase,#recon .media-showcase,#pracs .media-showcase{width:100%;}
}

/* v9 — hero rebuilt to match approved reference */
.hero{min-height:100svh;height:100svh;overflow:hidden;padding-top:82px;}
.hero-copy{top:15.2vh;width:min(1240px,calc(100% - 64px));}
.hero h1{max-width:1240px;font-size:clamp(54px,5.8vw,94px);line-height:.96;margin:0 auto 28px;letter-spacing:-.058em;}
.hero-sub{max-width:760px;font-size:clamp(14px,1.15vw,18px);line-height:1.65;}

/* visual lives in the lower half; no overlap with headline */
.hero-visual{top:auto!important;bottom:3.8vh;left:50%;width:min(1180px,88vw);height:42vh;min-height:330px;max-height:430px;transform:translateX(-50%)!important;perspective:1100px;}
.hero-visual.reveal{transform:translate(-50%,24px)!important;}
.hero-visual.reveal.visible{transform:translate(-50%,0)!important;}
.system-field{position:absolute;inset:0;}

/* product UI layer stays perfectly flat and on one horizontal baseline */
.product-layer{position:absolute;inset:0;z-index:8;pointer-events:none;}
.scene-product{top:1.5%!important;width:150px;min-width:0;left:auto;right:auto;transform:translateX(-50%)!important;pointer-events:auto;display:flex;align-items:center;}
.scene-product:hover{transform:translateX(-50%) translateY(-3px)!important;}
.scene-pracs{left:8%!important}.scene-tournaments{left:29%!important}.scene-anticheat{left:50%!important}.scene-bunker{left:71%!important}.scene-recon{left:92%!important}
.scene-product b{font:600 12px/1.1 Inter,Arial,sans-serif;letter-spacing:.09em;color:#f3fbff;margin-top:10px;}
.scene-product small{font:7px/1.2 monospace;letter-spacing:.12em;color:#657781;margin-top:5px;text-transform:uppercase;}
.product-icon{width:62px;height:62px;border:1px solid rgba(126,232,255,.54);border-radius:13px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,rgba(53,215,255,.045),rgba(53,215,255,.012));box-shadow:inset 0 0 24px rgba(53,215,255,.035),0 0 26px rgba(53,215,255,.035);}
.product-icon:before,.product-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.icon-pracs:before{width:28px;height:28px;border:2px solid #86eaff;border-radius:50%;}
.icon-pracs:after{width:40px;height:2px;background:#86eaff;box-shadow:0 0 12px rgba(53,215,255,.6);}
.icon-tournaments:before{width:25px;height:22px;border:2px solid #86eaff;border-top:0;border-radius:0 0 12px 12px;top:43%;}
.icon-tournaments:after{width:2px;height:18px;background:#86eaff;top:63%;box-shadow:-7px 9px 0 -0.5px #86eaff,7px 9px 0 -0.5px #86eaff;}
.icon-anticheat:before{width:27px;height:31px;border:2px solid #86eaff;clip-path:polygon(50% 0,100% 18%,88% 73%,50% 100%,12% 73%,0 18%);background:rgba(53,215,255,.03);}
.icon-anticheat:after{width:11px;height:6px;border-left:2px solid #86eaff;border-bottom:2px solid #86eaff;transform:translate(-50%,-60%) rotate(-45deg);}
.icon-bunker:before{width:28px;height:26px;border:2px solid #86eaff;border-top:0;top:56%;}
.icon-bunker:after{width:20px;height:20px;border-left:2px solid #86eaff;border-top:2px solid #86eaff;transform:translate(-50%,-75%) rotate(45deg);}
.icon-recon:before{width:35px;height:23px;border:2px solid #86eaff;border-radius:50% 50% 50% 50%/65% 65% 65% 65%;}
.icon-recon:after{width:8px;height:8px;border:2px solid #86eaff;border-radius:50%;box-shadow:0 0 12px rgba(53,215,255,.65);}
.scene-product .hang-line{height:70px;margin-top:13px;background:linear-gradient(rgba(126,232,255,.8),rgba(126,232,255,.12));}
.scene-dot{width:8px;height:8px;box-shadow:0 0 20px rgba(53,215,255,.95);}

/* platform pushed to the bottom edge */
.field-plane{top:76%!important;width:91%;height:42%;background-size:42px 42px;clip-path:polygon(7% 7%,93% 7%,100% 96%,0 96%);border-color:rgba(126,232,255,.22);box-shadow:0 48px 110px rgba(0,0,0,.65),inset 0 0 90px rgba(53,215,255,.035),0 0 45px rgba(53,215,255,.035);}
.field-halo{top:76%!important;width:48%;height:55%;opacity:.9;}
.field-caption{bottom:1.5%;width:88%;}
.hero-foot{z-index:10;bottom:0;}

@media(max-width:1100px){
  .hero-copy{top:14vh}.hero h1{font-size:clamp(50px,7vw,78px)}
  .hero-visual{width:94vw;height:41vh;bottom:4.2vh}
  .scene-product{width:126px}.product-icon{width:54px;height:54px}
  .scene-pracs{left:7%!important}.scene-tournaments{left:28.5%!important}.scene-bunker{left:71.5%!important}.scene-recon{left:93%!important}
}
@media(max-width:900px){
  .hero{min-height:820px;height:820px}.hero-copy{top:120px}.hero-visual{top:auto!important;bottom:35px;height:390px;min-height:0;width:98vw}
  .scene-product{width:105px}.product-icon{width:48px;height:48px}.scene-product b{font-size:9px}.scene-product small{display:none}.scene-product .hang-line{height:58px}
}
@media(max-width:560px){
  .hero{height:760px;min-height:760px}.hero-copy{top:105px;width:calc(100% - 28px)}.hero h1{font-size:39px;line-height:.98;margin-bottom:20px}.hero-sub{font-size:12px;max-width:340px}
  .hero-visual{bottom:22px;height:330px;width:108vw}.product-icon{width:39px;height:39px;border-radius:10px}.scene-product{width:72px}.scene-product b{font-size:6.7px;letter-spacing:.06em}.scene-product .hang-line{height:48px;margin-top:8px}
  .scene-pracs{left:8%!important}.scene-tournaments{left:29%!important}.scene-bunker{left:71%!important}.scene-recon{left:92%!important}.field-plane{width:96%;top:78%!important}.field-caption{display:none}
}


/* v10 — hero perspective platform scene */
.hero-platform-scene{
  position:absolute;
  left:50%;
  bottom:-8px;
  width:min(1500px,96vw);
  height:43vh;
  min-height:310px;
  max-height:455px;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:1;
  overflow:visible;
}
.hero-platform-scene .platform-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.hero-platform-scene .radar-rings{
  transform-box:fill-box;
  transform-origin:center;
  animation:platformPulse 4.8s ease-in-out infinite;
}
@keyframes platformPulse{
  0%,100%{opacity:.72}
  50%{opacity:1}
}
@media (max-width:900px){
  .hero-platform-scene{
    width:1280px;
    height:330px;
    bottom:-18px;
  }
}

/* v12 final cascade — keep the single scene authoritative */
.hero-platform-scene{z-index:2!important;height:36vh!important;max-height:390px!important;}
.hero-platform-scene .scene-grid{opacity:.58;stroke-width:1;}
.hero-platform-scene .product-connectors,.hero-platform-scene .connector-dots{display:none!important;}
.hero-platform-scene .radar-rings{opacity:.7;}
@media(max-width:900px){
  .hero-platform-scene{height:320px!important;bottom:-10px!important;}
}

/* v12 — one clean hero system + balanced editorial sections */
.hero-visual{
  z-index:3;
  bottom:4.5vh;
  width:100vw;
  height:39vh;
  max-height:410px;
}
.system-field{inset:0;}
.field-halo,.field-plane,.field-path,.field-core,.field-caption{display:none!important;}
.product-layer{
  left:50%;
  right:auto;
  top:0;
  width:min(1500px,100vw);
  height:100%;
  transform:translateX(-50%)!important;
}
.scene-product{
  top:0!important;
  width:112px;
  color:#e8f9ff;
}
.scene-pracs{left:15.625%!important}
.scene-tournaments{left:32.8125%!important}
.scene-anticheat{left:50%!important}
.scene-bunker{left:67.1875%!important}
.scene-recon{left:84.375%!important}
.product-icon{
  width:48px;
  height:48px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  opacity:.9;
}
.scene-product:hover .product-icon{opacity:1;filter:drop-shadow(0 0 9px rgba(126,232,255,.35));}
.scene-product b{margin-top:8px;font-size:11px;letter-spacing:.12em;}
.scene-product small{margin-top:4px;color:#65737a;}
.scene-product .hang-line{
  height:clamp(72px,11vh,116px);
  margin-top:12px;
  background:linear-gradient(to bottom,rgba(126,232,255,.74),rgba(126,232,255,.14));
  box-shadow:none;
}
.scene-dot{width:7px;height:7px;box-shadow:0 0 12px rgba(53,215,255,.72);}
.hero-platform-scene{z-index:2;height:36vh!important;max-height:390px!important;}
.hero-platform-scene .scene-grid{opacity:.58;}
.hero-platform-scene .product-connectors,.hero-platform-scene .connector-dots{display:none!important;}
.hero-platform-scene .radar-rings{opacity:.7;}

/* screens 02–03: content and footage share the same 12-column frame */
.ecosystem,.demo-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;}
.ecosystem>.section-index,.demo-section>.section-index{grid-column:1/-1;width:100%;}
.ecosystem>.section-heading{grid-column:1/7;display:block;padding-right:clamp(20px,4vw,72px);}
.ecosystem>.section-heading>.eyebrow,.ecosystem>.section-heading>h2,.ecosystem>.section-heading>p:last-child{display:block;margin-left:0;}
.ecosystem>.section-heading>h2{margin-top:16px;}
.ecosystem>.media-showcase{grid-column:7/13;width:100%!important;margin:0!important;align-self:center;}
.ecosystem>.flow,.ecosystem>.product-grid{grid-column:1/-1;}
.ecosystem>.flow{margin-top:88px;}

.demo-section>.split-head{grid-column:1/6;display:block;padding-right:clamp(20px,4vw,68px);}
.demo-section>.split-head>div{display:block;margin:0 0 28px;}
.demo-section>.split-head h2{margin-top:16px;}
.demo-section>.media-showcase{grid-column:6/13;width:100%!important;margin:0!important;align-self:center;}

@media(max-width:900px){
  .hero-visual{width:1280px;height:330px;bottom:16px;}
  .product-layer{width:1000px;}
  .scene-product{width:92px;}
  .scene-product .hang-line{height:78px;}
  .ecosystem,.demo-section{grid-template-columns:1fr;}
  .ecosystem>.section-index,.demo-section>.section-index,.ecosystem>.section-heading,.ecosystem>.media-showcase,.ecosystem>.flow,.ecosystem>.product-grid,.demo-section>.split-head,.demo-section>.media-showcase{grid-column:1;}
  .ecosystem>.section-heading,.demo-section>.split-head{padding-right:0;}
  .ecosystem>.media-showcase,.demo-section>.media-showcase{margin-top:42px!important;}
}

@media(max-width:560px){
  .hero-visual{width:900px;height:286px;bottom:8px;}
  .product-layer{width:650px;}
  .scene-product{width:68px;}
  .product-icon{width:34px;height:34px;transform:scale(.82);}
  .scene-product b{font-size:6.8px;}
  .scene-product .hang-line{height:58px;}
}
@media (prefers-reduced-motion:reduce){
  .hero-platform-scene .radar-rings{animation:none}
}


/* v11 — hero scene matched to reference */
.hero-platform-scene{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-4px !important;
  width:100vw !important;
  max-width:none !important;
  height:41vh !important;
  min-height:330px !important;
  max-height:455px !important;
  transform:none !important;
  margin:0 !important;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
}
.hero-platform-scene .platform-svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.hero-platform-scene .scene-grid{
  stroke-width:1;
}
.hero-platform-scene .radar-rings{
  transform-box:fill-box;
  transform-origin:center;
  animation:platformPulse 5s ease-in-out infinite;
}
.hero-platform-scene .product-connectors{
  opacity:.92;
}
.hero-platform-scene .connector-dots{
  opacity:1;
}
@media (max-width:900px){
  .hero-platform-scene{
    left:50% !important;
    width:1280px !important;
    height:340px !important;
    bottom:-12px !important;
    transform:translateX(-50%) !important;
  }
}

/* v12 final cascade */
.hero-platform-scene{z-index:2!important;height:36vh!important;max-height:390px!important;}
.hero-platform-scene .scene-grid{opacity:.58;}
.hero-platform-scene .product-connectors,.hero-platform-scene .connector-dots{display:none!important;}
.hero-platform-scene .radar-rings{opacity:.7;}
@media(max-width:900px){.hero-platform-scene{height:320px!important;bottom:-10px!important;}}

/* v13 — final product narrative */
.section{padding-top:clamp(110px,12vw,190px);padding-bottom:clamp(110px,12vw,190px)}
.section-index{margin-bottom:clamp(56px,6vw,92px)}
.ecosystem-v13{display:block}
.ecosystem-intro{text-align:center;max-width:1000px;margin:0 auto}
.ecosystem-intro h2{font-size:clamp(44px,5.5vw,84px);line-height:.96;letter-spacing:-.055em;margin:18px auto 28px}
.ecosystem-intro>p:last-child{max-width:660px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}
.ecosystem-video{width:min(980px,82%)!important;margin:80px auto 0!important}
.ecosystem-cards{margin-top:92px}
.ecosystem-cards .product-card{color:inherit;text-decoration:none;transition:background .3s,border-color .3s,transform .3s}
.ecosystem-cards .product-card:hover{background:#091116;transform:translateY(-5px)}

.service-section{border-top:1px solid var(--line)}
.service-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.service-copy{grid-column:1/6;padding-right:clamp(10px,3vw,54px)}
.service-media-stack,.service-video,.anticheat-ui,.bunker-ui{grid-column:6/13}
.service-copy h2{font-size:clamp(46px,5vw,76px);line-height:.96;letter-spacing:-.055em;margin:18px 0 30px}
.service-copy>p:not(.eyebrow){max-width:560px;color:#929da2;font-size:16px;line-height:1.75}
.service-copy code{font-family:monospace;color:var(--cyan)}
.service-points{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid var(--line)}
.service-points li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);font-size:13px;color:#c5cdd0}
.service-points li:before{content:"";position:absolute;left:1px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(53,215,255,.6)}
.service-button{margin-top:34px;min-width:210px;height:52px}
.service-media-stack{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch}
.service-media-stack .media-showcase,.service-video{width:100%!important;margin:0!important}
.service-media-stack .media-showcase video,.service-video video{min-height:330px;height:100%;object-fit:cover}

.broadcast-card{min-height:100%;border:1px solid rgba(126,232,255,.18);background:linear-gradient(145deg,#071015,#020405);padding:18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.broadcast-card:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(126,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(126,232,255,.04) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent)}
.broadcast-top,.broadcast-score,.broadcast-map{position:relative;z-index:1}
.broadcast-top{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.12em;color:#718087}
.broadcast-top b{color:var(--cyan)}
.broadcast-score{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.broadcast-score span{font-size:10px;font-weight:700}.broadcast-score span small{display:block;margin-top:6px;color:#5e6c72;font:7px monospace}
.broadcast-score strong{font-size:34px;letter-spacing:-.06em;color:#e8fbff;text-shadow:0 0 24px rgba(53,215,255,.3)}
.broadcast-map{height:90px;border:1px solid rgba(126,232,255,.12);display:grid;place-items:center;font:8px monospace;color:#74848b;overflow:hidden}
.broadcast-map i{position:absolute;width:110px;height:110px;border:1px solid rgba(126,232,255,.16);transform:rotate(45deg)}

.service-reverse .service-copy{grid-column:8/13;grid-row:1}.service-reverse .anticheat-ui,.service-reverse .bunker-ui{grid-column:1/7;grid-row:1}
.anticheat-ui{min-height:490px;border:1px solid rgba(126,232,255,.18);background:radial-gradient(circle at 50% 45%,rgba(53,215,255,.12),transparent 32%),#030608;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.anticheat-ui:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(126,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(126,232,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000,transparent 72%)}
.ac-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.14em;color:#66757c}.ac-top b{color:#e7faff}
.ac-shield{width:120px;height:138px;clip-path:polygon(50% 0,100% 16%,90% 72%,50% 100%,10% 72%,0 16%);background:linear-gradient(145deg,rgba(126,232,255,.28),rgba(53,215,255,.04));display:grid;place-items:center;margin-bottom:28px;filter:drop-shadow(0 0 30px rgba(53,215,255,.2))}
.ac-shield:before{content:"";position:absolute;width:112px;height:130px;clip-path:inherit;background:#071014}
.ac-shield i{position:relative;z-index:1;font-style:normal;font-size:34px;color:var(--cyan)}
.anticheat-ui h3{font-size:24px;margin:0 0 10px}.anticheat-ui>p{font-size:12px;color:#77858b;margin:0}
.ac-status{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;border-top:1px solid rgba(126,232,255,.12);padding-top:16px;font:8px monospace;color:#6d7b81}.ac-status b{color:var(--cyan)}.ac-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 10px var(--cyan)}

.bunker-ui{min-height:450px;border:1px solid rgba(126,232,255,.16);background:#030608;display:grid;grid-template-columns:72px 1fr;overflow:hidden}
.bunker-rail{border-right:1px solid var(--line);padding:22px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.bunker-rail b{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan)}.bunker-rail i{width:10px;height:10px;border-radius:50%;border:1px solid #53636b}.bunker-rail i:first-of-type{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.bunker-room{padding:24px;display:flex;flex-direction:column}.bunker-head{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.13em;color:#68777e;padding-bottom:18px;border-bottom:1px solid var(--line)}.bunker-head b{color:var(--cyan)}
.voice-list{display:grid;gap:7px;margin-top:22px}.voice-list span{display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.voice-list span>i{width:20px;height:20px;border-radius:50%;background:linear-gradient(145deg,#29434d,#0d171b);border:1px solid rgba(126,232,255,.15)}.voice-list b{font-size:10px;letter-spacing:.08em}.voice-list small{font:7px monospace;color:#64747a}.voice-list span:first-child{border-color:rgba(126,232,255,.25)}.voice-list span:first-child small{color:var(--cyan)}
.voice-wave{height:36px;margin-top:auto;background:repeating-linear-gradient(90deg,var(--cyan) 0 2px,transparent 2px 8px);mask-image:linear-gradient(to bottom,transparent 15%,#000 50%,transparent 85%);opacity:.45}

@media(max-width:1100px){.service-media-stack{grid-template-columns:1fr}.broadcast-card{min-height:230px}.product-grid-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .nav a:nth-child(2),.nav a:nth-child(3){display:none}
  .ecosystem-video{width:100%!important;margin-top:52px!important}.ecosystem-cards{margin-top:58px}
  .service-layout{grid-template-columns:1fr;gap:48px}.service-copy,.service-media-stack,.service-video,.anticheat-ui,.bunker-ui,.service-reverse .service-copy,.service-reverse .anticheat-ui,.service-reverse .bunker-ui{grid-column:1;grid-row:auto;padding-right:0}
  .service-copy h2{font-size:clamp(42px,9vw,64px)}.service-reverse .service-copy{order:1}.service-reverse .anticheat-ui,.service-reverse .bunker-ui{order:2}
}
@media(max-width:560px){
  .section{padding-top:92px;padding-bottom:92px}.section-index{margin-bottom:44px}.ecosystem-intro h2{font-size:40px}.ecosystem-intro>p:last-child{font-size:14px}
  .product-grid-five{grid-template-columns:1fr}.service-media-stack .media-showcase video,.service-video video{min-height:0}.anticheat-ui{min-height:390px}.bunker-ui{grid-template-columns:52px 1fr;min-height:420px}.bunker-room{padding:16px}.bunker-rail{padding-top:16px}.voice-list span{grid-template-columns:28px 1fr}.voice-list small{display:none}
}

/* v15 — orbital hero background from the published arena */
.hero-stage{height:64%;}
.hero-stage:before{height:24%;background:linear-gradient(to bottom,#020405 0%,rgba(2,4,5,.58) 50%,transparent 100%)}
.hero-stage-art{inset:-35% -9% -10%;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(0,207,255,.035),transparent 26%),#020506;filter:none}
.hero-frame{position:absolute;inset:10% 7% 8%;border:1px solid rgba(40,214,255,.24);box-shadow:inset 0 0 18px rgba(35,215,255,.025)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(35,177,214,.14);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-a{width:43%;aspect-ratio:1;animation:orbitBreathe 12s ease-in-out infinite}.orbit-b{width:73%;aspect-ratio:1;opacity:.72;animation:orbitBreathe 16s ease-in-out -4s infinite reverse}
.orbit-c{width:116%;height:45%;transform:translate(-50%,-50%) rotate(13deg);border-color:rgba(126,232,255,.1)}.orbit-d{width:104%;height:53%;transform:translate(-50%,-50%) rotate(-19deg);border-color:rgba(126,232,255,.085)}
.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#25ddff;box-shadow:0 0 6px #25ddff,0 0 18px rgba(37,221,255,.85),0 0 38px rgba(37,221,255,.32)}
.dot-a{left:28%;top:34%;animation:dotPulse 3.4s ease-in-out infinite}.dot-b{right:27%;top:47%;animation:dotPulse 4.1s ease-in-out -1s infinite}.dot-c{left:49%;bottom:19%;width:5px;height:5px;animation:dotPulse 3.7s ease-in-out -2s infinite}.dot-d{right:15%;bottom:27%;width:4px;height:4px;opacity:.8}
@keyframes orbitBreathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}
@keyframes dotPulse{0%,100%{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.12)}}
.product-tournaments{bottom:36%}.product-anticheat{bottom:37%}.product-pracs{bottom:25%}.product-bunker{bottom:20%}.product-recon{bottom:25%}
@media(max-width:760px){
  .hero-stage{height:65%}.hero-stage-art{inset:-18% -62% -8%}.hero-frame{inset:11% 34% 8%}.orbit-a{width:56%}.orbit-b{width:92%}
  .product-tournaments{bottom:39%}.product-anticheat{bottom:39%}.product-pracs{bottom:18%}.product-recon{bottom:18%}.product-bunker{bottom:36%}
}
@media(prefers-reduced-motion:reduce){.orbit,.orbit-dot{animation:none!important}}

/* v16 — unified product icon system */
.hero-product{padding-top:22px}
.hero-product-icon{position:relative;z-index:1;width:58px;height:58px;margin-bottom:auto;display:grid;place-items:center;color:#8cecff;font-style:normal;filter:drop-shadow(0 0 12px rgba(53,215,255,.18));transition:color .3s,filter .3s,transform .3s}
.hero-product-icon svg{display:block;width:100%;height:100%;overflow:visible}
.hero-product-icon svg path,.hero-product-icon svg circle{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.hero-product:hover .hero-product-icon{color:#d9faff;filter:drop-shadow(0 0 15px rgba(53,215,255,.46));transform:translateY(-3px)}
.hero-product .ac-icon{width:auto;justify-content:start;font:900 italic 42px/.85 Inter,Arial,sans-serif;letter-spacing:-.13em;color:#9beeff;text-shadow:2px 0 0 rgba(255,255,255,.08)}
.hero-product .bunker-icon{width:62px;justify-content:start}
.hero-product .bunker-icon svg{width:58px;height:42px}.hero-product .bunker-icon svg path{fill:currentColor;stroke:none}
@media(max-width:760px){.hero-product-icon{width:40px;height:40px}.hero-product .ac-icon{font-size:31px}.hero-product .bunker-icon{width:42px}.hero-product .bunker-icon svg{width:40px;height:31px}}

/* v17 — wider rhythm, editorial typography and site-wide motion */
.service-section{padding-top:clamp(145px,15vw,230px);padding-bottom:clamp(145px,15vw,230px)}
.service-section .section-index{margin-bottom:clamp(82px,8vw,125px)}
.service-layout{gap:clamp(38px,5vw,82px);align-items:start}
.service-copy{grid-column:1/6;padding-right:0;padding-top:clamp(16px,3vw,46px)}
.service-media-stack,.service-media-column{grid-column:6/13;min-width:0}
.service-reverse .service-copy{grid-column:8/13}.service-reverse .service-media-column{grid-column:1/7;grid-row:1}
.service-copy h2{font-weight:300;color:#aeb8bc;line-height:.98;margin-bottom:38px}
.service-copy h2 em{display:inline-block;font-style:normal;font-weight:750;color:#f4fbff;text-shadow:0 0 34px rgba(87,220,255,.09)}
.ecosystem-intro h2,.final-cta h2{font-weight:300;color:#aeb8bc}.ecosystem-intro h2 em,.final-cta h2 em{font-style:normal;font-weight:750;color:#f4fbff}
.service-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:520px}
.service-copy .service-detail{margin-top:14px;color:#718087!important;font-size:14px!important;line-height:1.7!important}
.service-copy .text-link{display:inline-flex;margin-top:38px}.service-button{margin-top:42px}
.service-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:42px}
.service-actions .service-button{margin-top:0;min-width:190px}
.button-disabled{pointer-events:none;opacity:.44;background:rgba(53,215,255,.08)!important;color:#7c9097!important;border-color:rgba(126,232,255,.15)!important;box-shadow:none!important}
.button-disabled small{margin-left:auto;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#4d646c}
.service-media-column{display:flex;flex-direction:column;gap:0}
.service-media-column>.anticheat-ui,.service-media-column>.bunker-ui{width:100%}
.service-media-stack{grid-template-columns:1.3fr .7fr;gap:18px}
.service-media-stack .media-points{grid-column:1/-1}
.media-points{margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-bottom:0}
.media-points li{min-height:92px;padding:24px 22px 20px 46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-start;line-height:1.5}
.media-points li:last-child{border-right:0}.media-points li:before{left:22px;top:30px}
.service-video,.service-media-column>.anticheat-ui,.service-media-column>.bunker-ui,.service-media-stack>.media-showcase,.broadcast-card{transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .7s;will-change:transform}
.service-media-column:hover>.service-video,.service-media-column:hover>.anticheat-ui,.service-media-column:hover>.bunker-ui,.service-media-stack:hover>.media-showcase{border-color:rgba(126,232,255,.3);box-shadow:0 42px 110px rgba(0,0,0,.35),0 0 60px rgba(53,215,255,.035)}

/* reveal choreography */
.reveal{opacity:0;transform:translateY(46px) scale(.992);filter:blur(7px);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter .85s ease}
.reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.service-copy.reveal{transform:translateX(-34px);}.service-copy.reveal.visible{transform:translateX(0)}
.service-reverse .service-copy.reveal{transform:translateX(34px)}.service-reverse .service-copy.reveal.visible{transform:translateX(0)}
.service-media-column.reveal,.service-media-stack.reveal{transform:translateY(64px) scale(.975)}.service-media-column.reveal.visible,.service-media-stack.reveal.visible{transform:translateY(0) scale(1)}
.product-grid .reveal:nth-child(2){transition-delay:.07s}.product-grid .reveal:nth-child(3){transition-delay:.14s}.product-grid .reveal:nth-child(4){transition-delay:.21s}.product-grid .reveal:nth-child(5){transition-delay:.28s}
.media-points li{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .7s cubic-bezier(.16,1,.3,1),background .3s}
.visible .media-points li{opacity:1;transform:none}.visible .media-points li:nth-child(2){transition-delay:.11s}.visible .media-points li:nth-child(3){transition-delay:.22s}
.media-points li:hover{background:rgba(53,215,255,.035)}
.section-index span:first-child{transition:letter-spacing .8s cubic-bezier(.16,1,.3,1)}.section-index.visible span:first-child{letter-spacing:.18em}
.media-showcase:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(126,232,255,.07) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1.25s cubic-bezier(.16,1,.3,1);pointer-events:none}.media-showcase.visible:after,.visible .media-showcase:after{transform:translateX(120%)}

@media(max-width:1100px){.service-media-stack{grid-template-columns:1fr}.media-points{grid-template-columns:1fr}.media-points li{min-height:66px;border-right:0}.service-media-stack .media-points{grid-column:auto}}
@media(max-width:900px){
  .service-section{padding-top:120px;padding-bottom:120px}.service-section .section-index{margin-bottom:62px}.service-layout{gap:52px}
  .service-copy,.service-media-stack,.service-media-column,.service-reverse .service-copy,.service-reverse .service-media-column{grid-column:1;grid-row:auto}.service-reverse .service-copy{order:1}.service-reverse .service-media-column{order:2}
  .service-copy{padding-top:0}.service-copy>p:not(.eyebrow){font-size:15px}.media-points{margin-top:16px}
  .service-copy.reveal,.service-reverse .service-copy.reveal{transform:translateY(34px)}.service-copy.reveal.visible,.service-reverse .service-copy.reveal.visible{transform:none}
}
@media(prefers-reduced-motion:reduce){.reveal,.service-copy.reveal,.service-media-column.reveal,.service-media-stack.reveal,.media-points li{opacity:1!important;transform:none!important;filter:none!important}}

/* v18 — production anti-cheat artwork */
.anticheat-visual{position:relative;width:100%;min-height:540px;margin:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(126,232,255,.12);background:radial-gradient(circle at 52% 48%,rgba(22,190,235,.085),transparent 45%),#030608}
.anticheat-visual:before{content:"ANTI-CHEAT / INSTALLATION";position:absolute;z-index:2;top:20px;left:22px;font:8px monospace;letter-spacing:.14em;color:#64757c}
.anticheat-visual:after{content:"CISPRACS SYSTEM";position:absolute;z-index:2;right:22px;bottom:20px;font:8px monospace;letter-spacing:.14em;color:#3f535b}
.anticheat-visual img{position:relative;z-index:1;display:block;width:min(92%,620px);height:auto;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(31,206,255,.10));transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s ease}
.anticheat-aura{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(43,216,255,.16),rgba(43,216,255,.025) 42%,transparent 72%);filter:blur(18px);animation:antiAura 5s ease-in-out infinite}
.service-media-column:hover .anticheat-visual img{transform:translateY(-6px) scale(1.018);filter:drop-shadow(0 42px 52px rgba(0,0,0,.62)) drop-shadow(0 0 36px rgba(31,206,255,.18))}
@keyframes antiAura{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:900px){.anticheat-visual{min-height:460px}.anticheat-visual img{width:min(88%,540px)}}
@media(max-width:560px){.anticheat-visual{min-height:360px}.anticheat-visual:before,.anticheat-visual:after{font-size:6px}.anticheat-visual img{width:96%}}
@media(prefers-reduced-motion:reduce){.anticheat-aura{animation:none}.anticheat-visual img{transition:none}}

/* v19 — stronger product signals on the opening screen */
.hero-product{border-color:rgba(88,220,255,.28);background:linear-gradient(155deg,rgba(8,49,65,.68),rgba(3,16,22,.46));box-shadow:inset 0 1px 0 rgba(211,250,255,.09),0 30px 90px rgba(0,0,0,.36),0 0 0 1px rgba(53,215,255,.025)}
.hero-product:before{content:"";position:absolute;width:148px;aspect-ratio:1;left:-30px;top:-37px;border-radius:50%;background:radial-gradient(circle,rgba(55,218,255,.18),rgba(55,218,255,.04) 46%,transparent 72%);filter:blur(3px);transition:opacity .35s,transform .45s;pointer-events:none}
.hero-product:after{content:"";position:absolute;left:25px;right:25px;top:102px;height:1px;background:linear-gradient(90deg,rgba(80,224,255,.58),transparent)}
.hero-product:hover:before{opacity:1;transform:scale(1.18)}
.hero-product-icon{width:76px;height:76px;color:#a3f1ff;filter:drop-shadow(0 0 20px rgba(53,215,255,.38))}
.hero-product-icon svg path,.hero-product-icon svg circle{stroke-width:2.8}
.hero-product .ac-icon{font-size:52px;font-weight:900;letter-spacing:-.12em;text-indent:-.12em}
.hero-product .bunker-icon{width:78px}
.hero-product .bunker-icon svg{width:72px;height:52px;filter:drop-shadow(0 0 18px rgba(53,215,255,.32))}
.hero-product strong{font-size:clamp(18px,1.45vw,25px);letter-spacing:-.045em}
.hero-product span{color:#8ca3ab}
@media(max-width:760px){.hero-product:after{left:14px;right:14px;top:73px}.hero-product-icon{width:48px;height:48px}.hero-product .ac-icon{font-size:34px}.hero-product .bunker-icon{width:50px}.hero-product .bunker-icon svg{width:46px;height:35px}}

/* v20 — restrained hero marks and uncropped product footage */
.hero-product{border-color:rgba(126,232,255,.17);background:linear-gradient(155deg,rgba(7,28,37,.76),rgba(3,12,17,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 64px rgba(0,0,0,.25)}
.hero-product:before,.hero-product:after{display:none}
.hero-product-icon{width:62px;height:62px;padding:13px;margin-bottom:auto;border:1px solid rgba(126,232,255,.22);border-radius:16px;background:rgba(66,205,240,.045);color:#a9edfa;filter:none}
.hero-product-icon svg{width:100%;height:100%}
.hero-product-icon svg path,.hero-product-icon svg circle{stroke-width:1.8}
.hero-product:hover .hero-product-icon{color:#d9faff;filter:none;transform:translateY(-2px);border-color:rgba(126,232,255,.42);background:rgba(66,205,240,.075)}
.hero-product .ac-icon{font-size:29px;font-weight:800;letter-spacing:-.08em;text-indent:-.08em}
.hero-product .bunker-icon{width:62px;padding:12px}
.hero-product .bunker-icon svg{width:100%;height:100%;filter:none}
.hero-product strong{font-size:clamp(17px,1.25vw,22px)}
.media-showcase video,.service-media-stack .media-showcase video,.service-video video{display:block;width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#020405}
.prize-badge{margin-left:auto;display:flex;align-items:baseline;gap:16px;font:600 clamp(15px,1.35vw,21px) var(--sans);letter-spacing:-.025em;color:#d9faff}
.prize-badge small{font:7px monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b8790}
@media(max-width:760px){.hero-product-icon{width:48px;height:48px;padding:10px;border-radius:13px}.hero-product .ac-icon{font-size:23px}.hero-product .bunker-icon{width:48px;padding:9px}.hero-product strong{font-size:14px}.prize-badge{width:100%;margin:12px 0 0;justify-content:space-between;font-size:17px}}

/* v21 — vertical page progress */
.scroll-progress{--scroll-progress:0;position:fixed;z-index:95;top:18vh;left:14px;width:1px;height:64vh;background:rgba(126,232,255,.12);pointer-events:none}
.scroll-progress-fill{position:absolute;inset:0;background:linear-gradient(180deg,#9af2ff 0%,#25cffa 100%);box-shadow:0 0 13px rgba(53,215,255,.62);transform:scaleY(var(--scroll-progress));transform-origin:top}
.scroll-progress-dot{position:absolute;top:calc(var(--scroll-progress) * 100%);left:50%;width:7px;height:7px;border:1px solid rgba(218,250,255,.9);border-radius:50%;background:#55dcff;box-shadow:0 0 0 4px rgba(53,215,255,.08),0 0 16px rgba(53,215,255,.9);transform:translate(-50%,-50%)}
@media(max-width:760px){.scroll-progress{top:14vh;left:5px;height:72vh}.scroll-progress-dot{width:5px;height:5px;box-shadow:0 0 0 3px rgba(53,215,255,.07),0 0 10px rgba(53,215,255,.8)}}
@media(prefers-reduced-motion:reduce){.scroll-progress-fill,.scroll-progress-dot{transition:none}}

/* v22 — high-contrast cyber actions */
.button{position:relative;border:0;color:#021017;background:linear-gradient(105deg,#72e9ff 0%,#22cdf5 100%);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:0 12px 38px rgba(18,193,233,.2);font-weight:750;overflow:hidden;isolation:isolate}
.button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#c0f7ff 0%,#59ddfb 100%);transform:translateX(-102%);transition:transform .38s cubic-bezier(.16,1,.3,1)}
.button:after{content:"";position:absolute;right:5px;top:5px;width:7px;height:1px;background:rgba(2,16,23,.52);transform:rotate(45deg);transform-origin:right center}
.button:hover{color:#021017;border-color:transparent;background:linear-gradient(105deg,#72e9ff 0%,#22cdf5 100%);box-shadow:0 16px 48px rgba(18,193,233,.32);transform:translateY(-2px)}
.button:hover:before{transform:translateX(0)}
.button:active{transform:translateY(0);box-shadow:0 8px 24px rgba(18,193,233,.2)}
.button:focus-visible{outline:2px solid #d5faff;outline-offset:4px}
.button span,.button-main span{color:#021017;font-weight:800}
.button-small{min-width:92px;letter-spacing:.02em}
.button-main{min-width:230px;height:58px;padding:0 24px 0 28px;justify-content:space-between;gap:34px;font-size:10px;box-shadow:0 18px 55px rgba(18,193,233,.2)}
.service-copy .button-main{display:inline-flex;margin-top:38px}
@media(max-width:760px){.button-main{min-width:210px;height:54px}.button-small{min-width:78px}.service-copy .button-main{margin-top:30px}}

/* v23 — calmer page margins, cyber frame and compact ecosystem film */
.site-frame{position:fixed;z-index:94;inset:12px;border:1px solid rgba(53,215,255,.34);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 0 24px rgba(53,215,255,.025),0 0 18px rgba(53,215,255,.045);pointer-events:none}
@media(min-width:901px){.section-shell{width:min(calc(100% - 112px),var(--max))}.site-header{padding-left:max(56px,calc((100vw - var(--max))/2));padding-right:max(56px,calc((100vw - var(--max))/2))}}
#ecosystem .ecosystem-video{width:min(760px,64%)!important;margin:62px auto 0!important}
@media(max-width:900px){#ecosystem .ecosystem-video{width:min(680px,86%)!important;margin:50px auto 0!important}}
@media(max-width:560px){.site-frame{inset:5px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border-color:rgba(53,215,255,.25)}#ecosystem .ecosystem-video{width:100%!important;margin-top:38px!important}}

/* v24 — official CISPRACS wordmark */
.hero-header .brand-mini{width:auto;height:auto;border:0;display:block;line-height:0}
.hero-header .brand-mini img{display:block;width:148px;height:auto}
@media(max-width:760px){.hero-header .brand-mini img{width:120px}}

/* v25 — interactive Wave Arcs hero */
.hero.section-shell{width:100%;max-width:none;margin:0}
.hero-wave{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-stage-art{background:transparent}
.hero-stage-art .hero-frame,.hero-stage-art .orbit,.hero-stage-art .orbit-dot{display:none}
.hero-copy{top:18vh}
@media(max-width:1100px){.hero-copy{top:17vh}}
@media(max-width:900px){.hero-copy{top:140px}}
@media(max-width:560px){.hero-copy{top:125px}}

/* v26 — platform metrics ticker */
.ticker{position:relative;z-index:4;width:100%;height:68px;background:rgba(3,6,8,.98);border-color:rgba(126,232,255,.14)}
.ticker-track{gap:0;animation-duration:30s;will-change:transform;color:#7e898f;font-size:10px;font-weight:600;letter-spacing:.21em;text-transform:uppercase}
.ticker-group{display:flex;flex:none;align-items:center}
.ticker-group span{display:block;padding:0 34px;white-space:nowrap}
.ticker-group i{display:block;margin:0 8px;color:#53ddff;font-size:6px;text-shadow:0 0 10px rgba(53,215,255,.75)}
@media(max-width:760px){.ticker{height:56px}.ticker-track{font-size:8px;letter-spacing:.17em;animation-duration:24s}.ticker-group span{padding:0 22px}.ticker-group i{margin:0 5px}}

/* v27 — ecosystem story: film, statement, five-step rhythm */
#ecosystem{padding-top:118px;padding-bottom:118px}
#ecosystem .ecosystem-video{width:min(900px,74%)!important;margin:0 auto!important}
#ecosystem .ecosystem-intro{margin-top:66px}
.team-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin-top:62px;border-top:1px solid rgba(126,232,255,.16);border-bottom:1px solid rgba(126,232,255,.16)}
.team-flow-step{position:relative;min-height:220px;padding:28px 30px 34px;border-right:1px solid rgba(126,232,255,.12);display:flex;flex-direction:column;justify-content:space-between}
.team-flow-step:last-child{border-right:0}
.team-flow-step span{font:8px monospace;letter-spacing:.16em;color:#44dfff}
.team-flow-step strong{font-size:clamp(20px,1.75vw,28px);font-weight:650;line-height:1.03;letter-spacing:-.045em}
.team-flow-step i{position:absolute;right:-18px;top:50%;z-index:2;width:36px;height:36px;border:1px solid rgba(53,215,255,.55);border-radius:50%;display:grid;place-items:center;background:#050708;color:#54e1ff;font:normal 15px monospace;transform:translateY(-50%);box-shadow:0 0 20px rgba(53,215,255,.08)}
@media(max-width:900px){#ecosystem{padding-top:86px;padding-bottom:86px}#ecosystem .ecosystem-video{width:min(760px,90%)!important}#ecosystem .ecosystem-intro{margin-top:52px}.team-flow{grid-template-columns:1fr;margin-top:46px}.team-flow-step{min-height:118px;border-right:0;border-bottom:1px solid rgba(126,232,255,.12);padding:22px 24px;display:grid;grid-template-columns:48px 1fr;align-items:center}.team-flow-step:last-child{border-bottom:0}.team-flow-step strong{font-size:23px}.team-flow-step i{right:auto;left:50%;top:auto;bottom:-15px;width:30px;height:30px;transform:translateX(-50%) rotate(90deg)}}
@media(max-width:560px){#ecosystem{padding-top:72px;padding-bottom:72px}#ecosystem .ecosystem-video{width:100%!important}#ecosystem .ecosystem-intro{margin-top:44px}.team-flow{margin-top:38px}.team-flow-step{padding:20px 18px}}

/* Figma capture mode — export the complete long page, not pre-reveal states */
.figma-capture .reveal,.figma-capture .service-copy.reveal,.figma-capture .service-media-column.reveal,.figma-capture .service-media-stack.reveal,.figma-capture .media-points li{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
.figma-capture .hero-copy.reveal{transform:translateX(-50%)!important}
.figma-capture .site-header{position:absolute}
.figma-capture .site-frame{position:absolute;height:calc(100% - 24px)}
.figma-capture .scroll-progress,.figma-capture .cursor-glow{display:none}
.figma-capture .ticker-track{animation:none!important;transform:translateX(0)!important}
.figma-capture *{animation-play-state:paused!important}

/* v28 — fluid large-screen layout (1600–2560+) */
@media (min-width:1600px){
  :root{--max:2080px}

  .section-shell{
    width:min(calc(100% - clamp(128px,10vw,256px)),var(--max));
  }
  .site-header{
    padding-left:max(clamp(64px,5vw,128px),calc((100vw - var(--max))/2));
    padding-right:max(clamp(64px,5vw,128px),calc((100vw - var(--max))/2));
  }

  .hero-copy{
    width:min(1500px,calc(100% - clamp(128px,10vw,256px)));
    top:clamp(155px,17vh,230px);
  }
  .hero h1{
    max-width:1500px;
    font-size:clamp(84px,4.55vw,112px);
  }
  .hero-sub{
    max-width:880px;
    font-size:clamp(17px,1vw,21px);
  }
  .hero-products{width:min(1840px,92vw)}
  .hero-product{
    width:clamp(205px,12vw,270px);
    height:clamp(205px,20vh,260px);
    padding:clamp(24px,1.7vw,34px);
  }
  .hero-product-icon{width:clamp(62px,3.8vw,78px);height:clamp(62px,3.8vw,78px)}
  .hero-product strong{font-size:clamp(21px,1.25vw,28px)}
  .hero-product span{font-size:9px}

  .section{padding-top:clamp(150px,9vw,220px);padding-bottom:clamp(150px,9vw,220px)}
  .service-section{padding-top:clamp(170px,10vw,245px);padding-bottom:clamp(170px,10vw,245px)}
  .service-layout{column-gap:clamp(48px,4vw,96px)}
  .service-copy h2{font-size:clamp(72px,4vw,94px)}
  .service-copy>p:not(.eyebrow){max-width:620px;font-size:clamp(17px,.95vw,21px)}
  .media-points li{font-size:clamp(13px,.75vw,16px)}

  #ecosystem{padding-top:clamp(128px,7vw,180px);padding-bottom:clamp(128px,7vw,180px)}
  #ecosystem .ecosystem-video{width:min(1120px,68%)!important}
  .ecosystem-intro{max-width:1240px}
  .ecosystem-intro h2{font-size:clamp(76px,4.5vw,108px)}
  .ecosystem-intro>p:last-child{max-width:800px;font-size:clamp(17px,.95vw,21px)}
  .team-flow-step{min-height:clamp(220px,12vw,290px);padding:clamp(30px,2vw,44px)}
  .team-flow-step strong{font-size:clamp(26px,1.55vw,36px)}

  .service-media-column,.service-media-stack{min-width:0}
  .service-media-column>.anticheat-visual{min-height:clamp(540px,31vw,700px)}
  .final-cta h2{font-size:clamp(104px,6vw,148px)}
  .footer{font-size:clamp(12px,.7vw,15px)}
}

@media (min-width:2200px){
  .hero-products{width:min(1960px,88vw)}
  .hero-product{width:280px}
  .hero-copy{top:clamp(170px,17vh,250px)}
  .hero h1{font-size:clamp(96px,4.25vw,108px)}
}

/* v29 — opening screen matched to the edited Figma frame 28:536 */
.hero{
  height:100svh;
  min-height:790px;
  background:#020405;
}
.hero-copy{
  top:clamp(170px,18.2vh,220px);
  width:min(1240px,calc(100% - 80px));
}
.hero h1{
  max-width:1240px;
  margin:0 auto;
  color:#f2f5f2;
  font-size:clamp(66px,4.88vw,94px);
  font-weight:650;
  line-height:.965;
  letter-spacing:-.052em;
}
.hero h1 em{
  color:#44dfff;
  font-style:italic;
  font-weight:800;
}
.hero-wave{opacity:.16}
.hero-sub{
  max-width:718px;
  margin-top:42px;
  font-size:clamp(15px,.96vw,18.5px);
  line-height:1.47;
  color:#9aa3a7;
}
.hero-stage{
  bottom:0;
  height:47%;
  overflow:visible;
}
.hero-stage:before{display:none}
.hero-products{
  position:absolute;
  inset:auto 0 clamp(165px,18vh,205px);
  width:min(1450px,calc(100% - 180px));
  height:112px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  pointer-events:auto;
}
.hero-product,
.product-tournaments,.product-pracs,.product-bunker,.product-recon,.product-anticheat{
  position:relative;
  inset:auto;
  width:auto;
  min-width:0;
  height:112px;
  padding:13px 34px 10px;
  border:0;
  border-right:1px solid rgba(126,232,255,.18);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:24px 1fr;
  column-gap:15px;
  align-items:center;
  overflow:visible;
  transform:none;
  transition:background .3s,color .3s;
}
.hero-product:last-child{border-right:0}
.hero-product:before,.hero-product:after{display:none}
.hero-product:hover,.product-bunker:hover{
  transform:none;
  border-color:rgba(126,232,255,.18);
  background:rgba(53,215,255,.035);
}
.hero-product span{
  grid-column:1/-1;
  grid-row:1;
  margin:0;
  color:#7e898f;
  font:500 clamp(9px,.68vw,13px)/1 Inter,Arial,sans-serif;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.hero-product strong{
  grid-column:2;
  grid-row:2;
  font-size:clamp(20px,1.65vw,32px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.025em;
}
.hero-product-icon,
.hero-product .bunker-icon{
  grid-column:1;
  grid-row:2;
  position:relative;
  width:30px;
  height:30px;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:none;
  color:#44dfff;
  filter:none;
}
.hero-product-icon img{display:block;width:100%;height:100%;object-fit:contain}
.hero-product-icon.icon-stack img{position:absolute;inset:0}
.hero-product:hover .hero-product-icon{transform:none;filter:drop-shadow(0 0 9px rgba(68,223,255,.35));background:none;border:0}
.hero-foot{
  left:46px;
  right:auto;
  bottom:calc(50% - 20px);
  display:block;
  padding:0;
  font-size:8px;
  color:#5f6862;
}
.hero-header .button-small{min-width:123px;border-radius:40px;clip-path:none}

@media(min-width:1600px){
  .hero-copy{top:clamp(175px,18.2vh,235px);width:min(1440px,calc(100% - 160px))}
  .hero h1{max-width:1440px;font-size:clamp(88px,4.88vw,112px)}
  .hero-products{width:min(1740px,calc(100% - 220px))}
}
@media(max-width:1100px){
  .hero-copy{top:150px;width:calc(100% - 56px)}
  .hero h1{font-size:clamp(55px,7.3vw,76px)}
  .hero-products{width:calc(100% - 56px);bottom:74px}
  .hero-product{padding-left:18px;padding-right:18px;grid-template-columns:30px 1fr;column-gap:10px}
  .hero-product strong{font-size:clamp(17px,2vw,23px)}
  .hero-product span{font-size:8px}
  .hero-product-icon{width:25px;height:25px}
}
@media(max-width:760px){
  .hero{height:900px;min-height:900px;padding-top:76px}
  .hero-copy{top:120px;width:calc(100% - 32px)}
  .hero h1{font-size:clamp(39px,10.5vw,54px);line-height:.98}
  .hero-sub{margin-top:26px;font-size:12px;max-width:350px}
  .hero-stage{height:auto;inset:360px 0 0}
  .hero-products{inset:0 16px 0;width:auto;height:auto;display:grid;grid-template-columns:1fr 1fr;align-content:end}
  .hero-product{height:98px;border-right:1px solid rgba(126,232,255,.16);border-bottom:1px solid rgba(126,232,255,.16);padding:15px;grid-template-columns:28px 1fr;grid-template-rows:20px 1fr}
  .hero-product:nth-child(2n){border-right:0}.hero-product:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
  .hero-product strong{font-size:18px}.hero-product span{font-size:7px}.hero-product-icon{width:24px;height:24px}
  .hero-foot{display:none}
}

/* v30 final cascade — scale the full experience on 2K/3K displays */
@media(min-width:2200px){
  :root{--max:2320px}
  .section-shell{width:min(calc(100% - clamp(190px,8.5vw,300px)),var(--max))}
  .site-header{height:clamp(104px,5vw,128px);padding-left:max(clamp(96px,4.25vw,150px),calc((100vw - var(--max))/2));padding-right:max(clamp(96px,4.25vw,150px),calc((100vw - var(--max))/2))}
  .hero-header .brand-mini img{width:clamp(170px,7.2vw,210px)}
  .hero-header .nav a,.hero-header .header-link{font-size:clamp(12px,.58vw,16px)}
  .hero-header .button-small{min-width:clamp(138px,6vw,174px);height:clamp(40px,2vw,52px);font-size:clamp(12px,.58vw,16px)}
  .hero{min-height:clamp(980px,56vw,1440px)}
  .hero-copy{top:clamp(220px,17.5vh,300px);width:min(1840px,calc(100% - 240px))}
  .hero h1{max-width:1840px;font-size:clamp(112px,4.8vw,142px)}
  .hero-sub{max-width:960px;margin-top:clamp(46px,2.2vw,66px);font-size:clamp(20px,.88vw,25px)}
  .hero-products{width:min(2160px,calc(100% - 260px));height:clamp(136px,6.2vw,176px);bottom:clamp(220px,18vh,280px)}
  .hero-product,.product-tournaments,.product-pracs,.product-bunker,.product-recon,.product-anticheat{height:100%;padding:clamp(18px,1vw,28px) clamp(38px,1.8vw,54px);grid-template-columns:clamp(36px,1.7vw,48px) 1fr;grid-template-rows:clamp(28px,1.3vw,38px) 1fr;column-gap:clamp(16px,.8vw,24px)}
  .hero-product span{font-size:clamp(13px,.57vw,17px)}
  .hero-product strong{font-size:clamp(32px,1.45vw,42px)}
  .hero-product-icon,.hero-product .bunker-icon{width:clamp(34px,1.55vw,45px);height:clamp(34px,1.55vw,45px)}
  .hero-foot{left:clamp(64px,3vw,90px);font-size:10px}
  .ticker{height:clamp(72px,3.6vw,96px)}
  .ticker-track{font-size:clamp(11px,.5vw,15px)}
  .section-index{font-size:clamp(10px,.45vw,13px)}
  #ecosystem .ecosystem-video{width:min(1320px,66%)!important}
  .ecosystem-intro h2{font-size:clamp(100px,4.2vw,126px)}
  .ecosystem-intro>p:last-child{font-size:clamp(20px,.85vw,25px)}
  .team-flow-step{min-height:clamp(285px,12vw,350px)}
  .team-flow-step strong{font-size:clamp(34px,1.45vw,42px)}
  .service-layout{column-gap:clamp(90px,4vw,120px)}
  .service-copy h2{font-size:clamp(92px,3.9vw,116px)}
  .service-copy>p:not(.eyebrow){max-width:720px;font-size:clamp(20px,.86vw,25px)}
  .service-points li,.media-points li{font-size:clamp(15px,.65vw,19px)}
  .media-meta{height:44px;font-size:9px}
  .service-copy .button-main{min-width:270px;height:66px;font-size:12px}
  .final-cta h2{font-size:clamp(132px,5.6vw,168px)}
  .footer strong{font-size:clamp(24px,1vw,30px)}
  .footer p,.footer>span,.footer-links{font-size:clamp(13px,.55vw,16px)}
}

/* v31 — tournament footage gets the full media column */
#tournaments .service-media-stack{grid-template-columns:1fr}
#tournaments .service-media-stack>.media-showcase{grid-column:1;width:100%!important}
#tournaments .service-media-stack>.media-points{grid-column:1}

/* v32 — more air in Cyrillic display typography */
.hero h1{letter-spacing:-.022em}
.ecosystem-intro h2,
.service-copy h2,
.section-heading h2,
.split-head h2,
.duel-copy h2,
.final-cta h2{letter-spacing:-.025em}
.team-flow-step strong{letter-spacing:-.018em}
.hero-product strong{letter-spacing:-.012em}
.prize{letter-spacing:-.035em}
@media(max-width:760px){
  .hero h1{letter-spacing:-.018em}
  .ecosystem-intro h2,.service-copy h2,.final-cta h2{letter-spacing:-.02em}
}

/* v33 — cinematic targeting field inspired by the reference, in CISPRACS blue */
.hero{isolation:isolate;background:#020507}
.hero:before{
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:104px 0 0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.96%,rgba(93,227,255,.075) 50%,transparent 50.04%),
    linear-gradient(transparent 55.96%,rgba(93,227,255,.07) 56%,transparent 56.04%),
    linear-gradient(180deg,#020507 0%,#020507 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 100%);
}
.hero:after{
  display:none;
}
.hero-wave{display:none}
.hero-copy,.hero-stage,.hero-foot{z-index:3}
.hero-stage-art{
  z-index:0;
  background:transparent;
}
.hero-stage-art:before,.hero-stage-art:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#54ddff;
  box-shadow:none;
  opacity:.42;
  animation:signalPulse 4.5s ease-in-out infinite;
}
.hero-stage-art:before{left:23%;top:42%}
.hero-stage-art:after{right:19%;top:19%;animation-delay:-2.1s}
@keyframes signalPulse{
  0%,100%{opacity:.2;transform:scale(.82)}
  50%{opacity:.5;transform:scale(1)}
}
@media(max-width:760px){
  .hero:before{inset:76px 0 0;background-position:center;background-size:auto}
  .hero-stage-art:before{left:12%;top:44%}.hero-stage-art:after{right:9%;top:24%}
}
@media(prefers-reduced-motion:reduce){.hero-stage-art:before,.hero-stage-art:after{animation:none}}

/* v34 — official CISPRACS mark in header and footer */
.footer-brand a{display:inline-block;line-height:0}
.footer-brand-logos{display:flex;align-items:center;gap:clamp(16px,1.5vw,28px)}
.footer-brand-logos>i{width:1px;height:34px;background:linear-gradient(to bottom,transparent,rgba(126,232,255,.34),transparent)}
.footer-brand img{display:block;height:auto}
.footer-logo-cispracs img{width:clamp(150px,10vw,210px)}
.footer-logo-kibertochka img{width:clamp(40px,2.8vw,52px);aspect-ratio:1;object-fit:contain;opacity:.9;transition:opacity .3s,filter .3s,transform .3s}
.footer-logo-kibertochka:hover img{opacity:1;filter:drop-shadow(0 0 12px rgba(53,215,255,.14))}
@media(max-width:560px){.footer-brand-logos{gap:13px}.footer-brand-logos>i{height:27px}.footer-logo-cispracs img{width:126px}.footer-logo-kibertochka img{width:40px}}

/* v35 — quiet kinetic grid, adapted from the supplied Originkit reference */
.site-kinetic{
  position:fixed;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.62;
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 92%,transparent 100%);
}
main,.footer{position:relative;z-index:1}
.hero{background:rgba(2,5,7,.82)}
.noise{opacity:.035}
@media(max-width:760px){.site-kinetic{opacity:.42}}
@media(prefers-reduced-motion:reduce){.site-kinetic{opacity:.34}}

/* v36 — let the site-wide grid read clearly through the hero */
.hero{background:transparent}
.hero:before{
  background:
    linear-gradient(90deg,transparent 49.96%,rgba(93,227,255,.07) 50%,transparent 50.04%),
    linear-gradient(transparent 55.96%,rgba(93,227,255,.065) 56%,transparent 56.04%),
    linear-gradient(180deg,rgba(2,5,7,.015),rgba(2,5,7,.06));
}

/* v37 — tabbed platform footage */
.ecosystem-tabs{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:1fr 1fr;
  width:min(900px,74%);
  margin:0 auto -1px;
  border:1px solid rgba(126,232,255,.16);
  background:rgba(2,5,7,.72);
}
.ecosystem-tab{
  position:relative;
  min-height:54px;
  padding:0 24px;
  border:0;
  border-right:1px solid rgba(126,232,255,.14);
  background:transparent;
  color:#75858c;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.06em;
  text-align:left;
  cursor:pointer;
  transition:color .28s ease,background .28s ease;
}
.ecosystem-tab:last-child{border-right:0}
.ecosystem-tab:hover{color:#d8f8ff;background:rgba(53,215,255,.035)}
.ecosystem-tab.is-active{color:#051014;background:#35d7ff;box-shadow:inset 0 -2px 0 #bdf6ff}
.ecosystem-tab:focus-visible{outline:1px solid #9af2ff;outline-offset:3px;z-index:1}
.ecosystem-video video,.recon-video video{transition:opacity .24s ease}
.ecosystem-video.is-switching video,.recon-video.is-switching video{opacity:0}
.media-tabs{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 0 -1px;border:1px solid rgba(126,232,255,.16);background:rgba(2,5,7,.82)}
.media-tab{min-height:54px;padding:0 18px;border:0;border-right:1px solid rgba(126,232,255,.14);background:transparent;color:#75858c;font:700 10px/1.25 Montserrat,Arial,sans-serif;letter-spacing:.045em;text-align:center;cursor:pointer;transition:color .28s ease,background .28s ease}
.media-tab:last-child{border-right:0}.media-tab:hover{color:#d8f8ff;background:rgba(53,215,255,.035)}
.media-tab.is-active{color:#051014;background:#35d7ff;box-shadow:inset 0 -2px 0 #bdf6ff}.media-tab:focus-visible{outline:1px solid #9af2ff;outline-offset:3px;z-index:1}
@media(min-width:2400px){.ecosystem-tabs{width:min(1320px,66%)}}
@media(max-width:900px){.ecosystem-tabs{width:min(760px,90%)}.ecosystem-tab{padding:0 18px;font-size:10px!important}}
@media(max-width:560px){.ecosystem-tabs{width:100%;margin-bottom:-1px}.ecosystem-tab{min-height:50px;padding:0 12px;font-size:9px!important;line-height:1.25}.media-tab{min-height:52px;padding:0 7px;font-size:8px}.service-actions{display:grid;grid-template-columns:1fr}.service-actions .service-button{width:100%}}

/* v38 — rare site-wide cyan signal glitch */
.site-glitch-line{position:fixed;z-index:93;left:12px;right:12px;top:-20px;height:2px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0,rgba(53,215,255,.18) 15%,#7ee8ff 48%,rgba(53,215,255,.22) 78%,transparent 100%);box-shadow:0 0 12px rgba(53,215,255,.55);mix-blend-mode:screen}
.glitch-active .site-glitch-line{animation:siteGlitchScan .52s steps(2,end)}
.glitch-hit{position:relative;z-index:2;will-change:transform,filter,clip-path;animation:glitchSignalSoft .39s steps(2,end)!important}
.glitch-hit.glitch-strong{animation-name:glitchSignalStrong!important;animation-duration:.56s!important}
.glitch-hit:is(h1,h2){text-shadow:-2px 0 rgba(53,215,255,.72),2px 0 rgba(188,246,255,.22),0 0 22px rgba(53,215,255,.16)}
.glitch-hit:is(.media-showcase,.anticheat-visual,.product-card,.hero-product){box-shadow:-4px 0 0 rgba(53,215,255,.2),4px 0 0 rgba(126,232,255,.08),0 0 26px rgba(53,215,255,.08)!important}
.glitch-hit.glitch-phase-two{filter:brightness(1.12) contrast(1.06) saturate(1.08)}
@keyframes glitchSignalSoft{0%,100%{transform:translate(0);clip-path:inset(0)}24%{transform:translate(-2px,1px);clip-path:inset(18% 0 57% 0)}46%{transform:translate(2px,-1px);clip-path:inset(64% 0 12% 0)}68%{transform:translate(-1px,0);clip-path:inset(37% 0 38% 0)}82%{transform:translate(1px);clip-path:inset(0)}}
@keyframes glitchSignalStrong{0%,100%{transform:translate(0);clip-path:inset(0)}14%{transform:translate(-5px,1px);clip-path:inset(9% 0 70% 0)}28%{transform:translate(4px,-2px);clip-path:inset(62% 0 15% 0)}43%{transform:translate(-3px,0);clip-path:inset(31% 0 42% 0)}58%{transform:translate(3px,1px);clip-path:inset(76% 0 5% 0)}72%{transform:translate(-1px);clip-path:inset(45% 0 31% 0)}86%{transform:translate(1px);clip-path:inset(0)}}
@keyframes siteGlitchScan{0%{top:14%;opacity:0}18%{opacity:.72}45%{top:46%;opacity:.32}72%{top:78%;opacity:.58}100%{top:91%;opacity:0}}
@media(max-width:760px){.site-glitch-line{left:5px;right:5px}.glitch-hit.glitch-strong{animation-duration:.42s!important}}
@media(prefers-reduced-motion:reduce){.site-glitch-line{display:none}.glitch-hit{animation:none!important;text-shadow:inherit!important;box-shadow:inherit!important;filter:none!important}}

/* v39 — rotating accent in the opening statement */
.hero-title-lead,.hero-title-line{display:block}
.hero-title-line{display:flex;justify-content:center;align-items:baseline;column-gap:.34em;white-space:nowrap}
.hero-accent-slot{display:inline-grid;flex:0 0 5.72em;width:5.72em;margin:0;text-align:right;vertical-align:baseline;overflow:visible}
.hero-accent-word{position:relative;display:block;grid-area:1/1;color:#44dfff;font-style:italic;font-weight:800;transform-origin:50% 70%;text-shadow:-2px 0 rgba(53,215,255,.22),0 0 30px rgba(53,215,255,.12)}
.hero-accent-word:before,.hero-accent-word:after{content:attr(data-text);position:absolute;inset:0;display:block;opacity:0;pointer-events:none}
.hero-accent-word:before{color:#bff7ff;text-shadow:-5px 0 #20ccef;clip-path:inset(8% 0 58%)}
.hero-accent-word:after{color:#39d9ff;text-shadow:5px 0 rgba(201,248,255,.7);clip-path:inset(62% 0 9%)}
.hero-accent-word.is-glitching{animation:heroGlitchCore .56s steps(2,end)}
.hero-accent-word.is-glitching:before{animation:heroGlitchTop .56s steps(2,end)}
.hero-accent-word.is-glitching:after{animation:heroGlitchBottom .56s steps(2,end)}
@keyframes heroGlitchCore{0%,100%{opacity:1;transform:translate(0);filter:none}12%{transform:translate(-5px,1px);clip-path:inset(6% 0 68%)}25%{transform:translate(4px,-1px);clip-path:inset(57% 0 14%)}38%{opacity:.35;transform:translate(-2px);clip-path:inset(34% 0 39%)}51%{opacity:1;transform:translate(5px);clip-path:inset(72% 0 4%)}68%{transform:translate(-3px);clip-path:inset(19% 0 53%)}84%{transform:translate(1px);clip-path:inset(0)}}
@keyframes heroGlitchTop{0%,100%{opacity:0;transform:translateX(0)}10%,30%,54%{opacity:.9;transform:translateX(7px)}20%,42%,68%{opacity:.45;transform:translateX(-6px)}80%{opacity:0}}
@keyframes heroGlitchBottom{0%,100%{opacity:0;transform:translateX(0)}14%,36%,58%{opacity:.82;transform:translateX(-8px)}24%,48%,72%{opacity:.38;transform:translateX(6px)}84%{opacity:0}}
@media(max-width:760px){.hero-title-line{flex-wrap:wrap;column-gap:0;white-space:normal}.hero-accent-slot{flex:0 0 100%;width:100%;margin:0;text-align:center}.hero-title-line>span:last-child{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.hero-accent-word{transition:none;animation:none!important}}

/* v40 — header action uses the same cyber cut as section CTAs */
.hero-header .button-small{min-width:clamp(132px,6vw,174px);height:clamp(40px,2vw,52px);padding:0 14px 0 18px;justify-content:space-between;gap:14px;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);font-size:clamp(10px,.58vw,16px);font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.hero-header .button-small span{font-size:15px;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.hero-header .button-small:hover span{transform:translate(2px,-2px)}
@media(max-width:760px){.hero-header .button-small{min-width:112px;height:36px;padding:0 11px 0 14px;gap:9px;font-size:9px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.hero-header .button-small span{font-size:13px}}

/* v41 — product cards gain a precise cyan hover contour */
.hero-product{transition:background .3s,color .3s,box-shadow .32s ease}
.hero-product:hover,.hero-product:focus-visible{z-index:3;outline:0;border-color:rgba(126,232,255,.18);background:linear-gradient(145deg,rgba(53,215,255,.075),rgba(53,215,255,.014));box-shadow:0 0 28px rgba(53,215,255,.1)}
.hero-product:hover:before,.hero-product:focus-visible:before{content:"";display:block;position:absolute;z-index:4;inset:0;width:auto;height:auto;aspect-ratio:auto;border-radius:0;opacity:1;filter:none;transform:none;pointer-events:none;background:linear-gradient(#44dfff,#44dfff) left top/23px 1px no-repeat,linear-gradient(#44dfff,#44dfff) left top/1px 23px no-repeat,linear-gradient(#44dfff,#44dfff) right top/23px 1px no-repeat,linear-gradient(#44dfff,#44dfff) right top/1px 23px no-repeat,linear-gradient(#44dfff,#44dfff) left bottom/23px 1px no-repeat,linear-gradient(#44dfff,#44dfff) left bottom/1px 23px no-repeat,linear-gradient(#44dfff,#44dfff) right bottom/23px 1px no-repeat,linear-gradient(#44dfff,#44dfff) right bottom/1px 23px no-repeat;animation:cardCornersIn .3s cubic-bezier(.16,1,.3,1)}
.hero-product:hover span,.hero-product:focus-visible span{color:#a9bbc2}
.hero-product:hover strong,.hero-product:focus-visible strong{color:#f5fdff;text-shadow:0 0 18px rgba(68,223,255,.12)}
.hero-product:focus-visible{box-shadow:0 0 30px rgba(53,215,255,.16)}
@keyframes cardCornersIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* v42 — hash navigation never lands on an unrevealed black section */
section:target .reveal{opacity:1;transform:none;filter:none}

/* v43 — staggered glitch-word accents in selected service headings */
.section-glitch-word{position:relative;display:inline-block;white-space:nowrap;transform-origin:50% 70%;will-change:transform,filter}
.section-glitch-word:before,.section-glitch-word:after{content:attr(data-text);position:absolute;inset:0;display:block;opacity:0;pointer-events:none}
.section-glitch-word:before{color:#c7f8ff;text-shadow:-5px 0 #20ccef;clip-path:inset(8% 0 58%)}
.section-glitch-word:after{color:#39d9ff;text-shadow:5px 0 rgba(201,248,255,.72);clip-path:inset(62% 0 9%)}
.section-glitch-word.is-glitching{animation:heroGlitchCore .56s steps(2,end)}
.section-glitch-word.is-glitching:before{animation:heroGlitchTop .56s steps(2,end)}
.section-glitch-word.is-glitching:after{animation:heroGlitchBottom .56s steps(2,end)}
@media(prefers-reduced-motion:reduce){.section-glitch-word{animation:none!important}.section-glitch-word:before,.section-glitch-word:after{display:none}}

/* v44 — responsive hardening and accessible mobile navigation */
html,body{max-width:100%;overflow-x:clip}
.service-copy{min-width:0}
.menu-toggle,.mobile-menu{display:none}

@media(max-width:1100px){
  .hero-header .nav{display:none}
  .hero-header .brand-mini{grid-column:2;justify-self:center}
  .hero-header .header-actions{grid-column:3;justify-self:end}
  .menu-toggle{position:absolute;left:20px;top:50%;z-index:2;width:42px;height:42px;padding:0;border:1px solid rgba(126,232,255,.2);background:rgba(5,12,16,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:translateY(-50%);cursor:pointer;color:inherit}
  .menu-toggle span{display:block;width:17px;height:1px;background:#9ceeff;box-shadow:0 0 8px rgba(53,215,255,.32);transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s,opacity .2s}
  .menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-menu{position:fixed;z-index:48;inset:104px 6px 6px;display:flex;flex-direction:column;padding:clamp(28px,5vw,54px);background:rgba(2,6,8,.98);border:1px solid rgba(68,223,255,.3);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .28s,visibility .28s,transform .4s cubic-bezier(.16,1,.3,1);overflow:auto}
  .menu-open .mobile-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .mobile-menu-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(126,232,255,.16)}
  .mobile-menu-links a{min-height:clamp(74px,11vh,108px);padding:18px 20px;display:flex;align-items:flex-end;gap:14px;border-right:1px solid rgba(126,232,255,.12);border-bottom:1px solid rgba(126,232,255,.12);color:#f2f8fa;transition:background .25s,color .25s}
  .mobile-menu-links a:nth-child(2n){border-right:0}
  .mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{background:rgba(53,215,255,.06);color:#6be5ff;outline:0}
  .mobile-menu-links small{align-self:flex-start;font:8px monospace;letter-spacing:.14em;color:#44dfff}
  .mobile-menu-links span{font-size:clamp(22px,3.2vw,34px);font-weight:650;letter-spacing:-.02em}
  .mobile-menu-platform{min-height:64px;margin-top:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#44dfff;color:#021017;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
  .mobile-menu-platform b{font-size:18px}
  body.menu-open{overflow:hidden}

  .service-layout{grid-template-columns:1fr;gap:52px}
  .service-copy,.service-media-stack,.service-media-column,.service-reverse .service-copy,.service-reverse .service-media-column{grid-column:1;grid-row:auto;padding-right:0}
  .service-reverse .service-copy{order:1}.service-reverse .service-media-column{order:2}
  .service-copy{padding-top:0}
  .hero h1{font-size:clamp(50px,6.7vw,70px)}
}

@media(max-width:760px){
  .hero-header{padding-left:12px;padding-right:12px}
  .menu-toggle{left:12px;width:38px;height:36px}
  .hero-header .brand-mini img{width:108px}
  .hero-header .button-small{min-width:96px;width:96px;height:36px;padding:0 9px 0 11px;font-size:8px}
  .mobile-menu{inset:76px 5px 5px;padding:24px 16px 18px}
  .mobile-menu-links{grid-template-columns:1fr}
  .mobile-menu-links a{min-height:58px;padding:12px 10px;border-right:0;align-items:center}
  .mobile-menu-links small{align-self:center;width:24px}
  .mobile-menu-links span{font-size:24px}
  .mobile-menu-platform{min-height:56px;margin-top:18px;padding:0 16px;font-size:9px}
  .service-copy h2 em{max-width:100%}
  .section-glitch-word{white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:380px){
  .hero h1{font-size:37px}
  .hero-header .brand-mini img{width:96px}
  .hero-header .button-small{min-width:88px;width:88px;padding-left:9px;font-size:7px}
  .menu-toggle{left:10px;width:36px}
  .mobile-menu{padding-left:12px;padding-right:12px}
}

/* v47 — closing statement follows the opening headline scale */
.final-cta h2{font-size:clamp(56px,5.4vw,78px)}
@media(min-width:1600px){.final-cta h2{font-size:clamp(82px,4.88vw,112px)}}
@media(min-width:2200px){.final-cta h2{font-size:clamp(112px,4.8vw,142px)}}
@media(max-width:1100px){.final-cta h2{font-size:clamp(50px,6.7vw,70px)}}
@media(max-width:760px){.final-cta h2{font-size:clamp(39px,10.5vw,54px)}}
@media(max-width:380px){.final-cta h2{font-size:37px}}

/* v48 — optically balance the taller anti-cheat mark */
.product-anticheat .hero-product-icon img{transform:scale(.82);transform-origin:center}