:root { color-scheme: light; --ink:#173a3a; --muted:#506866; --paper:#f7f8f3; --accent:#17645c; --line:#d5e0d9; }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
    a { color:var(--accent); text-underline-offset:4px; }
    a:focus-visible { outline:3px solid #b36d20; outline-offset:5px; }
    .wrap { max-width:1120px; margin:auto; padding:0 28px; }
    header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0; border-bottom:1px solid var(--line); }
    .brand { font-size:22px; font-weight:750; letter-spacing:-.7px; }
    nav { display:flex; gap:22px; font-size:14px; }
    nav a { text-decoration:none; }
    .hero { padding:92px 0 80px; max-width:850px; }
    .eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700; }
    h1 { font-size:clamp(44px,7vw,78px); line-height:1.06; letter-spacing:-3px; font-weight:650; margin:22px 0 28px; }
    .lead { font-size:21px; max-width:680px; color:var(--muted); }
    .status { display:inline-block; margin-top:20px; padding:8px 14px; border:1px solid var(--line); border-radius:30px; font-size:13px; }
    section { padding:42px 0; border-top:1px solid var(--line); scroll-margin-top:20px; }
    h2 { font-size:30px; line-height:1.2; letter-spacing:-.8px; margin:0 0 24px; }
    h3 { font-size:19px; margin:12px 0; }
    p { max-width:760px; }
    .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    article { padding:26px; background:white; border:1px solid var(--line); border-radius:16px; }
    article p { font-size:15px; color:var(--muted); margin-bottom:0; }
    .number { font-size:12px; color:var(--accent); font-weight:700; }
    .note { background:#e9f0e9; border-radius:16px; padding:28px; }
    footer { padding:32px 0; font-size:13px; color:var(--muted); border-top:1px solid var(--line); }
    @media(max-width:650px) { .wrap { padding:0 20px; } header { align-items:flex-start; flex-direction:column; gap:12px; } .hero { padding:58px 0; } h1 { letter-spacing:-1.8px; } .grid { grid-template-columns:1fr; } .lead { font-size:18px; } }
  
.brand { text-decoration:none; color:var(--ink); }
.skip { position:absolute; left:20px; top:-100px; background:white; padding:12px; z-index:2; }
.skip:focus { top:10px; }
.button { display:inline-block; background:var(--ink); color:white; padding:12px 20px; border-radius:8px; text-decoration:none; margin-top:18px; }
.hero { max-width:none; position:relative; }
.hero:after { content:""; position:absolute; right:0; top:90px; width:170px; height:170px; border:1px solid var(--line); border-radius:50%; box-shadow:0 0 0 24px #edf1e9,0 0 0 25px var(--line),0 0 0 48px #f0f3ed; z-index:-1; }
.document { max-width:800px; padding:60px 0; }
.document h1 { font-size:clamp(36px,6vw,55px); letter-spacing:-1.5px; }
.document h2 { margin-top:38px; font-size:24px; }
.document p,.document li { color:var(--muted); }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; margin-top:15px; }
nav { flex-wrap:wrap; }
@media(max-width:950px) { .hero:after { display:none; } }