/* ========== SERVICE PAGE HERO ========== */
.service-hero-icon{
  width:80px;height:80px;margin:0 auto 24px;
}
.service-hero-icon svg{width:100%;height:100%}

/* ========== SERVICE OVERVIEW ========== */
.service-overview{
  padding:var(--section-pad);background:var(--ivory);
}
.service-overview-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.service-overview-text h2{
  font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:3px;
  text-transform:uppercase;color:var(--navy);margin-bottom:24px;
}
.service-overview-text p{
  font-size:1.05rem;line-height:1.9;margin-bottom:20px;
  font-weight:300;color:rgba(12,27,51,.8);
}
.service-overview-text p:first-of-type::first-letter{
  font-family:'Poiret One',cursive;font-size:3.5rem;float:left;
  line-height:1;margin-right:10px;color:var(--gold);margin-top:4px;
}
.service-overview-visual{
  display:flex;align-items:center;justify-content:center;
}
.service-overview-visual svg{width:100%;max-width:360px;height:auto}

/* ========== KEY BENEFITS ========== */
.service-benefits{
  padding:var(--section-pad);background:var(--navy);
}
.benefits-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;
}
.benefit-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.15);
  padding:40px 30px;text-align:center;transition:all .4s;
}
.benefit-card:hover{
  border-color:rgba(201,168,76,.35);transform:translateY(-4px);
  box-shadow:0 15px 40px rgba(0,0,0,.25);
}
.benefit-card .benefit-icon{
  width:48px;height:48px;margin:0 auto 20px;
}
.benefit-card .benefit-icon svg{width:100%;height:100%}
.benefit-card h3{
  font-size:1.15rem;color:var(--champagne);letter-spacing:2px;
  text-transform:uppercase;margin-bottom:12px;
}
.benefit-card p{
  color:rgba(240,232,212,.55);font-size:.92rem;line-height:1.8;font-weight:300;
}

/* ========== PROCESS STEPS (service-specific) ========== */
.service-process{
  padding:var(--section-pad);background:var(--navy-deep);
}

/* ========== RELATED SERVICES ========== */
.related-services{
  padding:var(--section-pad);background:var(--ivory);
}
.related-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;
}
.related-card{
  padding:40px 30px;border:1px solid rgba(201,168,76,.2);
  transition:all .4s;text-align:center;background:var(--ivory);
}
.related-card:hover{
  box-shadow:0 15px 40px rgba(12,27,51,.08);transform:translateY(-4px);
}
.related-card .related-icon{width:48px;height:48px;margin:0 auto 16px}
.related-card .related-icon svg{width:100%;height:100%}
.related-card h3{
  font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--navy);margin-bottom:10px;
}
.related-card p{
  font-size:.9rem;color:rgba(12,27,51,.6);line-height:1.7;
  font-weight:300;margin-bottom:16px;
}
.related-card .related-link{
  font-size:.78rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);font-weight:600;transition:color .3s;
}
.related-card .related-link:hover{color:var(--dark-gold)}

/* ========== RESPONSIVE ========== */
@media(max-width:1024px){
  .service-overview-grid{grid-template-columns:1fr;gap:50px}
  .service-overview-visual{order:-1}
}
@media(max-width:768px){
  .benefits-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .service-hero-icon{width:60px;height:60px}
  .benefit-card{padding:30px 20px}
  .benefit-card h3{font-size:1rem;letter-spacing:1.5px}
  .related-card{padding:30px 20px}
  .related-card h3{font-size:1rem;letter-spacing:1.5px}
  .service-overview-text h2{letter-spacing:2px}
}