.hero{max-width:720px;padding:74px 0 38px}
.hero h1{margin:0;font-family:'Space Grotesk','Hanken Grotesk',sans-serif;letter-spacing:-.03em;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;color:var(--text-strong)}
.hero>p:last-child{max-width:570px;margin:16px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 60px}
.tool-card{display:block;padding:22px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.tool-card:hover{border-color:var(--coral);transform:translateY(-2px)}
.tool-icon{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:var(--radius-md);background:var(--coral-tint);color:var(--coral-dark)}
.tool-card h3{margin:0 0 8px;font-size:1.1rem;letter-spacing:-.02em;color:var(--text-strong)}
.tool-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
@media(max-width:600px){.hero{padding:48px 0 24px}}
section[aria-labelledby="faq-title"]{margin-top:48px}
.faq-list{margin-top:16px;display:grid;gap:10px}
.faq-list details{padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface)}
.faq-list summary{cursor:pointer;font-weight:700;font-size:.9rem}
.faq-list p{margin:10px 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}