.service-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
@media(min-width:992px){.service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card-grid .service-card-body{padding:24px}}
.service-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 94%,var(--color-paper));transition:border-color 180ms}
.service-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--color-ink)}
.service-card-media img{width:100%;height:100%;object-fit:cover}
.service-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:20px;padding:32px}
.service-card h3{display:flex;align-items:center;gap:14px;margin:0;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25;letter-spacing:-.025em}
.service-card h3 span{min-width:0}
.service-card-icon{flex-shrink:0;font-size:.75em;color:var(--color-paper)}
.service-card-description{margin:0;color:var(--muted);font-size:.95rem;line-height:1.8}
.service-card-variants{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding-left:18px;color:var(--muted);font-size:.85rem;line-height:1.6}
.service-card-variants li::marker{color:var(--color-brand)}
.service-card-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:48px;margin-top:auto;padding:13px 20px;border-radius:6px;background:var(--color-brand);color:var(--color-paper);font-size:.85rem;font-weight:600;line-height:1.5;transition:background-color 180ms}
.service-card-cta span{min-width:0}
.service-card-cta>.icon{flex-shrink:0}
.service-card-cta:focus-visible{outline-color:var(--color-paper);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.service-card:hover{border-color:color-mix(in srgb,var(--color-paper) 45%,var(--color-ink))}.service-card-cta:hover{background:color-mix(in srgb,var(--color-brand) 82%,var(--color-ink));color:var(--color-paper)}}
@media(max-width:767px){.service-card-grid{grid-template-columns:minmax(0,1fr);gap:24px}.service-card-body{padding:24px;gap:16px}.service-card-cta{width:100%}.service-card-description{font-size:.9rem}}