/* C1 — The Question. Same brand, one thing at a time: a single column at every
   width, the opening question at the largest scale in the set, and chrome
   reduced to almost nothing so the question is the only thing on screen. */
:root{ --ground:#FFFFFF; --surface:#FFFFFF; --tint:#E6F0FB; --rule:#E7EDF3;
  --r:12px; --r-lg:16px; --sec-y:6rem; --shell:1080px; --measure:68ch; }
body{ font-size:18px; }
/* One column. No multi-column grid anywhere — that IS the system. */
.hero-grid.has-media,.prose-grid.has-media,.form.has-aside,
.choice-grid[data-n="2"],.choice-grid[data-n="3"],
.cards[data-n="2"],.cards[data-n="3"],.quotes{ grid-template-columns:1fr !important; }
.steps li,.facts > div{ grid-template-columns:1fr !important; }
@media (min-width:780px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
.hero{ padding-block:clamp(3.5rem,12vw,8rem); }
.hero h1{ font-size:clamp(2.3rem,6.4vw,4.6rem); line-height:1.04; letter-spacing:-.02em; max-width:20ch; }
.hero .lede{ font-size:clamp(1.12rem,2.2vw,1.45rem); max-width:34ch; }
.sec h2,.sec:not(.hero) h1{ font-size:clamp(1.6rem,4vw,2.4rem); margin-bottom:var(--s3); }
.brand .wordmark span{ display:none; }
.cards{ gap:var(--s5); }
.quotes{ gap:var(--s3); }
.quote blockquote{ font-size:clamp(1.1rem,2.4vw,1.35rem); line-height:1.45; letter-spacing:-.015em; }
.choice{ border:0; border-top:2px solid var(--rule); border-radius:0; padding:var(--s3) 0 var(--s4); }
.choice:hover{ box-shadow:none; border-top-color:var(--blue); }
.choice .name{ font-size:clamp(1.3rem,3.2vw,1.8rem); }
.steps li,.facts > div{ padding-block:var(--s4); }
.btn{ padding:.95rem 1.8rem; font-size:1rem; }
.field input,.field textarea{ font-size:1.02rem; }