/* =====================================================================
   HIPAA LINK — For Clinics & Admins (uses site-kit.css)
   ===================================================================== */

.clinic-hero{ position:relative; overflow:hidden; padding:66px 0 76px; }
.clinic-hero::before{ content:""; position:absolute; top:-200px; right:-160px; width:640px; height:640px; z-index:-1;
  background:radial-gradient(circle at center, var(--calm-bg) 0%, rgba(111,164,217,.14) 42%, transparent 72%); }
.clinic-hero .hero-grid{ display:grid; grid-template-columns:1.02fr 1.05fr; gap:54px; align-items:center; }
.clinic-hero h1{ margin:18px 0 0; }
.clinic-hero h1 .hl{ color:var(--teal-deep); }
.clinic-hero .lead{ margin:20px 0 0; max-width:32em; }
.clinic-hero .hero-cta{ display:flex; gap:14px; align-items:center; margin-top:28px; flex-wrap:wrap; }
.clinic-hero .hero-trust{ display:flex; gap:10px 22px; margin-top:24px; flex-wrap:wrap; }
.clinic-hero .hero-trust span{ display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--text-secondary); }
.clinic-hero .hero-trust .ic{ width:17px; height:17px; color:var(--green); }

/* seat / subscription mock */
.admin-win .seatbar{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--divider); background:#fbfdfe; }
.admin-win .seatbar .t{ font-weight:800; font-size:14px; display:flex; align-items:center; gap:8px; }
.admin-win .seatbar .t .ic{ width:16px; height:16px; color:var(--teal-deep); }
.admin-win .seatbar .seats{ font-size:12.5px; color:var(--text-muted); font-weight:700; }
.role{ margin-left:auto; font-size:11.5px; font-weight:700; padding:5px 10px; border-radius:8px; background:var(--surface-2); color:var(--text-secondary); }
.role.admin{ background:var(--teal-bg); color:var(--teal-deep); }
.sub-strip{ display:flex; align-items:center; gap:14px; padding:15px 16px; border-top:1px solid var(--divider); background:var(--teal-bg-2); }
.sub-strip .si{ width:38px; height:38px; border-radius:10px; background:#fff; color:var(--teal-deep); display:flex; align-items:center; justify-content:center; box-shadow:var(--sh-sm); flex:0 0 38px; }
.sub-strip .si .ic{ width:19px; height:19px; }
.sub-strip .stxt{ font-size:12.5px; color:var(--text-secondary); }
.sub-strip .stxt b{ color:var(--text-primary); font-size:13.5px; }
.sub-strip .dl{ margin-left:auto; font-size:12px; font-weight:700; color:var(--teal-deep); display:inline-flex; align-items:center; gap:5px; }
.sub-strip .dl .ic{ width:14px; height:14px; }

/* capability grid */
.cap-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px; }
.cap-card{ background:var(--surface); border:1px solid var(--divider); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--sh-sm); }
.cap-card .cic{ width:46px; height:46px; border-radius:12px; background:var(--calm-bg); color:var(--calm-blue); display:flex; align-items:center; justify-content:center; margin-bottom:15px; }
.cap-card .cic .ic{ width:23px; height:23px; }
.cap-card h3{ font-size:17px; }
.cap-card p{ font-size:14.5px; color:var(--text-secondary); margin-top:8px; line-height:1.55; }

/* scale steps */
.scale{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; }
.scale-card{ border:1px solid var(--divider); border-radius:var(--radius-lg); padding:30px; background:var(--surface); box-shadow:var(--sh-sm); }
.scale-card .tier{ font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--teal-deep); }
.scale-card h3{ font-size:21px; margin:8px 0 10px; }
.scale-card p{ color:var(--text-secondary); font-size:15px; }
.scale-card ul{ list-style:none; margin:16px 0 0; padding:0; display:flex; flex-direction:column; gap:10px; }
.scale-card ul li{ display:flex; gap:9px; align-items:flex-start; font-size:14.5px; color:var(--text-primary); font-weight:600; }
.scale-card ul li .ic{ width:17px; height:17px; color:var(--brand-teal); flex:0 0 17px; margin-top:2px; }
.scale-card.mid{ border:2px solid var(--brand-teal); box-shadow:var(--sh-md); }

@media (max-width:1024px){
  .clinic-hero .hero-grid{ grid-template-columns:1fr; gap:48px; }
  .cap-grid{ grid-template-columns:1fr 1fr; }
  .scale{ grid-template-columns:1fr; }
}
@media (max-width:680px){ .cap-grid{ grid-template-columns:1fr; } }