:root{--bg:#f7fbf9;--ink:#1d2b2a;--mint:#dff1ea;--teal:#2f7f73;--line:#dde7e3}*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,.logo{font-family:Georgia,serif;line-height:1.2}main,footer{max-width:1000px;margin:auto;padding:1.5rem}img{max-width:100%;height:auto;border-radius:16px}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--line)}
.logo{font-size:1.4rem;color:var(--teal);text-decoration:none;font-weight:700}nav a{margin:0 .6rem;color:var(--ink)}nav a.btn{margin:0}#m{display:none}
.btn{display:inline-block;padding:.7rem 1.3rem;border-radius:999px;background:var(--teal);color:#fff!important;text-decoration:none;font-weight:600}.btn.ghost{background:var(--mint);color:var(--teal)!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1b5fd0;outline-offset:2px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}figure{margin:0;text-align:center}.note{background:var(--mint);padding:1rem;border-radius:12px;font-size:.95rem}.small{font-size:.9rem}
details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.8rem 1rem;margin:.5rem 0}.cta{background:#fff;border-radius:20px;padding:1.5rem;text-align:center;border:1px solid var(--line)}
footer{border-top:1px solid var(--line);font-size:.9rem}footer a{margin-right:.8rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
@media(max-width:700px){.hero,.grid{grid-template-columns:1fr}#m{display:block}#n{display:none;width:100%}#n.open{display:block}#n a{display:block;margin:.5rem 0}}