/* REL 6.17.33 — visual/copy polish after live mobile review */

/* Keep hero titles intentional. Never split a word just to fill the card. */
body.system-page .hero h1{overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
body.system-page .lede{text-wrap:pretty}
body.system-page .thesis{text-wrap:pretty}

/* Tighten the paper panel without losing the instrument-manual feel. */
body.system-page .copy{box-shadow:0 28px 72px rgba(0,0,0,.52),0 0 0 1px rgba(201,163,75,.12),inset 0 0 0 5px rgba(255,255,255,.42),inset 0 0 0 6px rgba(77,57,23,.32)}
body.system-page .kicker{margin-top:13px}
body.system-page .thesis{border-left-width:2px;color:#464139}
body.system-page .actions{margin-top:22px}
body.system-page .button{min-height:52px}

/* Give the instrument a little more breathing room below the copy and make the readout genuinely legible. */
body.system-page .instrument{padding-bottom:8px}
.hero-readout{width:min(420px,80%);grid-template-columns:minmax(0,.65fr) minmax(0,1fr);row-gap:3px;column-gap:12px;white-space:normal;padding:9px 12px;background:rgba(2,3,3,.82)}
.hero-readout span{color:#77736b;font-size:.42rem;letter-spacing:.14em}
.hero-readout b{color:#f4f0e7;font-size:.46rem;letter-spacing:.12em;text-align:right}
.hero-readout span:nth-of-type(2){margin-left:0;color:#77736b}

/* Page-specific small refinements so the five instruments do not feel templated. */
body.system-search-radar .copy{border-color:color-mix(in srgb,#7fd3e2 24%,#c9a34b 76%)}
body.system-distribution-radar .copy{border-color:color-mix(in srgb,#d2a84f 30%,#c9a34b 70%)}
body.system-operator .copy{border-color:color-mix(in srgb,#91b1cb 22%,#c9a34b 78%)}
body.system-search-systems .copy{border-color:color-mix(in srgb,#8fb592 22%,#c9a34b 78%)}
body.system-client-portals .copy{border-color:color-mix(in srgb,#b99abb 20%,#c9a34b 80%)}

/* Slightly less generic secondary action treatment. */
body.system-page .button.ghost{background:rgba(255,255,255,.02)}
body.system-page .button.ghost::after{opacity:.72}

/* Homepage: sharpen hierarchy, keep the personality. */
.hero-copy .plain{max-width:650px}
.hero-statusline{margin-top:18px}
.home-signal-nodes{opacity:.92}

@media(max-width:680px){
  body.system-page .hero{padding-left:12px;padding-right:12px;padding-top:20px}
  body.system-page .copy{padding:25px 18px 23px;margin-bottom:-12px}
  body.system-page .eyebrow{line-height:1.45}
  body.system-page .kicker{margin-top:11px;padding:6px 9px}
  body.system-page .hero h1{font-size:clamp(2.65rem,11.2vw,4.4rem);line-height:.84;margin:16px 0 14px;letter-spacing:-.04em}
  body.system-distribution-radar .hero h1{font-size:9.7vw;line-height:.86;letter-spacing:-.047em;text-wrap:balance}
  body.system-search-systems .hero h1{font-size:10.8vw;line-height:.83}
  body.system-client-portals .hero h1{font-size:10.7vw;line-height:.84}
  body.system-page .lede{font-size:1.02rem;line-height:1.39}
  body.system-page .thesis{margin-top:15px;padding:13px 0 13px 16px;font-size:.59rem;line-height:1.55;letter-spacing:.065em}
  body.system-page .actions{margin-top:17px;gap:6px}
  body.system-page .button{min-height:48px;padding:12px 14px}
  body.system-page .button.ghost{border:0;border-top:1px solid rgba(8,8,8,.16);padding:12px 14px;min-height:48px;justify-content:space-between}
  body.system-page .instrument{min-height:clamp(345px,88vw,410px)}
  .hero-readout{bottom:4.5%;width:min(330px,76%);padding:7px 10px;column-gap:10px}
  .hero-readout span{font-size:.39rem}.hero-readout b{font-size:.41rem}
  body.system-page main>.section:first-of-type{margin-top:-24px;padding-top:62px}
  .hero-statusline{font-size:.44rem;letter-spacing:.1em;padding:7px 9px}
}

@media(max-width:430px){
  body.system-page .hero h1{font-size:clamp(2.5rem,11.8vw,3.75rem)}
  body.system-distribution-radar .hero h1{font-size:9.4vw}
  body.system-search-systems .hero h1,body.system-client-portals .hero h1{font-size:10.5vw}
  body.system-page .copy{padding:23px 16px 21px}
  body.system-page .lede{font-size:.98rem}
  body.system-page .thesis{font-size:.56rem}
  .hero-readout{width:74%;min-width:0}
}

@media(prefers-reduced-motion:reduce){.home-signal-nodes{opacity:.72}}