/* ══════════════════════════════
   Services page — prefix: sv-
   Root: #redia-services
   ══════════════════════════════ */

#redia-services { --sv-dark: #121c27; --sv-light: #f5f5f5; --sv-accent: #fff; --sv-p: #b8bfc5; --sv-ft: 'Urbanist', sans-serif; background: #ffffff; }

/* grid section */
#redia-services .sv-grid-area { background: var(--sv-light); padding: 100px 0 80px; }
#redia-services .sv-section-top { text-align: center; margin-bottom: 60px; }
#redia-services .sv-section-label {
  font-family: var(--sv-ft); font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 3px;
  color: rgba(18,28,39,.45);
  display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px;
}
#redia-services .sv-section-label::before,
#redia-services .sv-section-label::after { content: ''; width: 28px; height: 1px; background: rgba(18,28,39,.25); }
#redia-services .sv-section-title {
  font-family: var(--sv-ft); font-size: clamp(1.7rem,3.5vw,2.6rem);
  font-weight: 700; color: var(--sv-dark); line-height: 1.2;
  max-width: 560px; margin: 0 auto;
}

/* card */
#redia-services .sv-card {
  background: #fff; border: 1px solid rgba(18,28,39,.07);
  overflow: hidden; transition: all .4s ease; height: 100%;
  display: flex; flex-direction: column;
}
#redia-services .sv-card:hover { box-shadow: 0 20px 60px rgba(18,28,39,.12); transform: translateY(-6px); }
#redia-services .sv-card__img { position: relative; overflow: hidden; height: 220px; }
#redia-services .sv-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
#redia-services .sv-card:hover .sv-card__img img { transform: scale(1.05); }
#redia-services .sv-card__num {
  position: absolute; top: 16px; left: 16px;
  font-family: var(--sv-ft); font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  background: rgba(18,28,39,.75); backdrop-filter: blur(8px);
  color: #fff; padding: 5px 12px;
}
#redia-services .sv-card__body { padding: 28px 30px 32px; flex: 1; display: flex; flex-direction: column; gap: 10px; }
#redia-services .sv-card__icon {
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(18,28,39,.06);
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; color: var(--sv-dark);
  transition: all .35s; flex-shrink: 0;
}
#redia-services .sv-card:hover .sv-card__icon { background: var(--sv-dark); color: #fff; }
#redia-services .sv-card__title { font-family: var(--sv-ft); font-size: 1.15rem; font-weight: 700; color: var(--sv-dark); margin: 0; line-height: 1.3; }
#redia-services .sv-card__desc { font-size: 14px; line-height: 1.7; color: #6b7280; flex: 1; }
#redia-services .sv-card__link {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--sv-ft); font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1.6px;
  color: var(--sv-dark); margin-top: auto; transition: gap .3s ease, color .3s ease;
}
#redia-services .sv-card__link i { font-size: 11px; transition: transform .3s; }
#redia-services .sv-card:hover .sv-card__link { color: var(--sv-dark); gap: 12px; }
#redia-services .sv-card:hover .sv-card__link i { transform: translateX(4px); }

/* CTA strip */
#redia-services .sv-cta { background: #f5f5f5; padding: 90px 0; position: relative; overflow: hidden; }
#redia-services .sv-cta__shape { position: absolute; top: -40px; right: -40px; opacity: .04; width: 400px; pointer-events: none; }
#redia-services .sv-cta__label {
  font-family: var(--sv-ft); font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 3px; color: rgba(18,28,39,.45); margin-bottom: 12px;
}
#redia-services .sv-cta__title {
  font-family: var(--sv-ft); font-size: clamp(1.6rem,3vw,2.4rem);
  font-weight: 700; color: #121c27; line-height: 1.25; margin-bottom: 32px; max-width: 500px;
}
#redia-services .sv-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--sv-ft); font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px;
  background: #121c27; color: #fff;
  padding: 14px 28px; transition: all .35s; border: 1px solid #121c27;
}
#redia-services .sv-btn:hover { background: transparent; color: #121c27; }
#redia-services .sv-btn i { font-size: 11px; }