.tools{overflow:hidden;background:radial-gradient(ellipse 55% 70% at 100% 0,rgba(34,211,238,.09),transparent 70%),var(--alt)}
.tools-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.tools-heading .intro{max-width:700px}
.tools-detail{max-width:700px;margin:12px 0 0;color:rgba(234,247,243,.58);font-size:14px;line-height:1.7}
.tools-count{flex:none;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:rgba(234,247,243,.58);font-size:11px;font-weight:700}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
.tool-card{min-height:310px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);transition:border-color .25s,transform .25s,background .25s}
.tool-card[href]:hover{transform:translateY(-4px);border-color:rgba(45,212,191,.45);background:rgba(255,255,255,.055)}
.tool-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.tool-number{display:grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:var(--gradient);color:#06251f;font-size:11px;font-weight:900}
.tool-status{color:rgba(234,247,243,.48);font-size:11px;font-weight:600}
.tool-icon{display:grid;place-items:center;width:50px;height:50px;margin-top:30px;border:1px solid rgba(45,212,191,.25);border-radius:14px;background:linear-gradient(135deg,rgba(61,220,132,.13),rgba(34,211,238,.13));color:var(--accent);font-size:28px;font-weight:900}
.tool-card h3{margin:22px 0 10px;color:var(--heading);font-size:22px}
.tool-card p{max-width:650px;margin:0;color:rgba(234,247,243,.62);font-size:14px;line-height:1.7}
.tool-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px;color:var(--accent);font-size:13px;font-weight:800}
.tool-link b{font-size:20px}
.tool-card-upcoming{justify-content:flex-start;border-style:dashed;background:transparent}
.tool-card-upcoming h3{margin-top:auto}
.tool-card-upcoming p{margin-bottom:auto}
@media(max-width:800px){.tool-grid{grid-template-columns:1fr}.tools-heading{align-items:flex-start;flex-direction:column}.tool-card{min-height:280px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}