:root{--bg: #0e1116;--surface: #161a22;--surface-2: #1d2330;--border: #2a3142;--text: #e6edf3;--muted: #8b949e;--accent: #5eead4;--accent-2: #93c5fd;--max: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max);margin:0 auto;padding:64px 24px 96px}.site-header{border-bottom:1px solid var(--border);padding:16px 24px;background:var(--surface)}.site-header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.02em;color:var(--text)}.brand-mark{color:var(--accent)}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:0 0 16px}.hero p.lead{color:var(--muted);font-size:1.125rem;max-width:60ch;margin:0 0 12px}.hero p.note{color:var(--muted);font-size:.9rem;max-width:60ch;margin-top:24px}.hero a{color:var(--accent-2)}.section-title{font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:48px 0 16px}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;color:var(--text);transition:border-color .12s,transform .12s}.card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.card-num{font-variant-numeric:tabular-nums;font-size:.8rem;letter-spacing:.12em;color:var(--accent);margin-bottom:12px}.card-name{font-size:1.25rem;margin:0 0 4px}.card-tagline{color:var(--text);margin:0 0 12px}.card-audience{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.card-blurb{color:var(--muted);font-size:.95rem;margin:0 0 16px}.card-cta{color:var(--accent);font-size:.9rem}.placeholder-shell{max-width:var(--max);margin:0 auto;padding:56px 24px 96px}.placeholder-eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.placeholder-shell h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px;line-height:1.1}.placeholder-shell .tagline{font-size:1.25rem;color:var(--text);margin:0 0 24px}.mock{background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:24px;margin:16px 0}.mock h3{margin-top:0;font-size:1rem;color:var(--accent-2)}.mock-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.mock-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:.9rem;color:var(--muted)}.placeholder-meta{color:var(--muted);font-size:.9rem;margin:32px 0 16px;border-top:1px solid var(--border);padding-top:16px}.placeholder-nav{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}.placeholder-nav a{font-size:.95rem}.placeholder-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:.9rem;color:var(--muted);margin-bottom:24px}.placeholder-banner strong{color:var(--accent)}
