:root{--ink:#241d35;--muted:#665f76;--purple:#6941c6;--lavender:#f3efff;--line:#e8e3f0;--white:#fff;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--purple);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#4c2d9b} .wrap{width:min(var(--max),calc(100% - 2rem));margin:auto}
header{border-bottom:1px solid var(--line);background:#fff}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--ink);font-size:1.25rem;font-weight:750;letter-spacing:-.03em;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:.45rem;border-radius:9px;background:var(--purple);color:#fff;font-size:.9rem;vertical-align:-3px}.links{display:flex;gap:1.15rem;flex-wrap:wrap;justify-content:flex-end}.links a{color:var(--muted);font-size:.92rem;text-decoration:none}.links a:hover,.links a[aria-current=page]{color:var(--purple)}
main{padding:4.5rem 0}.eyebrow{color:var(--purple);font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;margin:0 0 1rem}h1{font-size:clamp(2.35rem,6vw,4.4rem);max-width:760px}h2{font-size:clamp(1.65rem,3vw,2.3rem);margin-top:3.5rem}h3{font-size:1.2rem;margin-top:1.75rem}p{max-width:760px;color:var(--muted);margin:.75rem 0} .lead{font-size:1.18rem;line-height:1.7;max-width:680px}.hero{padding-bottom:2rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.button{display:inline-block;border-radius:9px;padding:.7rem 1rem;background:var(--purple);color:#fff;text-decoration:none;font-weight:650}.button.secondary{background:var(--lavender);color:var(--purple)}.panel{margin-top:2.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fbfaff,#f6f2ff)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.card{border:1px solid var(--line);border-radius:14px;padding:1.25rem}.card h3{margin-top:0}.card p{font-size:.95rem}.steps{counter-reset:step;display:grid;gap:1rem;margin-top:1.25rem}.step{display:grid;grid-template-columns:2.1rem 1fr;gap:.8rem;align-items:start}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--lavender);color:var(--purple);font-weight:750}.scope{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f7f5fa;border:1px solid var(--line);padding:.7rem .85rem;border-radius:8px;display:block;max-width:600px;overflow:auto}.toc{padding-left:1.2rem}.toc li{margin:.35rem 0}footer{border-top:1px solid var(--line);padding:2rem 0;margin-top:2rem}footer p{font-size:.9rem;margin:.25rem 0}footer nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;font-size:.9rem}
@media(max-width:700px){main{padding:3rem 0}.nav{align-items:flex-start;padding:1rem 0;flex-direction:column}.links{justify-content:flex-start;gap:.7rem 1rem}.grid{grid-template-columns:1fr}h1{font-size:2.55rem}.panel{padding:1.1rem}}