/* ═══════════════════════════════════════════
   SERVICES — Horizontal Card Stack Layout
   ═══════════════════════════════════════════ */
.svc-header{text-align:center;max-width:720px;margin:0 auto 72px}
.svc-subtitle{margin-top:20px}

.svc-grid{display:flex;flex-direction:column;gap:20px}

.svc-card{display:flex;gap:32px;background:var(--white);border:1px solid var(--border2);border-radius:20px;padding:36px 40px;cursor:default;transition:all .5s var(--ease);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.svc-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--gradient);opacity:0;transition:opacity .4s}
.svc-card:hover{border-color:var(--border);transform:translateX(8px);box-shadow:var(--glow)}
.svc-card:hover::before{opacity:1}

.svc-card-left{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:60px;padding-top:4px}
.svc-num{font-size:11px;letter-spacing:0.16em;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.svc-icon{width:52px;height:52px;background:var(--gradient-subtle);border:1px solid rgba(14,116,144,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--violet);transition:all .5s var(--ease)}
.svc-icon svg{width:24px;height:24px}
.svc-card:hover .svc-icon{background:linear-gradient(135deg,rgba(10,37,64,0.12),rgba(14,116,144,0.08));border-color:rgba(14,116,144,0.18);color:var(--indigo);transform:scale(1.08);box-shadow:0 0 16px rgba(14,116,144,0.08)}

.svc-card-right{flex:1}
.svc-title{font-size:20px;font-weight:700;margin-bottom:10px;transition:all .4s;color:var(--text-heading)}
.svc-card:hover .svc-title{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}

.svc-desc{font-size:14px;color:var(--muted);line-height:1.8;font-weight:400}

.svc-cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:gap .4s var(--ease);cursor:pointer}
.svc-cta:hover{gap:12px}

@media(max-width:768px){
  .svc-card{flex-direction:column;gap:20px;padding:28px 24px}
  .svc-card-left{flex-direction:row;gap:16px;min-width:auto;padding-top:0}
  .svc-card:hover{transform:none}
  .svc-title{font-size:18px}
}

@media(max-width:640px){
  .svc-grid{gap:16px}
  .svc-card{border-radius:16px;padding:24px 20px}
  .svc-icon{width:44px;height:44px}
  .svc-icon svg{width:20px;height:20px}
  .svc-desc{font-size:14px;line-height:1.75}
  .svc-header{margin-bottom:48px}
}