/* ── SERVICES PAGE CSS ── */

.service-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:center;
  padding:60px 0;
  border-bottom:1px solid rgba(0,201,167,.08);
}
.service-row.reverse{direction:rtl}
.service-row.reverse > *{direction:ltr}

.srv-img{position:relative}
.srv-badge{
  position:absolute;top:20px;left:20px;
  background:var(--teal);color:var(--navy);
  padding:5px 14px;border-radius:100px;
  font-size:.75rem;font-weight:700;font-family:var(--font-head);
}

.srv-num{
  font-family:var(--font-head);font-size:4rem;font-weight:800;
  color:rgba(0,201,167,.12);line-height:1;margin-bottom:-16px;
}
.srv-info h2{margin-bottom:16px}
.srv-info p{font-size:1rem;line-height:1.75;margin-bottom:24px}
.srv-features{margin-bottom:32px}
.srv-features li{
  padding:8px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-size:.92rem;color:var(--text);
  display:flex;align-items:center;gap:8px;
}
.srv-features li:last-child{border:none}

/* PRICING */
.pricing-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  margin-bottom:32px;
}
.price-card{
  padding:36px 28px;border-radius:var(--radius);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;position:relative;
  transition:background var(--transition),border-color var(--transition),transform var(--transition);
}
.price-card:hover{background:rgba(0,201,167,.06);border-color:rgba(0,201,167,.25);transform:translateY(-4px)}
.price-card.featured{
  background:rgba(0,201,167,.08);
  border-color:rgba(0,201,167,.4);
  transform:scale(1.03);
}
.featured-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--teal);color:var(--navy);
  padding:4px 18px;border-radius:100px;
  font-size:.72rem;font-weight:700;font-family:var(--font-head);
  white-space:nowrap;
}
.price-icon{font-size:2.5rem;margin-bottom:16px}
.price-card h3{color:var(--white);margin-bottom:12px}
.price-from{color:var(--white);font-size:.9rem;margin-bottom:12px}
.price-from strong{color:var(--teal);font-size:1.3rem;font-family:var(--font-head)}
.price-card p{font-size:.85rem;margin-bottom:24px}
.price-note{
  text-align:center;color:rgba(255,255,255,.4);
  font-size:.85rem;margin-top:24px;
}

@media(max-width:900px){
  .service-row{grid-template-columns:1fr;gap:32px;padding:40px 0}
  .service-row.reverse{direction:ltr}
  .pricing-grid{grid-template-columns:1fr}
  .price-card.featured{transform:none}
}