/* Mobile has a continuous reading flow, with one persistent card above the text. */
@media(max-width:760px){
  .journey{--scene-top:82px;--scene-height:214px;--scene-card-width:min(64vw,240px)}
  .chapter,.hero,.chapter:not(.hero),.section-wrap:not(.site-footer){min-height:0;padding:36px 6% 36px;align-items:flex-start;align-content:start}
  .hero{padding-top:96px;padding-bottom:calc(var(--scene-card-width) * .8 + 24px)}
  .hero-copy,.chapter-copy{margin-block:0}
  .chapter:not(.hero) .eyebrow.section-label{min-height:0;max-width:none;margin-bottom:12px}
  .section-watermark.word-reveal{display:none}
  .chapter[id]{scroll-margin-top:calc(var(--scene-top) + var(--scene-height) - 18px)}
  .section-wrap[id],.contact-section[id]{scroll-margin-top:82px}
  .solution-api-details{scroll-margin-top:calc(var(--scene-top) + var(--scene-height))}
  .chapter-copy [tabindex],.chapter-copy summary,.chapter-copy button{scroll-margin-top:calc(var(--scene-top) + var(--scene-height))}
  .stage{top:var(--scene-top);height:var(--scene-height);min-height:0;margin-bottom:calc(-1 * var(--scene-height));overflow:visible;z-index:8;isolation:isolate;perspective:none;touch-action:pan-y}
  .stage::before{content:'';position:absolute;inset:calc(-1 * var(--scene-top)) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) calc(100% - 16px),transparent 100%);opacity:var(--mobile-docked,0)}
  .stage[data-docked]::before{pointer-events:auto}
  .stage .card-position{width:var(--scene-card-width);max-width:none;left:50%;will-change:transform}
  .stage .card-title{font-size:clamp(23px,7.1vw,29px)}
  .stage .card-title i{font-size:14px}
  .stage .card-type,.stage .card-footer,.stage .back-top span,.stage .back-bottom{font-size:4px}
  .stage .back-bottom>span:last-child{font-size:12px}
  .stage .card-face,.stage .card-edge{border-radius:13px}
  .stage .back-brand{border-radius:8px}
  .stage .card-entry-aura{display:none}
  .about-section,.faq-section{justify-content:flex-start}
  .contact-section{align-items:center;padding-top:40px;padding-bottom:40px}
  .site-footer{padding-top:28px;padding-bottom:24px}
  .incentive-section.section-wrap{padding:0;min-height:0}
  .incentive-sticky{min-height:0;padding:32px 6% 28px;gap:22px;align-content:start}
  .incentive-section[data-scroll-mode=pinned] .incentive-sticky{top:82px;min-height:0;padding-top:20px}
  .incentive-section[data-scroll-mode=static] .incentive-sticky{position:relative;top:0}
  .incentive-copy{max-width:none}
}
@media(max-width:760px) and (max-device-height:700px){
  .journey{--scene-height:176px;--scene-card-width:min(58vw,202px)}
  .hero{padding-top:92px}
  .stage .card-title{font-size:24px}
  .stage .card-type,.stage .card-footer,.stage .back-top span,.stage .back-bottom{font-size:3px}
  .chapter,.chapter:not(.hero),.section-wrap:not(.site-footer){padding-top:30px;padding-bottom:30px}
  .hero{padding-top:92px;padding-bottom:calc(var(--scene-card-width) * .8 + 24px)}
  .incentive-section.section-wrap{padding:0}
  .incentive-sticky{padding:24px 6% 20px;gap:16px}
}
/* On short landscape screens the text gets the full viewport after the hero. */
@media(max-width:760px) and (orientation:landscape) and (max-height:480px){
  .journey{--scene-height:0px;--scene-top:82px;--scene-card-width:190px}
  .chapter[id],.solution-api-details{scroll-margin-top:82px}
  .stage::before{display:none}
}

/* Mobile compositing: fixed highlights, transform-only motion, lighter glass. */
@media(max-width:760px){
  .stage .card-shadow{display:none}
  .stage .card-face{box-shadow:inset 1px 1px 2px #edffd85c,inset -1px -1px 2px #c9f9a547}
  .stage .card-rotator{--shine:0%}
  .stage .card-face::after{display:none}
  .site-header .header-glass:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .ambient .grain{display:none}
}