/* Desktop navigation stays at viewport edges; only the middle composition scales. */
.desktop-canvas,.fullpage-slot,.story-chrome{display:contents}
@media(min-width:901px){
 html{scroll-snap-type:none!important}
 .fullpage-slot{display:block;position:relative;height:100svh;width:100%;overflow:clip}
 .desktop-canvas{display:block;box-sizing:border-box;position:absolute;width:1280px;left:var(--page-pad-x);top:var(--page-pad-y);zoom:var(--page-scale);}
 /* Absolute offsets are in the canvas's scaled coordinate system. */
 .desktop-canvas{left:calc(var(--page-pad-x) / var(--page-scale));top:calc(var(--page-pad-y) / var(--page-scale))}
 .hero-canvas,.chooser-canvas{height:800px}
 .concept-gallery .concept-header{width:1152px;height:76px;min-height:76px;margin:0 auto;padding:0;max-width:none}
 .concept-gallery .hero-canvas .outcome-hero{width:1152px;height:724px;min-height:724px;max-width:none;margin:0 auto;padding:30px 0 100px;scroll-margin-top:0;justify-content:center;box-sizing:border-box}
 .hero-canvas .benefit-heading h1{font-size:68px}
 .hero-canvas .benefit-heading>p:last-child{font-size:16px;margin-top:21px}
 .hero-canvas .benefit-network{height:175px;min-height:230px!important;margin-top:13px}
 .hero-canvas .benefit-nodes{padding-top:39px;gap:13px}
 .hero-canvas .benefit-icon{width:50px;height:50px;font-size:23px}
 .hero-canvas .benefit-node strong{font-size:15px}
 .hero-canvas .benefit-node small{font-size:7px;max-width:245px}
 .hero-canvas .familiar-inputs{font-size:11px;gap:37px;margin-top:18px}
 .hero-canvas .rotation-picker{position:absolute;bottom:110px;left:0;width:100%;margin:0}
 .hero-canvas .rotation-manual{font-size:12px}
 .hero-canvas .rotation-manual>div{font-size:12px}
 .hero-canvas .scroll-cue{bottom:26px;font-size:8px}
 .chooser-canvas .example-details{width:1000px;height:800px;min-height:800px;padding:48px 0;margin:0 auto}
 .chooser-canvas .details-heading{margin-bottom:32px}
 .chooser-canvas .details-heading .eyebrow{margin-bottom:20px}
 .chooser-canvas .details-heading h2{font-size:44px}
 .chooser-canvas .stage-choice{padding:18px 24px}
 .chooser-canvas .choice-copy{gap:8px}
 .chooser-canvas .choice-copy strong{font-size:21px}
 .chooser-canvas .choice-copy>span{font-size:13px}
 .continuous-story.version-six .story-chrome{display:block;position:sticky;top:var(--page-pad-y);height:var(--chrome-height);z-index:40;background:#101010}
 .continuous-story.version-six .story-chrome:before{content:'';position:absolute;left:0;top:calc(0px - var(--page-pad-y));width:100%;height:var(--page-pad-y);background:#101010}
 .continuous-story.version-six .chrome-canvas{top:0;height:140px;background:#101010}
 .continuous-story.version-six .site-header{position:static;height:64px;padding:0 64px}
 .continuous-story.version-six .stage-menu{position:static;width:1152px;max-width:none;margin:0 auto;height:76px;padding:0;grid-template-columns:repeat(5,1fr)}
 .continuous-story.version-six .stage-menu a{font-size:14px}
 .continuous-story.version-six .stage-menu a span{font-size:10px}
 .continuous-story.version-six .chapter{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0;min-height:0;height:calc(100svh - var(--chrome-height));scroll-margin-top:var(--chrome-height);overflow:clip}
 .continuous-story.version-six .chapter-canvas{height:660px;padding:24px 64px 20px;display:flex;flex-direction:column;gap:0;justify-content:flex-start}
 .continuous-story.version-six .chapter .chapter-layout{display:grid!important;width:100%!important;grid-template-columns:320px minmax(0,1fr)!important;grid-template-rows:82px 446px!important;height:560px!important;margin:0!important;gap:32px 56px!important;flex:none!important;padding:0!important;align-items:stretch!important}
 .continuous-story.version-six .chapter .chapter-title{font-size:clamp(34px,calc(55px / var(--page-scale)),42px)!important;margin:0!important;line-height:1.07!important}
 .continuous-story.version-six .chapter .chapter-copy{min-height:0!important;padding:0!important;height:446px!important}
 .continuous-story.version-six .chapter .chapter-visual{height:446px!important;min-height:0!important;aspect-ratio:auto!important;transform:none!important;align-self:stretch!important;width:100%!important}
 .continuous-story.version-six .chapter :is(.animation-explanation,.build-progress){font-size:clamp(12px,calc(17px / var(--page-scale)),16px)!important;padding:12px 0!important;min-height:0!important;line-height:1.5!important}
 .continuous-story.version-six .chapter .animation-explanation>span+span{font-size:inherit!important}
 .continuous-story.version-six .chapter .explanation{font-size:clamp(14px,calc(20px / var(--page-scale)),18px)!important;line-height:1.65!important;margin:0!important}
 .continuous-story.version-six .chapter .chapter-context{font-size:clamp(10.5px,calc(15px / var(--page-scale)),15px)!important;line-height:1.7!important;margin-top:22px!important}
 .continuous-story.version-six .chapter .build-intro p{font-size:clamp(15px,calc(22px / var(--page-scale)),19px)!important}
 .continuous-story.version-six .chapter #request-arrival p{font-size:clamp(12px,calc(17px / var(--page-scale)),16px)!important;line-height:1.65!important;margin-top:18px!important}
 .continuous-story.version-six .chapter :is(.request-category,.build-intro .request-category){font-size:10px!important}
 .continuous-story.version-six .chapter :is(.request-marker,.build-intro .request-marker){font-size:9px!important}
 .continuous-story.version-six .chapter .chapter-actions{margin-top:auto!important;padding-top:20px!important;font-size:14px!important}
 .continuous-story.version-six .chapter .chapter-actions button{font-size:clamp(10px,calc(13px / var(--page-scale)),14px)!important}
 .continuous-story.version-six #connected-business .chapter-actions{gap:10px!important}
 .continuous-story.version-six #connected-business .chapter-actions button{font-size:12px!important}
 .continuous-story.version-six .chapter-bottom{margin-top:auto!important;padding:16px 0 0!important;font-size:12px!important;min-height:40px!important;flex-shrink:0!important}
}
/* Mobile/tablet is a reading layout, not a shrunken desktop slide. */
@media(max-width:900px){
 .continuous-story.version-six .chapter{height:auto;min-height:0;padding:32px 5% 24px;scroll-margin-top:142px}
 .continuous-story.version-six .chapter .chapter-layout{display:flex;flex-direction:column;gap:20px;padding:0}
 .continuous-story.version-six .chapter .chapter-title{font-size:36px!important;order:0;margin:0!important}
 .continuous-story.version-six .chapter .chapter-copy{order:1;min-height:0;padding:0}
 .continuous-story.version-six .chapter :is(.animation-explanation,.build-progress){order:2;margin:4px 0 0;font-size:15px;flex-wrap:wrap;gap:5px;padding:10px 14px}
 .continuous-story.version-six .chapter .chapter-visual{order:3;aspect-ratio:auto;min-height:0;height:448px!important;overflow:auto;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important}
 .continuous-story.version-six .product-screen{width:max(100%,680px);height:420px}
 .continuous-story.version-six .chapter-bottom{padding:20px 0 0;gap:20px;font-size:11px;margin-top:20px}
 .continuous-story.version-six #connected-business .chapter-actions{flex-wrap:wrap}
 .continuous-story.version-six .chapter .chapter-visual:before{content:'Swipe to explore the preview →';display:block;font-size:11px;color:#9e8c82;margin-bottom:8px}
 .continuous-story.version-six .stage-menu{overflow-x:auto;justify-content:start}
}

@media(min-width:901px){
 html,body{overflow-x:clip}
 .hero-canvas,.chooser-canvas{height:724px}
 .concept-gallery .concept-header,.continuous-story.version-six .site-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;height:76px;min-height:76px;margin:0;padding:0 5%;box-sizing:border-box;z-index:60;background:#101010}
 .story-in-view .concept-header{visibility:hidden;pointer-events:none}
 .continuous-story.version-six .story-chrome{display:contents}
 .continuous-story.version-six .story-chrome:before{display:none}
 .continuous-story.version-six .site-header,.continuous-story.version-six .stage-menu{visibility:hidden;pointer-events:none}
 .story-in-view .continuous-story.version-six .site-header,.story-in-view .continuous-story.version-six .stage-menu{visibility:visible;pointer-events:auto}
 .continuous-story.version-six .stage-menu{position:fixed;top:76px;left:0;width:100%;max-width:none;height:64px;margin:0;padding:0 5%;box-sizing:border-box;z-index:60;background:#101010}
 .concept-gallery .hero-canvas .outcome-hero{height:724px;min-height:724px;padding-bottom:100px}
 .chooser-canvas .example-details{height:724px;min-height:724px;padding:24px 0}
 .hero-slot>.scroll-cue{position:fixed;bottom:22px;font-size:10px;z-index:50;visibility:hidden;pointer-events:none}
 .hero-slot.slide-active>.scroll-cue{visibility:visible;pointer-events:auto}
 .continuous-story.version-six .chapter{height:100svh;scroll-margin-top:0}
 .continuous-story.version-six .chapter-canvas{--page-scale:var(--chapter-scale);--page-pad-x:var(--chapter-pad-x);--page-pad-y:var(--chapter-pad-y);height:608px;padding:24px 64px}
 .continuous-story.version-six .chapter-bottom{position:fixed;left:5%;right:5%;bottom:0;width:auto;max-width:none;height:64px;min-height:64px!important;padding:0!important;margin:0!important;display:flex;align-items:center;justify-content:space-between;z-index:50;background:#101010;visibility:hidden;pointer-events:none}
 .continuous-story.version-six .chapter.slide-active>.chapter-bottom{visibility:visible;pointer-events:auto}
}

/* Quiet, transparent navigation and footers, following V3's typography. */
.concept-gallery .concept-header,
.continuous-story.version-six .site-header,
.continuous-story.version-six .stage-menu,
.continuous-story.version-six .chapter-bottom{
 background:none;border:0;box-shadow:none;backdrop-filter:none;
}
.continuous-story.version-six .stage-menu a{background:none!important;border:0;box-shadow:none;color:#72727b;font-weight:400}
.continuous-story.version-six .stage-menu a:hover{color:#ddd}
.continuous-story.version-six .stage-menu a.active{color:#eee}
.continuous-story.version-six .stage-menu a span{color:#666}
.continuous-story.version-six .stage-menu a.active span{color:#ce7474}
.continuous-story.version-six .stage-menu a:after,
.continuous-story.version-six .stage-menu a:before{display:none}
.continuous-story.version-six .chapter-bottom{color:#62626d;font-size:12px}
.continuous-story.version-six .chapter-bottom a{color:#a5a5ad;font-size:13px;font-weight:400}
.continuous-story.version-six .chapter-bottom a span{color:#ce7474}
.concept-gallery .concept-header .header-cta,.continuous-story.version-six .site-header .nav-cta{border:0;background:none;color:#aaa;font-size:14px;padding:0}
.concept-gallery .concept-header .header-cta span{color:#ce7474}
.continuous-story.version-six .site-header nav{color:#aaa;font-size:14px}
.continuous-story.version-six .chapter :is(.animation-explanation,.build-progress){background:none;border:0;box-shadow:none;color:#c98282}
.continuous-story.version-six .chapter :is(.animation-explanation,.build-progress)>span+span{color:#b9b9c0}
.continuous-story.version-six .chapter .build-intro p,
.continuous-story.version-six #request-arrival p,
.continuous-story.version-six #connected-business #growth-toggle{color:#ce8585!important}
.continuous-story.version-six .chapter .explanation{color:#b9b9c0}
.continuous-story.version-six .chapter .chapter-context{color:#b4b3ba}

.continuous-story.version-six .stage-menu a i{display:none}
.continuous-story.version-six .chapter :is(.animation-explanation,.build-progress){background:none!important;border:0!important;color:#c98282!important}
.continuous-story.version-six .chapter :is(.animation-explanation,.build-progress)>span+span{color:#b9b9c0!important}