/* v21.7 — Android scrolling + mobile layout repair.
   Keep vertical panning native even inside the swipeable feature/story decks. */
html,body{min-height:100%;height:auto!important}
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch}
  body{position:static!important;touch-action:pan-y pinch-zoom}
  .role-carousel,.role-slides,.role-slide,.feature-deck,.feature-deck-stage,.feature-deck-slide{touch-action:pan-y pinch-zoom}
  .mobile-menu{overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .ambient,.particles{pointer-events:none}
  .home-clean .home-hero-clean{padding:104px 16px 46px;gap:34px}
  .home-clean .home-hero-clean h1{font-size:clamp(2.75rem,12vw,4rem);line-height:.98;letter-spacing:-.055em;margin-bottom:17px}
  .home-clean .home-hero-clean .hero-desc{font-size:.98rem;line-height:1.62;margin-bottom:25px}
  .home-clean .hero-ctas{gap:9px;flex-wrap:wrap}
  .home-clean .hero-ctas .btn-primary,.home-clean .hero-ctas .btn-ghost{min-height:46px;padding:12px 18px}
  .home-role-links{margin-top:20px;gap:9px}
  .home-role-links a{padding:13px 14px;border-radius:12px}
  .home-showcase{padding:10px;border-radius:18px}
  .home-showcase-head{padding:2px 2px 9px;gap:8px}
  .home-context-seal{padding:5px 7px;font-size:.58rem}
  .home-game-orbit{gap:8px}
  .role-story{padding:54px 14px 62px;overflow:hidden}
  .role-story:before{width:360px;height:360px;right:-210px}
  .role-story-heading{gap:12px;margin-bottom:18px}
  .role-story-heading h2{font-size:clamp(2rem,10.5vw,2.65rem);line-height:1.02;letter-spacing:-.052em;margin-top:9px}
  .role-story-heading>p{font-size:.82rem;line-height:1.58;padding-bottom:0}
  .role-story-tabs{margin-bottom:10px}
  .role-carousel{padding:5px;border-radius:18px;overflow:visible}
  .role-slide{padding:24px 14px 17px;gap:20px}
  .role-slide-copy h3{font-size:clamp(1.65rem,8vw,2.05rem);line-height:1.04}
  .role-slide-copy>p{font-size:.8rem;line-height:1.56}
  .role-slide-copy li{font-size:.72rem;line-height:1.4}
  .role-slide-visual{min-height:0!important;height:auto;padding:10px;border-radius:14px}
  .role-carousel-controls{height:auto;min-height:54px;padding:5px 8px 6px}
  .feature-deck-section{overflow:visible}
  .feature-deck-stage{overflow:visible!important;height:auto!important;min-height:0!important;perspective:none}
  .feature-deck-stage:before{display:none}
  .feature-deck-slide{position:relative!important;inset:auto!important;display:none!important;transform:none!important;opacity:1!important;filter:none!important;min-height:0!important}
  .feature-deck-slide.is-active{display:grid!important}
  .feature-deck-slide.is-previous,.feature-deck-slide.is-next{display:none!important}
}
@media(max-width:520px){
  .home-clean .home-hero-clean{padding-left:13px;padding-right:13px;gap:28px}
  .home-clean .hero-ctas{display:grid;grid-template-columns:1fr 1fr}
  .home-clean .hero-ctas .btn-primary,.home-clean .hero-ctas .btn-ghost{width:100%;text-align:center;padding-inline:10px;font-size:.78rem}
  .home-role-links{grid-template-columns:1fr!important}
  .home-showcase-image{height:205px!important}
  .home-demo-chat{padding:10px}
  .home-demo-user,.home-demo-ai{font-size:.68rem}
  .home-marketing-disclaimer{font-size:.56rem;line-height:1.45;padding:0 4px}
  .role-story{padding-left:11px;padding-right:11px}
  .role-story-tabs{gap:4px;padding:4px}
  .role-story-tab{padding:9px 8px;font-size:.62rem}
  .role-story-tab span{font-size:.76rem}
  .role-slide{padding:21px 11px 15px}
  .role-slide-copy ul{gap:5px;margin-top:12px}
  .story-window-bar{height:31px;font-size:.53rem}
  .story-tool-card{padding:10px;margin-top:8px}
  .story-project-grid{gap:6px}
}
@media(max-width:390px){
  .home-clean .home-hero-clean h1{font-size:2.55rem}
  .home-clean .hero-ctas{grid-template-columns:1fr}
  .home-showcase-image{height:185px!important}
  .role-story-heading h2{font-size:2rem}
  .role-slide-copy h3{font-size:1.7rem}
}