/* ---- Invited clinician landing page ---- */

/* Hero — dark gradient, same pattern as allied-health */
.inv-hero { position:relative; background:var(--grad-hero); color:#fff; padding:172px 0 var(--space-3xl); overflow:hidden; }
.inv-hero .wrap { position:relative; z-index:2; max-width:800px; }
.inv-hero h1 { color:#fff; letter-spacing:-.02em; margin:0 0 var(--space-m); }
.inv-hero h1 .hl { color:var(--color-accent); }
.inv-hero .lede { color:rgba(255,255,255,.9); max-width:38em; margin:0 0 var(--space-l); }

/* ---- What is a case conference ---- */
.inv-what { max-width:800px; margin:0 auto; }
.inv-what p { font-size:var(--text-lg); line-height:var(--line-relaxed); color:var(--color-ink-soft); }

/* ---- Why invited — key-points list ---- */
.inv-points { display:grid; grid-template-columns:1fr 1fr 1fr; gap:var(--space-m); margin-top:var(--space-l); }
.inv-point { text-align:center; }
.inv-point .chip-ic { margin:0 auto var(--space-xs); }
.inv-point h3 { margin:0 0 var(--space-2xs); font-size:var(--text-lg); }
.inv-point p { margin:0; color:var(--color-ink-soft); font-size:var(--text-md); line-height:var(--line-relaxed); }

/* ---- Three steps (accept / join / bill) ---- */
.inv-steps { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-m); counter-reset:inv-step; }
.inv-step { position:relative; background:var(--brand-25); border-radius:var(--radius-xl);
  padding:var(--space-l); box-shadow:var(--shadow-xs); text-align:center;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease); }
.inv-step:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.inv-step .n { display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:var(--radius-full);
  background:var(--grad-deep); color:#fff; font-weight:var(--weight-extrabold);
  font-size:var(--step-1); box-shadow:var(--shadow-md); margin:0 auto var(--space-s); }
.inv-step h3 { margin:0 0 var(--space-2xs); }
.inv-step p { margin:0; color:var(--color-ink-soft); font-size:var(--text-md); line-height:var(--line-relaxed); }

/* ---- Billing tables ---- */
.inv-billing-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-l); max-width:920px; margin:0 auto; }
.inv-tbl-wrap { background:var(--brand-25); border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow-sm); }
.inv-tbl-wrap h3 { margin:0; padding:var(--space-s) var(--space-m); font-size:var(--text-md);
  font-weight:var(--weight-extrabold); color:var(--color-secondary); background:var(--brand-50);
  border-bottom:1px solid var(--color-border); }
.inv-tbl { width:100%; border-collapse:collapse; }
.inv-tbl thead th { padding:var(--space-xs) var(--space-m); font-size:var(--text-sm);
  font-weight:var(--weight-bold); letter-spacing:.04em; text-transform:uppercase;
  color:var(--color-ink-soft); text-align:left; border-bottom:1px solid var(--color-border); }
.inv-tbl tbody td { padding:var(--space-xs) var(--space-m); font-size:var(--text-md);
  color:var(--color-ink); border-bottom:1px solid var(--color-border-soft); }
.inv-tbl tbody tr:last-child td { border-bottom:none; }
.inv-tbl .amt { font-weight:var(--weight-bold); color:var(--color-secondary); }
.inv-tbl .item { font-size:var(--text-sm); color:var(--color-ink-soft); font-variant-numeric:tabular-nums; }
.inv-billing-note { text-align:center; margin:var(--space-s) auto 0; max-width:50em;
  font-size:var(--text-sm); color:var(--color-ink-soft); }

/* ---- CTA aside (join network) ---- */
.inv-aside { max-width:760px; margin:0 auto; text-align:center; }
.inv-aside p { font-size:var(--text-lg); line-height:var(--line-relaxed); color:var(--color-ink-soft); margin:var(--space-xs) 0 var(--space-m); }

/* ---- Responsive ---- */
@media (max-width:960px) {
  .inv-points { grid-template-columns:1fr; gap:var(--space-s); }
  .inv-steps { grid-template-columns:1fr; gap:var(--space-s); }
  .inv-billing-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .inv-hero { padding:140px 0 var(--space-2xl); }
}