:root{--bg:#f6f6f6;--card:#ffffff;--ink:#2e2e2e;--muted:#6b6b6b;--line:#e2e2e2;--accent:#3a3a3a;--soft:#9a9a9a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65;font-size:16px}
header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.bar{max-width:1040px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--accent);font-weight:700;font-size:20px;letter-spacing:-.02em}
.brand img{height:34px;width:auto}
.brand span b{color:var(--soft);font-weight:700}
.bar nav{white-space:nowrap}
.bar nav a{color:var(--muted);font-size:14px;text-decoration:none;margin-left:16px}
.bar nav a:hover{color:var(--accent)}
main{max-width:1040px;margin:0 auto;padding:32px 20px 48px}
.hero{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:64px 48px;margin-bottom:24px}
.eyebrow{color:var(--muted);font-size:14px;font-weight:600;margin:0 0 12px}
h1{margin:0 0 16px;font-size:46px;line-height:1.12;letter-spacing:-.03em;color:var(--accent);max-width:760px}
.lead{font-size:19px;color:var(--muted);margin:0 0 28px;max-width:680px}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:12px 20px;border-radius:9px;margin:0 8px 8px 0}
.btn.alt{background:transparent;color:var(--accent);border:1px solid var(--soft)}
section{margin:0 0 24px;scroll-margin-top:80px}
h2{margin:0 0 8px;font-size:28px;letter-spacing:-.02em;color:var(--accent)}
.sub{margin:0 0 20px;color:var(--muted);max-width:680px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.card h3{margin:0 0 6px;font-size:17px;color:var(--accent)}
.card p{margin:0;font-size:15px;color:var(--muted)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:36px 32px;margin:0 0 24px;scroll-margin-top:80px}
.panel ol{margin:0;padding-left:22px}
.panel li{margin-bottom:8px}
details{border-top:1px solid var(--line);padding:14px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:600;color:var(--accent)}
details p{margin:8px 0 0;color:var(--muted)}
a{color:var(--accent)}
footer{text-align:center;color:var(--muted);font-size:14px;padding:12px 20px 40px}
footer a{color:var(--muted);margin:0 6px}
@media (max-width:820px){.grid{grid-template-columns:1fr}.hero{padding:40px 24px}h1{font-size:34px}.panel{padding:26px 20px}}
@media (max-width:560px){.opt{display:none}.bar nav a{margin-left:12px}}