/* ==========================================================================
   Wave 123 — Homepage audit fixes (H1 + H3)
   H1: separate hero eyebrow from radar label (kicker smaller, cyan, offset)
   H3: static Diagnostic Radar teaser replaces interactive console section
   ========================================================================== */

/* ---- H1 · Hero clears the fixed header (eyebrow was clipped at 1440) ---- */
@media (min-width:861px){
  body.home-page .hero.home-hero4a{
    padding-top:clamp(1.6rem,2.2vw,2.1rem);
  }
}

/* ---- H1 · Radar label pulled into the instrument frame ---- */
body.home-page .wave23d-radar__header{
  margin-top:.85rem;
  padding-bottom:.5rem;
  box-shadow:inset 0 -1px 0 rgba(93,201,214,.22);
}
body.home-page .wave23d-radar__kicker{
  color:#7fdcea;
  font-weight:600;
  font-size:.55rem;
  letter-spacing:.32em;
}
body.home-page .wave23d-radar__kicker::before{
  content:"";
  display:inline-block;
  width:.42rem;
  height:.42rem;
  margin-right:.55rem;
  border-radius:50%;
  background:rgba(127,220,234,.9);
  box-shadow:0 0 8px rgba(127,220,234,.55);
  vertical-align:1px;
}

/* ---- H3 · Diagnostic Radar teaser (static, no widget) ---- */
body.home-page .dct-section .dct-shell{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
  gap:clamp(1.6rem,4vw,3.4rem);
  align-items:center;
  border:1px solid rgba(93,201,214,.16);
  border-radius:18px;
  background:
    radial-gradient(120% 140% at 82% 18%, rgba(23,46,66,.55), transparent 55%),
    linear-gradient(160deg, rgba(9,20,33,.92), rgba(5,12,22,.96));
  padding:clamp(1.6rem,3.5vw,2.8rem) clamp(1.2rem,3.5vw,3rem);
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}
body.home-page .dct-eyebrow{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.6rem;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#7fdcea;
  margin:0 0 .7rem;
}
body.home-page .dct-section h2{
  font-size:clamp(1.5rem,2.6vw,2.15rem);
  line-height:1.12;
  margin:0 0 .75rem;
  color:#f4f7fb;
}
body.home-page .dct-lead{
  color:rgba(214,226,238,.82);
  max-width:52ch;
  margin:0 0 1.2rem;
}
body.home-page .dct-reads{
  list-style:none;
  margin:0 0 1.5rem;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem .9rem;
}
body.home-page .dct-reads li{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:.86rem;
  color:rgba(226,235,244,.9);
  border:1px solid rgba(93,201,214,.14);
  border-radius:10px;
  padding:.5rem .75rem;
  background:rgba(10,22,36,.6);
}
body.home-page .dct-reads li span{
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.62rem;
  letter-spacing:.12em;
  color:#e6b84f;
}
body.home-page .dct-cta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-weight:700;
  font-size:.92rem;
  letter-spacing:.02em;
  color:#06121f;
  background:linear-gradient(135deg,#e9c05e,#d9a83f);
  border-radius:12px;
  padding:.78rem 1.35rem;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(230,184,79,.25);
  transition:transform .18s ease, box-shadow .18s ease;
}
body.home-page .dct-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(230,184,79,.32);
}

/* ---- teaser mini-scope ---- */
body.home-page .dct-scope{
  position:relative;
  width:min(300px,72vw);
  aspect-ratio:1/1;
  margin:0 auto;
  border-radius:50%;
  border:1px solid rgba(93,201,214,.35);
  background:
    radial-gradient(circle at 50% 50%, rgba(23,52,72,.5), rgba(6,14,24,.95) 72%);
  box-shadow:inset 0 0 40px rgba(11,32,50,.8), 0 0 34px rgba(41,110,134,.18);
  overflow:hidden;
}
body.home-page .dct-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(93,201,214,.22);
}
body.home-page .dct-ring--2{inset:17.5%}
body.home-page .dct-ring--3{inset:35%}
body.home-page .dct-cross{position:absolute;background:rgba(93,201,214,.16)}
body.home-page .dct-cross--h{left:4%;right:4%;top:50%;height:1px}
body.home-page .dct-cross--v{top:4%;bottom:4%;left:50%;width:1px}
body.home-page .dct-sweep{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(127,220,234,.28), rgba(127,220,234,.05) 18%, transparent 32%);
  animation:dctSweep 9s linear infinite;
}
@keyframes dctSweep{to{transform:rotate(360deg)}}
body.home-page .dct-blip{
  position:absolute;
  left:var(--bx);
  top:var(--by);
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#9fe6f2;
  box-shadow:0 0 10px rgba(127,220,234,.75);
}
body.home-page .dct-blip--gold{
  background:#e6b84f;
  box-shadow:0 0 10px rgba(230,184,79,.7);
}
body.home-page .dct-core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:96px;
  height:96px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.1rem;
  border:1px solid rgba(230,184,79,.5);
  background:rgba(6,14,24,.88);
  box-shadow:0 0 22px rgba(230,184,79,.16);
}
body.home-page .dct-core strong{
  font-size:1.5rem;
  color:#f4f7fb;
  line-height:1;
}
body.home-page .dct-core em{
  font-style:normal;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:.55rem;
  letter-spacing:.28em;
  color:#7fdcea;
}

@media (max-width:860px){
  body.home-page .dct-section .dct-shell{
    grid-template-columns:minmax(0,1fr);
  }
  body.home-page .dct-scope{order:-1}
  body.home-page .dct-reads{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  body.home-page .dct-sweep{animation:none;opacity:.35}
}