:root{--brand:#145be0;--ink:#17212f;--muted:#586579;--bg:#f6f8fb;--line:#dce3ec;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}header,main,footer{width:min(100% - 64px,1120px);margin-inline:auto}header{padding-block:32px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:20px;font-weight:750;color:var(--ink);text-decoration:none}.brand img{object-fit:contain}main{flex:1;padding-block:clamp(40px,10vh,100px) 64px}h1{margin:0 0 28px;font-size:clamp(38px,6vw,72px);font-weight:700;line-height:1.2;letter-spacing:-.025em}h1 span{display:block;color:var(--brand);margin-top:8px}.intro{margin:0 0 40px;font-size:20px;line-height:1.7;max-width:45ch}section{max-width:58ch}h2{font-size:16px;margin:0 0 12px;font-weight:650}section p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 12px}.preview-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:12px 20px;background:var(--brand);color:#fff;border-radius:8px;font-weight:600;text-decoration:none}footer{padding-block:24px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}a:focus-visible{outline:2px solid var(--brand);outline-offset:4px}::selection{background:#dce8ff;color:#132a54}@media(hover:hover){.preview-link:hover{background:#104ab8}}@media(max-width:480px){header,main,footer{width:calc(100% - 32px)}header{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:16px}main{padding-block:40px 48px}.intro{font-size:18px;margin-bottom:32px}.preview-link{width:100%}footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}