/* ============================================================
   SERVICES PAGE
   ============================================================ */

.services-page-section{ padding-bottom:var(--section-pad); }
.services-page-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
}

.service-page-card{
  position:relative;
  background:linear-gradient(160deg,var(--charcoal-800),var(--navy-900));
  border:1px solid rgba(255,255,255,0.07);
  border-radius:22px;
  padding:38px 36px;
  overflow:hidden;
  transition: transform .45s var(--ease-out), box-shadow .45s ease, border-color .45s ease;
}
.service-page-card::before{
  content:'';
  position:absolute; inset:-40%;
  background:radial-gradient(circle at 15% 0%, rgba(201,162,77,0.10), transparent 55%);
  opacity:0;
  transition:opacity .5s ease;
  pointer-events:none;
}
.service-page-card:hover{
  transform:translateY(-7px);
  border-color:var(--border-emerald-soft);
  box-shadow:0 28px 55px -24px rgba(0,0,0,0.55), 0 0 44px -20px rgba(34,199,147,0.3);
}
.service-page-card:hover::before{ opacity:1; }

.service-page-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
  position:relative;
}
.service-page-icon{
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px;
  border-radius:16px;
  background:rgba(201,162,77,0.08);
  color:var(--gold-bright);
  flex-shrink:0;
}
.service-page-icon svg{ width:26px; height:26px; }

.service-page-price{
  text-align:right;
  flex-shrink:0;
}
.service-page-price-label{
  display:block;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--text-faint);
  margin-bottom:4px;
}
.service-page-price-value{
  font-family:var(--font-mono);
  font-size:19px;
  font-weight:600;
  background:linear-gradient(120deg,var(--gold-bright),var(--emerald-bright));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  white-space:nowrap;
}
.service-page-price-note{
  display:block;
  font-size:10px;
  color:var(--text-faint);
  margin-top:4px;
  font-style:italic;
}

.service-page-title{
  font-family:var(--font-display);
  font-size:21px;
  font-weight:600;
  margin-bottom:12px;
  position:relative;
}
.service-page-desc{
  font-size:14.5px;
  color:var(--text-muted);
  line-height:1.65;
  margin-bottom:22px;
  position:relative;
}
.service-page-features{
  display:flex;
  flex-direction:column;
  gap:11px;
  position:relative;
}
.service-page-features li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13.5px;
  color:var(--text-primary);
}
.service-page-features li svg{
  flex-shrink:0;
  color:var(--emerald-bright);
}

.services-note{
  text-align:center;
  font-size:12.5px;
  color:var(--text-faint);
  margin-top:28px;
}

@media (max-width:860px){
  .services-page-grid{ grid-template-columns:1fr; }
  .service-page-top{ flex-direction:column; align-items:flex-start; }
  .service-page-price{ text-align:left; }
}