/* Local concept: a full-screen desk of scattered work becomes an ordered workspace. */
.orchestration-scroll,.resolution-story{overflow-anchor:none}
.hero.demo-hero .hero-grid{max-width:none;width:100%;padding:0;display:block}
.canvas-hero .orchestration-scroll{width:100%!important;display:block!important}
.canvas-hero .orchestration-stage,.canvas-problem .resolution-stage{position:sticky;top:0;min-height:0;max-height:none;height:100svh;width:100%;overflow:clip;isolation:isolate}
.canvas-hero .hero-center{position:absolute!important;left:50%;width:min(750px,78%)!important;max-width:750px!important;transform:translateX(-50%);text-align:center!important;align-items:center!important;z-index:2}
.canvas-hero .hero-grid h1{font-size:clamp(2.8rem,5.1vw,4.5rem)!important;line-height:1.01;max-width:750px!important;margin-top:20px}
.canvas-hero .hero-center{transform:translateX(-50%) scale(calc(1 - var(--assembled,0)*.18));transform-origin:top center}
.canvas-hero .hero-sub{max-width:480px!important;font-size:15px;margin-top:17px;line-height:1.6}
.canvas-hero .hero-ctas{margin-top:20px!important;flex-direction:row;justify-content:center!important}
.canvas-hero .hero-ctas .btn{width:auto;min-height:45px;padding:12px 18px;font-size:12px}
.canvas-hero .hero-trust{margin-top:14px!important}.canvas-hero .hero-badge{font-size:9px}
.canvas-hero .orbit-cards,.canvas-hero .hero-details,.canvas-hero .hero-extra{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;z-index:4;pointer-events:none}
.canvas-hero .orbit-card{width:195px;height:148px;padding:14px;transform-origin:top left;will-change:transform}
.canvas-hero .orbit-card>strong{font-size:17px;margin:12px 0 10px}.canvas-hero .orbit-payment>strong{font-size:25px}.canvas-hero .mini-bottom{margin-top:10px;padding-top:8px;font-size:8px}.canvas-hero .mini-invoice-row{font-size:8px}.canvas-hero .mini-rule{margin:10px 0}
.canvas-hero .hero-detail,.canvas-hero .scene-slip{position:absolute;top:0;left:0;right:auto;width:190px;min-height:42px;padding:8px 11px;transform-origin:top left;will-change:transform;border:1px solid #dbe3cf;border-radius:9px;background:#fbfcf5;box-shadow:0 6px 20px #27341a0a}
.scene-slip{display:flex;align-items:center;gap:9px;text-align:left}.scene-slip b{font:500 10px var(--font-mono);color:#4f6d39;white-space:nowrap}.scene-slip span{font-size:8px;color:#879478}
.canvas-hero .workflow-hub{top:auto;bottom:25px;min-width:190px;opacity:var(--assembled)}
.canvas-hero .orchestration-caption{top:auto!important;bottom:7px;z-index:3;font-size:8px}.canvas-hero .scroll-cue{top:auto!important;bottom:35px;z-index:3}.canvas-hero .orbit-wires{z-index:0;opacity:var(--connected)}
.canvas-hero .computer-demo{max-width:1240px;width:calc(100% - 48px);margin:65px auto 0}
.canvas-problem .resolution-heading{position:absolute;left:50%!important;right:auto;width:min(830px,82%)!important;height:190px!important;transform:translateX(-50%);display:block;text-align:center;z-index:2}
.canvas-problem .resolution-heading>div{inset:0;top:0;transform:none}.canvas-problem .resolution-heading h2{font-size:clamp(2.8rem,5.3vw,4.9rem);line-height:1.02;margin:17px 0}.canvas-problem .resolution-heading p{font-size:14px;max-width:none}.canvas-problem .resolution-heading .resolution-eyebrow{font-size:9px}
.canvas-problem .resolution-board{inset:0!important;transform:none;width:100%!important;height:100%!important;z-index:4;pointer-events:none}
.canvas-problem .resolve-card{width:180px;height:137px;padding:12px;transform-origin:top left;will-change:transform}.canvas-problem .resolve-card-label{font-size:9px;gap:7px}.canvas-problem .resolve-content{margin-top:10px;height:78px}.canvas-problem .resolve-content strong{font-size:14px}.canvas-problem .resolve-content p{font-size:9px}.canvas-problem .resolve-icon{width:23px;height:23px}.canvas-problem .resolve-state{font-size:7px}
.canvas-problem .resolution-scraps{position:absolute;inset:0;z-index:5;pointer-events:none}.scene-scrap{position:absolute;top:0;left:0;width:195px;min-height:67px;background:#f3e8c8;border:1px solid #dfd0aa;border-radius:3px 12px 12px 12px;padding:13px;box-shadow:0 10px 26px #352d1612;transform-origin:top left;text-align:left}.scene-scrap b{font-size:11px;font-weight:500;color:#81633e}.scene-scrap span{display:block;font:8px/1.5 var(--font-mono);color:#ac9167;margin-top:8px}
.canvas-problem .resolution-scraps{opacity:calc(1 - var(--resolved,0))}
.canvas-problem .resolution-hub{top:auto;bottom:22px;opacity:var(--resolved)}.canvas-problem .resolution-footer{left:20px;right:20px;bottom:6px;width:auto;text-align:center;z-index:3;min-height:12px}.canvas-problem .resolution-footer>span{font-size:8px;text-align:center;max-width:none;left:0;transform:none}.canvas-problem .resolution-footer a{display:none}.canvas-problem .resolution-wires{z-index:0}
@media(max-width:1000px){
 .canvas-hero .hero-center{width:90%!important}.canvas-hero .hero-grid h1{font-size:clamp(2.1rem,9vw,3.2rem)!important;margin-top:14px}.canvas-hero .hero-sub{font-size:12px!important;margin-top:12px;max-width:310px!important}.canvas-hero .hero-badge{font-size:7px}.canvas-hero .hero-ctas{margin-top:15px!important;gap:7px!important}.canvas-hero .hero-ctas .btn{font-size:10px;padding:10px 12px;min-height:38px}.canvas-hero .hero-trust{display:none}
 .canvas-hero .orbit-card{width:150px;height:94px;padding:11px}.canvas-hero .orbit-card .orbit-label{font-size:8px}.canvas-hero .orbit-icon{width:21px;height:21px}.canvas-hero .orbit-icon svg{width:12px;height:12px}.canvas-hero .orbit-card>strong{font-size:14px;margin:9px 0}.canvas-hero .orbit-card .mini-bottom,.canvas-hero .orbit-card .mini-person,.canvas-hero .orbit-card .mini-rule{display:none}.canvas-hero .orbit-card .mini-invoice-row{font-size:7px}.canvas-hero .orbit-card .mini-url{font-size:6px;padding:5px}.canvas-hero .orbit-card .mini-paid{font-size:7px}.canvas-hero .hero-detail,.canvas-hero .scene-slip{width:140px;padding:7px;min-height:34px}.canvas-hero .hero-detail>span,.canvas-hero .scene-slip b{font-size:8px}.canvas-hero .hero-detail p,.canvas-hero .scene-slip span{font-size:7px}.canvas-hero .hero-detail i{display:none}.canvas-hero .workflow-hub{min-width:165px;padding:7px 9px;bottom:28px}.canvas-hero .hub-logo{width:28px;height:28px}.canvas-hero .hub-status{font-size:8px}
 .canvas-problem .resolution-heading{width:90%!important;height:145px!important}.canvas-problem .resolution-heading h2{font-size:clamp(2rem,8vw,3rem);margin:12px 0}.canvas-problem .resolution-heading p{font-size:11px;max-width:310px;margin:auto}.canvas-problem .resolution-heading .resolution-eyebrow{font-size:7px}.canvas-problem .resolve-card{width:150px;height:88px;padding:9px}.canvas-problem .resolve-card-label{font-size:7px;gap:5px}.canvas-problem .resolve-icon{width:18px;height:18px;font-size:8px}.canvas-problem .resolve-content{height:43px;margin-top:6px}.canvas-problem .resolve-content strong{font-size:11px;line-height:1.2}.canvas-problem .resolve-content p{font-size:7px;line-height:1.3;margin-top:5px}.canvas-problem .resolve-state{display:none}.scene-scrap{width:150px;min-height:55px;padding:10px}.scene-scrap b{font-size:9px}.scene-scrap span{font-size:7px;margin-top:5px}.canvas-problem .resolution-hub{bottom:25px;height:34px}.canvas-problem .resolution-hub img{height:23px;width:23px}.canvas-problem .resolution-hub strong{font-size:10px}.canvas-problem .resolution-hub>span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.canvas-hero .orbit-card,.canvas-problem .resolve-card{will-change:auto}.canvas-problem .resolution-stage,.canvas-hero .orchestration-stage{position:relative}.canvas-hero .scroll-cue{display:none}}
@media(max-width:1000px) and (max-height:750px){.canvas-problem .resolve-card{height:76px}.canvas-problem .resolve-content p{display:none}.canvas-problem .resolve-content{height:30px}.canvas-problem .resolution-heading h2{font-size:2rem}}

.canvas-hero .canvas-story-heading{position:relative;width:100%;height:225px}.canvas-story-heading>span{position:absolute;inset:0;display:block}.canvas-copy-before{opacity:var(--before-opacity,1);transform:translateY(calc(-13px * var(--assembled,0))) rotate(calc(-1deg * (1 - var(--assembled,0))));pointer-events:none}.canvas-copy-after{opacity:var(--after-opacity,0);transform:translateY(calc(18px * (1 - var(--assembled,0))));pointer-events:none}.canvas-hero .canvas-story-sub{position:relative;width:100%;height:58px;margin-top:8px}.canvas-story-sub>p{position:absolute;inset:0;margin:0 auto!important}.canvas-hero .hero-ctas,.canvas-hero .hero-trust{opacity:var(--after-opacity,0)}.placed-word{display:inline-block;transform:translateY(calc(10px * (1 - var(--assembled,0))));transform-origin:left bottom}.placed-word:last-child{transform:translateY(calc(22px * (1 - var(--assembled,0))))}.canvas-hero .hero-badge{opacity:var(--after-opacity,0)}
@media(max-width:1000px){.canvas-hero .canvas-story-heading{height:145px}.canvas-hero .canvas-story-sub{height:43px;margin-top:6px}.canvas-hero .canvas-story-sub .hero-sub{font-size:11px!important}.canvas-story-heading .canvas-copy-after{font-size:.9em}}

.canvas-hero .canvas-story-heading{height:calc(225px - var(--assembled,0)*65px)}.canvas-hero .workflow-hub{display:none}@media(max-width:1000px){.canvas-hero .canvas-story-heading{height:calc(145px - var(--assembled,0)*30px)}}

@media(max-width:1180px){.nav-links,.nav-right>.auth-link,.nav-right>.btn{display:none}}

.canvas-hero .hero-ctas,.canvas-hero .hero-trust,.canvas-hero .hero-badge{animation:none!important;opacity:var(--after-opacity,0)!important}

/* A laptop window includes browser chrome: use its available height, rather
   than requiring visitors to zoom the whole site out. */
.hero.demo-hero.canvas-hero .canvas-story-sub .hero-sub{width:100%!important;max-width:none!important}
@media(min-width:1001px) and (max-height:820px){
 .hero.demo-hero.canvas-hero .hero-center{width:min(800px,88%)!important}
 .hero.demo-hero.canvas-hero .hero-grid h1{font-size:clamp(2.3rem,3.5vw,3rem)!important;line-height:1.03;margin-top:13px}
 .hero.demo-hero.canvas-hero .canvas-story-heading{height:calc(155px - var(--assembled,0)*58px)}
 .hero.demo-hero.canvas-hero .canvas-story-sub{height:35px;margin-top:5px}
 .hero.demo-hero.canvas-hero .canvas-story-sub .hero-sub{font-size:13px;line-height:1.55}
 .hero.demo-hero.canvas-hero .hero-ctas{margin-top:12px!important}
 .hero.demo-hero.canvas-hero .hero-ctas .btn{min-height:42px;padding:11px 17px;font-size:11px}
 .hero.demo-hero.canvas-hero .hero-trust{display:none}
 .canvas-hero .orbit-card{height:126px;padding:12px}
 .canvas-hero .orbit-card>strong{font-size:15px;margin:10px 0 8px}
 .canvas-hero .orbit-payment>strong{font-size:22px}
 .canvas-hero .orbit-card .mini-bottom{display:none}
 .canvas-hero .orbit-icon{width:25px;height:25px}
 .canvas-problem .resolution-heading h2{font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.02;margin:12px 0}
 .canvas-problem .resolution-heading p{font-size:12px}
}