/* ==============================================================
   PIXELDOTEDIT V11 — VISUAL BUG FIX & ALIGNMENT HARDENING
   Fixes:
   - homepage dark overlay / invisible dark text
   - contact hero edge spacing
   - dark-section heading contrast
   - subscribe focus/autofill border glitches
   - before/after slider/range/caption clipping
   - consistent dark/light button contrast
   - global responsive spacing
   ============================================================== */

/* ---------- 1. HOMEPAGE TOP HERO ---------- */
.home-hero-v11{
  position:relative!important;
  min-height:auto!important;
  padding:76px 0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 82% 20%, rgba(101,87,217,.12), transparent 34%),
    radial-gradient(circle at 12% 85%, rgba(213,81,157,.07), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#fafafe 52%,#f3f2fb 100%)!important;
}
.home-hero-v11::after{
  display:none!important;
  content:none!important;
}
.home-hero-v11 .hero-grid{
  position:relative!important;
  z-index:2!important;
}
.home-hero-v11 .hero-copy{
  color:var(--ink)!important;
}
.home-hero-v11 .hero-copy h1{
  color:#152039!important;
}
.home-hero-v11 .hero-copy .lead{
  color:#65728b!important;
}
.home-hero-v11 .kicker{
  color:#6557d9!important;
}
.home-hero-v11 .kicker::before{
  background:#6557d9!important;
}
.home-hero-v11 .hero-trust,
.home-hero-v11 .hero-trust span{
  color:#647087!important;
}
.home-hero-v11 .hero-visual{
  min-height:540px!important;
}
.home-hero-v11 .visual-main{
  background:#ececf3!important;
}

/* ---------- 2. CONTACT HERO ---------- */
.contact-clean-hero{
  min-height:500px!important;
}
.contact-clean-hero .subhero-content{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  align-items:center!important;
}
.contact-clean-hero .subhero-copy{
  grid-column:1!important;
  width:100%!important;
  max-width:720px!important;
  margin:0!important;
  padding:42px 38px 42px 0!important;
}
.contact-clean-hero .breadcrumb{
  margin-bottom:16px!important;
}
.contact-clean-hero .hero-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:26px!important;
}
.contact-clean-hero .hero-actions .btn{
  margin:0!important;
  flex:0 0 auto!important;
}
.contact-clean-hero::after{
  background:linear-gradient(90deg,rgba(13,15,18,.72) 0%,rgba(13,15,18,.62) 46%,rgba(13,15,18,.28) 100%)!important;
}

/* ---------- 3. DARK SECTION CONTRAST ---------- */
.location-card,
.cta-box,
.cta,
.service-deep-cta,
.upgrade-path,
.trial-banner{
  background-color:#211d2b!important;
}
.location-card h1,
.location-card h2,
.location-card h3,
.location-card .section-title,
.cta-box h1,
.cta-box h2,
.cta-box h3,
.cta-box .section-title,
.cta h1,
.cta h2,
.cta h3,
.service-deep-cta h1,
.service-deep-cta h2,
.service-deep-cta h3,
.upgrade-path h1,
.upgrade-path h2,
.upgrade-path h3,
.trial-banner h1,
.trial-banner h2,
.trial-banner h3{
  color:#fff!important;
}
.location-card p,
.location-card li,
.location-card .section-copy,
.cta-box p,
.cta-box li,
.cta p,
.service-deep-cta p,
.upgrade-path p,
.trial-banner p{
  color:#d2cedc!important;
}
.location-card strong,
.cta-box strong,
.service-deep-cta strong,
.upgrade-path strong,
.trial-banner strong{
  color:#fff!important;
}
.location-card .kicker,
.package-privacy .kicker,
.home-premier .kicker{
  color:#bcb4ff!important;
}
.location-card .kicker::before,
.package-privacy .kicker::before,
.home-premier .kicker::before{
  background:#8c7dff!important;
}
.location-card a:not(.btn),
.package-privacy a:not(.btn){
  color:#c6c0ff!important;
}
.package-privacy .section-title,
.package-privacy h1,
.package-privacy h2,
.package-privacy h3{
  color:#fff!important;
}
.package-privacy p,
.package-privacy li,
.package-privacy .section-copy{
  color:#d0ccda!important;
}
.home-premier .section-title,
.home-premier h1,
.home-premier h2,
.home-premier h3{
  color:#fff!important;
}

/* dark button safety */
.location-card .btn-primary,
.cta-box .btn-primary,
.service-deep-cta .btn-primary,
.home-premier .btn-primary,
.trial-banner .btn-primary{
  color:#fff!important;
}
.location-card .btn-outline,
.cta-box .btn-outline,
.service-deep-cta .btn-outline,
.home-premier .btn-outline{
  background:#fff!important;
  color:#18223a!important;
  border-color:#fff!important;
}

/* ---------- 4. BEFORE / AFTER CLIPPING ---------- */
.compare-shell,
.comparebox,
.compare-block{
  overflow:visible!important;
}
.compare-range,
.range{
  display:block!important;
  position:relative!important;
  z-index:20!important;
  width:100%!important;
  min-height:22px!important;
  margin:12px 0 0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.compare-range::-webkit-slider-runnable-track,
.range::-webkit-slider-runnable-track{
  height:6px!important;
  border-radius:999px!important;
  background:#dfe2ec!important;
}
.compare-range::-moz-range-track,
.range::-moz-range-track{
  height:6px!important;
  border-radius:999px!important;
  background:#dfe2ec!important;
}
.compare-range::-webkit-slider-thumb,
.range::-webkit-slider-thumb{
  margin-top:-7px!important;
}
.compare-range::-moz-range-thumb,
.range::-moz-range-thumb{
  width:21px!important;
  height:21px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#6557d9!important;
}
.home-service-row{
  overflow:hidden!important;
}
.home-service-ba{
  min-height:0!important;
  height:auto!important;
  padding:15px!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-service-ba .compare-shell{
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
.home-service-ba .compare{
  height:410px!important;
  min-height:410px!important;
  flex:0 0 410px!important;
}
.home-service-caption{
  position:relative!important;
  z-index:3!important;
  min-height:26px!important;
  margin-top:9px!important;
  padding:0 3px 1px!important;
  line-height:1.45!important;
}
.mission-ba .compare-shell{
  height:auto!important;
}
.mission-ba .compare{
  height:540px!important;
}
.ba-v7-card,
.ba-case{
  overflow:visible!important;
}
.ba-v7-card .compare-shell,
.ba-case .compare-shell{
  overflow:visible!important;
}
.ba-v7-card .compare{
  height:310px!important;
}
.ba-case .compare{
  height:300px!important;
}

/* give comparison cards enough bottom breathing room */
.ba-v7-card,
.ba-case{
  padding-bottom:16px!important;
}
.multi-ba-v7,
.ba-showcase-grid{
  align-items:stretch!important;
}

/* ---------- 5. SUBSCRIBE INPUT / AUTOFILL ---------- */
.subscribe .email-field{
  border:1px solid #3b3548!important;
  box-shadow:none!important;
  outline:none!important;
  transition:none!important;
}
.subscribe .email-field:focus-within{
  border-color:#3b3548!important;
  box-shadow:none!important;
  outline:none!important;
}
.subscribe .email-field input,
.subscribe .email-field input:focus,
.subscribe .email-field input:focus-visible,
.subscribe .email-field input:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.subscribe .email-field input:-webkit-autofill,
.subscribe .email-field input:-webkit-autofill:hover,
.subscribe .email-field input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #17131d inset!important;
  box-shadow:0 0 0 1000px #17131d inset!important;
  caret-color:#fff!important;
  border:0!important;
}
.subscribe .email-field input::placeholder{
  color:#8f8a9f!important;
  opacity:1!important;
}

/* accessible form focus elsewhere without affecting footer subscribe */
main input:focus,
main textarea:focus,
main select:focus{
  border-color:#8d82e7!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(101,87,217,.10)!important;
}

/* ---------- 6. GLOBAL ALIGNMENT HARDENING ---------- */
.section-head{
  align-items:flex-end!important;
}
.section-head > div:first-child{
  flex:1 1 auto!important;
}
.section-head .section-copy{
  flex:0 1 620px!important;
}
.hero-actions,
.cta-actions{
  row-gap:10px!important;
}
.btn{
  line-height:1.2!important;
  text-align:center!important;
}
.card,
.feature-card,
.outcome-card,
.usecase-card,
.quality-card,
.component-card,
.answer-box,
.outsource-card,
.principle-card,
.contact-direct-card,
.related-service{
  overflow-wrap:anywhere!important;
}
.service-fact-line,
.service-fact{
  align-items:start!important;
}
.footer .support-line strong{
  color:#fff!important;
}
.footer .support-line a{
  color:#d4d0e0!important;
}
.footer .support-line a:hover{
  color:#fff!important;
}
.footer .subscribe h3{
  color:#fff!important;
}
.footer input{
  min-width:0!important;
}

/* tables remain readable */
.table-wrap,
.matrix-shell,
.table{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* ---------- 7. CONTACT COMPANY CARD ---------- */
.location-card{
  overflow:hidden!important;
}
.location-card .section-title{
  margin-top:12px!important;
}
.location-card .hero-actions{
  margin-top:24px!important;
}

/* ---------- 8. RESPONSIVE ---------- */
@media(max-width:1050px){
  .contact-clean-hero .subhero-content{
    grid-template-columns:1fr!important;
  }
  .contact-clean-hero .subhero-copy{
    grid-column:1!important;
    max-width:720px!important;
    padding:36px 0!important;
    margin:0!important;
  }
  .home-hero-v11{
    padding:60px 0!important;
  }
  .home-hero-v11 .hero-visual{
    min-height:470px!important;
  }
  .mission-ba .compare{
    height:450px!important;
  }
  .home-service-ba .compare{
    height:390px!important;
    min-height:390px!important;
    flex-basis:390px!important;
  }
}
@media(max-width:760px){
  .home-hero-v11{
    padding:48px 0!important;
  }
  .home-hero-v11 .hero-visual{
    min-height:360px!important;
  }
  .contact-clean-hero{
    min-height:440px!important;
  }
  .contact-clean-hero .subhero-copy{
    padding:30px 0!important;
  }
  .contact-clean-hero .hero-actions{
    align-items:stretch!important;
  }
  .contact-clean-hero .hero-actions .btn{
    width:100%!important;
  }
  .home-service-ba .compare,
  .mission-ba .compare,
  .ba-v7-card .compare,
  .ba-case .compare{
    height:340px!important;
    min-height:340px!important;
    flex-basis:340px!important;
  }
  .home-service-caption{
    flex-direction:column!important;
    gap:2px!important;
  }
  .section-head .section-copy{
    flex-basis:auto!important;
  }
}