:root { color-scheme: light; --ink:#111; --muted:#6f6b66; --line:#dedbd5; --paper:#f5f2ec; --card:#fffdf9; --red:#ed3f2f; --yellow:#ffc857; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); }
a { color:inherit; text-underline-offset:3px; }
.site-header, main, footer { width:min(100% - 36px, 980px); margin:0 auto; }
.site-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { font-size:1.1rem; font-weight:950; letter-spacing:-.08em; text-decoration:none; }
.brand span { color:var(--red); }
.site-header nav, footer nav { display:flex; flex-wrap:wrap; gap:16px; color:var(--muted); font-size:.78rem; font-weight:750; }
main { padding:70px 0 90px; }
.intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr); gap:52px; padding-bottom:48px; border-bottom:1px solid var(--line); }
.label { margin:0 0 12px; color:var(--red); font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font-size:clamp(3.1rem,8vw,6.4rem); line-height:.88; letter-spacing:-.075em; }
.lede { margin:10px 0 0; color:var(--muted); font-size:1.05rem; line-height:1.65; }
.facts { align-self:end; border-top:3px solid var(--ink); padding-top:18px; }
.facts p { margin:0 0 11px; color:var(--muted); font-size:.8rem; line-height:1.5; }
.facts strong { color:var(--ink); }
.prose { max-width:760px; padding-top:44px; }
.prose h2 { margin:42px 0 12px; font-size:1.75rem; letter-spacing:-.045em; }
.prose h2:first-child { margin-top:0; }
.prose p, .prose li { color:#4f4b46; line-height:1.72; }
.prose ul { padding-left:20px; }
.callout { margin-top:38px; border-left:4px solid var(--red); padding:18px 22px; background:var(--card); }
.callout p { margin:0; }
.analytics-preference { margin:20px 0 12px; padding:20px; border:1px solid var(--line); border-left:4px solid var(--red); background:var(--card); }
.analytics-preference p { margin:0 0 14px; }
.analytics-preference button { min-height:44px; border:2px solid var(--ink); border-radius:999px; padding:10px 18px; color:var(--card); background:var(--ink); font:inherit; font-weight:850; cursor:pointer; }
.analytics-preference button:hover { background:var(--red); border-color:var(--red); }
.analytics-preference button:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; }
.analytics-preference button:disabled { color:var(--muted); background:var(--paper); border-color:var(--line); cursor:not-allowed; }
footer { display:flex; justify-content:space-between; gap:24px; padding:24px 0 36px; border-top:1px solid var(--line); color:var(--muted); font-size:.72rem; }
@media (max-width:700px) { .site-header { align-items:flex-start; flex-direction:column; padding:20px 0; } .intro { grid-template-columns:1fr; gap:30px; } main { padding-top:48px; } footer { flex-direction:column; } }