:root{
  --kp-gold:#d6a83b;
  --kp-gold-dark:#b9871d;
  --kp-ink:#142033;
  --kp-text:#2b3442;
  --kp-muted:#6c7480;
  --kp-line:#e7e9ed;
  --kp-soft:#f7f7f5;
  --kp-white:#fff;
  --kp-dark:#111417;
}
body.service-page{background:#fff!important;color:var(--kp-text)!important;font-family:Montserrat,Arial,sans-serif}
body.service-page .container{width:min(1180px,92%)!important;margin:auto!important}

/* Header – same visual language as homepage */
body.service-page .site-header{
  position:sticky!important;top:0!important;z-index:1000!important;
  background:#fff!important;border-bottom:1px solid #ececec!important;
  box-shadow:0 4px 18px rgba(18,28,45,.05)!important;
}
body.service-page .nav-wrap{
  min-height:86px!important;display:flex!important;align-items:center!important;gap:28px!important;
}
body.service-page .brand{
  width:220px!important;min-width:220px!important;height:74px!important;
  display:flex!important;align-items:center!important;
}
body.service-page .brand .brand-mark,
body.service-page .brand .brand-copy{display:none!important}
body.service-page .brand::before{
  content:"";display:block;width:100%;height:66px;
  background:url("logo-koncept-prime-white-header.png") left center/contain no-repeat;
}
body.service-page .main-nav{display:flex!important;align-items:center!important;gap:26px!important;margin-left:auto!important}
body.service-page .main-nav>a,
body.service-page .nav-drop-btn{
  color:#171b22!important;background:none!important;border:0!important;
  font-size:12px!important;font-weight:800!important;padding:34px 0!important;position:relative!important;
}
body.service-page .main-nav>a:hover,
body.service-page .main-nav>a.active,
body.service-page .nav-drop-btn:hover{color:#111!important}
body.service-page .main-nav>a:hover::after,
body.service-page .main-nav>a.active::after,
body.service-page .nav-drop-btn:hover::after{
  content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--kp-gold)
}
body.service-page .nav-dropdown{position:relative!important}
body.service-page .nav-drop-menu{
  background:#fff!important;border:1px solid #eee!important;box-shadow:0 14px 35px rgba(0,0,0,.1)!important;
}
body.service-page .nav-drop-menu a{color:#222!important;background:#fff!important}
body.service-page .nav-drop-menu a:hover{background:#faf7ef!important;color:var(--kp-gold-dark)!important}
body.service-page .header-tools{display:flex!important;align-items:center!important;gap:16px!important;color:#191d24!important;font-size:12px!important}
body.service-page .phone-link{color:#191d24!important}
body.service-page .lang i{color:var(--kp-gold)!important;font-style:normal!important}
body.service-page .menu-toggle span{background:#111!important}

/* Hero */
body.service-page .service-hero,
body.service-page .skele-hero{
  position:relative!important;min-height:520px!important;
  border-bottom:1px solid #eee!important;
}
body.service-page .service-hero::before,
body.service-page .skele-hero::before{
  content:"";position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 36%,rgba(255,255,255,.35) 62%,rgba(255,255,255,.06) 100%)!important;
  z-index:1!important;
}
body.service-page .service-hero>.container,
body.service-page .skele-hero>.container{position:relative!important;z-index:2!important}
body.service-page .service-hero-copy,
body.service-page .skele-hero-copy{max-width:620px!important;color:var(--kp-ink)!important}
body.service-page .service-kicker,
body.service-page .skele-hero-kicker,
body.service-page .mini-title,
body.service-page .section-heading>span,
body.service-page .about-label{
  color:var(--kp-gold-dark)!important;font-weight:800!important;letter-spacing:.04em!important
}
body.service-page .service-hero h1,
body.service-page .skele-hero h1,
body.service-page .skele-hero h1 span{color:var(--kp-ink)!important}
body.service-page .service-hero p,
body.service-page .skele-hero p{color:#3b4654!important}
body.service-page .breadcrumbs,
body.service-page .breadcrumbs a{color:#6f7781!important}
body.service-page .btn-primary{background:var(--kp-gold)!important;color:#111!important;border-color:var(--kp-gold)!important}
body.service-page .btn-primary:hover{background:#c89b2f!important;border-color:#c89b2f!important}
body.service-page .btn-outline{background:#fff!important;color:#1b222c!important;border-color:#cfd4da!important}

/* Light sections/cards */
body.service-page .section,
body.service-page .skele-section,
body.service-page .family-section,
body.service-page .feature-section,
body.service-page .process-section,
body.service-page .about-moler{
  background:#fff!important;color:var(--kp-text)!important;
}
body.service-page .section-heading h2,
body.service-page .detail-copy h2,
body.service-page .family-copy h2,
body.service-page .skele-section-copy h2,
body.service-page .about-content h2,
body.service-page .skele-ref-head h2,
body.service-page .process-head h2{
  color:var(--kp-ink)!important;
}
body.service-page .detail-copy p,
body.service-page .family-copy p,
body.service-page .skele-section-copy p,
body.service-page .about-content p,
body.service-page .process-head p{color:#5c6673!important}
body.service-page .detail-copy h2 span,
body.service-page .family-copy h2 span,
body.service-page .about-content h2 span{color:var(--kp-gold-dark)!important}
body.service-page .heading-line,
body.service-page .highlight-line{background:var(--kp-gold)!important}

body.service-page .intro-strip,
body.service-page .skele-mini-nav{
  background:#f8f8f6!important;border-top:1px solid #eee!important;border-bottom:1px solid #eee!important;
}
body.service-page .intro-item strong,
body.service-page .skele-mini-nav a{color:var(--kp-ink)!important}
body.service-page .intro-item span{color:#707781!important}

body.service-page .feature-card,
body.service-page .process-step,
body.service-page .feature-box,
body.service-page .skele-service-list li{
  background:#fff!important;border:1px solid var(--kp-line)!important;color:var(--kp-text)!important;
  box-shadow:0 10px 28px rgba(20,32,51,.05)!important
}
body.service-page .feature-card h3,
body.service-page .process-step h3,
body.service-page .feature-box h3,
body.service-page .skele-service-list h3{color:var(--kp-ink)!important}
body.service-page .feature-card p,
body.service-page .process-step p,
body.service-page .feature-box p,
body.service-page .skele-service-list p{color:#66707d!important}
body.service-page .feature-icon,
body.service-page .feature-no,
body.service-page .process-number{color:var(--kp-gold-dark)!important}

body.service-page .about-choice-title{color:var(--kp-ink)!important}
body.service-page .about-choice-list li{color:#5f6975!important}
body.service-page .about-choice-list strong{color:var(--kp-ink)!important}
body.service-page .about-choice-list li::before{color:var(--kp-gold)!important}
body.service-page .detail-checks li{color:var(--kp-text)!important}
body.service-page .detail-checks li::before{color:var(--kp-gold)!important}

/* About Moler special */
body.service-page .about-moler{padding-top:90px!important;padding-bottom:90px!important}
body.service-page .about-container{max-width:1180px!important}
body.service-page .about-highlight{
  background:#faf8f2!important;border-left:3px solid var(--kp-gold)!important;color:#4d5662!important
}
body.service-page .about-features{border-top:1px solid var(--kp-line)!important}
body.service-page .feature-box{border-radius:0!important}

/* References – retain strong imagery but make surrounding section light */
body.service-page .references-slider-section{
  background:#f7f7f5!important;color:var(--kp-ink)!important;
}
body.service-page .reference-slider{
  background:#fff!important;border:1px solid #e5e5e5!important;
  box-shadow:0 24px 55px rgba(20,32,51,.12)!important
}
body.service-page .reference-dots .reference-dot{background:#cfd3d8!important}
body.service-page .reference-dots .reference-dot.active{background:var(--kp-gold)!important}

/* Contact panel */
body.service-page .service-contact-panel{
  background:#15181c!important;color:#fff!important;border-top:3px solid var(--kp-gold)!important
}
body.service-page .service-contact-copy h2,
body.service-page .service-contact-info,
body.service-page .service-contact-info a{color:#fff!important}
body.service-page .service-contact-copy p{color:#cbd0d6!important}
body.service-page .service-contact-submit{background:var(--kp-gold)!important;color:#111!important}

/* Footer – white like homepage */
body.service-page .site-footer{
  background:#fff!important;color:#222!important;border-top:1px solid #e7e7e7!important
}
body.service-page .footer-grid{background:#fff!important}
body.service-page .footer-brand .brand{height:auto!important;width:230px!important}
body.service-page .footer-brand .brand::before{height:74px!important}
body.service-page .footer-brand p,
body.service-page .footer-column a,
body.service-page .footer-contact p{color:#4f5864!important}
body.service-page .footer-column h4{color:var(--kp-ink)!important}
body.service-page .footer-column h4::after{background:var(--kp-gold)!important}
body.service-page .socials a{
  color:#111!important;border:1px solid #d9dde2!important;background:#fff!important
}
body.service-page .footer-bottom{
  border-top:1px solid #ececec!important;color:#6a717b!important;background:#fff!important
}

/* Mobile */
@media(max-width:1000px){
  body.service-page .nav-wrap{min-height:74px!important}
  body.service-page .brand{width:170px!important;min-width:170px!important;height:62px!important}
  body.service-page .brand::before{height:56px!important}
  body.service-page .main-nav{
    display:none!important;position:absolute!important;top:74px!important;left:0!important;right:0!important;
    background:#fff!important;padding:18px 5%!important;flex-direction:column!important;align-items:flex-start!important;
    box-shadow:0 15px 25px rgba(0,0,0,.08)!important
  }
  body.service-page .main-nav.open{display:flex!important}
  body.service-page .main-nav>a,
  body.service-page .nav-drop-btn{padding:10px 0!important}
  body.service-page .header-tools{display:none!important}
  body.service-page .service-hero::before,
  body.service-page .skele-hero::before{
    background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.76))!important
  }
}
@media(max-width:600px){
  body.service-page .brand{width:150px!important;min-width:150px!important}
  body.service-page .service-hero,
  body.service-page .skele-hero{min-height:470px!important}
}