@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root { --ink:#211914; --muted:#6f625a; --paper:#f7f1e7; --white:#fffdf9; --red:#d92f34; --line:rgba(44,30,23,.14); }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; line-height:1.72; -webkit-font-smoothing:antialiased; }
a { color:var(--red); text-underline-offset:3px; }
img { max-width:100%; display:block; }
.legal-nav { border-bottom:1px solid var(--line); background:rgba(255,253,249,.85); backdrop-filter:blur(12px); }
.legal-nav-inner { width:min(1080px,calc(100% - 36px)); min-height:72px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:800 1.2rem/1 "Manrope",sans-serif; letter-spacing:-.04em; }
.brand img { width:38px; height:38px; border-radius:11px; }
.back-link { color:var(--ink); font-size:.85rem; font-weight:700; text-decoration:none; }
.back-link:hover { color:var(--red); }
.legal-hero { padding:76px 0 52px; text-align:center; }
.legal-hero p:first-child { margin:0 0 10px; color:var(--red); font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.legal-hero h1 { margin:0; font:800 clamp(2.6rem,6vw,4.5rem)/1.02 "Manrope",sans-serif; letter-spacing:-.06em; }
.effective { color:var(--muted); }
.legal-wrap { width:min(850px,calc(100% - 30px)); margin:0 auto 80px; padding:clamp(28px,6vw,62px); background:var(--white); border:1px solid var(--line); border-radius:28px; box-shadow:0 22px 60px rgba(72,42,25,.09); }
.legal-wrap h2 { margin:2.2em 0 .65em; color:var(--ink); font:800 1.35rem/1.25 "Manrope",sans-serif; letter-spacing:-.03em; }
.legal-wrap h2:first-child { margin-top:0; }
.legal-wrap h3 { margin:1.4em 0 .45em; font:700 1.02rem/1.35 "Manrope",sans-serif; }
.legal-wrap p, .legal-wrap li { color:#5f534c; }
.legal-wrap ul { padding-left:1.35rem; }
.legal-wrap strong { color:var(--ink); }
.notice { padding:18px 20px; border-left:4px solid var(--red); background:#fff3ef; border-radius:0 12px 12px 0; }
.support-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:28px 0; }
.support-card { padding:24px; color:inherit; text-decoration:none; border:1px solid var(--line); border-radius:18px; background:#faf6ef; }
.support-card:hover { border-color:var(--red); transform:translateY(-2px); }
.support-card small { color:var(--red); font-size:.65rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.support-card h2 { margin:8px 0 5px; font-size:1.15rem; }
.support-card p { margin:0; font-size:.91rem; }
.legal-footer { padding:30px 20px; text-align:center; color:#8a7c73; font-size:.78rem; }
.legal-footer a { color:inherit; margin:0 8px; }
@media (max-width:620px){ .legal-hero{padding:55px 0 35px}.legal-wrap{border-radius:20px}.support-grid{grid-template-columns:1fr}.back-link{font-size:0}.back-link::after{content:'← Back';font-size:.82rem} }