
:root{color-scheme:light;--ink:#182a31;--muted:#4e626a;--line:#dce4e3;--accent:#17675e;--paper:#fbfcfa}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #26887b;outline-offset:5px;border-radius:2px}
.wrap{width:min(100% - 44px,800px);margin:auto}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--ink);text-decoration:none}.mark{font:700 14px/1 monospace;background:var(--ink);color:white;border-radius:8px;padding:12px}
.links{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}.links a[aria-current=page]{font-weight:700;text-decoration-thickness:2px}
main{padding:64px 0 58px}h1{font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}h2{font-size:22px;line-height:1.35;margin:34px 0 10px}p{margin:0 0 18px}ul{padding-left:24px}li{margin-bottom:10px}
.eyebrow{font:700 12px/1.5 monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.lead{font-size:21px;line-height:1.6;color:var(--muted);max-width:660px}.note{border-left:3px solid var(--accent);padding:14px 20px;background:#eef4f0;margin:30px 0;font-size:16px}.note p:last-child{margin:0}
.features{border-top:1px solid var(--line);margin-top:36px}.feature{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.feature h2{margin:0;font-size:18px}.feature p{margin:0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:24px 0 36px;font-size:13px;color:var(--muted)}footer p{margin:0 0 8px}.small{font-size:14px;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;background:white;padding:8px}.skip:focus{top:10px}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}nav{gap:16px;padding:18px 0}.links{gap:18px}main{padding-top:38px}.feature{grid-template-columns:1fr;gap:5px}.lead{font-size:19px}a{overflow-wrap:anywhere}}
