/* V7 — Mobile one-third hero-content experiment, 360px viewport.
   Original hero 669.625px, header clearance ~84px:
   (669.625-84)/3=195.2px content; new section 84+195=279px.
   Keep desktop 300px; mobile all three slides; original assets and 9s crossfade.
*/
@media(max-width:690px){
  .hero-wrap{
    box-sizing:border-box!important;
    height:279px!important;
    padding:84px 14px 0!important;
    margin:0 auto!important;
  }
  .hero-stage{
    box-sizing:border-box!important;
    height:164px!important;
    border-radius:12px!important;
  }
  .hero-stage .hero-slide{
    display:grid!important;
    grid-template-columns:minmax(0,56fr) minmax(0,44fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;
    gap:5px!important;
    padding:6px!important;
    align-items:stretch!important;
  }
  .hero-stage .hero-content,
  .hero-stage .hero-trust .hero-content{
    min-height:0!important;
    min-width:0!important;
    padding:3px 2px 3px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    overflow:visible!important;
  }
  .hero-stage .eyebrow,
  .hero-stage .hero-trust .eyebrow{
    font-size:6.4px!important;
    letter-spacing:0!important;
    line-height:1.2!important;
    margin:0 0 4px!important;
    white-space:normal!important;
    gap:4px!important;
  }
  .hero-stage .eyebrow-rule{width:9px!important;height:1px!important;}
  .hero-stage .hero-content h1,
  .hero-stage .hero-content h2,
  .hero-stage .hero-trust .hero-content h2{
    font-size:clamp(15.5px,4.45vw,19px)!important;
    line-height:1.08!important;
    letter-spacing:-.037em!important;
    margin:0!important;
  }
  .hero-stage .hero-description,
  .hero-stage .hero-trust .hero-description{
    font-size:8.4px!important;
    line-height:1.34!important;
    margin:4px 0 6px!important;
    max-height:36px!important;
    overflow:hidden!important;
    text-wrap:pretty!important;
  }
  .hero-stage .hero-actions{gap:4px!important;flex-direction:row!important;flex-wrap:nowrap!important;}
  .hero-stage .action-primary,
  .hero-stage .hero-trust .action-primary{
    min-height:23px!important;
    padding:4px 8px!important;
    font-size:8px!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  .hero-stage .action-primary span{font-size:12px!important;}
  .hero-stage .action-secondary{display:none!important;}
  .hero-stage .photo-side,
  .hero-stage .hero-trust .photo-side{
    min-height:0!important;
    height:100%!important;
    width:100%!important;
    margin:0!important;
    flex:none!important;
    border-radius:8px!important;
  }
  .hero-stage .photo-side>img:first-child{object-position:center!important;}
  .hero-stage .photo-label{display:none!important;}
  .hero-stage .photo-brand{
    max-width:92%!important;
    bottom:5px!important;
    right:5px!important;
    padding:3px 4px!important;
    border-radius:5px!important;
  }
  .hero-stage .photo-brand img{width:92px!important;max-width:100%!important;height:auto!important;}
  .slide-navigation{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:80px minmax(0,1fr) 51px!important;
    grid-template-rows:31px!important;
    align-items:center!important;
    height:31px!important;min-height:31px!important;
    gap:5px!important;
    padding:0!important;
    margin:0!important;
  }
  .slide-navigation .story-label{grid-column:1!important;grid-row:1!important;display:flex!important;flex-basis:auto!important;align-items:center!important;}
  .slide-navigation .story-powered{gap:3px!important;}
  .slide-navigation .story-powered span{font-size:6px!important;}
  .slide-navigation .story-powered img{width:48px!important;}
  .slide-navigation .story-tabs{
    grid-column:2!important;grid-row:1!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    margin:0!important;min-width:0!important;
  }
  .slide-navigation .story-tab{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;gap:1px!important;
    height:29px!important;min-height:0!important;
    padding:1px 0 5px!important;
  }
  .slide-navigation .story-tab-icon{display:none!important;}
  .slide-navigation .story-tab-name{
    white-space:normal!important;
    overflow:visible!important;
    font-size:6.8px!important;line-height:1.1!important;
    text-overflow:clip!important;
  }
  .slide-navigation .arrow-controls{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;gap:1px!important;
    align-items:center!important;
  }
  .slide-navigation .arrow-btn{width:17px!important;height:17px!important;}
  .slide-navigation .arrow-btn svg{width:11px!important;height:11px!important;}
  .slide-navigation .pause-btn{width:15px!important;height:17px!important;}
  .slide-navigation .pause-icon{height:10px!important;width:7px!important;border-width:2px!important;}
}
/* V7.1 mobile nav: clean three tabs; combined branding is already on photo. */
@media(max-width:690px){
 .slide-navigation{grid-template-columns:minmax(0,1fr) 54px!important;column-gap:6px!important;}
 .slide-navigation .story-label{display:none!important;}
 .slide-navigation .story-tabs{grid-column:1!important;grid-row:1!important;gap:8px!important;}
 .slide-navigation .story-tab-name{font-size:8px!important;white-space:nowrap!important;line-height:1.15!important;}
 .slide-navigation .arrow-controls{grid-column:2!important;grid-row:1!important;}
}
@media(max-width:345px){
 .slide-navigation .story-tab-name{font-size:7.3px!important;}
 .slide-navigation .story-tabs{gap:5px!important;}
}

/* v7.2: Readable mobile-only concise descriptions; originals remain on desktop. */
.desc-mobile{display:none;}
@media(max-width:690px){
 .hero-stage .desc-mobile{display:inline!important;}
 .hero-stage .desc-desktop{display:none!important;}
 .hero-stage .hero-description,.hero-stage .hero-trust .hero-description{
   font-size:9.3px!important;line-height:1.33!important;max-height:none!important;overflow:visible!important;
 }
 .hero-stage .hero-content h1,.hero-stage .hero-content h2,.hero-stage .hero-trust .hero-content h2{
   font-size:clamp(16px,4.55vw,19px)!important;
 }
}

/* V8 compact buyer logo on 320–690px; original pixels and aspect intact. */
@media(max-width:690px){
 .hero-stage .photo-brand{max-width:48%!important;padding:2px 3px!important;right:4px!important;bottom:4px!important;}
 .hero-stage .photo-brand img{width:72px!important;height:auto!important;max-width:100%!important;}
}
@media(max-width:370px){ .hero-stage .photo-brand img{width:64px!important;} }