:root{--paper:#f3f6f0;--ink:#263e32;--accent:#456b4b;--stage:#e0e9dc;color-scheme:light}
.hero h1 span{display:block}.product-shot{display:grid;justify-items:center;align-content:start;gap:16px;min-width:0}.product-shot .shot-link{width:min(100%,280px)}.product-shot figcaption{text-align:center;max-width:34ch}.hero-visual{min-width:0}.story-content .product-shot{background:var(--stage);padding:28px}.story-content .product-shot .shot-link{max-width:240px}.reading-pair,.schedule-pair,.household-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-pair .product-shot,.schedule-pair .product-shot,.household-pair .product-shot{padding:20px 12px}.story-heading h2{max-width:23ch}@media(max-width:600px){.product-shot .shot-link{max-width:260px}.reading-pair,.schedule-pair,.household-pair{grid-template-columns:1fr;gap:28px}.story-content .product-shot .shot-link{max-width:250px}}
/* A calm timer, with the date-specific schedule treated as its own two-screen explanation. */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1100px}.hero-visual{padding:32px;border-inline:1px solid var(--line)}.hero-visual .shot-link{max-width:245px}.hero h1{max-width:13ch;font-size:clamp(2.8rem,4.5vw,4.4rem)}.hero h1 span{font-weight:400;color:var(--accent)}.story-content{grid-template-columns:1fr 1.2fr}.schedule-pair{align-items:start}.schedule-pair .product-shot:nth-child(2){margin-top:72px}.fact-band{justify-content:center}.screenshot-index{justify-content:center}.story-heading{grid-template-columns:1fr}.story-heading h2{max-width:none}.product-details{margin-top:48px}@media(max-width:800px){.story-content{grid-template-columns:1fr}.schedule-pair{max-width:600px;margin:auto}.hero{gap:24px}}@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-visual{padding:28px}.schedule-pair .product-shot:nth-child(2){margin-top:0}}