/* STEP 8 — ClearPath approved visual direction */
.clearpath-step6 .cp-site-header,
.cp-site-header{
  background:#fff;
  border:0;
}
.cp-header-inner{min-height:76px}
.cp-site-title{font-size:1.18rem}
.cp-header-cta{
  background:#e40068!important;
  box-shadow:none!important;
  border-radius:7px!important;
  text-transform:uppercase;
  font-size:.85rem;
}
.cp-nav{
  background:linear-gradient(90deg,#006d71,#00595e);
}
@media(min-width:901px){
  .cp-site-header .cp-container{width:min(1180px,calc(100% - 40px))}
  .cp-site-header{padding-bottom:0}
  .cp-nav{
    position:absolute;
    top:76px;left:0;right:0;
    display:flex;
    justify-content:center;
    min-height:48px;
  }
  .cp-nav .cp-menu{min-height:48px}
  .cp-nav a{color:#fff!important;text-transform:uppercase;font-size:.78rem;letter-spacing:.02em}
  .cp-nav .current-menu-item>a{background:#e40068;padding:15px 18px;border-radius:7px}
  .cp-site-main{padding-top:48px}
}

.cp8-hero{position:relative;background:#fff;overflow:hidden}
.cp8-hero:after{
  content:"";position:absolute;left:-8%;right:-8%;bottom:-20px;height:76px;
  background:#e40068;clip-path:polygon(0 28%,40% 68%,72% 32%,100% 80%,100% 100%,0 100%);
  z-index:0;
}
.cp8-hero>.elementor-container{position:relative;z-index:1}
.cp8-kicker{color:#007a78!important;font-weight:800!important;font-size:.78rem!important;letter-spacing:.05em;margin-bottom:12px!important}
.cp8-center{text-align:center}
.cp8-hero-title .elementor-heading-title,
.cp8-section-title .elementor-heading-title{
  font-size:clamp(2.2rem,4.6vw,4.3rem)!important;
  font-weight:900!important;
  color:#17243b!important;
  line-height:1.02!important;
}
.cp8-section-title .elementor-heading-title{font-size:clamp(2rem,3vw,3rem)!important}
.cp8-hero-title .elementor-heading-title span,
.cp8-section-title .elementor-heading-title span{color:#e40068}
.cp8-hero-copy{max-width:540px}
.cp8-hero-copy p{font-size:1.05rem;line-height:1.7}
.cp8-btn-teal .elementor-button{background:#007a78!important}
.cp8-btn-magenta .elementor-button{background:#e40068!important}
.cp8-btn-teal,.cp8-btn-magenta{display:inline-block;margin-right:10px;margin-top:8px}
.cp8-btn-teal .elementor-button,.cp8-btn-magenta .elementor-button{
  border-radius:7px!important;padding:14px 20px!important;font-size:.82rem!important;
  box-shadow:0 8px 18px rgba(0,0,0,.08)
}
.cp8-mini-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.cp8-mini-trust span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;font-size:.72rem;color:#007a78}
.cp8-mini-trust b{color:#17243b}
.cp8-mini-trust small{grid-column:2;color:#66717f}
.cp8-hero-image img{border-radius:0 0 0 32px;width:100%;height:520px;object-fit:cover}
.cp8-hero-features{
  margin:-72px 22px 0 auto;position:relative;z-index:3;width:86%;
  display:grid;grid-template-columns:repeat(3,1fr);
  background:linear-gradient(135deg,#008d8c,#00666a);
  border-radius:16px;color:#fff;padding:24px 12px;box-shadow:0 16px 28px rgba(0,88,92,.22)
}
.cp8-hero-features div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 10px;border-right:1px solid rgba(255,255,255,.18)}
.cp8-hero-features div:last-child{border:0}
.cp8-hero-features strong{font-size:1.7rem}
.cp8-hero-features b{font-size:.82rem;margin-top:4px}
.cp8-hero-features span{font-size:.72rem;opacity:.9}

.cp8-services-intro{background:#fff}
.cp8-services-grid{background:#fff}
.cp8-service-card>.elementor-widget-container{
  min-height:245px;padding:26px 18px!important;background:#fff;border:1px solid #edf1f0;
  border-radius:14px;box-shadow:0 12px 26px rgba(20,50,60,.07);text-align:center
}
.cp8-service-card .elementor-icon{background:#007a78;color:#fff;border-radius:50%;padding:16px}
.cp8-services-grid .elementor-column:nth-child(even) .cp8-service-card .elementor-icon{background:#e40068}
.cp8-service-card .elementor-icon-box-title{font-size:1rem!important;color:#17243b!important}
.cp8-service-card .elementor-icon-box-description{font-size:.82rem;line-height:1.55}
.cp8-card-link .elementor-button{
  background:transparent!important;color:#e40068!important;box-shadow:none!important;
  padding:8px!important;font-size:.72rem!important
}

.cp8-why{margin:0 auto!important;width:min(1180px,calc(100% - 40px));border-radius:14px}
.cp8-white-title .elementor-heading-title{color:#fff!important;font-size:1.25rem!important}
.cp8-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;color:#fff}
.cp8-why-grid div{padding:10px 24px;border-right:1px solid rgba(255,255,255,.2)}
.cp8-why-grid div:last-child{border:0}
.cp8-why-grid b,.cp8-why-grid span{display:block}
.cp8-why-grid b{font-size:1rem}.cp8-why-grid span{font-size:.8rem;opacity:.92;margin-top:5px}

.cp8-who{background:#fff}
.cp8-audience-image img{width:100%;height:440px;object-fit:cover;border-radius:18px}
.cp8-bottom-info>.elementor-container{
  border:1px solid #edf1f0;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(20,50,60,.05);
  padding:14px 8px
}
.cp8-bottom-card .elementor-icon{color:#007a78}
.cp8-bottom-card .elementor-icon-box-title{color:#e40068!important;font-size:.82rem!important}
.cp8-bottom-card .elementor-icon-box-description{font-size:.78rem!important}

.cp-site-footer{background:#063f48!important}
.cp-site-footer a:hover{color:#fff}
.cp-footer-bottom{border-top:0;background:#e40068;width:100%!important;max-width:none!important;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2))}

@media(max-width:900px){
  .cp-nav{background:#fff}
  .cp-nav a{color:#17243b!important}
  .cp8-hero-title .elementor-heading-title{font-size:2.8rem!important}
  .cp8-hero-image img{height:360px;border-radius:16px}
  .cp8-hero-features{width:96%;margin:-34px auto 0;grid-template-columns:1fr}
  .cp8-hero-features div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .cp8-hero-features div:last-child{border-bottom:0}
  .cp8-services-grid .elementor-column{width:100%!important}
  .cp8-service-card>.elementor-widget-container{min-height:auto}
  .cp8-why-grid{grid-template-columns:1fr 1fr}
  .cp8-why-grid div:nth-child(2){border-right:0}
  .cp8-why-grid div{border-bottom:1px solid rgba(255,255,255,.15)}
}
@media(max-width:600px){
  .cp8-btn-teal,.cp8-btn-magenta{display:block;margin-right:0}
  .cp8-mini-trust{gap:14px}
  .cp8-why-grid{grid-template-columns:1fr}
  .cp8-why-grid div{border-right:0}
  .cp8-audience-image img{height:280px}
}