:root{--bg:#1A2A80;--surface:rgba(36,56,160,.45);--ink:#F2F4FF;--muted:#B8C0EA;--line:rgba(196,181,253,.28);--link:#C4B5FD;--btn:#3D5AF0;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:16px/1.65 -apple-system,"SF Pro Text",Inter,system-ui,sans-serif;min-height:100vh;
 background:var(--bg);padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
body{background:
 radial-gradient(55% 55% at 22% 14%,rgba(196,181,253,.16),transparent 70%),
 radial-gradient(60% 50% at 70% 100%,rgba(143,232,203,.12),transparent 70%),
 linear-gradient(160deg,#1A2A80 0%,#1A2A80 35%,#2B2E8E 65%,#3A2C94 100%) fixed}
.wrap{max-width:880px;margin:0 auto}
a{color:var(--link)}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.top nav a{margin-left:20px;color:var(--muted);text-decoration:none;font-size:15px}
.top nav a:hover{color:var(--ink)}
.mark img{display:block;height:auto}
.hero{text-align:center;padding:56px 0 40px}
.icon{border-radius:30px;box-shadow:0 10px 30px rgba(15,24,86,.35);margin-bottom:28px}
h1{font:400 clamp(34px,6vw,52px)/1.12 "DM Serif Display","New York","Iowan Old Style",Georgia,serif;letter-spacing:-.01em;margin:0 0 16px;text-wrap:balance}
h2{font-size:15px;font-weight:600;margin:28px 0 6px}
.lede{font-size:18px;color:var(--muted);max-width:34em;margin:0 auto 28px}
.btn{display:inline-block;font-weight:600;padding:14px 24px;border-radius:999px;background:var(--btn);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:16px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}
.card h2{margin-top:0}.card p{margin:0;color:var(--muted)}
.band{text-align:center;padding:32px 0;color:var(--muted)}
.doc{max-width:42em;padding:24px 0 40px}
.doc h1{font-size:clamp(30px,5vw,40px)}
.doc p{margin:0 0 14px}.doc code{font:14px ui-monospace,Menlo,monospace}
footer{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:13.5px}
footer a{color:var(--muted)}