:root{color-scheme:light;--ink:#182329;--muted:#52616a;--line:#d7e1e1;--accent:#146f77;--paper:#f7faf9;--white:#fff}
*{box-sizing:border-box}
html{font-family:Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.55;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white)}
a{color:var(--accent)}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid #e6a93b;outline-offset:3px}
.shell{max-width:1080px;margin:auto;padding:0 1.5rem}
header{border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:750;text-decoration:none;font-size:1.1rem}
.brand img{width:44px;height:44px;object-fit:contain}
nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
nav a{font-weight:600;text-decoration:none}
nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.4rem}
.hero{background:var(--paper);border-bottom:1px solid var(--line);padding:4.5rem 0 4rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:2.5rem}
.hero img{width:100%;height:auto;max-height:235px;object-fit:contain}
h1{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.1;margin:.25rem 0 1.25rem;letter-spacing:0}
.lede{font-size:1.2rem;max-width:680px;margin:0;color:#34464c}
.meta{color:var(--muted);font-size:.93rem}
main{min-height:65vh}
.content{padding-top:3.2rem;padding-bottom:5rem;max-width:850px}
.content h1{font-size:2.6rem}
.content h2{font-size:1.35rem;margin:2.7rem 0 .65rem}
.content p,.content li{max-width:72ch}
.content ul{padding-left:1.35rem}
.content li+li{margin-top:.4rem}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:3rem 0;border-top:1px solid var(--line);padding-top:2rem}
.features h2{font-size:1.15rem;margin:0 0 .45rem}
.features p{margin:0;color:var(--muted)}
.notice{border-left:4px solid var(--accent);padding:.85rem 1.1rem;background:var(--paper);margin:2rem 0}
footer{border-top:1px solid var(--line);background:var(--paper)}
.footer{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-top:1.4rem;padding-bottom:1.4rem;color:var(--muted);font-size:.93rem}
.footer p{margin:0}
.footer div{display:flex;gap:1.2rem;flex-wrap:wrap}
@media(max-width:680px){.nav{align-items:flex-start;flex-direction:column;padding:1rem 0;gap:.7rem}nav{gap:1rem}.hero{padding:2.8rem 0}.hero-grid{grid-template-columns:1fr}.hero img{max-height:150px;justify-self:start;width:150px;order:-1}.features{grid-template-columns:1fr;gap:1.7rem}.content{padding-top:2rem}.content h1{font-size:2.2rem}}