/* =========================================================
   Saccade — site-v6.css
   "Airier" pass. Loaded LAST, after site-brand.css.

   Goal: let the page breathe. The earlier review layers
   (v5 "tight") compressed every section to 96px and packed
   the grids edge to edge. This layer re-opens vertical
   rhythm, widens gutters, and gives headlines room — without
   touching the palette or structure.
   ========================================================= */

/* ---------- SECTION RHYTHM ---------- */
section{padding:168px 0;}
section.tight{padding:144px 0;}
.whynow{padding:144px 0;}
.headtohead{padding:144px 0;}
.refs{padding:120px 0;}
.contact{padding:180px 0 132px;}

/* eyebrow gets real air above the headline */
.eyebrow{margin-bottom:60px;}
section.tight .eyebrow{margin-bottom:60px;}

/* headline → lede → body spacing */
h2.serif{margin-bottom:32px;}
.lede{margin-bottom:72px;}

/* shared sub-paragraph breathing room */
.how .sub,
.moat .sub,
.science .sub,
.reg .sub,
.pharma .sub,
.how-tight .sub{margin-bottom:72px;}

/* ---------- HERO ---------- */
.hero-inner{gap:40px;}
.hero-bottom{margin-top:104px;}
.hero-bottom .cell{padding-top:32px;gap:8px;}

/* ---------- WHY NOW ---------- */
.whynow .lede{margin-bottom:64px;}
.whynow-cell{padding-top:40px;padding-bottom:40px;gap:18px;}
.whynow-bottom{margin-top:48px;}

/* ---------- STAKES ---------- */
.stakes-tight .stakes-grid{gap:104px;}
.stakes-tight .stakes-side{gap:32px;}

/* ---------- HOW · tasks ---------- */
.task{padding:34px 28px;gap:16px;}
.task-legend{padding:18px 0 24px;}
.eye-figure-tight{margin-top:80px;gap:64px;}

/* ---------- MOAT · claims ---------- */
.product-band{margin:8px 0 80px;padding:56px 0 16px;}
.product-band .pb-lede{margin-bottom:48px;}
.product-band .pb-spec{margin-top:48px;}
.claim{padding-top:44px;padding-bottom:40px;gap:18px;}
.claim-extras{margin-top:48px;padding-top:36px;}

/* ---------- PHARMA ---------- */
.funnel .col{padding:48px 44px 40px;}
.funnel-punch{padding:48px 44px 52px;}
.pharma-foot{margin-top:64px;padding-top:40px;}

/* ---------- HEAD-TO-HEAD ---------- */
.h2h-grid{gap:104px;}
.h2h-meta{margin-top:44px;}
.versus-card{padding:34px 30px;gap:20px;}

/* ---------- EVIDENCE ---------- */
.science .head{margin-bottom:72px;gap:80px;}
.evidence-grid{gap:80px;}
.evidence-grid > div > .badges{margin-top:40px;}
a.paper{padding:30px 28px 26px;}

/* ---------- REGULATORY ---------- */
.reg-grid{gap:104px;}
.reg-row{padding:28px 0;}

/* ---------- REFERENCES ---------- */
.refs-list{gap:0 64px;}
.refs-list li{padding:18px 0;}

/* ---------- CONTACT ---------- */
.contact h2{margin-bottom:56px;}
.contact-ctas{margin-top:40px;}

/* ---------- RESPONSIVE: keep it tasteful on small screens ---------- */
@media (max-width:920px){
  section{padding:104px 0;}
  section.tight{padding:96px 0;}
  .whynow,.headtohead{padding:96px 0;}
  .contact{padding:112px 0 88px;}
  .eyebrow,section.tight .eyebrow{margin-bottom:44px;}
  .lede{margin-bottom:48px;}
  .how .sub,.moat .sub,.science .sub,.reg .sub,.pharma .sub,.how-tight .sub{margin-bottom:48px;}
  .stakes-tight .stakes-grid,.h2h-grid,.reg-grid{gap:56px;}
  .science .head{gap:40px;margin-bottom:48px;}
  .evidence-grid{gap:56px;}
  .funnel .col{padding:34px 26px 30px;}
  .hero-bottom{margin-top:64px;}
}