.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .5rem;letter-spacing:-.03em}
.hero p{color:var(--muted);font-size:1.1rem;max-width:42rem;margin:0}
h2{margin:2rem 0 1rem;font-size:1.35rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}
.card:hover{transform:translateY(-3px)}.card h3{margin:0 0 .35rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.card.featured{border-color:#1a1f24}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.request{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}
.btn{display:inline-block;margin-top:.8rem;padding:.7rem 1.2rem;background:var(--ink);color:#fff;border-radius:10px;text-decoration:none;font-weight:600}