:root{color-scheme:light;font:17px/1.7 system-ui,-apple-system,sans-serif;color:#283044;background:#fafaff}*{box-sizing:border-box}body{margin:0}a{color:#4755b9;text-underline-offset:4px}header,main,footer,.draft{max-width:1100px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e1e3ef}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;color:#303a67;font-size:22px}.brand img{border-radius:12px}main{padding:28px}section{margin:42px 0 70px}h1{font-size:clamp(36px,6vw,66px);line-height:1.07;letter-spacing:-2px;color:#27315c;max-width:700px;margin:20px 0}h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;color:#303c68;margin-top:36px}p,li{max-width:820px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;min-height:400px}.intro{font-size:20px;color:#58617a}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#5967bf}.button{display:inline-block;padding:12px 20px;background:#505fcd;color:white;border-radius:10px;text-decoration:none;font-weight:600;margin-top:12px}.paper{background:white;padding:36px;border:1px solid #dde2f3;border-radius:6px;box-shadow:12px 18px 0 #edf0fc;transform:rotate(2deg);max-width:420px}.paper>span,.paper small{font-size:11px;letter-spacing:1.4px;color:#77819d}.paper h2{font-size:24px;margin:22px 0}.paper p{font-size:15px}.paper mark{background:#fff0ad;padding:2px 0}.note{background:#e5f6f1;padding:18px;color:#226a63;font-size:17px;border-left:3px solid #319d8a;margin:26px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.features article{border-top:2px solid #c8cee9;padding-top:20px}.features p{font-size:15px;color:#58617a}.draft{padding:14px 28px;background:#fff1cb;color:#704c12;font-size:14px}footer{border-top:1px solid #dce1f0;padding:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:14px}footer nav{display:flex;gap:22px;flex-wrap:wrap}.updated{color:#68718c;font-size:14px}code{overflow-wrap:anywhere;font-size:.86em}main>p,main>ul,main>ol{max-width:840px}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px}.paper{transform:none}.features{grid-template-columns:1fr}header{padding:20px}.brand{font-size:18px}main{padding:20px}h1{letter-spacing:-1px}section{margin:24px 0 48px}}:focus-visible{outline:3px solid #6575de;outline-offset:4px}