/* ContextRx — audience page layout (A4)
   Shared by providers / payers / life-sciences / digital-therapeutics.
   Loaded after tokens.css + base.css. */

.ahero{position:relative;padding:var(--s7) 0 var(--s6);overflow:hidden}
.ahero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 82% -10%,rgba(30,138,143,.10),transparent 60%),radial-gradient(680px 420px at 6% 6%,rgba(17,73,122,.07),transparent 55%)}
.ahero h1{font-size:48px;font-weight:700;letter-spacing:-.035em;margin:var(--s3) 0 var(--s2);max-width:16ch}
.ahero h1 .accent{color:var(--teal)}
.ahero p.lead{font-size:19px;color:var(--ink-soft);max-width:54ch;margin-bottom:var(--s2)}
.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-soft);letter-spacing:.04em}
.crumbs a{color:var(--teal)}

/* the suite — building blocks mapped to endpoints */
.suite{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2);margin-top:var(--s5)}
.sb{border:1px solid var(--cloud);border-radius:var(--radius-lg);padding:var(--s4);background:var(--white);transition:transform .2s,box-shadow .2s}
.sb:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.sb .sh{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.sb .sh .d{width:10px;height:10px;border-radius:3px;flex:none}
.sb .sh .d.t{background:var(--teal)}.sb .sh .d.s{background:var(--slate)}.sb .sh .d.g{background:var(--vital)}
.sb .sh .lab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.sb h4{font-size:18px;margin-bottom:8px}
.sb p{font-size:14px;color:var(--ink-2);margin-bottom:var(--s2)}
.sb .eps{display:flex;flex-wrap:wrap;gap:8px}
.sb .eps code{font-family:var(--mono);font-size:11px;color:var(--slate);background:rgba(17,73,122,.06);border:1px solid rgba(17,73,122,.14);padding:4px 9px;border-radius:8px}

/* agent-ownership note (after the suite) */
.own-note{margin-top:var(--s3);display:flex;gap:10px;align-items:flex-start;border-left:3px solid var(--vital);background:rgba(61,220,151,.05);padding:13px 16px;border-radius:0 12px 12px 0;font-size:14px;color:var(--ink-2)}
.own-note svg{width:18px;height:18px;color:var(--teal);flex:none;margin-top:2px}
.own-note b{color:var(--ink)}

/* value list */
.vlist{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s5)}
.vc{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--cloud);border-radius:16px;padding:var(--s3);background:var(--white)}
.vc svg{width:20px;height:20px;color:var(--teal);flex:none;margin-top:3px}
.vc h4{font-size:16px;margin-bottom:6px}
.vc p{font-size:13px;color:var(--ink-soft)}

/* patient outcome callout */
.outcome{border:1px solid rgba(30,138,143,.3);background:linear-gradient(160deg,rgba(30,138,143,.06),rgba(61,220,151,.05));border-radius:var(--radius-lg);padding:var(--s5);text-align:center}
.outcome .ohil{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--teal);margin-bottom:var(--s2)}
.outcome .ohil svg{width:15px;height:15px}
.outcome p{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.02em;color:var(--ink);max-width:24ch;margin:0 auto;line-height:1.25}

@media(max-width:980px){
  .suite{grid-template-columns:1fr}
  .vlist{grid-template-columns:1fr}
}
@media(max-width:600px){
  .ahero h1{font-size:32px}
  .outcome p{font-size:21px}
}