.htools{border-block:1px solid var(--border);background:var(--bg-subtle,#f6f7f9);padding:clamp(38px,6vw,64px) 0}.htools__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.htools__head h2{letter-spacing:-.026em;margin:6px 0 8px;font-size:clamp(22px,3vw,29px)}.htools__lede{color:var(--muted);max-width:56ch;margin:0;font-size:15px;line-height:1.6}.htools__all{white-space:nowrap;color:var(--accent);border:1px solid var(--accent-border,#c7d7fe);background:var(--surface);border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-size:14px;font-weight:560;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.htools__all:hover{background:var(--accent-soft,#eaf0ff);border-color:var(--accent);transform:translateY(-1px)}.htools__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;display:grid}.htools__hero{background:var(--surface);border:1px solid var(--border);border-radius:15px;flex-direction:column;gap:8px;padding:24px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 1px 2px #1814230d}.htools__hero:hover{border-color:var(--accent-border,#c7d7fe);transform:translateY(-2px);box-shadow:0 6px 22px -8px #1814232e}.htools__tag{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft,#eaf0ff);color:var(--accent-ink,#1e3a8a);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:10.5px;font-weight:640}.htools__hero strong{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:640}.htools__desc{color:var(--muted);font-size:14.25px;line-height:1.62}.htools__go{color:var(--accent);margin-top:auto;padding-top:10px;font-size:14px;font-weight:560}.htools__list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.htools__list a{background:var(--surface);border:1px solid var(--border);border-radius:11px;flex-direction:column;gap:3px;height:100%;padding:14px 15px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.htools__list a:hover{border-color:var(--accent-border,#c7d7fe);transform:translateY(-2px)}.htools__list strong{color:var(--text);letter-spacing:-.01em;font-size:14px;font-weight:570}.htools__list em{color:var(--muted);font-size:11px;font-style:normal;font-weight:520}@media (max-width:860px){.htools__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.htools__list{grid-template-columns:minmax(0,1fr)}.htools__head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.htools__hero:hover,.htools__list a:hover,.htools__all:hover{transform:none}}