.tools-hero { padding: 94px max(24px, calc((100% - var(--max)) / 2)) 72px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 12%, rgba(32,217,255,.2), transparent 32%), linear-gradient(135deg, #020b18, #08234a); }
.tools-hero h1 { max-width: 850px; margin-bottom: 20px; font-size: clamp(2.7rem, 6vw, 5.2rem); }
.tools-hero > p:last-child { max-width: 720px; color: var(--muted); font-size: 1.08rem; }
.tool-catalog { padding-top: 74px; }
.catalog-card { display: grid; grid-template-columns: 130px 1fr; gap: 32px; align-items: start; max-width: 900px; padding: 38px; border: 1px solid rgba(32,217,255,.28); border-radius: 24px; background: linear-gradient(145deg, rgba(13,49,91,.88), rgba(5,20,42,.95)); }
.catalog-badge { display: grid; place-items: center; width: 110px; aspect-ratio: 1; border-radius: 28px; background: linear-gradient(135deg, var(--cyan), var(--blue)); color: #001020; font-size: 3.2rem; font-weight: 950; }
.catalog-card h3 { margin-bottom: 10px; font-size: 2rem; }
.catalog-card p, .catalog-card li, .content-note p { color: var(--muted); }
.catalog-card ul { margin: 18px 0 26px; padding-left: 20px; }
.content-note { max-width: 900px; margin-top: 28px; padding: 24px 28px; border-left: 4px solid var(--cyan); border-radius: 0 16px 16px 0; background: rgba(8,35,72,.58); }
.content-note p { margin: 8px 0 0; }
@media (max-width: 620px) { .tools-hero { padding: 64px 20px 52px; } .catalog-card { grid-template-columns: 1fr; padding: 28px 22px; } .catalog-badge { width: 76px; border-radius: 20px; font-size: 2.2rem; } }

.tools-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.featured-catalog { grid-column: 1 / -1; }
.mini-tool-card { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--card); }
.mini-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 24px; border-radius: 15px; background: rgba(32,217,255,.12); color: var(--cyan); font-weight: 950; }
.mini-tool-card h3 { margin-bottom: 8px; font-size: 1.45rem; }
.mini-tool-card > p:not(.project-type) { color: var(--muted); }
.mini-tool-card a { color: var(--cyan); font-weight: 850; }
@media (max-width: 620px) { .tools-grid { grid-template-columns: 1fr; } .featured-catalog { grid-column: auto; } }