.service-hero{padding:140px 0 80px;background:var(--dark) url('../img/hero/hero.jpg') center/cover no-repeat;position:relative}
.service-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7)}
.service-hero__inner{position:relative;z-index:1;max-width:680px}
.service-hero__tag{display:inline-block;background:var(--yellow);color:var(--dark);font-family:'Manrope',sans-serif;font-weight:700;font-size:.75rem;padding:4px 12px;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.service-hero__title{font-size:2.5rem;color:#fff;font-weight:800;margin-bottom:16px}
.service-hero__sub{color:rgba(255,255,255,.8);font-size:1rem;margin-bottom:32px}
.service-hero__cta{display:flex;gap:16px;flex-wrap:wrap}
.service-body{padding:80px 0;background:var(--bg)}
.service-body__layout{display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:start}
.service-desc h2{font-size:1.5rem;margin-bottom:16px;margin-top:40px}
.service-desc h2:first-child{margin-top:0}
.service-desc p{color:var(--text);line-height:1.7;margin-bottom:16px}
.service-works{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.service-works li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--gray);font-size:.9rem}
.service-works li::before{content:'';width:8px;height:8px;background:var(--yellow);border-radius:2px;flex-shrink:0}
.service-sidebar{position:sticky;top:90px}
.service-card-form{background:var(--gray);border-radius:var(--radius);padding:28px}
.service-card-form h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:6px}
.service-card-form p{color:var(--muted);font-size:.85rem;margin-bottom:20px}
.service-prices{background:var(--dark);border-radius:var(--radius);padding:28px;margin-bottom:24px}
.service-prices h3{color:#fff;font-family:'Manrope',sans-serif;font-weight:700;margin-bottom:16px}
.price-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:.875rem}
.price-row:last-child{border-bottom:none}
.price-row strong{color:var(--yellow);font-family:'Manrope',sans-serif}
/* ===== STATS STRIP ===== */
.service-stats{background:var(--yellow);padding:0}
.service-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.1)}
.service-stat{padding:20px 28px;background:var(--yellow)}
.service-stat__num{font-family:'Manrope',sans-serif;font-size:1.75rem;font-weight:800;color:var(--dark);line-height:1;margin-bottom:4px}
.service-stat__label{font-size:.7rem;color:rgba(0,0,0,.55);text-transform:uppercase;letter-spacing:.8px;font-weight:700}

/* ===== FAQ ===== */
.service-faq{background:var(--bg);padding:80px 0}
.faq-list{max-width:800px}
.faq-item{border-bottom:1px solid var(--gray)}
.faq-item__q{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 0;cursor:pointer;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;
  color:var(--dark);gap:16px;
}
.faq-item__q::after{
  content:'+';flex-shrink:0;
  font-size:1.5rem;font-weight:300;
  color:var(--yellow);line-height:1;
  transition:transform .3s ease;
}
.faq-item.open .faq-item__q::after{transform:rotate(45deg)}
.faq-item__a{
  display:none;padding:0 0 20px;
  color:var(--muted);font-size:.9rem;line-height:1.75;
}
.faq-item.open .faq-item__a{display:block}

/* ===== RELATED PROJECTS ===== */
.service-projects{background:var(--gray);padding:80px 0}
.service-projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-project-card{
  position:relative;aspect-ratio:16/9;overflow:hidden;
  border-radius:var(--radius);cursor:pointer;display:block;
}
.service-project-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s ease;filter:brightness(.7);
}
.service-project-card:hover img{transform:scale(1.05);filter:brightness(.9)}
.service-project-card__label{
  position:absolute;bottom:0;left:0;right:0;
  padding:32px 16px 14px;
  background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);
  color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.9rem;
}

/* ===== SERVICE GALLERY ===== */
.service-gallery{background:var(--dark);padding:80px 0}
.service-gallery .section-title{color:#fff}
.service-gallery .section-sub{color:rgba(255,255,255,.5)}
.service-gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
}
.service-gallery__item{
  overflow:hidden;
  aspect-ratio:4/3;
  cursor:pointer;
  position:relative;
}
.service-gallery__item--wide{
  grid-column:span 2;
  aspect-ratio:16/9;
}
.service-gallery__item img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .5s ease, filter .3s ease;
  filter:brightness(.8);
}
.service-gallery__item:hover img{transform:scale(1.05);filter:brightness(1)}

.related{background:var(--bg);padding:80px 0}
@media(max-width:768px){
  .service-stats__grid{grid-template-columns:repeat(2,1fr)}
  .service-projects__grid{grid-template-columns:1fr}
}