/* PageHeader */
.page-header{position:relative;color:#fff;padding:96px 0 128px;background:#1f2937;overflow:hidden}
.ph-bg{position:absolute;inset:0}
.ph-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
.ph-overlay{position:absolute;inset:0;background:linear-gradient(to top,#1f2937,transparent,#1f2937)}
.ph-inner{position:relative;z-index:2;text-align:center}
.ph-title{font-size:clamp(36px,6vw,64px);font-weight:800;margin:0}
.ph-sub{max-width:720px;margin:16px auto 0;color:#d1d5db;font-size:18px}
/* Services Grid */
.service-grid{display:grid;grid-template-columns:1fr;gap:40px}
.service-card{
  background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--card-shadow);
  transition:transform .25s ease, box-shadow .25s ease; display:flex; flex-direction:column;
}
.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.card-hero{position:relative;height:230px}
.card-hero img{width:100%;height:100%;object-fit:cover}
.card-hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,.3)}
.badge{
  position:absolute;top:16px;left:16px;background:var(--accent);color:#fff;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;box-shadow:0 6px 14px rgba(239,68,68,.35)
}
.badge svg{width:22px;height:22px}
.card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.card-title{font-size:20px;font-weight:800;color:#111827;margin:0}
.card-text{margin:10px 0 0;color:#4b5563;flex:1}
.card-link{margin-top:14px;align-self:flex-start;padding:0}
/* Responsive */
@media(min-width:768px){
  .nav-desktop{display:flex}.burger{display:none}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.1fr 1fr 1fr 1.2fr}
}
@media(min-width:1024px){ .service-grid{grid-template-columns:repeat(3,1fr)} }