.hero{padding:28px 0 24px;max-width:640px}.hero h1{font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}.hero p{margin:0;color:var(--muted);font-size:15px}.tools{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}.tool{display:flex;align-items:flex-start;gap:14px;height:100%;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}a.tool:hover{border-color:var(--accent);transform:translateY(-1px)}a.tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-icon{flex-shrink:0;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.tool-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tool-title{font-weight:700;font-size:15px}.tool-desc{color:var(--muted);font-size:13px}.tool-go{margin-left:auto;color:var(--muted);font-size:18px}a.tool:hover .tool-go{color:var(--accent)}.tool-soon{background:transparent;border-style:dashed;box-shadow:none}