.ek-tools-hero { padding: 110px 0; background: var(--ink); color: var(--white); }
.ek-tools-hero .ek-eyebrow { color: #93b4ff; }
.ek-tools-hero h1 { max-width: 840px; font-size: clamp(2.7rem, 4.4rem, 4.4rem); line-height: 1.14; }
.ek-tools-hero p { margin-top: 22px; color: #b9c1cf; font-size: 1.05rem; }
.ek-tools-hero .ek-button { margin-top: 34px; border-color: var(--white); background: var(--white); color: var(--ink); }
.ek-tool-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--line); }
.ek-tool-grid article { min-height: 190px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ek-tool-grid span { color: var(--muted); font-size: .7rem; }
.ek-tool-grid i { display: block; margin-top: 36px; color: var(--blue); font-size: 1.6rem; }
.ek-tool-grid h2 { margin-top: 15px; font-size: 1rem; }
@media (max-width: 850px) { .ek-tool-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ek-tool-grid { grid-template-columns: 1fr; } .ek-tool-grid article { min-height: 150px; } }