/* The final responsive contract: content reflows; decorative overscan never
   determines the viewport. Keep browser zoom and native pinch zoom available. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden;overflow-x:clip}
main,section,.container,.section-heading,.feature-layout>*,.feature-scene>*,.console-layout>*,.store-dialogue-layout>*,.store-order-layout>*{min-inline-size:0}
img,video{max-inline-size:100%}
.feature-selection-track{top:0;height:var(--selector-h,50px);transform:translate3d(var(--selector-x,6px),var(--selector-y,6px),0);transition:transform .5s cubic-bezier(.22,1,.36,1),width .35s,height .35s}
@media(max-width:1100px){.workbench::before{inset-inline:0}}

@media(max-width:1000px){
 .desktop-nav{display:none}
 .menu-toggle{display:flex;flex-direction:column;gap:5px;width:44px;height:44px;flex:none}
 .menu-toggle span{display:block;width:15px;height:1px;background:#b3c8e6;transition:transform .25s}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .mobile-menu{position:fixed;z-index:35;left:20px;right:20px;top:calc(88px + env(safe-area-inset-top,0px));max-height:calc(100svh - 105px);overflow:auto;background:#0c1729f5;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:5px;box-shadow:inset 0 1px 1px #d4e8ff42,0 20px 80px #0009}
 .mobile-menu a{padding:12px 15px;min-height:48px;display:flex;align-items:center;font-size:15px}
}

@media(max-width:900px){
 .section-heading h2,.workflow-copy h2,.night-copy h2{overflow-wrap:normal;text-wrap:balance}
 .split-heading{gap:20px}
 .feature-demo-wrap,.feature-visual,.capability-showcase{max-inline-size:100%;min-inline-size:0}
 .connection-copy h2{white-space:normal;text-wrap:balance}
 .footer-ribbons{left:calc(50% - 50vw);width:100vw}
 .store-demo .console-nav>button,.store-context-button,.store-link-button,.showcase-continue,.store-back,.store-media-switch button{min-height:44px}
}

@media(max-width:700px){
 :root{--header:76px}
 html{scroll-padding-top:92px;scrollbar-gutter:auto}
 .container{width:calc(100% - 40px);max-width:100%}
 .section{padding-block:72px}
 .site-header{height:calc(76px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
 .header-inner{height:76px;gap:10px}
 .header-actions{gap:7px;min-width:0}
 .header-actions .button{min-height:44px;padding:10px 15px;font-size:11px;gap:10px;white-space:nowrap}
 .menu-toggle{width:44px;height:44px;flex:none}
 .mobile-menu{top:calc(83px + env(safe-area-inset-top,0px));max-height:calc(100svh - 100px);overflow:auto}
 .mobile-menu a{min-height:48px;display:flex;align-items:center;font-size:15px}
 .motion-toggle{min-width:44px;min-height:44px}
 .opening-hero{min-height:100vh;min-height:100svh;min-height:100dvh;padding:130px 0 150px}
 .opening-content{padding-inline:0}
 .opening-hero h1{font-size:clamp(39px,10vw,66px);line-height:1.12;letter-spacing:-.055em;text-wrap:balance}
 .opening-content>p{max-width:32ch;font-size:16px;line-height:1.65;margin:24px auto 30px}
 .opening-primary.button{min-width:0;min-height:58px;font-size:16px;width:min(100%,310px);gap:20px}
 .opening-scroll{bottom:calc(25px + env(safe-area-inset-bottom,0px));max-width:100%;font-size:11px}
 .opening-scroll small{font-size:10px}
 .hero{height:auto;max-height:none;min-height:0;padding-top:60px;padding-bottom:44px;gap:0}
 .hero h2{max-width:100%;margin:0;font-size:clamp(36px,9vw,56px);line-height:1.12;letter-spacing:-.05em;text-wrap:balance}
 .hero-description{font-size:15px;line-height:1.8;max-width:36ch}
 .hero-actions{margin-top:25px;gap:20px}
 .hero-actions .button{min-height:52px;font-size:13px;width:min(100%,350px)}
 .hero-actions .text-link{font-size:12px;min-height:44px}
 .hero-object-space{min-height:300px;flex:none}
 .hero-glass-rail{margin-top:24px;padding:22px;border-radius:27px;gap:19px}
 .rail-flow{flex-wrap:wrap;justify-content:flex-start;gap:12px}
 .rail-flow>span{font-size:12px}
 .hero-rail-note,.rail-promise p,.rail-promise small{font-size:11px}
 .hero .scroll-invitation{margin-top:22px}
 .workflow-sticky{top:var(--story-pin-top,10px);height:auto;min-height:0;max-height:none;justify-content:flex-start;gap:22px;padding-block:24px}
 .workflow-copy h2{font-size:30px;line-height:1.15;max-width:calc(100% - 90px)}
 .workflow-step-copy{margin-top:18px;min-height:0}
 .workflow-step-copy>span{font-size:10px}
 .workflow-step-copy h3{font-size:20px}
 .workflow-step-copy p{font-size:12px;line-height:1.7}
 .scene-live-status{font-size:11px}.scene-live-demo{font-size:10px}
 .workflow-tab{font-size:10px;min-height:58px;padding-inline:2px}
 .workflow-composition{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding-top:15px}
 .scene-product{height:86px;display:flex;align-items:center;gap:15px;padding-right:95px;transform:none!important}
 .scene-product-motion{position:relative;inset:auto;flex:none;width:68px;height:86px;mask-image:none}
 .scene-product-motion img{object-fit:contain;mask-image:none}
 .scene-product figcaption{position:static;min-width:0}
 .scene-product figcaption strong{font-size:14px;line-height:1.5}
 .scene-product figcaption>span{font-size:10px}
 .scene-product .product-scene-index{display:none}
 .product-choice-tag{top:19px;right:0;gap:8px;padding:10px;border-radius:13px}
 .product-choice-tag>span{font-size:20px}.product-choice-tag small{font-size:8px}
 .workbench-inner,.workbench-main{min-height:0}
 .workbench::before{inset:-16px 0 -20px}
 .workbench-main{padding:0;gap:12px}
 .conversation-heading{margin-bottom:14px}.conversation-heading strong{font-size:14px}.conversation-heading small{font-size:10px}
 .scenario-message{padding:14px 15px;font-size:14px;line-height:1.7;max-width:94%}
 .scenario-out{margin-left:13px;max-width:100%}
 .bubble-author,.bubble-author time{font-size:10px}.message-read{font-size:9px}
 .scenario-buyer-choice{font-size:12px}.scenario-size small{font-size:10px}
 .size-options>span{min-width:44px;height:36px;font-size:12px}
 .scenario-order,.scenario-shipping{font-size:12px;padding:13px;line-height:1.65}
 .scenario-order small,.order-status{font-size:10px}
 .scene-caption{font-size:10px;line-height:1.8}
 .capabilities{padding-top:62px}
 .capabilities .section-heading{margin-bottom:27px}
 .capabilities .section-heading h2{font-size:clamp(32px,8.5vw,46px);line-height:1.16}
 .feature-switcher-heading{margin-bottom:13px;font-size:12px}
 .feature-switcher-hint{display:none}
 /* All six functions remain discoverable without sideways scrolling. */
 .feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;width:100%;padding:6px;gap:5px;overflow:visible;border-radius:25px;margin-bottom:28px;scroll-snap-type:none}
 .feature-tabs .feature-tab{flex:none;width:100%;height:48px;min-height:48px;padding:9px 6px;gap:7px;border-radius:18px;font-size:12px;line-height:1.3}
 .feature-tabs .feature-tab-symbol{width:19px;height:19px}
 .feature-tabs .feature-tab-symbol .icon{width:18px;height:18px;flex:none}
 .feature-selection-track{border-radius:18px}
 .feature-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:27px;min-height:0}
 .feature-description{max-width:100%}
 .feature-description h3{font-size:clamp(27px,7vw,35px);line-height:1.2;margin:13px 0 14px;max-width:100%;text-wrap:balance}
 .feature-description p{font-size:15px;line-height:1.75;max-width:100%}
 .feature-index{font-size:10px}
 .feature-description .feature-detail{font-size:12px;line-height:1.75;margin-top:17px;padding-top:13px}
 .feature-preview-meta{margin-bottom:18px}
 #feature-tag,.feature-preview-meta .demo-label{font-size:10px}
 .feature-demo,.feature-visual{min-height:0;width:100%;padding:0}
 .showcase-invitation{flex-wrap:wrap;gap:5px;align-items:center}
 .showcase-invitation>span{font-size:12px;white-space:normal}
 .showcase-invitation>small{font-size:10px;max-width:none;text-align:left}
 .conversation-case-rail{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;margin-block:12px 25px}
 .conversation-case-rail>button{min-height:55px;gap:8px;padding-block:12px}
 .conversation-case-rail strong{font-size:12px;line-height:1.5}
 .conversation-case-rail>button>span{display:none}
 .conversation-case-rail>button>.icon{width:16px;height:16px}
 .conversation-case-rail>button>.icon:last-child{width:12px;flex:none}
 .showcase-object{gap:22px;padding-inline:5px}
 .showcase-object-card{width:105px}
 .showcase-object figcaption strong{font-size:22px}
 .showcase-object figcaption small,.showcase-object figcaption span{font-size:11px}
 .showcase-thread-heading>span{font-size:13px}.showcase-thread-heading>small{font-size:10px}
 .showcase-message p,.showcase-message--buyer p{font-size:15px;line-height:1.75}
 .showcase-message--eva{padding:18px}
 .showcase-speaker{font-size:11px}
 .showcase-thread-footer>span,.showcase-stage-copy{font-size:12px;line-height:1.75}
 .showcase-continue{font-size:13px;min-height:46px}
 .showcase-rounds>button{min-width:44px;min-height:44px}
 .showcase-photo-pair>button{height:170px}
 .showcase-demo-note,.showcase-photo-pair>small{font-size:11px;line-height:1.7}
 .showcase-order-selector{gap:12px}
 .showcase-order-selector strong{font-size:12px}.showcase-order-selector small{font-size:10px}
 .showcase-order-heading h4{font-size:28px}
 .showcase-order-record-top{font-size:10px;flex-wrap:wrap;gap:5px}
 .showcase-order-values{grid-template-columns:1fr .8fr 1.25fr;gap:12px}
 .showcase-order-values small{font-size:10px}.showcase-order-values strong{font-size:28px}
 .showcase-order-values>div:last-child strong{font-size:22px}
 .showcase-order-confirmation{font-size:10px;line-height:1.6;flex-wrap:wrap}
 .showcase-order-confirmation>span{font-size:10px}
 .showcase-order-rail>button{font-size:12px;min-height:82px}
 .showcase-order-rail>button>span{width:44px;height:44px}
 .showcase-order-rail::before,.showcase-order-rail::after{top:22px}
 .feature-sizes .sizes{gap:9px}
 .feature-sizes .sizes button{min-width:0;min-height:85px;font-size:26px}
 .feature-sizes .sizes button small{font-size:11px}
 .size-decision small,.sizes-note,.scene-example-note,.scene-fact-line{font-size:12px!important;line-height:1.7}
 .gallery-stage{height:340px;margin-inline:0}
 .gallery-slide{width:230px;height:290px}
 .gallery-title{font-size:25px}
 .gallery-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}
 .gallery-current{display:block;min-width:0}
 .gallery-count{display:block;border:0;padding:0;margin-bottom:6px;font-size:10px}
 .gallery-title,.gallery-kind{display:block}
 .gallery-title{font-size:23px;text-wrap:balance}
 .gallery-kind{font-size:11px;margin-top:5px}
 .gallery-footer,.gallery-disclaimer{font-size:11px;line-height:1.7}
 .gallery-navigation button{width:46px;height:46px}
 .inventory-head{font-size:11px}.inventory-row{font-size:14px}
 .inventory-legend,.inventory-legend small{font-size:11px;line-height:1.7}
 /* The workspace becomes a real phone layout, with no tiny desktop sidebar. */
 .interface-section{width:calc(100% - 32px)}
 .interface-section .section-heading{padding-inline:4px;margin-bottom:28px}
 .interface-section .section-heading h2{font-size:clamp(32px,8.8vw,46px)}
 .interface-section .section-heading>p{font-size:14px}
 .interface-frame.store-demo{border-radius:26px}
 .store-demo .console-brand{padding:18px;min-height:72px;gap:10px;flex-wrap:wrap}
 .store-demo .console-brand>strong{font-size:23px}
 .store-demo .console-local-label{font-size:10px;max-width:106px;line-height:1.6}
 .store-real-shop-link{font-size:12px;min-height:44px;margin-left:0}
 .store-demo .console-layout{display:block}
 .store-demo .console-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px;gap:7px}
 .store-demo .console-nav>button{padding:10px 5px;min-height:48px;font-size:12px;gap:7px;justify-content:center}
 .store-demo .console-nav>button>.icon{width:17px;height:17px}
 .store-demo .console-nav>button>span{font-size:10px}
 .store-demo #console-content{padding:22px 17px 24px}
 .store-demo .console-heading h3{font-size:27px}
 .store-demo .console-heading .scene-overline{font-size:10px}
 .store-demo .console-demo-badge{font-size:9px;max-width:100px}
 .console-search{height:46px}
 .console-search input{font-size:16px;min-width:0}
 .store-conversation-layout,.store-order-layout{grid-template-columns:minmax(0,1fr);gap:25px}
 .store-demo .store-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .store-list-instruction,.store-list-footer{grid-column:1/-1}
 .store-demo .store-case{padding:12px 10px;min-height:78px;gap:8px}
 .store-demo .store-case strong{font-size:12px;line-height:1.5;white-space:normal}
 .store-demo .store-case small{font-size:10px;line-height:1.5}
 .store-case-badge{display:none}
 .store-message-stream{max-height:none;overflow:visible;padding:0}
 .store-message{padding:16px;margin:0 15px 14px 0}
 .store-message--eva{margin-left:15px;margin-right:0}
 .store-message p{font-size:14px;line-height:1.8}
 .store-message header,.store-message header time{font-size:11px}
 .store-message>small{font-size:10px;line-height:1.6}
 .store-photo-reply,.store-action-receipt,.store-issue{margin-left:0}
 .store-photo-grid button{height:190px}
 .store-photo-grid button>span{font-size:11px}
 .store-photo-reply>small,.store-outcome{font-size:11px;line-height:1.75}
 .store-action-receipt span,.store-issue span{font-size:11px}
 .store-linked-product strong{font-size:15px}.store-linked-product small{font-size:11px}
 .store-detail-actions{flex-wrap:wrap;gap:10px}
 .store-context-button,.store-link-button{font-size:12px;min-height:46px}
 .store-demo .store-order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .store-demo .store-order-list-item{padding:12px 10px;gap:9px;min-height:115px}
 .store-order-list-item>img{width:38px;height:52px}
 .store-demo .store-order-list-item strong{font-size:10px;overflow-wrap:anywhere}
 .store-demo .store-order-list-item small{font-size:11px}
 .store-order-state{font-size:10px!important}
 .store-order-title h4{font-size:24px;overflow-wrap:anywhere}
 .store-order-title>div>span,.store-order-facts small{font-size:11px}
 .store-order-hero{grid-template-columns:90px minmax(0,1fr);gap:17px}
 .store-order-hero h4{font-size:20px}.store-product-code{font-size:10px}
 .store-order-facts{gap:8px}.store-order-facts>div{padding:11px}
 .store-order-facts strong{font-size:26px}.store-order-facts span{font-size:10px}
 .store-order-note,.store-stage-note,.store-return-proof p{font-size:12px;line-height:1.7}
 .store-order-stages{gap:7px}.store-order-stages button{font-size:10px;min-height:80px}
 .store-order-stages button>span{width:40px;height:40px}.store-order-stages::before{top:20px}
 .store-order-location small,.store-order-location span{font-size:11px}
 .store-stock-toolbar{flex-wrap:wrap;gap:14px;align-items:flex-start}
 .store-stock-toolbar>div>span{font-size:11px}
 .store-demo .console-filter{font-size:12px;min-height:44px}
 .store-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .store-card-photo{height:205px}
 .store-card-copy{padding:14px 11px}
 .store-card-copy>small{font-size:9px}
 .store-card-copy h4{font-size:13px;line-height:1.55;min-height:40px}
 .store-card-copy strong{font-size:17px}
 .store-card-copy>div>span,.store-card-copy footer,.store-card-copy footer>span{font-size:10px}
 .store-card-copy>p>span{font-size:10px;padding:4px 6px}
 .store-card-hold{font-size:9px;line-height:1.5}
 .store-scope-note,.store-media-caption,.store-measurement,.store-product-detail-head>span{font-size:11px;line-height:1.75}
 .store-back{font-size:13px;min-height:44px}
 .store-media-switch button{font-size:12px;min-height:48px}
 .store-product-detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .store-product-large{height:auto;aspect-ratio:4/5}
 .store-product-large.is-warehouse{height:auto;aspect-ratio:5/4}
 .store-product-info>p,.store-product-insight,.store-attribute{font-size:14px;line-height:1.8}
 .store-variant-table{font-size:13px}.store-variant-table>div:first-child{font-size:11px}
 .store-demo .console-footer{padding:16px 18px;gap:9px;align-items:flex-start}
 .store-demo .console-footer .ui-callout,.store-demo .console-footer>span{font-size:10px;line-height:1.7}
 .interface-meta{gap:15px;align-items:flex-start;flex-direction:column}
 .interface-meta p,.archive-interface-link{font-size:12px;line-height:1.7}
 .archive-interface-link{min-height:44px}
 .real-shop.glass{padding:25px 23px;gap:12px}
 .real-shop-copy h3{font-size:36px}.real-shop-copy>p{font-size:15px}
 .real-shop-copy>.button{font-size:13px;min-height:54px}
 .real-shop-copy>small,.real-shop-picture-note{font-size:11px;line-height:1.7}
 .results-section .section-heading h2,.night-copy h2{font-size:clamp(33px,8.5vw,46px)}
 .evidence-select .metric-value{font-size:clamp(40px,12vw,58px)}
 .evidence-select .metric-label{font-size:14px}.evidence-select .metric-definition{font-size:11px;line-height:1.7}
 .results-meta,.results-meta a,.results-section .real-shop-link{font-size:11px;line-height:1.7}
 .results-meta{flex-wrap:wrap;gap:14px}
 .night-copy>p{font-size:15px}.night-copy .night-condition{font-size:12px}
 .night-clock>span{font-size:clamp(66px,20vw,90px)}
 .night-live-copy p{font-size:13px}.night-live-copy>small{font-size:11px}
 .night-live-copy h3{font-size:24px}.night-timeline{column-gap:12px}
 .night-event-time{font-size:13px}.night-event>strong{font-size:11px}.night-demo-note{font-size:11px;line-height:1.7}
 .resources-banner h2{font-size:29px}.resources-banner p{font-size:14px}
 .cta-section{min-height:78svh;padding-block:100px}
 .cta-section h2{font-size:clamp(38px,10vw,58px);line-height:1.15;text-wrap:balance}
 .cta-section p{font-size:16px;line-height:1.7;max-width:32ch;margin-inline:auto}
 .cta-section .button{font-size:16px;min-height:60px;max-width:100%}
 .footer.container{width:calc(100% - 28px);padding-block:50px 24px}
 .footer-halo{left:0;right:0}
 .footer-panel{padding:30px 24px 23px;border-radius:32px}
 .footer-top{gap:30px 20px}
 .footer-brand .brand-wordmark{font-size:34px}
 .footer-column>span{font-size:16px}
 .footer-column>a,.footer-column>button{font-size:14px;min-height:44px;display:flex;align-items:center}
 .footer-github{font-size:13px;min-height:62px}.footer-github small{font-size:11px}
 .footer-bottom{padding-top:22px;gap:18px}
 .footer-bottom p,.footer-bottom small{font-size:11px;line-height:1.7}
 .footer-bottom .icon-button{width:44px;height:44px}
 /* Full-screen connection keeps its ring and safe areas, including keyboards. */
 .connect-dialog{height:100%;height:100dvh;max-width:100vw}
 .connection-header{padding:env(safe-area-inset-top,0px) 20px 0;height:calc(84px + env(safe-area-inset-top,0px));gap:12px}
 .connection-header .brand-wordmark{font-size:24px}
 .connection-header .brand-mark{width:34px;height:34px}
 .connection-header .connection-close{min-width:44px;height:44px;padding-inline:13px;gap:9px;font-size:12px}
 .connection-layout{width:100%;min-height:100%;padding:96px 24px calc(35px + env(safe-area-inset-bottom,0px));display:block}
 .connection-orbit-space{height:clamp(160px,27svh,235px)}
 .connect-dialog h2{font-size:clamp(35px,9.5vw,54px);white-space:normal;text-wrap:balance}
 .connect-dialog .connection-description{font-size:16px;line-height:1.65;margin-top:18px}
 #connection-form{margin-top:27px;gap:16px}
 #connection-form .connection-field{min-height:64px;padding-inline:19px;gap:14px;border-radius:24px}
 #connection-form input{font-size:16px;min-width:0;width:100%}
 #connection-form .button{min-height:62px;width:100%;font-size:16px;padding-inline:18px}
 .connect-dialog .form-local-note,.connect-dialog .dialog-doc-link{font-size:12px;line-height:1.7}
 dialog:not(.connect-dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 .gallery-inspector,.photo-inspector,.store-image-dialog,.feature-photo-dialog{padding:20px 17px}
 .gallery-inspector-layout{width:100%;gap:24px;grid-template-columns:minmax(0,1fr)}
 dialog .icon-button{width:44px;height:44px;flex:none}
 .gallery-inspector .icon-button,.store-image-dialog .icon-button{min-width:44px}
}
@media(max-width:360px){
 .container{width:calc(100% - 32px)}
 .header-inner{gap:5px}.header-actions{gap:3px}.header-actions .button{font-size:10px;padding-inline:11px}
 .brand-wordmark{font-size:21px}.brand{gap:7px}
 .feature-tabs .feature-tab{font-size:11px;gap:5px;padding-inline:4px}
 .feature-tabs .feature-tab-symbol{width:17px}.feature-tabs .feature-tab-symbol .icon{width:17px;height:17px}
 .workflow-copy h2{font-size:26px}.workflow-step-copy h3{font-size:19px}
 .scene-product{padding-right:84px;gap:12px}.scene-product-motion{width:57px}.product-choice-tag small{font-size:7px}
 .store-demo #console-content{padding-inline:13px}
 .store-demo .console-nav>button{font-size:11px;gap:5px}
 .store-card-photo{height:175px}.store-card-copy h4{font-size:12px}
 .store-card-copy footer>span{display:none}
 .store-demo .store-order-list-item{flex-direction:column;align-items:flex-start}
 .showcase-order-values{gap:9px}.showcase-order-values>div+div{padding-left:9px}
 .showcase-order-values>div:last-child strong{font-size:19px}
 .showcase-order-values small{font-size:9px}
 .footer-panel{padding-inline:22px}
 .connection-layout{padding-inline:20px}.connection-header{padding-inline:16px}
 .connection-header .connection-close span{display:none}
}
@media(max-height:560px) and (max-width:950px){
 .opening-hero{min-height:100svh;padding-block:95px 80px}
 .opening-eyebrow{font-size:9px;margin-bottom:12px}
 .opening-hero h1{font-size:clamp(33px,5vw,48px)}
 .opening-content>p{font-size:14px;margin-block:12px 20px}
 .opening-primary.button{min-height:54px;font-size:16px}
 .opening-scroll{bottom:8px;font-size:10px;padding-block:5px}
 .opening-scroll small{font-size:9px}.opening-mouse{height:29px}
 .workflow-sticky,.night-sticky{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding-block:35px}
 .workflow-section,.night-section{height:auto;min-height:0}
 .connection-layout{padding-top:120px;padding-bottom:35px;display:grid;grid-template-columns:.5fr 1fr}
 .connection-spacer{display:block}
 .connect-dialog h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.feature-selection-track{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.workflow-sticky{position:relative;top:auto;min-height:0;max-height:none;height:auto}.workflow-section{height:auto;min-height:0}}