:root{--bg:#f7f8fb;--surface:#fff;--text:#172033;--muted:#5f6b7a;--line:#dce2ea;--accent:#3157d5;--soft:#eef2ff;--max:980px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:var(--accent)}
.container{width:min(calc(100% - 36px),var(--max));margin:auto}.site-header{background:#fffffff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:750}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--soft);border:1px solid #dbe2ff}.nav-links{display:flex;gap:18px;flex-wrap:wrap;font-size:.95rem}.nav-links a{color:var(--muted);text-decoration:none}.hero{padding:88px 0 64px}.eyebrow{display:inline-block;margin-bottom:18px;padding:6px 10px;border-radius:999px;background:var(--soft);color:#2445b1;font-size:.84rem;font-weight:700}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.45rem,6vw,4.8rem);margin:0 0 22px;max-width:850px}h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:0 0 18px}h3{font-size:1.13rem;margin:0 0 8px}.lead{max-width:750px;font-size:clamp(1.08rem,2vw,1.3rem);color:var(--muted);margin:0 0 32px}.button{display:inline-block;padding:11px 16px;border-radius:9px;text-decoration:none;font-weight:700;border:1px solid var(--accent);background:var(--accent);color:#fff}.button.secondary{background:#fff;color:var(--text);border-color:var(--line)}.section{padding:32px 0 64px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.prose{background:var(--surface);border:1px solid var(--line);border-radius:14px}.card{padding:24px}.card p{margin:0;color:var(--muted)}.example{margin-top:28px;background:#111827;color:#f8fafc;border-radius:14px;padding:24px}.example .break{color:#93c5fd;font-size:.9rem}.example p{margin:7px 0}.prose{padding:clamp(22px,4vw,42px)}.prose h1{font-size:clamp(2rem,4vw,3rem)}.prose h2{font-size:1.45rem;margin-top:34px}.prose p,.prose li{color:#3e4a59}.meta{color:var(--muted);font-size:.92rem;margin-bottom:30px}.notice{border-left:4px solid var(--accent);background:var(--soft);padding:16px 18px;border-radius:0 10px 10px 0;color:#2b3b67}.site-footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--muted);font-size:.92rem}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}@media(max-width:760px){.nav{align-items:flex-start;padding:15px 0;flex-direction:column;gap:10px}.grid{grid-template-columns:1fr}.hero{padding-top:58px}}