/* V20 — dedicated mockup/Instagram orbit artwork */
#hb-badge{display:none!important}

.hero{
  min-height:735px;
  padding-top:116px;
  background:
    radial-gradient(circle at 75% 49%,rgba(41,255,71,.12),transparent 31%),
    linear-gradient(90deg,#010302 0%,#020403 43%,#020705 70%,#010302 100%)!important;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(1,3,2,.99) 0%,rgba(1,3,2,.92) 34%,rgba(1,3,2,.18) 60%,transparent 82%)!important;
  opacity:1!important; pointer-events:none;
}
.hero::after{display:none!important}

.hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  gap:clamp(28px,4vw,62px)!important;
}
.hero h1{
  font-size:clamp(60px,5.25vw,88px)!important;
  line-height:.93!important;
  letter-spacing:-.046em!important;
}
.hero-line.impact{
  color:#68ff73!important;
  text-shadow:0 0 28px rgba(83,255,95,.14)!important;
}

/* The actual approved visual language now lives in a dedicated SVG asset. */
.hero-art{
  position:relative;
  min-height:575px!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.hero-art::before{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:118%; aspect-ratio:1.28/1;
  transform:translate(-50%,-50%);
  background:url('/hero-orbit.svg?v=20') center/contain no-repeat;
  filter:drop-shadow(0 0 32px rgba(69,255,87,.18));
  z-index:0;
  opacity:.98;
  animation:v20OrbitMove 46s linear infinite;
}
.hero-art::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:83%; aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(119,255,128,.22);
  box-shadow:0 0 55px rgba(58,255,82,.10), inset 0 0 45px rgba(62,255,85,.05);
  z-index:1;
  pointer-events:none;
}
@keyframes v20OrbitMove{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
  50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.012)}
  100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}

/* Remove the earlier synthetic orbit so there is only one visual system. */
.orbit-field{display:none!important}

/* Smaller luminous plaque, matching the draft proportions. */
.hero-logo-stage{
  position:relative!important;
  z-index:4!important;
  width:min(67%,470px)!important;
  aspect-ratio:1.55/1!important;
  padding:12px 16px 14px!important;
  border:1px solid rgba(245,255,246,.82)!important;
  border-radius:15px!important;
  background:
    linear-gradient(140deg,rgba(35,55,41,.48),rgba(5,10,7,.30) 52%,rgba(23,45,29,.40))!important;
  backdrop-filter:blur(10px) saturate(1.20)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.20)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 0 48px rgba(93,255,101,.035),
    0 18px 48px rgba(0,0,0,.34),
    0 0 21px rgba(116,255,124,.26),
    0 0 2px rgba(255,255,255,.78)!important;
  overflow:hidden!important;
}
.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))!important;
  pointer-events:none;
}
.hero-logo-stage::after{
  content:"";
  position:absolute; left:-8%; right:-8%; top:-1px; height:2px;
  background:linear-gradient(90deg,transparent,rgba(244,255,245,.90),transparent)!important;
  box-shadow:0 0 14px rgba(117,255,124,.46)!important;
  pointer-events:none;
}
.hero-logo.master-lockup{
  width:88%!important;
  aspect-ratio:440/325!important;
  background-size:contain!important;
  background-position:center!important;
  position:relative!important;
  z-index:2!important;
  mix-blend-mode:screen!important;
  opacity:.95!important;
  filter:brightness(1.11) contrast(1.08) drop-shadow(0 0 14px rgba(111,255,118,.11))!important;
}

/* Remove V19's pseudo mountain approximation; keep About clean until using a dedicated final art asset. */
#about::before,#about::after{display:none!important}
#about{
  background:
    radial-gradient(circle at 77% 63%,rgba(48,255,78,.055),transparent 30%),
    linear-gradient(90deg,#040805 0%,#040805 55%,#061009 100%)!important;
}

/* Dashboard-like benefit rail under hero mirrors mockup */
.signal-band{
  background:#050907!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(92,255,103,.08)!important;
}
.signal-track{color:#8f9992!important;letter-spacing:.18em!important}
.signal-track b{color:#5aff69!important}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr!important}
  .hero-art{width:min(760px,100%);margin:0 auto;min-height:520px!important}
  .hero-art::before{width:102%}
  .hero-logo-stage{width:min(64%,440px)!important}
}
@media(max-width:620px){
  .hero{padding:92px 18px 34px!important}
  .hero h1{font-size:clamp(43px,13.4vw,64px)!important}
  .hero-art{min-height:395px!important;margin-top:8px}
  .hero-art::before{width:112%;opacity:.95}
  .hero-art::after{width:78%;opacity:.50}
  .hero-logo-stage{
    width:64%!important;
    max-width:290px!important;
    padding:8px 10px 10px!important;
    border-radius:13px!important;
  }
  .hero-logo.master-lockup{width:90%!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-art::before{animation:none!important}
}