/* Hero: text LEFT, CRM/website photo slider RIGHT — full-width band, same content width */
#home.home-section.hero-has-slider{
  position:relative;
  overflow:hidden;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:48px 0 52px;
  border-bottom:none;
  min-height:unset;
  box-sizing:border-box;
  background:linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}
#home.home-section.hero-has-slider::before{display:none!important}

#home.home-section.hero-has-slider > .hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,42%)!important;
  gap:clamp(24px,4vw,40px)!important;
  align-items:start;
  position:relative;
  z-index:1;
  width:100%;
  max-width:min(1140px, calc(100vw - 36px));
  margin:0 auto;
  padding:0 clamp(16px, 3vw, 40px);
  box-sizing:border-box;
}

#home.home-section.hero-has-slider .hero-copy{
  order:1;
  min-width:0;
}

#home.home-section.hero-has-slider .hero-visual{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  order:2;
  min-height:unset!important;
  width:100%;
  max-width:none!important;
  margin:0;
  padding-top:4px;
}

#home.home-section.hero-has-slider .home-title{
  font-size:clamp(26px,3.5vw,36px)!important;
  line-height:1.14!important;
  margin-bottom:10px;
  text-shadow:none!important;
  -webkit-text-fill-color:#0f172a!important;
  background:none!important;
  -webkit-background-clip:unset!important;
  background-clip:unset!important;
  color:#0f172a!important;
}
#home.home-section.hero-has-slider .home-subtitle{
  font-size:clamp(15px,1.5vw,17px);
  line-height:1.55;
  max-width:560px;
}
#home.home-section.hero-has-slider .hero-outcome{
  font-size:15px;
  margin:8px 0 16px;
}

#home.home-section.hero-has-slider > .hero-bg-slider{display:none!important}

.hero-media-frame{
  position:relative;
  width:100%;
  max-width:420px;
  aspect-ratio:4/3;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(203,213,225,.9);
  box-shadow:0 10px 28px rgba(30,58,138,.14);
  background:#e2e8f0;
}

#home.home-section.hero-has-slider .hero-media-frame .hero-media-slide{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:none!important;
  filter:none!important;
  transition:opacity .9s ease;
}
#home.home-section.hero-has-slider .hero-media-frame .hero-media-slide.is-active{
  opacity:1;
}

.hero-media-dots{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  z-index:2;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(15,23,42,.4);
  backdrop-filter:blur(4px);
}
.hero-media-dots button{
  width:7px;height:7px;border-radius:999px;border:none;padding:0;
  background:rgba(255,255,255,.45);cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}
.hero-media-dots button.is-active{background:#fff;transform:scale(1.2)}

.hero-media-caption{
  margin:10px 0 0;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#64748b;
  text-align:center;
  width:100%;
  max-width:420px;
}

@media (max-width:900px){
  #home.home-section.hero-has-slider > .hero-grid{
    grid-template-columns:1fr!important;
  }
  #home.home-section.hero-has-slider .hero-visual{
    order:-1;
    max-width:340px;
    margin:0 auto 8px;
  }
  .hero-media-frame{max-width:320px;margin:0 auto}
}

@media (max-width:768px){
  #home.home-section.hero-has-slider{padding:36px 0 40px}
}

html[data-theme="dark"] #home.home-section.hero-has-slider{
  background:linear-gradient(180deg, #0b1229 0%, #060b1f 100%);
}
html[data-theme="dark"] #home.home-section.hero-has-slider .home-title{color:#e6ecff!important;-webkit-text-fill-color:#e6ecff!important}
html[data-theme="dark"] #home.home-section.hero-has-slider .home-subtitle{color:#cbd5e1}
html[data-theme="dark"] #home.home-section.hero-has-slider .hero-outcome{color:#93c5fd}