@media(max-width:1100px){
  .brand img{width:138px}
  /* Scale carousel source artwork for narrower right columns */
  .carousel-slide .slide-inner{width:min(calc(100% - 72px),1340px);grid-template-columns:minmax(0,47%) minmax(0,53%)}
  .carousel-slide .hero-copy{padding-right:28px}
  .carousel-slide .hero-copy h1{font-size:clamp(46px,5.2vw,56px)}
  .slide1-laptop{width:470px;right:30px;top:142px}
  .slide1-phone{width:145px;right:0;top:250px}
  .slide1-slogan{width:140px;right:12px;top:92px}
  .slide2-care{width:520px;right:-12px;top:126px}
  .slide2-slogan{width:140px;right:8px;top:84px}
  .slide3-matrix{width:500px;right:8px;top:68px}
  .carousel-arrow{width:32px;height:32px;font-size:1.7rem}
  .carousel-arrow.prev{left:32px}.carousel-arrow.next{right:32px}
}

@media(max-width:900px){
  /* === NAV === */
  .site-header{height:70px}
  .brand{width:194px;flex-basis:194px}
  .brand img{transform:scale(1.25)}
  .nav-actions{margin-left:auto}
  /* === LAYOUT === */
  .primary-card-grid{grid-template-columns:1fr}
  .positioning-grid{grid-template-columns:1fr;gap:24px}
  .cta-panel{display:block;padding:42px 36px}
  .cta-panel>div:last-child{margin-top:28px}
  .footer-grid{align-items:flex-start;flex-direction:column}
  /* === CAROUSEL: STACK === */
  .hero-carousel{height:auto}
  .carousel-track{height:auto}
  .carousel-slide{position:absolute;height:auto}
  .carousel-slide.is-active{position:relative}
  .slide-inner{grid-template-columns:1fr}
  .hero-copy{padding-right:0;padding:36px 28px 0}
  /* Visual stacks beneath copy with explicit height */
  .slide-visual{
    display:block;
    position:relative;
    width:100%;
    height:310px;
    overflow:hidden;
    margin-top:0;
  }
  .slide-care .slide-visual{overflow:hidden}
  /* Stack copy above each complete visual composition */
  .carousel-slide .slide-inner{width:min(calc(100% - 56px),760px);grid-template-columns:1fr;min-height:0}
  .carousel-slide .hero-copy{padding:52px 0 16px}
  .carousel-slide .hero-copy h1{font-size:clamp(44px,7.2vw,54px);max-width:700px}
  .carousel-slide .hero-lede{max-width:680px}
  .carousel-slide .slide-visual{height:440px;min-height:440px}
  .slide1-laptop{width:540px;max-width:78%;right:12%;top:30px}
  .slide1-phone{width:150px;right:7%;top:145px}
  .slide1-slogan{width:150px;right:7%;top:0}
  .slide2-care{width:560px;max-width:82%;right:7%;top:28px}
  .slide2-slogan{width:150px;right:7%;top:0}
  .slide3-matrix{width:560px;max-width:84%;right:8%;top:22px}
  .carousel-arrow{top:auto;bottom:200px;transform:none}
  .carousel-arrow.prev{left:38px}.carousel-arrow.next{right:38px}
}

@media(max-width:600px){
  .container{width:min(calc(100% - 32px),var(--cc-container-width))}
  .section{padding:70px 0}
  h1{font-size:2rem}
  .brand img{width:120px}
  .primary-card-grid{grid-template-columns:1fr}
  .cta-panel{padding:38px 26px}
  .cta-panel>div:last-child{flex-direction:column}
  .nav-shell{gap:12px}
  .brand{width:auto;flex:1 1 auto;min-width:0}
  .brand img{width:112px;transform:scale(1.2)}
  .nav-actions{gap:10px}
  .nav-actions .button{min-height:40px;padding:0 14px;font-size:.78rem}
  .login-link{font-size:.8rem;white-space:nowrap}
  .footer-actions{width:100%;justify-content:space-between}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .modal-panel{padding:30px 20px}
  .feature-card p{min-height:auto}
  .hero-copy{padding:28px 20px 0}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-actions .button{width:100%;text-align:center}
  .carousel-slide .slide-inner{width:min(calc(100% - 40px),560px)}
  .carousel-slide .hero-copy{padding:40px 0 12px}
  .carousel-slide .hero-copy h1{font-size:36px}
  .rotating-headline-reel{font-size:.78em;height:2.22em}
  .carousel-slide .hero-actions{width:100%;gap:12px}
  .carousel-slide .hero-actions .button{justify-content:flex-start}
  .carousel-slide .trust-row{grid-template-columns:1fr;gap:10px}
  .carousel-slide .trust-row li{font-size:.9rem}
  .carousel-slide .slide-visual{height:300px;min-height:300px}
  .slide1-laptop{width:300px;max-width:82%;right:11%;top:26px}
  .slide1-phone{width:95px;right:5%;top:96px}
  .slide1-leaves{opacity:.62}
  .slide1-slogan{display:none}
  .slide2-care{width:340px;max-width:96%;right:2%;top:18px}
  .slide2-leaves{opacity:.5}
  .slide2-slogan{display:none}
  .slide3-matrix{width:320px;max-width:94%;right:3%;top:10px}
  .slide3-leaves{opacity:.45}
  .carousel-arrow{bottom:130px}
  .carousel-arrow.prev{left:22px}.carousel-arrow.next{right:22px}
  .carousel-dots{bottom:10px}
}

@media(max-width:420px){
  .site-header{height:104px}
  .nav-shell{display:grid;grid-template-columns:1fr;padding-block:7px}
  .brand{grid-column:1;width:100%;justify-content:center}
  .brand img{width:96px;transform:scale(1.08);transform-origin:center}
  .nav-actions{grid-column:1;width:100%;justify-content:space-between;gap:6px}
  .nav-actions .button{min-height:34px;padding:0 10px;font-size:.7rem}
  .login-link{font-size:.72rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}