.service-detail-page{
  background:#fffdf7 !important;
  color:#20251b !important;
}

.service-detail-page .site-header{
  background:rgba(255,253,247,.88) !important;
  border-bottom:1px solid rgba(79,98,57,.12) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.service-detail-page .site-header .logo,
.service-detail-page .site-header .nav a,
.service-detail-page .site-header .nav-dropdown-toggle,
.service-detail-page .site-header .nav-contact,
.service-detail-page .site-header .menu-toggle{
  color:#20251b !important;
  text-shadow:none !important;
}

.service-detail-root,
.service-content-section,
.service-content-grid,
.service-main-content,
.service-sidebar,
.service-final-cta{
  background:#fffdf7 !important;
}

.service-detail-page .service-content-section{
  margin-top:-1px !important;
  background:#fffdf7 !important;
}

.service-detail-page .service-content-section::before,
.service-detail-page .service-content-section::after{
  background:transparent !important;
  opacity:0 !important;
}

.service-detail-hero{
  position:relative !important;
  min-height:92vh !important;
  display:grid !important;
  align-items:center !important;
  overflow:hidden !important;
  isolation:isolate !important;
  padding:8rem 0 5rem !important;
  background:#fffdf7 !important;
}

.service-detail-hero-video,
.service-detail-hero-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:-4 !important;
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.02) !important;
}

.service-detail-veil{
  position:absolute !important;
  inset:0 !important;
  z-index:-3 !important;
  background:
    radial-gradient(circle at 78% 24%,rgba(200,255,90,.18),transparent 24rem),
    linear-gradient(90deg,rgba(255,253,247,.93) 0%,rgba(255,253,247,.72) 44%,rgba(32,37,27,.18) 100%) !important;
}

.service-detail-gradient{
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  background:linear-gradient(180deg,rgba(255,253,247,0) 68%,#fffdf7 100%) !important;
}

.service-detail-hero::before,
.service-detail-hero::after{
  content:none !important;
  display:none !important;
}

.service-detail-hero-inner{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.48fr) !important;
  gap:clamp(2rem,6vw,5rem) !important;
  align-items:end !important;
}

.service-detail-copy{
  max-width:900px !important;
}

.service-detail-back,
.service-detail-kicker,
.service-section-kicker,
.service-card-label{
  display:inline-flex !important;
  align-items:center !important;
  width:fit-content !important;
  border:1px solid rgba(79,98,57,.18) !important;
  border-radius:999px !important;
  background:rgba(255,253,247,.76) !important;
  color:#27311f !important;
  font-size:.78rem !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  padding:.62rem .86rem !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.service-detail-back{
  margin-bottom:.8rem !important;
}

.service-detail-kicker{
  margin-left:.5rem !important;
  background:rgba(200,255,90,.24) !important;
}

.service-detail-copy h1{
  margin:1.2rem 0 1.35rem !important;
  max-width:1050px !important;
  color:#20251b !important;
  font-size:clamp(3rem,7vw,6.9rem) !important;
  line-height:.88 !important;
  letter-spacing:-.075em !important;
  text-wrap:balance !important;
  text-shadow:none !important;
}

.service-detail-copy p{
  max-width:760px !important;
  margin:0 !important;
  color:#5f6655 !important;
  font-size:clamp(1.05rem,1.8vw,1.36rem) !important;
  line-height:1.62 !important;
  font-weight:650 !important;
  text-shadow:none !important;
}

.service-detail-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.85rem !important;
  align-items:center !important;
  margin-top:2rem !important;
}

.service-detail-actions .btn-primary{
  background:#0d1b12 !important;
  color:#fffdf7 !important;
  box-shadow:none !important;
}

.service-detail-actions .btn-secondary,
.service-btn-glass{
  background:rgba(255,253,247,.76) !important;
  border-color:rgba(79,98,57,.18) !important;
  color:#20251b !important;
  box-shadow:none !important;
}

.service-detail-hero-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,253,247,.52) !important;
  border-radius:2rem !important;
  background:rgba(255,253,247,.8) !important;
  color:#20251b !important;
  box-shadow:0 28px 90px rgba(32,37,27,.16) !important;
  -webkit-backdrop-filter:blur(22px) !important;
  backdrop-filter:blur(22px) !important;
  padding:clamp(1.4rem,2.8vw,2rem) !important;
}

.service-detail-hero-card::before{
  content:"" !important;
  position:absolute !important;
  inset:auto -18% -28% auto !important;
  width:15rem !important;
  aspect-ratio:1 !important;
  border-radius:999px !important;
  background:rgba(200,255,90,.34) !important;
  filter:blur(8px) !important;
}

.service-detail-hero-card h2{
  position:relative !important;
  margin:1rem 0 1.25rem !important;
  color:#20251b !important;
  font-size:clamp(1.42rem,2.1vw,2rem) !important;
  line-height:1.1 !important;
  letter-spacing:-.035em !important;
}

.service-detail-hero-card ul{
  position:relative !important;
  display:grid !important;
  gap:.75rem !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.service-detail-hero-card li{
  display:flex !important;
  gap:.7rem !important;
  align-items:flex-start !important;
  color:#5f6655 !important;
  line-height:1.45 !important;
}

.service-detail-hero-card li::before{
  content:"" !important;
  flex:0 0 .55rem !important;
  width:.55rem !important;
  height:.55rem !important;
  margin-top:.45rem !important;
  border-radius:999px !important;
  background:#c8ff5a !important;
  box-shadow:0 0 0 4px rgba(200,255,90,.18) !important;
}

.service-kind-ads,
.service-kind-social,
.service-kind-seo,
.service-kind-web{
  background:#fffdf7 !important;
}

@media(max-width:980px){
  .service-detail-hero{
    min-height:auto !important;
    padding:7.5rem 0 4rem !important;
  }

  .service-detail-hero-inner{
    grid-template-columns:1fr !important;
  }

  .service-detail-copy h1{
    font-size:clamp(3rem,13vw,5.2rem) !important;
  }

  .service-detail-hero-card{
    position:static !important;
  }

  .service-detail-veil{
    background:
      radial-gradient(circle at 80% 14%,rgba(200,255,90,.16),transparent 18rem),
      linear-gradient(180deg,rgba(255,253,247,.94) 0%,rgba(255,253,247,.74) 62%,rgba(255,253,247,.9) 100%) !important;
  }
}

@media(max-width:640px){
  .service-detail-hero{
    padding-top:6.5rem !important;
  }

  .service-detail-back,
  .service-detail-kicker,
  .service-section-kicker,
  .service-card-label{
    font-size:.68rem !important;
    padding:.52rem .7rem !important;
  }

  .service-detail-kicker{
    margin-left:0 !important;
    margin-top:.45rem !important;
  }

  .service-detail-actions{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  .service-detail-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }
}