@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@700;800&display=swap");
:root { --ink:#101820; --muted:#62717b; --paper:#f6f4ef; --card:#fffdf8; --green:#1f6f55; --line:rgba(16,24,32,.13); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:500 16px/1.65 "Manrope","Segoe UI",sans-serif; }
a { color:var(--green); font-weight:700; }
.legal-nav { position:sticky; top:0; z-index:2; border-bottom:1px solid var(--line); background:rgba(246,244,239,.94); backdrop-filter:blur(14px); }
.legal-nav-inner,.legal-main { width:min(860px,calc(100% - 36px)); margin:0 auto; }
.legal-nav-inner { display:flex; align-items:center; justify-content:space-between; min-height:72px; }
.legal-brand { padding:10px 16px; border-radius:999px; color:#fff; background:var(--ink); text-decoration:none; }
.legal-main { padding:64px 0 88px; }
.legal-card { padding:clamp(26px,5vw,56px); border:1px solid var(--line); border-radius:8px; background:var(--card); box-shadow:0 24px 70px rgba(39,51,61,.08); }
.legal-kicker { color:var(--green); font-size:12px; font-weight:800; text-transform:uppercase; }
h1,h2 { font-family:"Plus Jakarta Sans","Manrope",sans-serif; letter-spacing:0; }
h1 { margin:12px 0 8px; font-size:clamp(36px,7vw,58px); line-height:1.04; }
h2 { margin:38px 0 8px; font-size:22px; line-height:1.25; }
p,li { color:#354650; }
.legal-meta { margin:0 0 34px; color:var(--muted); }
li+li { margin-top:8px; }
.legal-note { margin-top:36px; padding:16px 18px; border-left:4px solid var(--green); background:#e7f3ed; }
@media (max-width:600px) { .legal-main{padding-top:24px}.legal-card{padding:24px 20px} }