:root { color-scheme: light; --paper:#f4f1e9; --ink:#15352e; --muted:#51645c; --accent:#bc4427; --line:#cbd1c5; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at top right,#e0e8d7,transparent 60%),var(--paper); color:var(--ink); font:17px/1.65 Georgia,serif; }
a { color:inherit; text-underline-offset:4px; }
a:hover { color:var(--accent); }
a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
header,main,footer { width:min(1080px,calc(100% - 48px)); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px 0; border-bottom:1px solid var(--line); }
.brand { font-size:21px; font-weight:bold; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:20px; font:14px/1.5 'Courier New',monospace; }
main { padding:72px 0; min-height:65vh; }
.eyebrow { color:var(--accent); font:13px/1.5 'Courier New',monospace; letter-spacing:2px; text-transform:uppercase; }
h1 { font-size:clamp(38px,6vw,76px); line-height:1.08; font-weight:normal; letter-spacing:-2px; max-width:850px; margin:20px 0 30px; }
.intro { max-width:690px; font-size:22px; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:56px 0; }
.grid section { border-top:2px solid var(--ink); padding-top:12px; }
h2 { font-size:25px; line-height:1.3; margin:24px 0 12px; }
p,li { max-width:760px; }
.number { color:var(--accent); font:13px 'Courier New',monospace; }
.note { padding:22px 26px; border-left:4px solid var(--accent); background:#ffffff70; }
.legal { max-width:780px; }
.legal h1 { font-size:clamp(38px,5vw,60px); }
.legal section { padding:12px 0; border-bottom:1px solid var(--line); }
footer { border-top:1px solid var(--line); padding:25px 0 40px; color:var(--muted); font-size:14px; }
@media(max-width:650px) { header { align-items:flex-start; flex-direction:column; gap:12px; } main { padding:42px 0; } .grid { grid-template-columns:1fr; gap:18px; } h1 { letter-spacing:-1px; } .intro { font-size:20px; } }