.mobile-swipe-hint{display:none}
@media(max-width:650px){
  html{scroll-behavior:smooth;scroll-padding-top:70px}
  body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
  button,a{touch-action:manipulation}
  .landing-nav{height:82px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .landing-nav .primary{min-height:44px;padding:11px 15px;font-size:11px}
  .storm-hero{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));min-height:720px}
  .storm-copy h1{font-size:clamp(40px,12vw,48px);line-height:1.05}
  .landing-actions{gap:4px}.landing-actions .primary{flex:1;min-height:52px}.landing-actions .play-btn{white-space:nowrap;padding:12px 8px;font-size:11px}
  .story-steps article{padding:23px}.story-steps article>span{margin:24px 0 16px}
  .video-section{overflow:hidden}
  .mobile-swipe-hint{display:block!important;margin:22px 0 0!important;color:var(--mint)!important;font-size:11px!important;letter-spacing:.4px}.mobile-swipe-hint span{display:inline-block;margin-left:5px;animation:mobileNudge 1.6s ease-in-out infinite}
  .video-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:20px;padding:5px 38px 22px 20px;margin:0 -20px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .video-grid::-webkit-scrollbar{display:none}
  .video-card{flex:0 0 min(78vw,315px);scroll-snap-align:start}
  .video-frame{box-shadow:0 22px 55px rgba(0,0,0,.38)}
  .device-stage{width:100%;min-height:360px;overflow:hidden}
  .device-pills{gap:6px}.device-pills span{padding:9px 11px}
  .landing-footer .primary{width:100%;min-height:48px}
  .primary,.nav-login,.play-btn,.nav-item{min-height:44px}
}
@keyframes mobileNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}