/* V5: a freely browsable page with deliberate, user-controlled demonstrations. */
.story-track{height:auto!important;overflow-anchor:none}.story-sticky{position:relative!important;top:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding-block:2rem}
.story-layout{grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:3.5rem;align-items:start;min-height:0}.story-copy{padding-top:2.4rem}.story-copy h3{font-size:clamp(2.1rem,2.8vw,2.8rem)}.story-copy>p{font-size:1.1rem}.journey-intro{font-size:1.45rem;margin-bottom:.5rem}.journey-intro>span{font-size:.96rem;line-height:1.7;margin-top:.5rem}
.method-map .method-symbol path{fill:currentColor;stroke:none;stroke-width:0}.method-map .method-symbol circle{stroke:none}.method-symbol{display:block;min-height:72px}.map-center{width:116px;z-index:1}.method-map:not(.graph-awake) .map-point::after{animation-play-state:paused}
.method-navigation{gap:.8rem;flex-wrap:wrap}.method-navigation>span{flex-basis:100%;order:-1;font-size:.8rem;letter-spacing:.04em}.method-navigation button,.story-navigation button{display:flex;align-items:center;justify-content:center;gap:.8rem;width:auto;height:auto;min-height:54px;min-width:136px;padding:.8rem 1.1rem;border-radius:13px;font-size:.94rem;font-weight:500;border:1px solid #548492;background:#123d50;color:#d9faff;box-shadow:0 5px 18px #0002;transition:background .2s,transform .2s,box-shadow .2s}.method-navigation button:last-child,.story-navigation button:last-child{color:#072e40;background:#b4f8f3;border-color:#b4f8f3}.method-navigation button:not(:disabled):hover,.story-navigation button:not(:disabled):hover{background:#15d5d6;color:#032b3b;transform:translateY(-3px);box-shadow:0 7px 25px #13f2f22a}.method-navigation button:disabled,.story-navigation button:disabled{opacity:.3;box-shadow:none;cursor:default}.story-navigation{gap:.6rem;justify-content:space-between;margin-top:1.6rem}.story-navigation button{min-width:116px;font-size:.84rem}.story-navigation>span{font-size:.69rem}
.scenario-tabs{gap:7px;padding:0;border:0;background:none}.scenario-tabs button{min-height:65px;padding:1rem 1.1rem;border-radius:14px;font-size:1rem;border:1px solid #2e5c70;background:#0a2a3c;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.scenario-tabs button .scenario-number{display:inline;font-size:.66rem;opacity:.6}.scenario-tabs button:hover{transform:translateY(-3px);border-color:#39a9b6;background:#134256;box-shadow:0 10px 24px #0002}.scenario-tabs button[aria-selected=true]{box-shadow:inset 0 -3px 0 #44b9ba,0 5px 25px #13f2f215;background:#d7fffa}.scenario-tabs .scenario-arrow{font-size:1.1rem;transition:transform .25s}.scenario-tabs button:hover .scenario-arrow{transform:translate(2px,-2px)}
.story-bottom{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.4rem 0;margin-top:1rem}.story-pagination{grid-column:1/-1;display:flex;gap:.5rem;margin:0;padding:0 0 .5rem;flex-wrap:wrap}.story-pagination button{display:flex;align-items:center;gap:.5rem;width:auto;height:auto;min-height:47px;padding:.7rem .85rem;border:1px solid #31596d;border-radius:10px;color:#9fc3d4;background:#082b3d;transition:background .2s,transform .2s,box-shadow .2s;font:inherit;cursor:pointer}.story-pagination button>span{font-size:.7rem;opacity:.6}.story-pagination button>b{font-size:.76rem;font-weight:500}.story-pagination button[aria-pressed=true]{color:#cafff9;background:#115064;border-color:#71ddd8;box-shadow:0 0 20px #13f2f210}.story-pagination button:hover{transform:translateY(-3px);background:#16495d;border-color:#6dced0}.story-pagination button.visited{color:#9edbdf;border-color:#386e7d}.story-bottom #restart-story{font-size:.85rem;padding:.55rem .8rem;border:1px solid #3a6377;border-radius:9px}.story-bottom #restart-story:hover{color:#d6ffff;background:#154357}
.connected-stage{height:750px;min-height:750px;max-height:none;--ui-accent:#24669e;--ui-paper:#eef3f8;--ui-ink:#17384f}.connected-stage .device-client{width:380px;left:calc(50% - 190px);height:710px;top:16px}.connected-stage .device-team{width:380px;height:710px;left:calc(50% - 30px);top:16px}.connected-stage[data-focus=team] .device-client{transform:translate(-175px,35px) scale(.75);opacity:.26}.connected-stage[data-focus=dashboard] .device-client{transform:translate(-160px,0) scale(.58);opacity:.18}.connected-stage.has-team[data-focus=dashboard] .device-team{transform:translate(-5px,5px) scale(.58);opacity:.15}.connected-stage .operation-dashboard{max-height:705px;left:0;width:100%;bottom:42px;border-radius:19px;overflow:hidden;background:#f9fbfc;border-color:#7494a3}.connected-stage[data-focus=dashboard] .operation-dashboard{bottom:42px}.connected-stage .stage-footnote{font-size:.68rem;color:#9cbfcc;bottom:0}
.device-screen{background:var(--ui-paper);display:flex;flex-direction:column}.phone-channel{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;background:#f8faf9;border-bottom:1px solid #dfe8e7;flex:none;color:#244a42;min-height:62px}.phone-channel .channel-dot{display:grid;place-items:center;width:34px;height:34px;background:#22896c;color:#fff;border-radius:50%;font-size:.72rem;flex:none}.phone-channel>div{min-width:0}.phone-channel b{display:block;font-size:.82rem;font-weight:600;line-height:1.4}.phone-channel>div>span{font-size:.6rem;display:block;margin-top:.2rem;color:#739188;line-height:1.4}.phone-channel>i{margin-left:auto;font-style:normal;color:#709288}.phone-channel.internal-channel{color:#25495f;background:#f2f7fc}.internal-channel .channel-dot{background:#4287bd}.internal-channel>div>span{color:#7692a5}
.device-content{flex:1;min-height:0;overflow:auto;overscroll-behavior-y:auto;scrollbar-width:thin;background:none;padding:0}.device-content.conversation-surface{padding:14px;background:radial-gradient(#b9cdbb40 .8px,transparent .8px) 0 0/13px 13px #eef3eb}.pwa-topbar{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem .95rem;background:var(--ui-paper);border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 15%,transparent)}.pwa-topbar>span{font-size:.65rem;color:var(--ui-accent);font-weight:500}.pwa-topbar>i{font-size:.54rem;color:#8396a0;font-style:normal;white-space:nowrap}.pwa-surface{padding:18px;background:var(--ui-paper);color:var(--ui-ink);min-height:100%}.pwa-surface h4{font-size:1.45rem;line-height:1.23;font-weight:500;letter-spacing:-.04em;color:var(--ui-ink);margin:.5rem 0 1rem}.pwa-surface h5{font-size:1rem;font-weight:500;line-height:1.4;margin:0}
.device-actionbar{flex:none;padding:.8rem .85rem .6rem;background:#fcfefe;border-top:1px solid #dbe6eb;box-shadow:0 -5px 18px #17364409}.device-actionbar .app-action{margin:0;background:var(--ui-accent);color:white;min-height:55px;font-size:.86rem;padding:.8rem 1rem;border-radius:12px;gap:.8rem;box-shadow:0 5px 13px color-mix(in srgb,var(--ui-accent) 18%,transparent)}.device-actionbar .app-action>span{color:inherit}.app-action>b{font-size:1.2rem;font-weight:400}.device-actionbar .app-action:hover{background:color-mix(in srgb,var(--ui-accent) 80%,#000);transform:translateY(-2px)}.device-actionbar>small{display:block;text-align:center;font-size:.5rem;color:#8aa0aa;margin-top:.4rem}.completion-note{font-size:.8rem;line-height:1.6;color:var(--ui-accent);margin-bottom:.5rem}
.detail-rows{margin:.65rem 0;display:block}.detail-rows>div{display:flex;align-items:flex-start;justify-content:space-between;gap:1.1rem;padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 13%,transparent)}.detail-rows dt{font-size:.76rem;line-height:1.6;color:color-mix(in srgb,var(--ui-ink) 62%,white);max-width:43%;flex-shrink:0}.detail-rows dd{font-size:.78rem;font-weight:500;line-height:1.6;color:var(--ui-ink);margin:0;text-align:right;overflow-wrap:anywhere}.screen-note{font-size:.69rem;line-height:1.8;color:color-mix(in srgb,var(--ui-ink) 60%,white);margin:1rem 0 .2rem}.selection-options{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.selection-options button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1;min-width:70px;min-height:49px;background:#fff;border:1px solid color-mix(in srgb,var(--ui-accent) 24%,white);border-radius:10px;color:var(--ui-accent);padding:.7rem .65rem;font:inherit;font-size:.74rem;cursor:pointer}.selection-options button[aria-pressed=true]{background:var(--ui-accent);color:#fff;border-color:var(--ui-accent);box-shadow:0 4px 15px #0001}.selection-options button>i{font-style:normal;font-size:.66rem}.selection-options button:hover{box-shadow:0 3px 12px #0002;transform:translateY(-1px)}
.state-pill{display:inline-flex;gap:.4rem;align-items:center;background:color-mix(in srgb,var(--ui-accent) 9%,white);border:1px solid color-mix(in srgb,var(--ui-accent) 23%,white);padding:.4rem .55rem;border-radius:7px;font-size:.65rem;line-height:1.5;color:var(--ui-accent)}.state-pill>i{width:5px;height:5px;background:var(--ui-accent);border-radius:50%;flex:none}.tracking-state{margin:1rem 0}.communication-notice{display:flex;gap:.6rem;background:#fbfffb;padding:.7rem .9rem;border-bottom:1px solid #d8e7df;color:#517d69}.communication-notice>span{font-size:1rem}.communication-notice p{font-size:.7rem;line-height:1.65;margin:0}.lead-campaign{background:var(--ui-accent);color:white;padding:1.35rem;border-radius:14px;margin-bottom:1rem}.lead-campaign>span{font-size:.56rem;letter-spacing:.07em;opacity:.7}.lead-campaign h4{font-size:1.5rem;line-height:1.2;font-weight:500;margin:.8rem 0}.lead-campaign p{font-size:.8rem;line-height:1.6;opacity:.85}.lead-campaign small{display:block;margin-top:1rem;padding-top:.7rem;border-top:1px solid #fff3;font-size:.6rem;line-height:1.7}.chat-app-entry{display:flex;gap:.7rem;padding:1rem;background:#fafffa;border:1px solid #d8e6da;border-radius:12px;color:#367663}.chat-app-entry>span{font-size:1.4rem}.chat-app-entry p{font-size:.69rem;line-height:1.6;margin:0}.chat-app-entry b{display:block;font-size:.79rem;margin-bottom:.2rem}
.booking-heading>small,.document-heading>span,.task-heading>small,.inventory-heading>span{font-size:.59rem;letter-spacing:.1em;color:var(--ui-accent)}.booking-day{display:grid;grid-template-columns:1fr auto;gap:.3rem;background:#fff;border:1px solid #dbe6ea;border-radius:11px;padding:.9rem}.booking-day>span{font-size:.56rem;color:var(--ui-accent);letter-spacing:.1em}.booking-day>b{grid-column:1;font-size:.78rem;font-weight:500}.booking-day>i{grid-column:2;grid-row:1/3;align-self:center;font-size:1.4rem;font-style:normal;color:var(--ui-accent)}.resource-pair{display:flex;gap:.4rem;margin:.7rem 0}.resource-pair>span{flex:1;text-align:center;padding:.55rem .4rem;border:1px solid #cadfdc;border-radius:8px;font-size:.69rem;color:var(--ui-accent);background:#f9fffc}
.asset-id{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.6rem 0 1rem;border-bottom:1px solid #ccdae6}.asset-id small{font-size:.52rem;letter-spacing:.13em;color:var(--ui-accent)}.asset-id strong{display:block;font-size:1.65rem;font-weight:500;letter-spacing:-.04em;margin-top:.3rem}.vehicle-plate{display:inline-flex;padding:.42rem .6rem;background:white;color:#233b4d;border:1px solid #70818b;border-radius:5px;font:600 .85rem monospace;letter-spacing:.08em;white-space:nowrap;box-shadow:inset 0 0 0 3px #eff1f3}.profile-card{display:flex;align-items:center;gap:.7rem;padding:1rem;background:white;border:1px solid #e0e7ed;border-radius:12px;margin:1rem 0}.avatar-large{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--ui-accent);color:white;font-size:1rem}.profile-card small{display:block;font-size:.51rem;letter-spacing:.1em;color:#8497a3}.profile-card b{display:block;font-size:.95rem;font-weight:500;margin:.2rem 0;color:var(--ui-ink)}.profile-card div>span{font-size:.6rem;color:#91a1ab}.profile-card>i{margin-left:auto;color:var(--ui-accent);font-style:normal}
.store-heading>small{font-size:.54rem;color:var(--ui-accent);letter-spacing:.1em}.store-heading>strong{display:flex;justify-content:space-between;font-size:1.8rem;font-weight:500;letter-spacing:-.04em;margin:.8rem 0 .4rem}.store-heading>span{font-size:.7rem;color:#8f7fa1}.store-cart-title>span{font-size:.58rem;color:var(--ui-accent);letter-spacing:.1em}.store-cart-title h4{display:flex;justify-content:space-between;align-items:center;font-size:1.85rem}.store-cart-title h4>span{font-size:.85rem;display:grid;place-items:center;background:var(--ui-accent);color:white;width:28px;height:28px;border-radius:50%}.product-line{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-block:1px solid #e2dbe9}.product-number{display:flex;flex-direction:column;justify-content:center;text-align:center;width:77px;height:86px;background:#e9e0d3;border-radius:8px;color:#755f42;font-size:1.85rem;font-weight:500}.product-number small{font-size:.45rem;letter-spacing:.15em}.product-line>div:last-child>span{display:block;font-size:.71rem;color:#9b8ea7;margin:.25rem 0 .55rem}.product-line strong{font-size:1rem;color:var(--ui-accent);font-weight:500}.cart-quantity{background:#ebe5f4;margin:.8rem 0;padding:.3rem}.cart-quantity output{color:var(--ui-ink)}.cart-quantity button{color:var(--ui-accent);border-color:#dacee8}.delivery-note{display:flex;gap:.7rem;padding:.7rem;border-radius:10px;background:white;color:var(--ui-accent);margin-top:1rem}.delivery-note p{font-size:.67rem;line-height:1.7;margin:0}.delivery-note b{display:block;font-weight:500}.delivery-note>span{font-size:1.3rem}
.pay-heading{text-align:center;padding:.9rem 0 1rem}.pay-heading>small{font-size:.6rem;color:#9586a1}.pay-heading>h4{font-size:1.35rem}.pay-heading>strong{display:block;font-size:2.5rem;font-weight:500;letter-spacing:-.05em;color:var(--ui-accent)}.pay-heading>span{display:block;font-size:.65rem;color:#9a8da8;margin-top:.3rem}.payment-explanation{background:#fff;padding:.9rem;border-radius:10px;font-size:.73rem;line-height:1.8;color:var(--ui-ink);border:1px solid #e5deec}.document-heading{padding-bottom:.8rem;border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 20%,transparent)}.document-heading>small{font-size:.66rem;color:#8b99a2}.consent-line{display:flex;align-items:flex-start;gap:.6rem;padding:.85rem;background:#fff;border-radius:10px;margin-top:1rem}.consent-line>span{color:var(--ui-accent);font-size:1.2rem;line-height:1}.consent-line p{font-size:.72rem;line-height:1.7;margin:0;color:#748795}.task-heading>span{display:block;font-size:.69rem;color:#7f93a0}.work-checks{list-style:none;display:grid;gap:.5rem;margin:1rem 0 0;padding:0}.work-checks>li{display:flex;align-items:center;gap:.65rem;background:white;border:1px solid color-mix(in srgb,var(--ui-accent) 16%,white);border-radius:8px;padding:.65rem}.work-checks>li>span{font-size:.6rem;opacity:.5}.work-checks b{font-size:.73rem;font-weight:400;line-height:1.5}.work-checks i{font-size:.8rem;color:var(--ui-accent);margin-left:auto;font-style:normal}.stock-steps{display:flex;align-items:center;gap:.35rem;padding:.6rem 0;margin-bottom:.4rem}.stock-steps>span{font-size:.62rem;padding:.4rem .5rem;background:white;border:1px solid #d9e4e7;border-radius:6px}.stock-steps i{font-size:.6rem;font-style:normal;color:var(--ui-accent)}
.vertical-trail{padding:0;margin:1.1rem 0;list-style:none}.vertical-trail li{display:flex;align-items:center;gap:.8rem;position:relative;padding:.45rem 0;font-size:.8rem;color:#91a2aa}.vertical-trail li>i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d5e1e5;border-radius:50%;font-size:.59rem;background:var(--ui-paper);flex:none;z-index:1}.vertical-trail li:not(:last-child)::after{content:'';position:absolute;left:13px;top:30px;height:23px;border-left:1px solid #d5e1e5}.vertical-trail li.passed{color:var(--ui-accent)}.vertical-trail li.passed>i{background:color-mix(in srgb,var(--ui-accent) 10%,white);border-color:color-mix(in srgb,var(--ui-accent) 30%,white)}.vertical-trail li.current{color:var(--ui-ink);font-weight:500}.vertical-trail li.current>i{background:var(--ui-accent);color:white;border-color:var(--ui-accent)}
.receipt-top{text-align:center;padding:.8rem 0}.receipt-top>span{display:grid;place-items:center;margin:0 auto .8rem;width:45px;height:45px;border-radius:50%;background:color-mix(in srgb,var(--ui-accent) 14%,white);color:var(--ui-accent);font-size:1.4rem}.receipt-top>small{font-size:.6rem;color:#8ca0a9}.receipt-top h4{margin:.5rem 0;font-size:1.5rem}.receipt-top>p{font-size:.71rem;color:var(--ui-accent);line-height:1.6}.receipt-sheet{padding:.75rem 1rem;background:white;border-radius:9px;border:1px solid #e0e7e8;box-shadow:0 8px 20px #20364008}.receipt-code{border-top:1px dashed #bfcbd2;padding:1rem 0 .3rem;margin-top:.4rem;text-align:center;font:500 1.1rem monospace;letter-spacing:.14em;color:var(--ui-ink)}.receipt-code span{display:block;font:400 .47rem Poppins,sans-serif;letter-spacing:.1em;color:#98a9b1;margin-top:.5rem}
.coffee-membership>span{font-size:.54rem;letter-spacing:.11em;color:#ad957b}.coffee-membership>strong{display:flex;justify-content:space-between;font-size:1.85rem;font-weight:500;letter-spacing:-.05em;margin:.5rem 0}.coffee-membership strong>span{font-size:1.7rem;color:#bc9155}.coffee-membership>small{font-size:.69rem;color:#aa937c}.club-heading h4{font-size:2.1rem;line-height:1.05;color:#614225;margin-top:.8rem}.club-heading>small{font-size:.54rem;color:#a58d75;letter-spacing:.1em}.club-balance{background:#e9dec9;border-radius:15px;padding:1.3rem;margin:1.3rem 0;color:#715132}.club-balance strong{font-size:4rem;line-height:1;letter-spacing:-.08em;font-weight:500}.club-balance>span{display:block;font-size:.7rem;margin-top:.3rem}.club-balance>div{height:5px;background:#cebea4;border-radius:5px;margin:1rem 0 .5rem}.club-balance>div>i{display:block;width:40%;height:100%;background:#87603e;border-radius:5px}.club-balance>small{font-size:.59rem}.club-benefits{display:grid;gap:.65rem}.club-benefits>span{display:flex;gap:.8rem;font-size:.63rem;color:#a58c70;align-items:center}.club-benefits b{font-size:.75rem;color:#765a3f;font-weight:400}.bar-heading>span{font-size:.57rem;letter-spacing:.1em;color:#aa8c6c}.bar-heading h4{font-size:1.6rem}.bar-ticket{border:1px solid #dcc9ae;background:#fffdf7;border-radius:10px;padding:1.15rem;margin:1rem 0;box-shadow:0 8px 20px #7b573610}.bar-ticket>div:first-child{display:grid;grid-template-columns:1fr auto;gap:.2rem;padding-bottom:1rem;border-bottom:1px dashed #d7c7ad}.bar-ticket>div>span{font-size:.58rem;color:#a48c6e}.bar-ticket strong{font-size:2.9rem;line-height:1.1;letter-spacing:-.06em;grid-column:1;font-weight:500;color:#765432}.bar-ticket>div>i{font:400 1rem monospace;grid-column:2;grid-row:1/3;align-self:center;color:#b1a088}.bar-ticket h5{font-size:1.1rem;margin-top:1rem;color:#765432}.bar-ticket p{font-size:.72rem;color:#a28a6e;margin:.3rem 0 1rem}.prep-phases{display:flex;gap:.3rem}.prep-phases>span{padding:.4rem .45rem;background:#f1ebdf;border-radius:5px;font-size:.6rem!important;color:#aa967c!important}.prep-phases>span.on{background:#87603e;color:#fff7e9!important}.kitchen-note{font-size:.72rem;line-height:1.7;color:#9e8366}.club-offer{background:#84613e;padding:1.3rem;color:#fff6e7;border-radius:15px;margin:1.2rem 0}.club-offer>small{font-size:.53rem;letter-spacing:.1em;opacity:.6}.club-offer>strong{font-size:2.5rem;font-weight:500;line-height:1.03;letter-spacing:-.05em;display:block;margin:1rem 0}.club-offer p{font-size:.74rem;line-height:1.7;color:#e1cbae}.club-offer>span{display:block;font-size:.58rem;margin-top:.85rem;opacity:.6}
.care-heading{display:flex;align-items:center;gap:.8rem;padding:.6rem 0 1.3rem}.care-heading>span{display:grid;place-items:center;width:46px;height:46px;background:#dcefeb;color:#438d83;border-radius:14px;font-size:1.9rem}.care-heading strong{font-size:1.2rem;font-weight:500;display:block;color:#35695e}.care-heading small{display:block;font-size:.66rem;color:#88a59c;margin-top:.3rem}.property-spec{padding:.5rem 0 1rem;border-bottom:1px solid #d8dfcd}.property-spec>small{font-size:.57rem;letter-spacing:.11em;color:#8d9a7d}.property-spec>strong{display:block;font-family:Georgia,serif;font-size:2.2rem;font-weight:400;line-height:1.05;letter-spacing:-.04em;margin:1rem 0}.property-spec>div{display:flex;gap:.5rem}.property-spec>div>span{font-size:.67rem;border:1px solid #d7dfcc;border-radius:5px;padding:.4rem .5rem;color:#7f8d71}.property-listing>span{font-size:.52rem;letter-spacing:.1em;color:#929e86}.property-listing h4{font-family:Georgia,serif;font-size:2rem;font-weight:400;line-height:1.1;margin:1rem 0 1.4rem}.property-price{font-size:1.8rem;font-weight:500;letter-spacing:-.04em}.property-price small{display:block;font-size:.65rem;letter-spacing:0;font-weight:400;color:#8d9c80;margin-top:.3rem}.property-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.property-facts>span{padding:.65rem .3rem;text-align:center;border:1px solid #dbe2d0;border-radius:8px;font-size:.57rem;color:#8a967d}.property-facts b{display:block;font-size:1.1rem;color:#536546;font-weight:500;margin-bottom:.25rem}
.bike-spec{border-top:4px solid var(--ui-accent);padding-top:1rem;padding-bottom:1rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.bike-spec>strong{font-size:1.9rem;font-weight:600;letter-spacing:-.06em}.bike-spec>span{align-self:center;font-size:.63rem;padding:.4rem .5rem;border:1px solid #ddbdc6;border-radius:5px;color:#ad6c7d}.bike-spec>small{grid-column:1/-1;font:400 .65rem monospace;letter-spacing:.03em;color:#aa8691}.route-identity{display:flex;align-items:center;justify-content:space-between;gap:.7rem;background:#f0e7d5;padding:1rem .8rem;border-radius:12px}.route-identity small{font-size:.49rem;letter-spacing:.1em;color:#af9369}.route-identity strong{display:block;font-size:1.03rem;font-weight:500;color:#7e5a25;margin-top:.4rem}.route-identity>span{color:#a88047;font-size:1.2rem}.service-address>small{font-size:.54rem;color:#9797b9;letter-spacing:.1em}.service-address strong{display:block;font-size:1.9rem;font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:.8rem 0}.service-address>span{font-size:.68rem;color:#9292b1}.form-title{margin-top:1.4rem!important}
/* The dashboard is a different operating surface in every industry. */
.workspace-frame{color:var(--ui-ink);background:#f8fafb;display:flex;flex-direction:column;max-height:700px}.workspace-header{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:#fff;border-bottom:1px solid #dce5e9;flex:none}.workspace-header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ui-accent);color:#fff;font-size:.8rem}.workspace-header b{font-size:.96rem;line-height:1.5;font-weight:500;display:block}.workspace-header small{display:block;font-size:.63rem;color:#8ea0aa;margin-top:.15rem}.workspace-header>i{margin-left:auto;font-size:.47rem;letter-spacing:.09em;color:#a0b0b8;font-style:normal}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.8rem 1.2rem;border-bottom:1px solid #e3eaed;background:var(--ui-paper);flex:none}.workspace-toolbar nav{display:flex;gap:.35rem}.workspace-toolbar nav>button{font:inherit;font-size:.72rem;padding:.5rem .7rem;background:transparent;border:1px solid transparent;border-radius:7px;color:#8a9ba5;cursor:pointer;min-height:38px}.workspace-toolbar nav>button[aria-pressed=true]{background:#fff;border-color:#dbe5e9;color:var(--ui-accent);box-shadow:0 3px 8px #00000006}.workspace-toolbar nav>button:hover{color:var(--ui-accent);border-color:#bfd2dc}.workspace-content{padding:1.3rem 1.4rem;overflow:auto;scrollbar-width:thin;min-height:0;flex:1}.workspace-content h4{font-size:1.65rem;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:.5rem 0;color:var(--ui-ink)}.workspace-content h5{font-size:.78rem;font-weight:500;margin:0 0 .6rem;color:var(--ui-ink)}.workspace-content .detail-rows dt,.workspace-content .detail-rows dd{font-size:.74rem}.workspace-content .detail-rows>div{padding:.6rem 0}.workspace-bottom{display:flex;align-items:center;gap:1.2rem;justify-content:space-between;border-top:1px solid #dfe7eb;padding:1rem 1.2rem;background:#fff;flex:none}.workspace-bottom p{display:flex;gap:.55rem;font-size:.69rem;line-height:1.7;color:#76909c;margin:0;max-width:52ch}.workspace-bottom p>span{color:var(--ui-accent)}.workspace-bottom .app-action{background:var(--ui-accent);margin:0;width:auto;min-width:175px;max-width:270px;font-size:.8rem;min-height:51px;color:white;border-radius:10px;flex-shrink:0}.workspace-bottom .app-action>span{color:white}.workspace-bottom .app-action:hover{background:color-mix(in srgb,var(--ui-accent) 82%,black)}
.workspace-pair,.commerce-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:1.2rem;margin-top:1rem}.workspace-pair>section,.commerce-summary>section{padding:1rem;background:#fff;border:1px solid #dce5e9;border-radius:10px}.workshop-top{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0 .8rem}.workshop-top small{font-size:.55rem;color:#9aaeb9;letter-spacing:.1em}.workshop-top strong{display:block;font-size:1.9rem;font-weight:500;letter-spacing:-.045em;color:var(--ui-ink);margin-top:.3rem}.business-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.7rem 0}.business-pipeline>div{border:1px solid #dce5e9;background:#f0f5f7;border-radius:9px;padding:.7rem .7rem;min-height:92px}.business-pipeline>div>span{font-size:.63rem;display:block;color:#8ea3ae}.business-pipeline b{font-size:.83rem;font-weight:500;display:block;color:var(--ui-accent);margin-top:.8rem}.business-pipeline small{font-size:.59rem;color:#8aa2af;display:block;margin-top:.2rem}.business-pipeline i{font-style:normal;color:#b4c4cd;font-size:.8rem;display:block;margin-top:.8rem}.business-pipeline>div.active{background:color-mix(in srgb,var(--ui-accent) 7%,white);border-color:color-mix(in srgb,var(--ui-accent) 40%,white)}.business-pipeline .active>span{color:var(--ui-accent)}.business-pipeline>div.past i{color:var(--ui-accent)}.part-record{background:var(--ui-paper);border:1px solid #dbe4eb;border-radius:8px;padding:1rem .8rem}.part-record b{font-size:.91rem;display:block;font-weight:500}.part-record span{font-size:.68rem;display:block;color:#7292a7;margin:.5rem 0}.part-record small{font-size:.6rem;color:#9bb0bd}.management-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0 .2rem}.management-metrics>div{border:1px solid #dce5ea;background:white;padding:.85rem;border-radius:9px}.management-metrics strong{font-size:1.45rem;font-weight:500;line-height:1.2;letter-spacing:-.03em;color:var(--ui-accent)}.management-metrics span{font-size:.61rem;color:#8ba0ac;display:block;margin-top:.3rem}
.commerce-order{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.commerce-order small{font-size:.51rem;letter-spacing:.08em;color:#9e91b1}.commerce-order strong{display:block;font-size:1.65rem;font-weight:500;margin-top:.4rem;letter-spacing:-.04em}.commerce-order strong>span{font-size:.85rem;letter-spacing:0;font-weight:400;color:#aa9ab9;margin-left:.7rem}.access-roles{display:flex;gap:.4rem;margin:1.15rem 0}.access-roles button{font:inherit;font-size:.69rem;background:#f1edf6;border:1px solid #e0d8e9;border-radius:6px;padding:.5rem .7rem;color:#9a88ad;cursor:pointer;min-height:36px}.access-roles button[aria-pressed=true]{background:#7050ac;border-color:#7050ac;color:#fff}.dispatch-card>span{font-size:.53rem;letter-spacing:.1em;color:#a493b8}.dispatch-card strong{display:block;font-size:1.55rem;font-weight:500;color:#7050ac;margin:.7rem 0}.dispatch-card p{font-size:.78rem;color:#7e689a}.dispatch-card small{display:block;font-size:.63rem;line-height:1.7;color:#a696b8;margin-top:.4rem}
.cafe-desk{display:flex;align-items:center;justify-content:space-between}.cafe-desk small{font-size:.55rem;letter-spacing:.1em;color:#b69e80}.cafe-desk h4{font-family:Georgia,serif;font-size:1.85rem;letter-spacing:-.02em;color:#71543c}.shift-tag{font-size:.5rem;color:#aa997d;letter-spacing:.1em}.cafe-operations{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1.1rem 0}.order-ticket{padding:1.1rem;background:#fffdf7;border:1px solid #e0d4c0;border-radius:10px;display:flex;flex-direction:column}.order-ticket>small{font-size:.53rem;letter-spacing:.1em;color:#b29a7c}.order-ticket>strong{font-size:2.5rem;font-weight:500;letter-spacing:-.055em;color:#8b653d;margin:.5rem 0}.order-ticket>b{font-size:.86rem;color:#8c7155;font-weight:500}.order-ticket>span{font-size:.6rem;color:#b09a83;margin:.5rem 0}.order-ticket .state-pill{align-self:flex-start}.club-desk{padding:1.1rem;background:#ede4d5;border-radius:10px;color:#8f7353}.club-desk>small{font-size:.52rem;letter-spacing:.06em}.club-desk>strong{font-size:2.6rem;font-weight:500;letter-spacing:-.055em;display:block;margin:.5rem 0}.club-desk strong>span{font-size:.75rem;letter-spacing:0}.club-desk>p{font-size:.65rem;color:#b0997d}.club-desk>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.64rem;border-top:1px solid #d7c7b0;padding:.65rem 0}.supply-strip{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid #e3d8c8;padding:.8rem 1rem;border-radius:9px}.supply-strip>span{font-size:.56rem;color:#b7a48c}.supply-strip b{font-size:.81rem;font-weight:500;color:#8c7154}.supply-strip small{font-size:.65rem;line-height:1.6;color:#b39c80}
.clinic-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem}.clinic-summary small{font-size:.53rem;letter-spacing:.08em;color:#8aa8a1}.clinic-schedule{display:grid;grid-template-columns:45px 1fr .8fr;gap:.8rem;margin:1.3rem 0;background:#fff;border:1px solid #d7e7e3;border-radius:10px;padding:1rem}.hour-column{display:flex;flex-direction:column;justify-content:space-around;font-size:.6rem;color:#a3b8b1}.clinic-booking{background:#e3f2ed;border:1px solid #a9d0c6;border-radius:9px;padding:1rem}.clinic-booking>span{font-size:.51rem;letter-spacing:.06em;color:#75a798}.clinic-booking>strong{display:block;font-size:1.3rem;font-weight:500;color:#3b7d6c;margin:.55rem 0}.clinic-booking p{font-size:.7rem;color:#76a090}.clinic-booking>b{display:block;font-size:1.5rem;color:#408570;font-weight:500;margin:.7rem 0}.clinic-booking>small{font-size:.58rem;color:#8ab09f}.clinical-access{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:.6rem;border:1px dashed #d0e0d9;border-radius:8px}.clinical-access>span{font-size:2.2rem;color:#9dc8b5}.clinical-access b{font-size:.77rem;color:#6e9d86;font-weight:500}.clinical-access p{font-size:.64rem;line-height:1.7;color:#97b5a4}.clinic-next{background:#fff;border:1px solid #dce9e3;border-radius:10px;padding:.9rem 1rem}.clinic-next>div{display:flex;justify-content:space-between;font-size:.7rem;gap:1rem;padding:.5rem 0;color:#9cb3a8}.clinic-next b{font-weight:500;color:#719582}
.property-desk{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem;padding:.4rem 0 1rem}.property-desk small{font-size:.52rem;letter-spacing:.09em;color:#98a488}.property-desk h4{font-family:Georgia,serif;font-size:1.9rem;font-weight:400;letter-spacing:-.035em;color:#566346}.property-desk section>div{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.property-desk section>div>span{font-size:.57rem;padding:.3rem .4rem;background:#ecf0e5;color:#8a9977;border-radius:5px}.property-desk aside{background:#eef1e7;border:1px solid #dde3d1;border-radius:10px;padding:1.1rem}.property-desk aside>strong{display:block;font-size:1.6rem;font-weight:400;margin:1rem 0;font-family:Georgia,serif;color:#63744e}.property-desk aside>span{font-size:.66rem;color:#97a77f}.document-strip{display:flex;flex-direction:column;gap:.4rem;padding:.9rem 1rem;background:#fff;border:1px solid #dfe6d5;border-radius:9px;margin-top:1rem}.document-strip>span{font-size:.54rem;color:#a7b393;letter-spacing:.05em}.document-strip b{font-size:.79rem;color:#718457;font-weight:500}.document-strip small{font-size:.61rem;color:#a2b08b}
.bench-heading{display:flex;justify-content:space-between;align-items:center;border-top:4px solid #a04c62;padding-top:.9rem}.bench-heading small{font-size:.51rem;letter-spacing:.09em;color:#b5909c}.bench-heading strong{display:block;font-size:2rem;letter-spacing:-.055em;color:#7d3f53;margin:.4rem 0}.bench-heading strong>span{font-size:.68rem;color:#bb9aa5;font-weight:400;letter-spacing:0;margin-left:.4rem}.bench-heading>b{display:grid;place-items:center;width:49px;height:49px;background:#f2dce3;color:#ad6e82;border-radius:10px;font-size:1.1rem;font-weight:500}.bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.3rem}.compatibility-card{padding:1rem;border-radius:10px;background:#f6eaf0;border:1px solid #e7ccd8;color:#986477}.compatibility-card>span{font-size:.55rem;letter-spacing:.1em;border:1px solid #d2aabc;border-radius:5px;padding:.3rem .4rem}.compatibility-card strong{display:block;font-size:1.45rem;line-height:1.2;font-weight:500;margin:1.2rem 0 .7rem;color:#91516b}.compatibility-card small{font-size:.63rem;display:block;color:#bc98a9}.compatibility-card>b{display:block;font-size:.7rem;font-weight:500;margin-top:1rem;color:#a9728a}
.logistics-top{display:flex;align-items:center;justify-content:space-between}.logistics-top small{font-size:.54rem;color:#b5a077;letter-spacing:.08em}.logistics-top h4{font-size:1.7rem;color:#8d6a32}.logistics-top h4>span{font-size:1.2rem;color:#c0a779}.fleet-badge{font:500 .85rem monospace;color:#a3824d;border:1px solid #dcccac;padding:.45rem .6rem;border-radius:6px}.logistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1rem}.logistics-grid>section:first-child{background:#fff;border:1px solid #e5ddcd;border-radius:10px;padding:.4rem 1rem}.driver-card{background:#f0e8d8;border-radius:10px;padding:1rem}.driver-card>small{font-size:.51rem;letter-spacing:.06em;color:#b49e76}.driver-card>strong{display:block;font-size:1.8rem;font-weight:500;letter-spacing:-.045em;margin:.7rem 0;color:#977842}.driver-card>div{display:flex;justify-content:space-between;gap:.6rem;font-size:.65rem;padding:.6rem 0;border-top:1px solid #daceb5;color:#b39c71}.driver-card b{font-weight:500;color:#997a42}.driver-card p{font-size:.67rem;line-height:1.7;color:#b29a6e;margin-top:.65rem}.proof-strip{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border:1px solid #e3d8c2;border-radius:8px;padding:.9rem 1rem;margin-top:1rem}.proof-strip span{font-size:.51rem;letter-spacing:.07em;color:#baa985}.proof-strip strong{font-size:.76rem;font-weight:500;color:#997d4b}
.service-desk{display:flex;justify-content:space-between;align-items:center;gap:1rem}.service-desk small{font-size:.54rem;letter-spacing:.1em;color:#a8a8c2}.service-desk h4{font-size:1.7rem;color:#65659a}.service-desk>span{font-size:.67rem;border:1px solid #dbdbe9;border-radius:6px;padding:.5rem;color:#9595b9}.service-time{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f1f1fa;border:1px solid #dddded;border-radius:10px;margin:1rem 0}.service-time small{font-size:.5rem;color:#aaaac5}.service-time strong{display:block;font-size:1.55rem;font-weight:500;color:#7272a8;letter-spacing:-.04em;margin-top:.3rem}.time-blocks{display:flex;gap:.3rem;flex:1}.time-blocks>span{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;border:1px solid #b8b8d8;background:#d9d9ed;border-radius:7px;font-size:.7rem;color:#7373a2;padding:.6rem}.time-blocks>i{display:grid;place-items:center;min-height:48px;padding:.5rem;border:1px dashed #c1c1d8;border-radius:7px;font-size:.59rem;font-style:normal;color:#aaaac6}.time-blocks>i.approved{background:#6262a8;color:#fff;border-style:solid;border-color:#6262a8}.service-breakdown{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}.service-breakdown>section{background:#fff;border:1px solid #e0e0eb;border-radius:9px;padding:1rem}.service-total{display:flex;flex-direction:column;align-items:center;justify-content:center}.service-total>small{font-size:.53rem;letter-spacing:.06em;color:#aaaac4}.service-total>strong{font-size:1.9rem;font-weight:500;letter-spacing:-.055em;margin:.7rem 0;color:#7373ab}.service-total>span{font-size:.67rem;color:#a4a4c3}
.trace-heading small{font-size:.56rem;letter-spacing:.07em;color:#8ea2ad}.full-trace{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:.5rem}.full-trace li{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #dfe8ec;border-radius:9px;padding:.85rem}.full-trace li>i{font-style:normal;font-size:.7rem;color:var(--ui-accent);background:var(--ui-paper);padding:.4rem .5rem;border-radius:5px}.full-trace strong{display:block;font-size:.84rem;font-weight:500;color:var(--ui-ink)}.full-trace span{font-size:.67rem;color:#89a1ad;display:block;margin-top:.3rem}.full-trace li>b{margin-left:auto;font-weight:400;color:var(--ui-accent)}
/* Brief visual synthesis, after the detailed customer journey. */
.casos .sectores{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;overflow:visible;margin-bottom:2rem}.casos .sector{display:flex;align-items:center;gap:.65rem;padding:1rem;min-height:62px;border-radius:12px;font-size:.87rem;line-height:1.4;white-space:normal;text-align:left;transition:transform .2s,background .2s,box-shadow .2s}.casos .sector>span{font-size:.61rem;opacity:.45}.casos .sector>i{font-style:normal;margin-left:auto;opacity:.55;transition:transform .2s}.casos .sector:hover{transform:translateY(-3px);box-shadow:0 8px 20px #09354c0f;background:#e8f7f8}.casos .sector:hover>i{transform:translate(2px,-2px)}.casos .sector.on{background:#073b50;color:#cefffc;border-color:#073b50;box-shadow:0 8px 25px #073b501b}.caso-cab h3{font-size:clamp(1.6rem,2.7vw,2.5rem);max-width:30ch}.connection-chain{display:flex;gap:.65rem;align-items:center;padding:1.8rem 0;margin-bottom:1.5rem;border-bottom:1px solid #d6e4e9}.connection-chain>span{display:flex;align-items:center;gap:.6rem;color:#24566a;font-size:.88rem;background:#edf4f6;border:1px solid #d6e5e9;border-radius:9px;padding:.7rem .85rem;flex:1}.connection-chain small{font-size:.58rem;color:#93b0bb}.connection-chain>i{font-style:normal;color:#46a3b0;font-size:.9rem}.connection-perspectives{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}.connection-perspectives>div{padding-top:.9rem;border-top:2px solid #80c3cc}.perspective-index{font-size:.63rem;color:#8dafbb;letter-spacing:.1em}.connection-perspectives h4{font-size:1.05rem;font-weight:500;color:#16485d;margin:.6rem 0}.connection-perspectives p{font-size:.92rem;color:#6b8a98;line-height:1.9;margin:0}.case-replay{display:inline-flex;gap:2rem;font-size:.96rem;padding:.7rem 1rem;border:1px solid #9bc7cf;border-radius:9px;transition:background .2s,transform .2s}.case-replay:hover{background:#ddf5f3;transform:translateY(-2px)}
.sx{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.sx h3,.sx p,.sx .sx-ico{position:relative;z-index:2}.symptom-fire{position:absolute;bottom:0;left:0;width:100%;height:105px;z-index:1;pointer-events:none;opacity:.9}.sx:hover,.sx:focus-visible{transform:translateY(-5px);box-shadow:0 12px 28px #06324913;border-color:color-mix(in srgb,var(--sx-c) 40%,white)}.sx .sx-ico{transition:transform .35s,filter .35s}.sx.effect-active .sx-ico{transform:scale(1.12);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--sx-c) 35%,transparent))}.sx:focus-visible{outline:2px solid var(--sx-c);outline-offset:4px}
/* Assets are local SVGs. The color is shared, the original logo files are preserved. */
.stack-section{margin:4.5rem auto 0;text-align:left;position:relative;width:100%;isolation:isolate}.stack-caption{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 .5rem;margin-bottom:1.5rem}.stack-caption p{font-size:.93rem;color:#91bdce;line-height:1.8;margin:0}.stack-caption p>span{display:block;font-size:.76rem;color:#58869c}.stack-caption button{display:flex;align-items:center;gap:.8rem;padding:.65rem .8rem;background:transparent;border:1px solid #2c5369;border-radius:8px;color:#79adbf;font:inherit;font-size:.66rem;cursor:pointer;white-space:nowrap}.stack-caption button:hover{background:#0c374b;border-color:#6a9aac}.stack-caption button:disabled{opacity:.5;cursor:default}.stack-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:1rem 0 1.5rem}.stack-belt{display:flex;width:max-content;animation:stack-run 100s linear infinite;animation-play-state:paused;will-change:auto}.stack-section.is-running .stack-belt{animation-play-state:running;will-change:transform}.stack-section:hover .stack-belt,.stack-section:focus-within .stack-belt{animation-play-state:paused}.stack-group{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem}.stack-brand{display:flex;align-items:center;gap:.7rem;color:#6f9cae;white-space:nowrap;transition:color .25s}.stack-brand>span:last-child{font-size:1.02rem;font-weight:500;letter-spacing:-.03em}.stack-symbol{display:block;width:34px;height:34px;background:currentColor;mask:var(--logo) center/contain no-repeat;flex:none}.stack-brand[data-brand=n8n]{color:#91cbd5}.stack-brand[data-brand=n8n] .stack-symbol{width:48px;height:40px}.stack-brand[data-brand=n8n]>span:last-child{font-size:1.3rem}.stack-brand[data-brand=opendesign] .stack-symbol{mask-mode:luminance}.stack-brand:hover{color:#bdffff}@keyframes stack-run{to{transform:translateX(-50%)}}
@media(max-width:1200px){.story-layout{grid-template-columns:300px minmax(0,1fr);gap:1.5rem}.connected-stage .device-client{width:355px;left:calc(50% - 177.5px)}.connected-stage .device-team{width:355px;left:calc(50% - 130px)}.workspace-content{padding:1rem}.workspace-bottom{flex-direction:column;align-items:stretch;gap:.8rem}.workspace-bottom .app-action{max-width:none;width:100%;min-width:0;justify-content:space-between}.workspace-toolbar{padding:.6rem .8rem;flex-wrap:wrap}.workspace-header{padding:.8rem}.workspace-header>i{display:none}.workspace-pair,.commerce-summary{gap:.65rem}.business-pipeline{gap:.3rem}.business-pipeline>div{padding:.6rem .45rem}.business-pipeline>div>span{font-size:.54rem}.business-pipeline b{font-size:.68rem}.workspace-content .detail-rows>div{gap:.6rem}.workspace-content .detail-rows dt,.workspace-content .detail-rows dd{font-size:.67rem}.clinic-schedule{grid-template-columns:35px 1fr .7fr;gap:.4rem;padding:.7rem}.clinical-access p{font-size:.59rem}.property-desk{gap:.7rem}.logistics-top h4{font-size:1.25rem}.service-time{gap:.5rem;padding:.65rem}.time-blocks>span{font-size:.6rem}.connection-chain{gap:.3rem}.connection-chain>span{font-size:.75rem;padding:.6rem}.connection-perspectives{gap:1rem}.connection-perspectives p{font-size:.87rem}.scenario-tabs button{font-size:.9rem;padding:.9rem .8rem}.method-navigation button{min-width:120px}.story-navigation button{min-width:110px;padding:.75rem}}
@media(max-width:1000px){.story-layout{display:grid;grid-template-columns:1fr;gap:1rem}.story-copy{padding:1.5rem 0 .5rem;max-width:760px;width:100%;margin:auto}.story-copy h3{max-width:28ch;min-height:0}.story-copy>p{font-size:1.1rem;max-width:70ch}.story-handoff{max-width:65ch}.story-navigation{justify-content:flex-start;gap:1.1rem}.story-navigation button{min-width:138px}.connected-stage{width:min(100%,830px);margin:auto}.connected-stage .device-client{width:380px;left:calc(50% - 190px)}.connected-stage .device-team{width:380px;left:calc(50% - 60px)}.workspace-content{padding:1.3rem}.workspace-pair,.commerce-summary{gap:1rem}.workspace-content .detail-rows dt,.workspace-content .detail-rows dd{font-size:.76rem}.workspace-bottom{flex-direction:row;align-items:center}.workspace-bottom .app-action{width:auto;min-width:180px;max-width:260px;font-size:.78rem}.workspace-header b{font-size:.98rem}.workspace-content h4{font-size:1.8rem}.business-pipeline>div{padding:.8rem}.business-pipeline>div>span{font-size:.68rem}.business-pipeline b{font-size:.85rem}.connection-perspectives{grid-template-columns:1fr 1fr;gap:1.4rem}.casos .sectores{grid-template-columns:repeat(2,1fr)}.connection-chain{flex-wrap:wrap;gap:.5rem}.connection-chain>span{font-size:.85rem;flex:0 1 auto}.stack-section{margin-top:3.5rem}}
@media(max-width:760px){.story-sticky{padding-block:1rem!important}.journey-intro{font-size:1.3rem;line-height:1.4}.journey-intro>span{font-size:.92rem;line-height:1.7}.story-layout{display:flex}.story-copy{padding:.8rem 0 .5rem}.story-copy h3{font-size:2rem;max-width:22ch}.story-copy>p{font-size:1.03rem;line-height:1.85}.story-copy .story-handoff>p{font-size:.9rem}.story-navigation{justify-content:space-between;gap:.5rem}.story-navigation button{min-width:118px;font-size:.83rem}.scenario-picker select{min-height:60px;background:#103c50;border-color:#4b899b}.story-bottom{gap:1rem;padding:1.2rem 0}.story-pagination{overflow:auto;flex-wrap:nowrap;margin-inline:-4px;padding:.5rem 4px 1rem;scrollbar-width:thin;scrollbar-color:#397282 transparent}.story-pagination button{flex:none;min-height:53px;padding:.75rem .9rem}.story-pagination button>b{font-size:.8rem}.story-bottom #restart-story{font-size:.71rem;min-width:110px}.story-bottom #story-continuity{font-size:.66rem;line-height:1.7}.connected-stage{height:745px;min-height:745px}.connected-stage .device-client,.connected-stage .device-team{width:min(380px,100% - 4px);left:50%;height:710px;top:4px;border-radius:39px}.connected-stage[data-focus=team] .device-client{opacity:0}.connected-stage .stage-footnote{font-size:.59rem;letter-spacing:.04em}.connected-stage .operation-dashboard{left:0;width:100%;max-height:706px}.connected-stage[data-focus=dashboard] .operation-dashboard{top:50%;bottom:auto;transform:translateY(-50%)}.workspace-frame{max-height:700px}.workspace-header{gap:.6rem;padding:.85rem}.workspace-header>span{width:31px;height:31px;border-radius:8px;font-size:.66rem}.workspace-header b{font-size:.85rem}.workspace-header small{font-size:.56rem}.workspace-toolbar{align-items:flex-start;gap:.4rem;padding:.55rem .7rem}.workspace-toolbar .state-pill{font-size:.59rem}.workspace-toolbar nav>button{font-size:.68rem;min-height:36px}.workspace-content{padding:.9rem .85rem}.workspace-content h4{font-size:1.45rem}.workspace-bottom{flex-direction:column;align-items:stretch;padding:.8rem;gap:.6rem}.workspace-bottom p{font-size:.64rem;line-height:1.7}.workspace-bottom .app-action{width:100%;max-width:none;min-width:0;font-size:.82rem}.workspace-pair,.commerce-summary,.bench-grid,.service-breakdown{grid-template-columns:1fr;gap:.7rem}.workspace-pair>section,.commerce-summary>section{padding:.8rem}.workspace-content .detail-rows dt,.workspace-content .detail-rows dd{font-size:.72rem}.business-pipeline{grid-template-columns:repeat(2,1fr);gap:.4rem}.business-pipeline>div{min-height:73px;padding:.6rem}.business-pipeline b{margin-top:.4rem;font-size:.75rem}.business-pipeline>div>span{font-size:.61rem}.business-pipeline i{margin-top:.5rem}.management-metrics{gap:.4rem}.management-metrics>div{padding:.6rem}.management-metrics strong{font-size:1.1rem}.management-metrics span{font-size:.55rem}.workshop-top strong{font-size:1.7rem}.commerce-order{align-items:flex-start;flex-direction:column;gap:.6rem}.commerce-order strong{font-size:1.6rem}.access-roles{gap:.3rem;margin:.8rem 0}.access-roles button{font-size:.64rem;flex:1;padding:.55rem .3rem}.dispatch-card strong{font-size:1.25rem;margin:.5rem 0}.cafe-desk{align-items:flex-start}.cafe-desk .shift-tag{display:none}.cafe-desk h4{font-size:1.6rem}.cafe-operations{gap:.55rem}.order-ticket{padding:.8rem}.order-ticket>strong{font-size:2rem}.order-ticket>b{font-size:.73rem}.club-desk{padding:.8rem}.club-desk>strong{font-size:2.1rem}.club-desk>div{font-size:.57rem;flex-direction:column;gap:.3rem}.club-desk>small{font-size:.45rem}.clinic-summary{flex-direction:column;align-items:flex-start;gap:.5rem}.clinic-summary h4{font-size:1.5rem}.clinic-schedule{grid-template-columns:30px 1fr;gap:.5rem;padding:.7rem}.clinical-access{grid-column:1/-1;flex-direction:row;gap:.6rem;padding:.6rem;justify-content:flex-start}.clinical-access>span{font-size:1.4rem}.clinical-access b{font-size:.64rem}.clinical-access p{font-size:.56rem;max-width:17ch;text-align:left}.clinic-booking{padding:.85rem}.clinic-next{padding:.8rem}.clinic-next>div{font-size:.62rem;gap:.6rem}.property-desk{grid-template-columns:1fr;gap:.6rem}.property-desk aside{padding:.7rem;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.property-desk aside>strong{font-size:1.2rem;margin:0}.property-desk aside>span{font-size:.62rem}.property-desk h4{font-size:1.7rem}.bench-grid .work-checks{margin:.5rem 0}.compatibility-card{padding:.8rem}.compatibility-card strong{font-size:1.2rem;margin:.8rem 0 .5rem}.bench-heading strong{font-size:1.8rem}.logistics-top h4{font-size:1.22rem}.logistics-top small{font-size:.47rem}.fleet-badge{font-size:.67rem;padding:.35rem}.logistics-grid{gap:.55rem;grid-template-columns:1fr 1fr}.logistics-grid>section:first-child{padding:.3rem .55rem}.logistics-grid .vertical-trail li{font-size:.66rem;gap:.45rem}.driver-card{padding:.8rem}.driver-card>strong{font-size:1.6rem}.driver-card>small{font-size:.46rem}.driver-card>div{font-size:.58rem;flex-direction:column;gap:.3rem}.driver-card p{font-size:.58rem}.proof-strip{flex-direction:column;align-items:flex-start;gap:.4rem;padding:.7rem}.proof-strip strong{font-size:.7rem}.service-desk{align-items:flex-start;flex-direction:column;gap:.5rem}.service-desk h4{font-size:1.45rem}.service-desk>span{font-size:.62rem}.service-time{gap:.6rem;padding:.65rem}.service-time strong{font-size:1.3rem}.time-blocks{gap:.2rem}.time-blocks>span{font-size:.58rem;padding:.45rem;line-height:1.6}.time-blocks>i{font-size:.51rem;padding:.3rem}.service-total{flex-direction:row!important;gap:1rem;flex-wrap:wrap}.service-total>strong{font-size:1.5rem;margin:0}.service-total>span{font-size:.57rem}.full-trace li{padding:.65rem;gap:.7rem}.full-trace strong{font-size:.77rem}.full-trace span{font-size:.63rem}.method-navigation button{min-width:130px}.method-navigation>span{font-size:.79rem;text-align:center}.method-navigation{justify-content:space-between}.map-center{width:84px}.method-symbol{min-height:56px}.connection-perspectives{gap:1rem}.connection-perspectives h4{font-size:1rem}.connection-perspectives p{font-size:.88rem}.connection-chain{padding:1.3rem 0;margin-bottom:1rem}.connection-chain>span{font-size:.71rem;padding:.55rem;gap:.4rem}.connection-chain>i{font-size:.7rem}.casos .sector{font-size:.77rem;padding:.8rem;gap:.45rem;min-height:65px}.casos .sector>span{font-size:.5rem}.casos .sectores{gap:.4rem}.stack-caption{flex-direction:column;align-items:flex-start;gap:.9rem}.stack-caption p{font-size:.88rem}.stack-caption p>span{font-size:.7rem}.stack-group{gap:1.8rem;padding-right:1.8rem}.stack-symbol{width:29px;height:29px}.stack-brand>span:last-child{font-size:.92rem}.stack-belt{animation-duration:100s}.stack-section{margin-top:3rem}}
@media(max-width:380px){.pwa-surface{padding:14px}.device-actionbar{padding:.7rem .65rem .5rem}.phone-channel{padding:.6rem;gap:.45rem}.phone-channel b{font-size:.77rem}.phone-channel>div>span{font-size:.56rem}.detail-rows dt,.detail-rows dd{font-size:.73rem}.selection-options button{font-size:.68rem;padding:.65rem .5rem;min-width:65px}.story-navigation button{min-width:106px;font-size:.77rem;padding:.7rem}.story-navigation>span{font-size:.62rem}.connected-stage{min-height:740px;height:740px}.workspace-header b{font-size:.75rem}.business-pipeline b{font-size:.7rem}.connection-perspectives{grid-template-columns:1fr}.stack-caption p>span{font-size:.68rem}.property-spec>strong{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.stack-belt{animation:none!important;transform:none!important;width:100%}.stack-window{overflow:visible;mask-image:none}.stack-group{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.7rem;padding:0}.stack-group[aria-hidden=true]{display:none}.stack-brand{transition:none}.symptom-fire{display:none}.sx,.sx .sx-ico,.scenario-tabs button,.story-pagination button,.method-navigation button,.story-navigation button,.casos .sector{transition:none!important;transform:none!important}.story-track{height:auto!important}.story-sticky{height:auto!important;min-height:0!important}.connected-stage{height:750px;min-height:750px}.story-layout{min-height:0}.map-point::after{display:none}}
