/* ===== Tactical Talk cyber-moose hero — fully scoped under #tt-cyber-hero ===== */
#tt-cyber-hero{
  --tth-bg:#06060c; --tth-gold:#E8A838; --tth-gold-lt:#ffd97a; --tth-gold-dk:#8a5a14;
  --tth-cyan:#27e7ff; --tth-magenta:#ff3df0; --tth-ink:#e9ecf5; --tth-mut:#8d92ab;
  --tth-line:rgba(255,255,255,.08);
  position:relative; overflow:hidden; isolation:isolate; border-radius:20px;
  background:var(--tth-bg); color:var(--tth-ink);
  font-family:'Chakra Petch',system-ui,sans-serif; margin:0 auto 8px; max-width:1240px;
}
#tt-cyber-hero *{box-sizing:border-box}
#tt-cyber-hero a{color:inherit;text-decoration:none}
#tt-cyber-hero img{display:block;max-width:100%}

#tt-cyber-hero .tth-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#tt-cyber-hero .glow-c,#tt-cyber-hero .glow-m{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
#tt-cyber-hero .glow-c{width:620px;height:620px;background:radial-gradient(circle,rgba(39,231,255,.45),transparent 70%);top:-160px;right:-120px}
#tt-cyber-hero .glow-m{width:520px;height:520px;background:radial-gradient(circle,rgba(255,61,240,.32),transparent 70%);bottom:-200px;left:-140px}
#tt-cyber-hero .bggrid{position:absolute;left:50%;bottom:-6%;width:200%;height:62%;
  transform:translateX(-50%) perspective(620px) rotateX(70deg);transform-origin:bottom center;
  background-image:linear-gradient(rgba(39,231,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(232,168,56,.12) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(to top,#000 6%,transparent 78%);
  -webkit-mask-image:linear-gradient(to top,#000 6%,transparent 78%);animation:tthfloor 22s linear infinite}
@keyframes tthfloor{from{background-position:0 0}to{background-position:0 54px}}
#tt-cyber-hero .tth-vign{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 30%,transparent 50%,rgba(0,0,0,.55) 100%)}
#tt-cyber-hero .tth-scanlines{position:absolute;inset:0;z-index:6;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.14) 3px,rgba(0,0,0,0) 4px);
  mix-blend-mode:overlay;opacity:.5}

#tt-cyber-hero .tth-wrap{position:relative;z-index:5;max-width:1240px;margin:0 auto;padding:0 28px}
#tt-cyber-hero .frame{position:relative;margin:8px 0;padding:8px}
#tt-cyber-hero .frame::before{content:"";position:absolute;inset:0;border:1px solid var(--tth-line);border-radius:18px;pointer-events:none}
#tt-cyber-hero .tick{position:absolute;width:18px;height:18px;border-color:rgba(39,231,255,.55);pointer-events:none}
#tt-cyber-hero .tick.tl{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid;border-radius:4px 0 0 0}
#tt-cyber-hero .tick.tr{top:-1px;right:-1px;border-top:2px solid;border-right:2px solid;border-radius:0 4px 0 0}
#tt-cyber-hero .tick.bl{bottom:-1px;left:-1px;border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 4px}
#tt-cyber-hero .tick.br{bottom:-1px;right:-1px;border-bottom:2px solid;border-right:2px solid;border-radius:0 0 4px 0}

#tt-cyber-hero .grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding:42px 40px;min-height:min(70vh,640px)}
#tt-cyber-hero .copy{max-width:560px}
#tt-cyber-hero .kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}
#tt-cyber-hero .kicker .rule{width:34px;height:2px;background:linear-gradient(90deg,var(--tth-cyan),transparent);border-radius:2px}
#tt-cyber-hero .kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--tth-cyan);box-shadow:0 0 10px var(--tth-cyan);animation:tthpulse 2s ease-in-out infinite}
@keyframes tthpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
#tt-cyber-hero .kicker .txt{font-weight:600;letter-spacing:.34em;font-size:12px;text-transform:uppercase;color:var(--tth-cyan);text-shadow:0 0 14px rgba(39,231,255,.5)}

#tt-cyber-hero .tth-title{margin:0 0 22px;line-height:0}
#tt-cyber-hero .tth-title img{width:clamp(290px,42vw,480px);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(232,168,56,.22));animation:tthfade 1s ease both}
@keyframes tthfade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#tt-cyber-hero .descriptor{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(15px,2vw,21px);color:var(--tth-cyan);margin-bottom:18px;text-shadow:0 0 10px rgba(39,231,255,.28)}
#tt-cyber-hero .descriptor .bar{display:inline-block;width:1px;height:.85em;background:rgba(39,231,255,.5);margin:0 12px;vertical-align:-1px}
#tt-cyber-hero .lede{font-size:clamp(15px,1.7vw,17px);color:#c4c8db;max-width:480px;margin-bottom:30px;line-height:1.5}
#tt-cyber-hero .lede b{color:var(--tth-gold-lt);font-weight:700}

#tt-cyber-hero .ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#tt-cyber-hero .tthbtn{font-family:'Chakra Petch';font-weight:700;letter-spacing:.06em;font-size:14px;text-transform:uppercase;border-radius:12px;padding:15px 26px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;border:1px solid transparent;display:inline-flex;align-items:center;gap:9px}
#tt-cyber-hero .tthbtn-gold{color:#1c1206;background:linear-gradient(180deg,var(--tth-gold-lt),var(--tth-gold));box-shadow:0 6px 22px rgba(232,168,56,.34),inset 0 1px 0 rgba(255,255,255,.5)}
#tt-cyber-hero .tthbtn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(232,168,56,.5)}
#tt-cyber-hero .tthbtn-ghost{color:var(--tth-ink);border-color:rgba(39,231,255,.4);background:rgba(39,231,255,.05)}
#tt-cyber-hero .tthbtn-ghost:hover{border-color:var(--tth-cyan);background:rgba(39,231,255,.12);transform:translateY(-2px)}
#tt-cyber-hero .under{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:12px;color:var(--tth-mut);letter-spacing:.05em}
#tt-cyber-hero .under svg{width:15px;height:15px;flex:none}

#tt-cyber-hero .stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
#tt-cyber-hero .reticle{position:absolute;width:min(106%,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(39,231,255,.16),rgba(255,61,240,.08) 46%,transparent 66%);filter:blur(2px)}
#tt-cyber-hero .ring{position:absolute;width:min(92%,470px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(39,231,255,.28);animation:tthspin 60s linear infinite}
#tt-cyber-hero .ring.inner{width:min(76%,390px);border-style:solid;border-color:rgba(232,168,56,.18);animation:tthspin 40s linear infinite reverse}
@keyframes tthspin{to{transform:rotate(360deg)}}
#tt-cyber-hero .stage-grid{position:absolute;bottom:4%;left:50%;width:125%;height:80%;z-index:1;pointer-events:none;
  transform:translateX(-50%) perspective(260px) rotateX(76deg);transform-origin:bottom center;
  background-image:linear-gradient(rgba(39,231,255,.6) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,61,240,.34) 1.5px,transparent 1.5px);
  background-size:42px 42px;mask-image:radial-gradient(70% 100% at 50% 100%,#000 8%,rgba(0,0,0,.55) 45%,transparent 82%);
  -webkit-mask-image:radial-gradient(70% 100% at 50% 100%,#000 8%,rgba(0,0,0,.55) 45%,transparent 82%);animation:tthfloor 16s linear infinite}
#tt-cyber-hero .stage-glow{position:absolute;left:50%;top:42%;width:70%;height:2px;z-index:1;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(39,231,255,.7),rgba(255,61,240,.5),transparent);filter:blur(2px);pointer-events:none}
#tt-cyber-hero .moose{position:relative;z-index:3;width:min(100%,520px);filter:drop-shadow(0 22px 40px rgba(0,0,0,.6)) drop-shadow(0 0 38px rgba(39,231,255,.16));animation:tthbob 7s ease-in-out infinite}
@keyframes tthbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
#tt-cyber-hero .badge{position:absolute;z-index:4;bottom:2%;right:4%;width:clamp(96px,14vw,140px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));transform:rotate(-6deg)}
#tt-cyber-hero .slogan{position:absolute;left:4%;bottom:4%;z-index:4;font-style:italic;font-weight:500;font-size:13px;color:var(--tth-gold-lt);letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.85);max-width:220px;line-height:1.35;background:rgba(6,6,12,.4);padding:8px 12px;border-radius:10px;backdrop-filter:blur(4px);border:1px solid rgba(232,168,56,.18)}

#tt-cyber-hero .ticker{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 40px;border-top:1px solid var(--tth-line);font-family:'Orbitron',monospace;font-size:11px;letter-spacing:.12em;color:var(--tth-mut)}
#tt-cyber-hero .ticker .eq{color:var(--tth-gold);text-shadow:0 0 10px rgba(232,168,56,.3)}
#tt-cyber-hero .ticker .eq b{color:var(--tth-cyan);font-weight:700}
#tt-cyber-hero .ticker .stat{display:inline-flex;align-items:center;gap:7px}
#tt-cyber-hero .ticker .stat .d{width:6px;height:6px;border-radius:50%;background:var(--tth-cyan);box-shadow:0 0 8px var(--tth-cyan)}

@media (max-width:900px){
  #tt-cyber-hero .grid2{grid-template-columns:1fr;gap:8px;padding:30px 22px;text-align:center}
  #tt-cyber-hero .copy{max-width:none;margin:0 auto;order:2}
  #tt-cyber-hero .kicker{justify-content:center}
  #tt-cyber-hero .stage{order:1;min-height:320px;margin-bottom:6px}
  #tt-cyber-hero .lede{margin:0 auto 30px}
  #tt-cyber-hero .ctas,#tt-cyber-hero .under{justify-content:center}
  #tt-cyber-hero .slogan{position:static;margin:14px auto 0;text-align:center;max-width:280px}
  #tt-cyber-hero .ticker{justify-content:center;text-align:center;padding:14px 22px}
}
@media (prefers-reduced-motion:reduce){
  #tt-cyber-hero *{animation:none!important}
}