:root{--bg:#f4f6f9;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--accent:#2a5cd7;--accent-strong:#1e4ab3}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;padding:28px 0 40px;display:flex}.brand{letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:18px;font-weight:700;display:flex}.brand .demo{color:var(--accent)}.brand .separator{color:var(--muted);font-weight:400}.brand small{color:var(--muted);font-size:13px;font-weight:500}.extlink{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.extlink:hover{color:var(--ink)}.hero{padding:24px 0 44px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600;display:inline-block}h1{letter-spacing:-.02em;margin:12px 0 10px;font-size:32px;line-height:1.15}.lead{color:var(--muted);max-width:640px;margin:0;font-size:16px;line-height:1.6}.count{color:var(--muted);margin-top:14px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:48px;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:14px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.card:hover{border-color:#cdd4de;transform:translateY(-2px);box-shadow:0 8px 24px #10182814}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge{color:var(--accent);background:#eaf0fd;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.card h2{letter-spacing:-.01em;margin:14px 0 6px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.stack{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{color:#344054;background:#f2f4f7;border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.highlights{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.highlights li{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;display:flex}.highlights li:before{content:"✓";color:var(--accent);font-weight:700}.go{color:var(--accent);align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:600;display:inline-flex}.card:hover .go{color:var(--accent-strong)}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:24px;padding:28px 0 40px;font-size:13px;display:flex}.footer a{color:var(--muted);font-weight:500;text-decoration:none}.footer a:hover{color:var(--ink)}.footer .links{gap:20px;display:flex}@media (max-width:560px){h1{font-size:26px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}}