*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;color:#172033;background:#f8f7ff;font:18px/1.7 system-ui,sans-serif}main{max-width:900px;padding:32px 22px 72px;margin:auto}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:#6028c7}a:focus-visible{outline:3px solid #7c3aed;outline-offset:4px}h1{font-size:clamp(30px,6vw,48px);line-height:1.16;letter-spacing:-.03em}h2{font-size:26px;line-height:1.3;margin-top:42px}p{max-width:72ch}.meta{font-size:15px;color:#515b70}.callout{background:#eae4ff;padding:18px 22px;border-radius:12px}.cta{display:inline-block;background:#6028c7;color:white;text-decoration:none;padding:13px 22px;border-radius:9px}figure{margin:28px 0}img{width:100%;height:auto;border-radius:12px;border:1px solid #d8d4e4}figcaption{font-size:15px;color:#515b70}video{display:block;width:100%;max-width:430px;max-height:740px;margin:24px auto;background:#172033;border-radius:12px}.cards{display:grid;gap:20px}.card{background:white;padding:26px;border:1px solid #d8d4e4;border-radius:12px}code{font: .9em monospace;background:#eae4ff;padding:2px 5px}footer{border-top:1px solid #d8d4e4;margin-top:44px;padding-top:22px;font-size:15px}.related{margin-top:38px}a{overflow-wrap:anywhere}