/* ---------- Services: card grid ----------
   Was a numbered row list, which read as the same component as the Pricing
   plans. Cards keep the two apart while preserving the ink-fill hover.
   Three equal columns, so the grid stays correct whatever number of services
   the repeater holds. */
body .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body .svc__card{position:relative;display:flex;flex-direction:column;padding:32px 30px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;min-height:292px;text-decoration:none}
body .svc__card>*{position:relative;z-index:1}
body .svc__card::before{content:"";position:absolute;inset:0;z-index:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease)}
body .svc__card:hover::before{transform:scaleY(1);transform-origin:top}
body .svc__num{font-family:var(--display);font-size:var(--fs-14);font-weight:600;color:var(--accent)}
body .svc__arrow{position:absolute;top:24px;right:24px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);color:var(--ink);transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
body .svc__title{margin-top:auto;padding-top:44px;font-family:var(--display);font-weight:600;font-size:clamp(22px,2.1vw,29px);letter-spacing:-.02em;line-height:1.12;color:var(--ink);transition:color .35s var(--ease)}
body .svc__desc{margin-top:12px;font-size:var(--fs-15);line-height:1.6;color:var(--muted);transition:color .35s var(--ease)}
body .svc__card:hover .svc__title{color:var(--white)}
body .svc__card:hover .svc__desc{color:color-mix(in srgb, var(--buildpress-color-surface) 66%, transparent)}
body .svc__card:hover .svc__arrow{background:var(--accent);border-color:var(--accent);color:var(--white);transform:rotate(45deg)}
@media(max-width:1040px){body .svc{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body .svc{grid-template-columns:1fr;gap:16px}body .svc__card{min-height:0;padding:26px 24px}body .svc__title{padding-top:30px}body .svc__arrow{top:20px;right:20px;width:40px;height:40px}}