
.tools-main{padding:36px 0 120px}.tools-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.tools-breadcrumbs{display:flex;gap:10px;align-items:center;color:#8d95a4;font-size:13px;margin:28px 0 70px}.tools-breadcrumbs a{color:#c4cad4}.tools-hero{max-width:930px;margin-bottom:72px}.tools-kicker{color:#74d9b2;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.tools-hero h1{font-size:clamp(50px,7vw,92px);line-height:.96;letter-spacing:-.06em;margin:16px 0 24px;font-weight:560}.tools-hero h1 em{font-style:normal;color:#8fd6b2}.tools-hero p{color:#aeb5c2;max-width:800px;font-size:19px;line-height:1.7}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{display:flex;flex-direction:column;min-height:380px;border:1px solid #ffffff1a;background:linear-gradient(145deg,#0c1118,#080b10);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:.25s transform,.25s border-color}.tool-card:hover{transform:translateY(-4px);border-color:#8fd6b266}.tool-card.featured{grid-column:span 2;background:radial-gradient(circle at 100% 0,#8fd6b21c,transparent 38%),linear-gradient(145deg,#0c1118,#080b10)}.tool-card .status{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8fd6b2}.tool-card h2{font-size:32px;letter-spacing:-.04em;margin:50px 0 14px}.tool-card p{color:#9da5b4;font-size:15px;line-height:1.65;max-width:600px}.tool-card ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none}.tool-card li{font-size:11px;color:#b9c1cd;border:1px solid #ffffff17;border-radius:999px;padding:7px 10px}.tool-card .tool-cta{margin-top:auto;padding-top:30px;color:#dfe5ed;font-weight:650}.tool-card.coming{opacity:.76}.tools-note{margin-top:72px;border-top:1px solid #ffffff17;padding-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.tools-note h2{font-size:38px;letter-spacing:-.045em;margin:0}.tools-note p{margin:0;color:#9da5b4;line-height:1.8;font-size:16px}@media(max-width:850px){.tools-grid{grid-template-columns:1fr}.tool-card.featured{grid-column:auto}.tools-note{grid-template-columns:1fr}.tools-shell{width:min(100% - 28px,1240px)}.tools-breadcrumbs{margin-bottom:48px}}
