/* =====================================================================
   HIPAA LINK — Security & Compliance page (uses site-kit.css)
   ===================================================================== */

/* dark trust hero */
.sec-hero{ position:relative; overflow:hidden; color:#fff; text-align:center; padding:80px 0 70px;
  background:linear-gradient(160deg,#0d1b2e 0%, #0B7285 150%); }
.sec-hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% -10%, rgba(129,207,221,.28), transparent 55%); }
.sec-hero > *{ position:relative; }
.sec-hero .eyebrow{ color:var(--teal-light); }
.sec-hero .eyebrow::before{ background:var(--teal-light); }
.sec-hero h1{ color:#fff; margin:16px auto 0; max-width:18ch; }
.sec-hero .lead{ color:#c7ebe6; margin:18px auto 0; max-width:54ch; }
.sec-hero .badge-row{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.sec-hero .tbadge{ display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:14px; color:#eafaf8;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); padding:10px 15px; border-radius:12px; }
.sec-hero .tbadge .ic{ width:17px; height:17px; color:var(--teal-light); }

/* pillars */
.pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:50px; }
.pillar{ background:var(--surface); border:1px solid var(--divider); border-radius:var(--radius-lg); padding:30px; box-shadow:var(--sh-sm); }
.pillar .pic{ width:52px; height:52px; border-radius:14px; background:var(--teal-bg); color:var(--teal-deep); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.pillar .pic .ic{ width:26px; height:26px; }
.pillar h3{ font-size:19px; }
.pillar p{ color:var(--text-secondary); font-size:15px; margin-top:9px; line-height:1.55; }

/* checklist mock */
.check-card{ padding:22px; background:var(--surface); }
.check-row{ display:flex; align-items:center; gap:12px; padding:13px 4px; border-bottom:1px solid var(--divider); font-size:15px; font-weight:600; color:var(--text-primary); }
.check-row:last-child{ border-bottom:none; }
.check-row .ck{ width:24px; height:24px; border-radius:50%; background:var(--green-bg); color:#127a41; display:flex; align-items:center; justify-content:center; flex:0 0 24px; }
.check-row .ck .ic{ width:15px; height:15px; }

/* "what we don't do" cards */
.nostore{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; }
.nocard{ background:var(--surface); border:1px solid var(--divider); border-radius:var(--radius-lg); padding:30px; box-shadow:var(--sh-sm); position:relative; }
.nocard .nic{ width:50px; height:50px; border-radius:13px; background:#fdeaea; color:var(--error); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.nocard .nic .ic{ width:24px; height:24px; }
.nocard h3{ font-size:18px; }
.nocard p{ color:var(--text-secondary); font-size:14.5px; margin-top:9px; line-height:1.55; }

/* reliability stat band */
.rely{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px; text-align:center; }
.rely .stat{ font-size:52px; font-weight:800; letter-spacing:-.02em; color:var(--teal-deep); }
.rely .lbl{ font-size:15px; color:var(--text-secondary); font-weight:600; margin-top:4px; }

@media (max-width:900px){
  .pillars{ grid-template-columns:1fr; }
  .nostore{ grid-template-columns:1fr; }
  .rely{ grid-template-columns:1fr; gap:32px; }
}