:root { --ink:#3e2232; --muted:#7f6872; --rose:#a55b7c; --line:#ead9dc; --paper:#fffaf8; --wash:#f8eeeb; }
* { box-sizing:border-box; }
html { color-scheme:light; background:var(--wash); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 15% 5%,#ffe8df 0,transparent 34%),linear-gradient(135deg,#fff8f5,#f7eeee); font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:#8d3f63; text-underline-offset:3px; }
.legal-header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px clamp(20px,5vw,72px); border-bottom:1px solid rgba(120,70,90,.14); background:rgba(255,250,248,.88); backdrop-filter:blur(16px); }
.legal-brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:750; text-decoration:none; }
.legal-brand span { position:relative; display:grid; place-items:center; width:34px; height:34px; border-radius:44% 56% 52% 48% / 48% 43% 57% 52%; color:white; background:linear-gradient(145deg,#b96784,#643048); box-shadow:0 8px 20px #9e557240; font-size:10px; letter-spacing:-.04em; }
.legal-brand span::after { content:""; position:absolute; right:3px; bottom:4px; width:5px; height:5px; border:1.5px solid #fffaf7; border-radius:50%; background:#ddb86f; }
.legal-header nav { display:flex; gap:22px; font-size:14px; }
.legal-shell { width:min(880px,calc(100% - 36px)); margin:54px auto 72px; padding:clamp(28px,6vw,72px); border:1px solid rgba(120,70,90,.14); border-radius:32px; background:rgba(255,252,250,.94); box-shadow:0 28px 80px rgba(86,43,59,.10); }
.compact-legal { min-height:65vh; }
.eyebrow { margin:0 0 13px; color:var(--rose); font-size:12px; font-weight:800; letter-spacing:.15em; }
h1 { max-width:760px; margin:0; font-size:clamp(38px,6vw,64px); line-height:1.02; letter-spacing:-.055em; }
.lead { max-width:720px; margin:24px 0 10px; color:var(--muted); font-size:20px; }
.meta { margin:0 0 44px; color:#a48e97; font-size:13px; }
section { padding:28px 0; border-top:1px solid var(--line); }
section h2 { margin:0 0 12px; font-size:23px; letter-spacing:-.025em; }
section h3 { margin:22px 0 5px; font-size:16px; }
section p, section li { color:#604854; }
li + li { margin-top:9px; }
.draft-warning { margin:0 0 38px; padding:16px 18px; border:1px solid #e8bd75; border-radius:14px; color:#6b4823; background:#fff4dd; }
.draft-warning strong { display:block; }
.retention-table { overflow:hidden; border:1px solid var(--line); border-radius:17px; }
.retention-table > div { display:grid; grid-template-columns:minmax(160px,.8fr) minmax(260px,1.4fr); }
.retention-table > div + div { border-top:1px solid var(--line); }
.retention-table span,.retention-table strong { padding:13px 15px; }
.retention-table span:first-child { color:var(--ink); font-weight:650; background:#fcf4f2; }
.table-head { color:white; background:#623448; }
.legal-footer { display:flex; justify-content:center; gap:12px; padding:0 20px 40px; color:var(--muted); font-size:14px; }
@media (max-width:650px) { .legal-header nav { gap:12px; } .legal-shell { margin-top:24px; padding:28px 22px; border-radius:22px; } .retention-table > div { grid-template-columns:1fr; } .retention-table span:last-child { padding-top:3px; } .table-head { display:none!important; } }