@media (max-width:760px){
  .hero-grid{min-height:0;align-items:start}
  .hero-copy{padding:48px 0 22px;max-width:none}
  .hero-copy>.eyebrow{margin-bottom:10px;font-size:11px;line-height:1.3}
  .hero-headlines{gap:4px;margin-bottom:20px;font-size:clamp(23px,6.8vw,29px);line-height:1.04}
  .hero-headlines>.hero-phrase{white-space:normal;transform:translateX(55px)}
  .hero-text{margin-bottom:20px;font-size:15px;line-height:1.48}
  .hero-actions{gap:10px}
  .hero-actions .btn{min-height:50px;padding:0 15px;font-size:14px}
  .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(calc(100% - 24px),var(--container));margin-inline:auto;padding:12px 0 30px}
  .metric{grid-template-columns:25px minmax(0,1fr);column-gap:6px;max-width:none;min-width:0}
  .metric .icon-img{width:25px;height:25px;margin-top:1px}
  .metric strong{font-size:23px;line-height:.95}
  .metric small{max-width:80px;font-size:10px;line-height:1.15}

  .problem{padding:34px 0}
  .problem-stack{gap:10px}
  .problem-feature,.problem-feature:nth-child(2){padding:14px 0}
  .problem-image{display:none!important}

  .timeline{gap:0;text-align:left;padding-left:0}
  .timeline::before{left:19px;top:4px;bottom:24px}
  .step{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:5px;padding-bottom:28px}
  .step strong{grid-column:1;grid-row:1 / span 2;align-self:start;width:40px;height:40px;margin:0}
  .step h3{grid-column:2;grid-row:1;margin:4px 0 0;font-size:18px}
  .step p{grid-column:2;grid-row:2;width:auto;max-width:none;margin:0;color:#d1d1d1;font-size:15px;line-height:1.5}

  .case-carousel{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;align-items:start}
  .case-track{grid-column:1 / -1;grid-row:1;min-height:0!important;height:auto;overflow:visible}
  .case-card{position:relative;inset:auto;display:none;width:100%;padding:24px 18px;grid-template-columns:1fr;gap:22px;opacity:1;transform:none;pointer-events:auto}
  .case-card.is-active{display:grid}
  .case-intro h3{font-size:clamp(25px,8vw,34px)}
  .case-person{display:inline-flex;width:auto;max-width:100%;white-space:normal}
  .case-columns{display:grid;grid-template-columns:1fr;gap:14px;align-self:auto}
  .case-columns article{width:100%;min-width:0;padding:18px}
  .case-columns p{margin-bottom:0;font-size:16px;line-height:1.5;overflow:visible}
  .case-prev,.case-next{position:static;grid-row:2;margin:0!important}
  .case-prev{grid-column:1;justify-self:end}
  .case-next{grid-column:2;justify-self:start}
  .case-dots{grid-column:1 / -1;grid-row:3;margin-top:0}
}