:root { --ink:#17201d; --paper:#f5f0e7; --lime:#d8f06b; --coral:#f28061; --line:rgba(23,32,29,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Avenir Next","SF Pro Display",system-ui,sans-serif; }
a { color:inherit; }
.wrap { width:min(960px,calc(100% - 40px)); margin:auto; }
nav { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font-weight:700; font-size:1.25rem; letter-spacing:-.06em; text-decoration:none; }
.dot { display:inline-block; width:.47em; height:.47em; border-radius:50%; background:var(--coral); margin-left:.08em; }
.back { font:500 .72rem ui-monospace,"SFMono-Regular",monospace; text-transform:uppercase; text-decoration:none; border:1px solid var(--ink); border-radius:99px; padding:10px 14px; }
main { padding:80px 0 120px; }
.eyebrow { display:block; margin-bottom:22px; font:500 .74rem ui-monospace,"SFMono-Regular",monospace; text-transform:uppercase; letter-spacing:.09em; }
h1 { max-width:760px; margin:0 0 24px; font-size:clamp(3.2rem,8vw,6rem); line-height:.92; letter-spacing:-.072em; font-weight:600; }
.lead { max-width:720px; margin:0 0 48px; font-size:1.2rem; line-height:1.5; }
.notice { margin:0 0 54px; padding:22px 24px; border:1px solid var(--ink); background:var(--lime); font-weight:600; line-height:1.45; }
.legal-grid { display:grid; grid-template-columns:210px 1fr; gap:45px; padding:32px 0; border-top:1px solid var(--ink); }
.legal-grid:last-child { border-bottom:1px solid var(--ink); }
.legal-grid h2 { margin:0; font-size:1.15rem; letter-spacing:-.025em; }
.legal-grid h3 { margin:28px 0 7px; font-size:1rem; }
.legal-grid h3:first-child { margin-top:0; }
.legal-grid p,.legal-grid li { line-height:1.62; }
.legal-grid p { margin:0 0 12px; }
.legal-grid ul { padding-left:20px; margin:8px 0 0; }
.placeholder { display:inline-block; padding:2px 7px; background:#f7c6b8; border:1px solid var(--ink); font:500 .75rem ui-monospace,"SFMono-Regular",monospace; text-transform:uppercase; }
.meta { margin-top:44px; color:#59645e; font:400 .72rem ui-monospace,"SFMono-Regular",monospace; }
footer { padding:28px 0 35px; border-top:1px solid var(--line); font:400 .7rem ui-monospace,"SFMono-Regular",monospace; text-transform:uppercase; }
footer .wrap { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
@media (max-width:700px) { .wrap { width:calc(100% - 32px); } main { padding:55px 0 80px; } .legal-grid { grid-template-columns:1fr; gap:12px; } }