/* ===================== SERVICES ===================== */
.services{ background: var(--paper-dim); padding-block: clamp(4rem,8vw,6.5rem); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.services-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:2.2rem; }
.service-card{
  background:#fff; border:1px solid var(--line); border-radius: var(--radius-md);
  padding: 1.6rem 1.4rem; position:relative; overflow:hidden;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;
}
.service-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:3px;
  background: linear-gradient(180deg, var(--gold-400), var(--blue-600));
  transform: scaleY(0); transform-origin:top; transition: transform .35s var(--ease);
}
.service-card:hover{ transform: translateY(-5px); box-shadow: var(--shadow-card); border-color:transparent; }
.service-card:hover::before{ transform: scaleY(1); }
.service-num{ font-family: var(--font-mono); font-size:.68rem; color: var(--ink-faint); letter-spacing:.06em; }
.service-icon{ width:38px; height:38px; border-radius:8px; background: var(--navy-900); display:grid; place-items:center; margin-block: .8rem .9rem; }
.service-icon svg{ width:19px; height:19px; stroke: var(--gold-400); }
.service-card h3{ font-size:.98rem; font-weight:700; color: var(--navy-900); line-height:1.3; }
.service-card p{ margin-top:.5rem; font-size:.84rem; color: var(--ink-soft); line-height:1.5; }
.services-more{ margin-top:2.4rem; text-align:center; }

@media (max-width:1000px){ .services-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .services-grid{ grid-template-columns:1fr; } }