:root { --ink:#10241f; --green:#0e5f4c; --paper:#f3f5ef; --white:#fff; --sun:#ffcf5a; --coral:#ff6b55; --line:#ccd7d0; --muted:#5c7169; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:18px; line-height:1.65; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--sun); outline-offset:4px; }
.legal-header { position:sticky; z-index:10; top:0; display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid #d7dfda; padding:16px clamp(20px,5vw,72px); background:#f3f5efed; backdrop-filter:blur(18px); }
.legal-logo { display:flex; align-items:center; gap:11px; font-size:14px; font-weight:900; letter-spacing:.1em; }
.legal-logo span { display:grid; place-items:center; width:42px; height:42px; border:2px solid var(--sun); border-radius:14px; color:#fff; background:var(--green); letter-spacing:-.08em; }
.back-link { border:1px solid #b8c7be; border-radius:24px; padding:9px 15px; font-size:14px; font-weight:800; }
.legal-hero { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); gap:7vw; align-items:end; max-width:1380px; margin:auto; padding:92px clamp(20px,6vw,88px) 70px; }
.legal-kicker { margin:0 0 20px; color:var(--green); font-size:13px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.legal-hero h1 { margin:0; font-size:clamp(48px,6vw,86px); line-height:.93; letter-spacing:-.065em; }
.legal-hero h1 em { color:var(--green); font-family:Georgia,serif; font-weight:400; }
.legal-summary { border-left:5px solid var(--sun); padding:6px 0 6px 28px; color:var(--muted); font-size:21px; line-height:1.55; }
.legal-summary b { color:var(--ink); }
.draft-alert { display:grid; grid-template-columns:auto 1fr; gap:18px; max-width:1200px; margin:0 auto 55px; border:1px solid #d2aa43; border-radius:18px; padding:20px 23px; background:#fff5d4; }
.draft-alert strong { display:grid; place-items:center; align-self:start; min-width:105px; border-radius:20px; padding:7px 12px; color:#fff; background:#946f0e; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.draft-alert p { margin:0; font-size:16px; line-height:1.55; }
.legal-layout { display:grid; grid-template-columns:230px minmax(0,850px); gap:70px; max-width:1200px; margin:auto; padding:0 24px 100px; }
.legal-nav { position:sticky; top:96px; align-self:start; display:grid; gap:3px; border-left:1px solid var(--line); padding-left:18px; }
.legal-nav a { padding:6px 0; color:var(--muted); font-size:14px; font-weight:750; line-height:1.35; }
.legal-nav a:hover { color:var(--green); }
.legal-document { min-width:0; }
.legal-meta { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:42px; }
.legal-meta span { border:1px solid var(--line); border-radius:20px; padding:6px 11px; color:var(--muted); font-size:13px; font-weight:750; }
.legal-document section { scroll-margin-top:105px; border-top:1px solid var(--line); padding:38px 0 8px; }
.legal-document h2 { margin:0 0 20px; font-size:clamp(29px,3vw,42px); line-height:1.05; letter-spacing:-.045em; }
.legal-document h3 { margin:28px 0 10px; font-size:21px; line-height:1.2; }
.legal-document p { margin:0 0 16px; }
.legal-document ul,.legal-document ol { display:grid; gap:10px; margin:14px 0 23px; padding-left:24px; }
.legal-document li::marker { color:var(--green); font-weight:900; }
.legal-document a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
.data-boundary { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:25px 0; }
.data-boundary article { border-radius:22px; padding:23px; background:#fff; }
.data-boundary article:first-child { border:2px solid var(--green); }
.data-boundary span { color:var(--green); font-size:12px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.data-boundary h3 { margin:17px 0 9px; }
.data-boundary p { color:var(--muted); font-size:16px; }
.term { border-left:4px solid var(--coral); margin:24px 0; padding:4px 0 4px 20px; }
.term b { display:block; margin-bottom:6px; }
.placeholder { border-radius:5px; padding:2px 6px; color:#7b260f; background:#ffe0d8; font-weight:850; }
.legal-table { width:100%; margin:22px 0 30px; border-collapse:collapse; font-size:16px; }
.legal-table th,.legal-table td { border-bottom:1px solid var(--line); padding:15px 12px; text-align:left; vertical-align:top; }
.legal-table th { color:var(--green); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.promise-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:25px 0; }
.promise-grid article { min-height:185px; border-radius:22px; padding:23px; background:#fff; }
.promise-grid b { display:block; margin-bottom:10px; font-size:20px; }
.promise-grid p { color:var(--muted); font-size:16px; }
.legal-footer { display:grid; grid-template-columns:1fr auto; gap:25px; border-top:1px solid var(--line); padding:35px clamp(20px,5vw,72px); color:var(--muted); font-size:14px; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.legal-footer a:hover { color:var(--green); }
@media(max-width:850px){ .legal-hero{grid-template-columns:1fr;gap:30px}.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;grid-template-columns:1fr 1fr;border-left:0;border-bottom:1px solid var(--line);padding:0 0 22px}.data-boundary,.promise-grid{grid-template-columns:1fr}.legal-footer{grid-template-columns:1fr}.legal-footer nav{grid-row:1} }
@media(max-width:560px){ body{font-size:17px}.legal-header{padding:13px 17px}.legal-hero{padding:65px 20px 46px}.legal-hero h1{font-size:45px}.legal-summary{font-size:18px}.draft-alert{grid-template-columns:1fr;margin:0 20px 45px}.draft-alert strong{width:max-content}.legal-layout{gap:38px;padding:0 20px 75px}.legal-nav{grid-template-columns:1fr}.legal-table{display:block;overflow-x:auto}.legal-document h2{font-size:31px}.legal-footer{padding:30px 20px} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }