.hero{max-width:720px;margin:24px 0 36px}.hero h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(34px,6vw,58px);line-height:1.02}.hero p{color:var(--muted);margin:0;font-size:16.5px}.pages{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pages a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;box-shadow:var(--shadow);color:inherit;padding:22px 22px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.pages a:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.pages h2{letter-spacing:-.02em;margin:14px 0 6px;font-size:19px}.pages p{color:var(--muted);margin:0 0 14px}.parts{color:var(--accent);font:500 12px var(--mono)}.swatch{border-radius:12px;width:40px;height:40px;display:block}.swatch.kanban{background:linear-gradient(135deg, var(--sky), var(--mint))}.swatch.dashboard{background:linear-gradient(135deg, var(--accent), var(--sky))}.swatch.story{background:linear-gradient(135deg, var(--coral), var(--amber))}.swatch.physics{background:linear-gradient(135deg, var(--mint), var(--amber))}.swatch.routes{background:linear-gradient(135deg, var(--accent), var(--coral))}