/* V18 — clean rebuild of the approved neon-orbit mockup hero */
:root{--acid:#6cff78;--acid2:#9dffa5}

/* strip legacy hero effects from base theme */
#network{opacity:.03}
.noise{opacity:.015}
.cursor-glow{opacity:.28}
.hero-terminal,.hero-status,.scroll-cue,.hero-orbit,.reactor-ring,.hero-node{display:none!important}

.nav-shell{
  height:82px;
  background:linear-gradient(180deg,rgba(2,4,3,.97),rgba(2,4,3,.80));
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.brand-mini{gap:0}
.brand-mini-mark{
  width:198px;height:64px;
  border:0;box-shadow:none;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 7px rgba(93,255,104,.11));
}
.nav-shell nav{gap:30px}
.nav-shell nav a{
  font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#d6ded8
}
.nav-shell nav a:hover{color:var(--acid)}
.nav-cta{
  border:1px solid rgba(103,255,112,.78);
  border-radius:999px;
  padding:11px 20px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:10px;
  color:#f4f8f5;
  background:rgba(2,6,3,.22);
}

/* HERO */
.hero{
  min-height:735px;
  display:grid;
  align-items:center;
  padding:118px max(30px,calc((100vw - var(--max))/2)) 52px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 47%,rgba(43,255,76,.10),transparent 26%),
    linear-gradient(90deg,#020403 0%,#020403 43%,#030805 68%,#020403 100%);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,4,3,.98) 0%,rgba(2,4,3,.90) 35%,rgba(2,4,3,.36) 60%,transparent 80%);
  pointer-events:none;
}
.hero-grid{
  position:relative;z-index:3;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:clamp(28px,4vw,64px);
  align-items:center;
  width:100%;max-width:var(--max);margin:auto;
}
.hero-copy{position:relative;z-index:5}
.eyebrow{
  margin-bottom:25px;
  font:700 10px/1 "Space Mono",monospace;
  letter-spacing:.235em;
  color:#e1e8e3;
}
.hero h1{
  margin:0;
  font-size:clamp(60px,5.3vw,88px);
  line-height:.93;
  letter-spacing:-.046em;
  font-weight:700;
  text-transform:uppercase;
}
.hero-line{color:#f5f7f5}
.hero-line.impact{color:#6aff73;text-shadow:0 0 26px rgba(83,255,95,.12)}
.hero-copy>p{
  max-width:600px;
  margin:27px 0 30px;
  color:#c7cfca;
  font-size:clamp(16px,1.15vw,18px);
  line-height:1.63;
}
.hero-actions{display:flex;gap:20px;flex-wrap:wrap}
.hero-actions .button{
  min-height:54px;padding:0 29px;
  border-radius:7px;
  text-transform:uppercase;letter-spacing:.035em;
}
.hero-actions .button.primary{
  background:linear-gradient(135deg,#43f45a,#8fff86);
  border-color:#7bff83;color:#061108;
  box-shadow:0 0 28px rgba(75,255,91,.17)
}
.hero-actions .button.ghost{
  border-color:rgba(115,255,122,.72);
  background:rgba(4,10,6,.26);
}
.hero-proof{
  display:flex;
  margin-top:33px;padding-top:17px;
  border-top:1px solid rgba(122,255,131,.14);
  color:#8f9b93;font-size:8px;letter-spacing:.19em;white-space:nowrap
}
.hero-proof span{padding:0 23px 0 0}
.hero-proof span+span{padding-left:23px;border-left:1px solid rgba(255,255,255,.11)}

/* RIGHT VISUAL — smooth ring, no spokes */
.hero-art{
  position:relative;
  min-height:570px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.orbit-field{
  position:absolute;
  left:50%;top:50%;
  width:min(112%,760px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  z-index:0;
}
.orbit-field::before{
  content:"";
  position:absolute;inset:5%;
  border-radius:50%;
  border:3px solid rgba(97,255,108,.78);
  box-shadow:
    0 0 10px rgba(93,255,104,.88),
    0 0 30px rgba(78,255,91,.52),
    0 0 90px rgba(55,255,78,.23),
    inset 0 0 36px rgba(78,255,92,.10);
  animation:haloPulse 4.8s ease-in-out infinite;
}
.orbit-field::after{
  content:"";
  position:absolute;inset:-2%;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 0%,rgba(125,255,132,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 23%,rgba(105,255,115,.78) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 98% 54%,rgba(91,255,102,.90) 0 2px,transparent 3px),
    radial-gradient(circle at 79% 88%,rgba(108,255,117,.72) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 20% 82%,rgba(93,255,104,.72) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at 1% 49%,rgba(112,255,120,.86) 0 2px,transparent 3px),
    radial-gradient(circle at 22% 14%,rgba(93,255,103,.76) 0 1.5px,transparent 2.5px),
    radial-gradient(circle at center,rgba(46,255,77,.10),transparent 61%);
  box-shadow:0 0 65px rgba(50,255,75,.10);
  animation:orbitFloat 14s linear infinite;
}
.orbit-ring{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.ring-a{
  width:96%;aspect-ratio:1;
  border:1px solid rgba(126,255,133,.27);
  box-shadow:0 0 20px rgba(83,255,95,.12);
  animation:spin 28s linear infinite;
}
.ring-b{
  width:82%;aspect-ratio:1;
  border:1px solid rgba(139,255,145,.19);
  animation:spin 19s linear infinite reverse;
}
.ring-c{
  width:107%;aspect-ratio:1;
  border:1px solid rgba(77,255,91,.10);
  animation:spin 40s linear infinite;
}
.particle{
  position:absolute;width:5px;height:5px;border-radius:50%;
  background:#9dffa5;box-shadow:0 0 12px #6cff78;
  animation:twinkle 2.8s ease-in-out infinite;
}
.p1{left:12%;top:33%}.p2{right:15%;top:25%;animation-delay:.4s}.p3{right:6%;top:57%;animation-delay:.8s}
.p4{right:22%;bottom:10%;animation-delay:1.2s}.p5{left:22%;bottom:9%;animation-delay:1.6s}
.p6{left:4%;top:58%;animation-delay:2s}.p7{left:29%;top:8%;animation-delay:2.4s}.p8{right:31%;bottom:4%;animation-delay:.9s}

.hero-logo-stage{
  position:relative;z-index:3;
  width:min(100%,715px);
  aspect-ratio:1.78/1;
  padding:14px 24px;
  display:grid;place-items:center;
  border:1px solid rgba(246,255,247,.82);
  border-radius:18px;
  background:
    linear-gradient(140deg,rgba(25,43,30,.50),rgba(4,9,6,.30) 50%,rgba(18,39,24,.40));
  backdrop-filter:blur(10px) saturate(1.22);
  -webkit-backdrop-filter:blur(10px) saturate(1.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 20px 60px rgba(0,0,0,.36),
    0 0 18px rgba(128,255,135,.27),
    0 0 2px rgba(255,255,255,.82);
}
.hero-logo-stage::before{
  content:"";
  position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(112deg,rgba(255,255,255,.12),transparent 24%,transparent 72%,rgba(119,255,126,.07));
  pointer-events:none
}
.hero-logo.master-lockup{
  width:86%;
  aspect-ratio:440/325;
  background-size:contain;background-position:center;
  filter:drop-shadow(0 0 16px rgba(110,255,117,.12));
  mix-blend-mode:screen;
  position:relative;z-index:1;
}

@keyframes haloPulse{
  50%{box-shadow:0 0 14px rgba(111,255,120,.95),0 0 42px rgba(80,255,94,.60),0 0 104px rgba(56,255,79,.28),inset 0 0 44px rgba(75,255,92,.14)}
}
@keyframes orbitFloat{to{transform:rotate(360deg)}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes twinkle{50%{opacity:.35;transform:scale(.65)}}

.signal-band{
  background:#060a07;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(104,255,113,.08);
  padding:14px 0
}
.signal-track{letter-spacing:.19em;color:#8e9991}
.signal-track b{color:#59ff68}

@media(max-width:1100px){
  .hero{min-height:auto;padding-top:112px}
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-copy{max-width:760px}
  .hero-art{width:min(760px,100%);margin:0 auto;min-height:510px}
  .hero-logo-stage{width:min(90%,680px)}
  .hero h1{font-size:clamp(55px,9vw,84px)}
}
@media(max-width:620px){
  .nav-shell{height:68px;padding:0 18px}
  .brand-mini-mark{width:118px;height:42px}
  .nav-cta{font-size:8px;padding:8px 11px}
  .hero{padding:92px 18px 32px}
  .hero h1{font-size:clamp(43px,13.4vw,64px);line-height:.95}
  .eyebrow{font-size:8px;line-height:1.45;letter-spacing:.13em;margin-bottom:20px}
  .hero-copy>p{font-size:14px;line-height:1.58;margin:20px 0 22px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .button{width:100%;justify-content:space-between;padding:0 14px;min-height:48px;font-size:10px}
  .hero-proof{display:none}
  .hero-art{min-height:390px;margin-top:12px}
  .orbit-field{width:104%}
  .orbit-field::before{inset:9%;border-width:2px}
  .orbit-field::after{opacity:.58}
  .ring-a{width:88%;opacity:.45}
  .ring-b{width:74%;opacity:.36}
  .ring-c{width:98%;opacity:.26}
  .particle{width:4px;height:4px;opacity:.62}
  .hero-logo-stage{
    width:86%;
    aspect-ratio:1.78/1;
    padding:8px 10px;
    border-radius:14px;
    border-color:rgba(240,255,242,.56);
    background:linear-gradient(140deg,rgba(10,19,13,.64),rgba(3,8,5,.48));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 40px rgba(0,0,0,.34),0 0 12px rgba(108,255,118,.13)
  }
  .hero-logo.master-lockup{width:76%}
  .signal-band{padding:10px 0}
  .signal-track{font-size:8px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .orbit-field::before,.orbit-field::after,.orbit-ring,.particle{animation:none!important}
}