/* Touch-sized controls and readable content in the same spatial scene. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px){
 body{--phone-gutter:clamp(20px,7vw,32px)}
 .white-room .header,.immersive .header{left:max(var(--phone-gutter),env(safe-area-inset-left));right:max(var(--phone-gutter),env(safe-area-inset-right));height:calc(76px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:16px}
 .header .brand{min-height:44px;flex-shrink:0}
 .header .nav-cta,.immersive .header .nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;font-size:11px;line-height:1.2;gap:10px}
 .immersive .journey-content{height:100svh;max-height:100svh;padding:calc(104px + env(safe-area-inset-top)) var(--phone-gutter) calc(96px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
 .immersive .hero.white-cover{padding-top:calc(126px + env(safe-area-inset-top))}
 .immersive .white-cover .hero-lede{font-size:16px;line-height:1.65;max-width:310px}
 .hero-actions .primary,.immersive .hero-actions .primary{font-size:14px;min-height:56px;padding:16px 25px;gap:18px}
 .immersive .fold-copy p,.immersive .connections>div>p,.immersive .how-steps p,.immersive .questions details p{font-size:14px;line-height:1.65}
 .immersive .how-steps{padding:20px;gap:24px}
 .immersive .questions summary,summary{min-height:44px;font-size:16px;line-height:1.45;display:flex;align-items:center;gap:16px}
 summary>span{flex:none}
 .immersive .questions details{padding:14px 0}
 .immersive .access{justify-content:flex-start;padding-top:calc(108px + env(safe-area-inset-top));padding-bottom:calc(156px + env(safe-area-inset-bottom));gap:20px}
 .immersive .access>div:first-child{padding:22px}
 .immersive .access h2{font-size:clamp(35px,10.3vw,44px);line-height:1.08;margin:12px 0 0}
 .immersive .access-form{padding:24px 22px;flex:none}
 .access-form .tiny,.access .eyebrow{font-size:10px;color:#243b2a;line-height:1.5}
 .access-form>p,.immersive .access-form>p{font-size:16px;line-height:1.5;margin:0 0 24px}
 .email-row{min-width:0;align-items:center;gap:10px}
 .email-row input,.immersive .email-row input{min-width:0;font-size:clamp(17px,5.1vw,22px);line-height:1.4;min-height:56px;padding:12px 0;border-radius:0}
 .email-row button,.immersive .email-row button{flex:0 0 48px;width:48px;min-width:48px;height:48px;margin:0 0 8px}
 .consent,.immersive .consent{font-size:12px!important;line-height:1.65!important;gap:10px;min-height:44px;padding:12px 0 4px;align-items:flex-start}
 .consent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}
 .form-note,.immersive .form-note{font-size:12px;line-height:1.6;display:block;margin-top:16px}
 .signup-receipt h3{font-size:30px;line-height:1.15}.signup-receipt p{font-size:15px;line-height:1.6}
 .signup-another{min-height:44px;font-size:13px}
 .immersive footer{background:var(--stage-surface);color:var(--stage-ink);bottom:calc(48px + env(safe-area-inset-bottom));padding:8px var(--phone-gutter);gap:0;flex-wrap:wrap}
 .immersive footer .company-links,footer .company-links{gap:0 16px;justify-content:space-between;width:100%}
 footer .company-links a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.4}
 .immersive footer>a.tiny{display:none}
 .journey-motion{bottom:calc(6px + env(safe-area-inset-bottom));right:var(--phone-gutter);min-height:44px;font-size:10px;padding:10px 12px}
 .reduced-view footer{padding-bottom:calc(72px + env(safe-area-inset-bottom));flex-wrap:wrap}
 .reduced-view .consent{font-size:12px!important}
 a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
}
@media(max-width:700px) and (max-height:700px){
 .immersive .access{padding-top:calc(92px + env(safe-area-inset-top));gap:14px}
 .immersive .access>div:first-child{padding:18px 22px}.immersive .access h2{font-size:34px}
 .immersive .access-form{padding:20px 22px}
 .immersive.journey-end footer{position:relative;bottom:auto;margin-top:20px;background:var(--stage-surface);padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media(hover:none) and (orientation:landscape) and (max-height:500px){
 .immersive .journey-content.world-anchored{transform:none!important;inset:0;width:100%;height:100svh;overflow-y:auto;padding:90px max(28px,env(safe-area-inset-right)) 80px max(28px,env(safe-area-inset-left))}
 .immersive .world-anchored .access-form{width:min(100%,430px)}
}