/* Mobile rendering uses a few composited layers, with no continuous animation. */
.light-story #world{display:none}
.light-story #story-fallback{perspective:900px;padding:12px 20px 44px}
.light-story #story-fallback .standalone-fallback{display:block;grid-area:1/1;width:62%;max-width:340px;max-height:100%;object-fit:contain;filter:drop-shadow(5px 12px 0 #ff5d0017);will-change:transform,opacity}
.light-story #story-fallback .product-fallback{display:block;grid-area:1/1;width:min(245px,40vh);opacity:0;visibility:hidden;will-change:transform,opacity}
.light-papers{grid-area:1/1;display:flex;flex-direction:column;gap:18px;width:min(290px,86%);opacity:0;visibility:hidden;will-change:transform,opacity}
.light-paper{background:#fff;border:1px solid #eaeaea;border-radius:18px;padding:21px 23px;text-align:right;color:#282828;box-shadow:0 12px 30px #0000000c;position:relative}
.light-paper:before{content:'';display:block;width:25px;height:3px;background:#ff5d00;margin-bottom:10px}
.light-paper small{font-size:10px;color:#737373;display:block}
.light-paper strong{font-size:23px;line-height:1.5;display:block;margin-block:5px 8px}
.light-paper span{font-size:10px;color:#737373;display:block;padding-top:10px;border-top:1px solid #eee}
.light-opportunity:after{content:'';position:absolute;right:50%;bottom:100%;height:19px;width:1px;background:#ff5d00}
.light-papers:not(.connected) .light-opportunity:after{opacity:0}
.screen-window{overscroll-behavior-y:auto;touch-action:pan-y}
body.screen-viewer-open{overflow:hidden}
@media(max-width:700px){
 .light-story #journey #stage{top:var(--light-visual-top,43%);height:auto;bottom:0}
 .iphone17 .screen-window{overflow:hidden}
 .header{background:#fff;backdrop-filter:none}
 .header-cta:before{animation:none;--download-angle:35deg}
 .light-story #story-fallback .product-fallback{width:min(170px,calc((var(--light-stage-height,350px) - 62px)*.478))}
 .light-story #story-fallback .standalone-fallback{max-width:240px}
 .light-papers{gap:13px;width:min(270px,86%)}
 .light-paper{padding:15px 20px;border-radius:14px}
 .light-paper strong{font-size:21px;margin-block:3px 6px}
 .light-paper:before{margin-bottom:7px}.light-paper span{padding-top:7px}
 .light-opportunity:after{height:14px}
 .original-screen{transform:none!important;will-change:auto}
 .feature-row.feature-current:before{display:none}
 dialog::backdrop{backdrop-filter:none}
}
@media(max-width:700px) and (max-height:760px){
 .light-story #story-fallback{padding-bottom:34px}
 .light-story #story-fallback .product-fallback{width:min(140px,calc((var(--light-stage-height,300px) - 52px)*.478))}
 .light-paper{padding:10px 17px}
 .light-paper strong{font-size:19px}.light-paper small,.light-paper span{font-size:9px}
}
@media(max-width:700px) and (orientation:landscape), (max-width:1000px) and (max-height:500px){
 :root{--header:68px;--controls:44px}
 .header{height:68px;padding:10px 5%;background:#fff;backdrop-filter:none;gap:15px}
 .brand img{width:115px}.header-actions{gap:10px}
 .header-cta{min-height:44px;padding:10px 14px;font-size:11px;gap:12px}.header-cta:before{animation:none}
 .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;background:#f8f8f8;border:1px solid var(--line);border-radius:12px}
 .nav-toggle span{width:18px;height:1.5px;background:var(--ink)}
 .header nav{display:none;position:absolute;inset:calc(100% + 5px) 5% auto;padding:8px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:0}
 .nav-open .header nav{display:flex}.header nav a{min-height:44px}
 .header nav a:after{display:none}.header nav a+a{border-top:1px solid var(--line)}
 .enhanced #journey .scene{padding:15px 6%}
 #journey #stage,.light-story #journey #stage{top:0;height:100%;width:44%}
 .enhanced #journey .scene .copy{width:53%}
 #journey .scene.hero .copy h1{font-size:36px;line-height:1.15}#journey .scene h2{font-size:25px}
 #journey .scene .eyebrow{font-size:8px;margin-bottom:6px}
 #journey .scene .lead{font-size:10px;margin-top:8px}
 #journey .scene .primary-link{min-height:36px;margin-top:10px;padding:8px 12px}
 .story-skip,.scroll-invitation,#journey .story-note{display:none}
 .light-story #story-fallback .product-fallback{width:min(125px,calc((100svh - 175px)*.478))}
 .light-story #story-fallback .standalone-fallback{width:80%}
 .visual-caption{left:0;width:44%;font-size:7px}
 .light-paper{padding:7px 12px}.light-paper strong{font-size:16px}
 .light-paper span,.light-paper small{font-size:7px}
 .iphone17 .screen-window{overflow:hidden}.original-screen{transform:none!important;will-change:auto}
 .story-controls{gap:0}.journey-signature{display:none}
}