@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root { color-scheme: light; --ink:#19292c; --muted:#536261; --paper:#f5f5ed; --accent:#e2f083; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',sans-serif; line-height:1.65; }
a { color:inherit; text-underline-offset:5px; }
a:focus-visible { outline:3px solid #657f09; outline-offset:5px; }
.site-header,.site-footer,main { max-width:1200px; margin:auto; }
.site-header { padding:30px 40px; display:flex; justify-content:space-between; align-items:center; }
.wordmark { font-size:34px; font-weight:700; letter-spacing:-2px; text-decoration:none; line-height:1; }
.wordmark span { color:#788e25; }
nav { display:flex; gap:30px; font-size:14px; }
nav a { text-decoration:none; }
.hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:60px; padding:70px 40px 80px; }
.eyebrow { font-size:12px; letter-spacing:.09em; text-transform:uppercase; font-weight:700; margin:0 0 26px; }
h1 { font-family:'DM Sans',sans-serif; font-size:clamp(42px,5.4vw,68px); font-weight:600; letter-spacing:-.065em; line-height:1.08; margin:0 0 30px; }
.highlight { background:linear-gradient(transparent 60%,var(--accent) 60%); }
.intro { max-width:490px; font-size:17px; color:var(--muted); margin:0 0 32px; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.button { display:inline-flex; align-items:center; gap:24px; padding:15px 22px; border-radius:5px; background:var(--ink); color:#fff; font-size:14px; text-decoration:none; }
.text-link { font-size:14px; }
.document-wrap { background:#e5e8de; padding:36px 24px; border-radius:120px 120px 16px 16px; }
.document { background:#fff; padding:28px; max-width:340px; margin:auto; box-shadow:0 16px 40px #19292c13; transform:rotate(-3deg); }
.doc-head { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.07em; font-weight:700; color:#69716c; }
.doc-title { margin-top:36px; font-size:25px; line-height:1.2; font-weight:600; letter-spacing:-1px; }
.doc-subtitle { font-size:11px; color:#69716c; margin-top:8px; }
.doc-rule { height:1px; background:#ddd; margin:24px 0; }
.doc-row { margin:20px 0; display:flex; align-items:center; gap:18px; }
.doc-row span { font-size:11px; width:35px; }
.redaction { display:block; width:150px; height:15px; background:#19292c; border-radius:1px; }
.redaction.wide { width:170px; }.redaction.medium { width:125px; }
.doc-lines { margin:30px 0; }.doc-lines i { height:5px; display:block; margin-top:9px; background:#e7e8e3; }.doc-lines i:last-child { width:70%; }
.doc-foot { display:flex; justify-content:space-between; font-size:10px; border-top:1px solid #eee; padding-top:15px; }.doc-foot span { color:#4e6410; }
.features { border-top:1px solid #d6dacf; display:grid; grid-template-columns:repeat(3,1fr); gap:42px; padding:42px 40px 64px; }
h2 { font-size:19px; letter-spacing:-.04em; line-height:1.3; margin:0 0 14px; }.features p { font-size:14px; color:var(--muted); margin:0; }
.site-footer { padding:26px 40px; border-top:1px solid #d6dacf; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; font-size:12px; }
.languages { display:flex; gap:18px; }
.policy { max-width:780px; padding:35px 40px 70px; }
.policy h1 { font-size:36px; letter-spacing:-.045em; margin:20px 0 10px; line-height:1.2; }
.policy h2 { margin:30px 0 8px; font-size:19px; }.policy p,.policy li { font-size:15px; }.policy .meta { font-size:12px; color:var(--muted); }
@media(max-width:800px) { .hero { gap:32px; padding:35px 28px 55px; }.document-wrap { padding:25px 16px; }.document { padding:20px; }.features { gap:24px; padding:35px 28px 45px; }.site-header,.site-footer { padding-left:28px; padding-right:28px; } }
@media(max-width:620px) { .site-header { padding:24px; }nav { gap:20px; font-size:12px; }.wordmark { font-size:29px; }.hero { grid-template-columns:1fr; gap:42px; padding:35px 24px 50px; }h1 { font-size:49px; }.intro { font-size:16px; }.document-wrap { max-width:380px; width:100%; margin:auto; padding:32px 25px; }.document { padding:25px; }.features { grid-template-columns:1fr; gap:28px; padding:35px 24px 45px; }.site-footer { padding:24px; flex-direction:column; gap:14px; }.policy { padding:25px 24px 50px; }.policy h1 { font-size:30px; } }