.ek-service-lines { background: var(--white); }
.ek-service-line { border-bottom: 1px solid var(--line); }
.ek-service-line .ek-container { min-height: 290px; display: grid; grid-template-columns: 54px 1fr 1.3fr 170px; align-items: center; gap: 34px; }
.ek-service-line-index { color: var(--muted); font-size: .75rem; font-weight: 800; }
.ek-service-line-brand { --service: var(--blue); }
.ek-service-line.pay .ek-service-line-brand { --service: var(--green); }
.ek-service-line.talk .ek-service-line-brand { --service: var(--orange); }
.ek-service-line.content .ek-service-line-brand { --service: var(--purple); }
.ek-service-line-brand .ek-service-icon { margin-bottom: 18px; }
.ek-service-line-brand > span { color: var(--service); font-size: .72rem; font-weight: 850; }
.ek-service-line-brand h2 { margin-top: 4px; font-size: 1.42rem; }
.ek-service-line p { color: var(--muted); }
.ek-service-line a { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; font-weight: 800; }
.ek-tool-preview { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ink); border-left: 1px solid var(--line); }
.ek-tool-preview span { display: flex; min-height: 76px; align-items: center; gap: 13px; padding: 15px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: .9rem; font-weight: 700; }
.ek-tool-preview b { color: var(--muted); font-size: .7rem; }
@media (max-width: 800px) { .ek-service-line .ek-container { min-height: 0; grid-template-columns: 36px 1fr; gap: 16px; padding-top: 42px; padding-bottom: 42px; } .ek-service-line-brand { grid-column: 2; } .ek-service-line p, .ek-service-line a { grid-column: 2; } .ek-service-line a { justify-content: flex-start; } .ek-tool-preview { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ek-tool-preview { grid-template-columns: 1fr; } }