:root{
/* ── Layout ───────────────────────────────────────────────────────────────── */
--maxw:1180px;              /* .wrap */
--gutter:24px;              /* .wrap horizontal padding */
--measure-section-head:600px;
--measure-feature-head:680px;
--measure-copy:560px;
--measure-cta:640px;

/* ── Vertical rhythm ──────────────────────────────────────────────────────── */
--section-y:80px;           /* default section padding-block */
--section-y-mobile:56px;
--section-y-feature:96px;   /* .clarity-band */
--section-y-tall:100px;     /* .why-created, .growth-cycle */
--section-y-cta:88px;       /* .final-cta */
--section-y-band:56px;      /* .mid-cta-band */
--section-head-gap:44px;

/* ── Grid gaps ────────────────────────────────────────────────────────────── */
--gap-card:20px;            /* .path-grid, .res-grid, .problems-grid */
--gap-card-lg:24px;         /* .who-grid */
--gap-hero:48px;
--gap-deb:44px;
--gap-actions:14px;
--gap-nav:22px;

/* ── Padding scale ────────────────────────────────────────────────────────── */
--pad-card:26px 22px;       /* .path-card, .res-card, .problem-item */
--pad-card-lg:32px 28px;    /* .who-card */
--pad-panel:26px 28px;      /* .gc-panel */
--pad-btn:14px 26px;
--pad-btn-pill:12px 22px;   /* .gc-btn */
--pad-pill:4px 9px;         /* .path-tag */
--pad-tag:5px 12px;         /* .who-card .tag */

/* ── Radii ────────────────────────────────────────────────────────────────── */
--radius-btn:6px;
--radius-card:14px;
--radius-panel:14px;
--radius-dropdown:12px;
--radius-input:8px;
--radius-pill:20px;
--radius-pill-lg:30px;      /* .gc-btn */
--radius-round:50%;         /* every photo, every icon disc */

/* ── Control sizing ───────────────────────────────────────────────────────── */
--btn-min-height:48px;
--icon-disc:38px;           /* .problem-icon */
--icon-disc-sm:30px;
--social-disc:28px;
--logo-size:160px;
--logo-size-mobile:104px;
--photo-hero:340px;
--photo-deb:260px;
}