:root{color-scheme:light;--ink:#172c31;--muted:#546467;--green:#214e48;--paper:#f6f4ee;--line:#d8ded6}*{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}header,main,footer{max-width:840px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:17px;font-weight:700;letter-spacing:.03em;color:var(--green)}.app{font-size:14px;color:var(--muted)}main{padding-top:48px;padding-bottom:48px}h1{font:600 clamp(32px,5vw,44px)/1.16 Georgia,serif;margin:0 0 18px;letter-spacing:-.025em}h2{font-size:21px;line-height:1.4;margin-top:38px}p{margin:14px 0}a{color:var(--green);text-underline-offset:3px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #aa7334;outline-offset:4px}.meta{font-size:14px;color:var(--muted)}.intro{font-size:20px;line-height:1.5}.contact{border-left:4px solid var(--green);padding:16px 22px;background:#fff;margin:26px 0}.contact p{margin:4px 0}li{margin:8px 0}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}nav{display:flex;gap:22px;flex-wrap:wrap}section{scroll-margin-top:24px}@media(max-width:540px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;gap:2px}main{padding-top:34px}.intro{font-size:18px}}

header{max-width:1100px}.identity{display:flex;flex-direction:column;text-decoration:none;gap:2px}.identity .brand{display:block}.identity .app{display:block}header nav{font-size:14px;gap:16px}nav a[aria-current="page"]{font-weight:700}.skip{position:absolute;left:20px;top:-80px;background:#fff;padding:10px 16px;z-index:10}.skip:focus{top:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.cards article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:10px}.cards h2{font-size:19px;margin:0 0 10px}.cards p{font-size:15px;line-height:1.6;margin:0}.contact h2{margin:0 0 8px;font-size:20px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:18px}.cards{grid-template-columns:1fr}.cards article{padding:20px}header nav{gap:12px 18px}}