@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif&display=swap');
:root{color-scheme:light;--paper:#f4f6ef;--ink:#172721;--muted:#42554a;--panel:#e4ebdc;--edge:#bfcbb9;--button:#28503e;--button-ink:#fff}
html.dark,html[data-theme=dark],body.dark{color-scheme:dark;--paper:#16221d;--ink:#f1f4ea;--muted:#c4d2c6;--panel:#24382e;--edge:#496253;--button:#c6e2bf;--button-ink:#172721}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(24px,7vw,94px);max-width:1130px;margin:auto;padding:clamp(44px,9vw,112px) 24px}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:.97;margin:0}h1{font-size:clamp(68px,9vw,128px);letter-spacing:-.03em}h2{font-size:44px}
.hero p{max-width:37ch;color:var(--muted);font-size:1.13rem;margin:24px 0}
.cta{display:inline-flex;gap:17px;align-items:center;padding:11px 17px;border-radius:7px;background:var(--button);color:var(--button-ink);font-weight:700;text-decoration:none}
.cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.features{padding:clamp(19px,4vw,38px);background:var(--panel);border:1px solid var(--edge);border-radius:16px}
.features ul{list-style:none;padding:0;margin:20px 0 0}.features li{padding:12px 0;border-top:1px solid var(--edge)}.features li span{display:block;color:var(--muted)}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero h1 br{display:none}}