/* Home-only illustrated story. All identity comes from the existing tokens. */
.how-section{padding-block:84px;border-bottom:1px solid var(--line)}
.how-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;margin-bottom:36px}
.how-eyebrow{font:11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin:0 0 14px}
.how-heading h2{font:500 clamp(34px,4vw,52px)/1.08 var(--disp);letter-spacing:-.035em;margin:0;text-wrap:balance}
.how-heading>p{font-size:18px;line-height:1.65;color:var(--slate);max-width:46ch;margin:0 0 3px}
.how-scale-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 22px;padding:0}
.how-scale-path li{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.how-scale-path-step{flex:none;font:12px/1.4 var(--mono);color:var(--thermal)}
.how-scale-path div{min-width:0}
.how-scale-path strong{display:block;font:500 16px/1.3 var(--disp);letter-spacing:-.02em;margin:0 0 4px}
.how-scale-path li div>span{display:block;font-size:13px;line-height:1.5;color:var(--slate)}
.how-navigator{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch;margin-bottom:30px}
.how-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;min-width:0}
.how-tab{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);min-width:0}
.how-tab-number{font:13px/1 var(--mono);color:var(--slate)}
.how-tab strong{display:block;font:500 20px/1.2 var(--disp)}
.how-tab small{display:block;color:var(--slate);font-size:12px;margin-top:6px;line-height:1.45}
.how-tab:hover{color:var(--ink);border-color:var(--slate)}
.how-tab[aria-selected="true"]{border-color:var(--ink);box-shadow:inset 0 -3px var(--thermal)}
.how-tab[aria-selected="true"] .how-tab-number{color:var(--ink)}
.how-toggle-bar{display:flex}
.how-toggle-bar[hidden]{display:none!important}
.how-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:172px;min-height:52px;height:100%;padding:12px 16px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font:500 14px/1.2 var(--sans);cursor:pointer}
.how-toggle svg{width:14px;height:14px;flex:none}
.how-toggle-icon--play{fill:currentColor}
.how-toggle-icon--pause{display:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.how-running .how-toggle-icon--play{display:none}
.how-running .how-toggle-icon--pause{display:block}
.how-running .how-toggle{box-shadow:inset 0 -3px var(--thermal)}
.how-toggle:hover:not(:disabled){box-shadow:inset 0 -3px var(--thermal)}
.how-toggle:disabled{background:var(--surface);border-color:var(--line);color:var(--slate);cursor:default;box-shadow:none}
.how-chapter{margin:0 0 52px;min-width:0}
.how-ready .how-chapter{margin-bottom:0}
.how-ready .how-story{min-height:var(--how-story-height,0px)}
.how-ready .how-stage{display:flex;flex-direction:column;min-height:var(--how-stage-height,0px)}
.how-ready .how-stage-foot{margin-top:auto}
.how-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;margin-bottom:26px}
.how-story .how-eyebrow{margin-bottom:10px}
.how-story h3{font:500 clamp(24px,2.4vw,31px)/1.16 var(--disp);letter-spacing:-.02em;max-width:28ch;margin:0;text-wrap:balance}
.how-story p:not(.how-eyebrow){font-size:16px;line-height:1.65;color:var(--slate);margin:0 0 12px}
.how-story p strong{font-weight:500;color:var(--ink)}
.how-link{display:inline-flex;align-items:baseline;gap:12px;font-size:14px;line-height:1.5;font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.how-link:hover{color:var(--ink);text-decoration-color:var(--thermal)}
.how-stage{position:relative;isolation:isolate;margin:0;border:1px solid var(--carbon-line);border-radius:calc(var(--radius)*1.5);background:var(--carbon);color:var(--carbon-fg);overflow:hidden;box-shadow:var(--shadow)}
.how-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--how-sweep,50%) 44%,color-mix(in srgb,var(--thermal) 9%,transparent),transparent 68%)}
.how-stage-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 20px;min-height:44px;padding:14px 24px 0;font:11px/1.5 var(--mono);color:var(--carbon-fg-2)}
.how-stage-caption>span:first-child{letter-spacing:.08em;text-transform:uppercase}
.how-stage-foot{display:flex;align-items:baseline;gap:9px;border-top:1px solid var(--carbon-line);padding:13px 24px;font-size:12px;line-height:1.6;color:var(--carbon-fg-2);background:var(--carbon)}
.how-stage-mark{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--thermal);align-self:center}
.how-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.journey-scene{position:relative;width:100%;height:400px;overflow:hidden}
.journey-boundary{position:absolute;border:1px solid var(--carbon-line);border-radius:calc(var(--radius)*1.3);background:var(--carbon-2)}
.journey-boundary-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:14px 17px;color:var(--carbon-fg)}
.journey-boundary-heading strong{font:500 16px/1.2 var(--disp)}
.journey-boundary-heading>span{font:10px/1.4 var(--mono);color:var(--carbon-fg-2)}
.journey-boundary--simple{left:3%;width:65%;top:40px;height:320px}
.journey-node{position:absolute;z-index:2;padding:14px;background:var(--carbon);border:1px solid var(--carbon-line);border-radius:var(--radius);min-width:0}
.how-section [data-how-node]::after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid var(--thermal);border-radius:inherit;opacity:var(--how-emphasis,0);box-shadow:0 0 26px color-mix(in srgb,var(--thermal) 14%,transparent)}
.journey-node-title{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;font-size:14px;line-height:1.3;color:var(--carbon-fg)}
.journey-node-title>span{font:10px/1.3 var(--mono);color:var(--carbon-fg-2)}
.journey-node-title strong{font-weight:500}
.journey-designer{left:6%;top:112px;width:23%;height:176px}
.journey-print-center{left:36%;top:112px;width:29%;height:176px}
.journey-label{background:var(--carbon-fg);color:var(--carbon);border-radius:calc(var(--radius)*.4);padding:10px 12px;max-width:190px;min-height:101px;margin-inline:auto;box-shadow:var(--shadow)}
.journey-label-brand{display:block;font:8px/1.3 var(--mono);letter-spacing:.08em}
.journey-label>strong{display:block;font:600 17px/1.1 var(--sans);margin:4px 0 6px}
.journey-label-data{display:flex;justify-content:space-between;gap:4px;font:9px/1.4 var(--mono)}
.journey-barcode{display:block;width:100%;height:23px;fill:none;stroke:currentColor;stroke-width:2;shape-rendering:crispEdges;margin-top:5px;clip-path:inset(0 calc((1 - var(--how-ink,1))*100%) 0 0)}
.journey-label-code{display:block;font:7px/1.2 var(--mono);text-align:center;margin-top:3px;letter-spacing:.12em}
.journey-small-note{display:block;font-size:10px;line-height:1.4;color:var(--carbon-fg-2);margin-top:9px;text-align:center}
.journey-entry{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:15px;align-items:center;min-height:101px}
.journey-entry dl{margin:0;min-width:0}
.journey-entry dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--carbon-line);padding:6px 0;font-size:12px;line-height:1.4}
.journey-entry dt{color:var(--carbon-fg-2)}
.journey-entry dd{margin:0;color:var(--carbon-fg);font-family:var(--mono);font-size:11px}
.journey-preview>span{display:block;font:8px/1.3 var(--mono);letter-spacing:.09em;text-align:center;margin-bottom:5px;color:var(--carbon-fg-2)}
.journey-preview-paper{padding:9px;background:var(--carbon-fg);color:var(--carbon);border-radius:calc(var(--radius)*.3)}
.journey-preview-paper strong{display:block;font:600 15px/1.2 var(--sans)}
.journey-preview-paper>span{display:block;font:8px/1.3 var(--mono);margin:4px 0}
.journey-preview-paper .journey-barcode{height:23px}
.journey-wires{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
.journey-wires--narrow{display:none}
.journey-wire{fill:none;stroke:var(--carbon-fg-3);stroke-width:1.2;opacity:.45;vector-effect:non-scaling-stroke}
.journey-flow{fill:none;stroke:var(--thermal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.journey-flow--review{stroke-width:1.5}
.journey-flow--report{stroke:var(--carbon-fg-2);stroke-width:1.3}
.journey-parcel{opacity:0;pointer-events:none}
.journey-parcel rect{fill:var(--thermal);stroke:var(--thermal);stroke-width:1}
.journey-parcel path{fill:none;stroke:var(--carbon);stroke-width:1.2}
.journey-parcel text{fill:var(--carbon);font:600 10px var(--mono);text-anchor:middle}
.journey-parcel--report rect{fill:var(--carbon-fg);stroke:var(--carbon-fg)}
.journey-printer{position:absolute;z-index:2;max-width:178px;height:188px;text-align:center;border-radius:var(--radius)}
.journey-printer--simple{left:79%;top:145px;width:16%}
.journey-printer-title{display:block;font:500 13px/1.35 var(--sans);color:var(--carbon-fg);margin-bottom:22px}
.journey-printer-body{position:relative;height:61px;border:1px solid var(--carbon-fg-3);border-radius:var(--radius);background:var(--carbon-2)}
.journey-printer-lid{position:absolute;top:-10px;left:17%;width:66%;height:16px;border:1px solid var(--carbon-fg-3);border-radius:calc(var(--radius)*.5) calc(var(--radius)*.5) 0 0;background:var(--carbon-2)}
.journey-printer-light{position:absolute;top:15px;right:14px;width:4px;height:4px;border-radius:50%;background:var(--thermal)}
.journey-printer-slot{position:absolute;bottom:9px;left:12%;width:76%;height:5px;border-radius:var(--radius);background:var(--carbon)}
.journey-output-window{position:absolute;left:20%;top:84px;width:60%;height:87px;overflow:hidden;z-index:3}
.journey-output-label{width:100%;padding:10px 9px 8px;background:var(--carbon-fg);color:var(--carbon);border-radius:0 0 calc(var(--radius)*.3) calc(var(--radius)*.3);transform:translateY(calc((1 - var(--how-feed,1))*-105%));transform-origin:top center}
.journey-output-label strong{display:block;font:600 16px/1.2 var(--sans);text-align:left}
.journey-output-label>span{display:block;font:8px/1.4 var(--mono);text-align:left;margin-top:4px}
.journey-output-label .journey-barcode{height:22px}
.journey-connection-label{position:absolute;font:10px/1.5 var(--mono);text-align:center;color:var(--carbon-fg-2)}
.journey-connection-label--direct{left:68%;top:228px;width:10%}
.journey-boundary--automation{left:25%;top:40px;width:50%;height:320px}
.journey-runtime{position:absolute;left:17px;bottom:14px;font:10px/1.5 var(--mono);color:var(--carbon-fg-2)}
.journey-orders{left:3.5%;top:123px;width:18%;padding:15px;min-height:155px}
.journey-orders>p{font-size:10px;color:var(--carbon-fg-2);margin:0 0 14px}
.journey-order-row{position:relative;display:flex;justify-content:space-between;gap:6px;padding:9px 0;border-top:1px solid var(--carbon-line);font:10px/1.3 var(--mono);color:var(--carbon-fg-2)}
.journey-order-row strong{font-weight:500;color:var(--carbon-fg)}
.journey-order-row--review::after{inset:0 -5px!important;border-radius:calc(var(--radius)*.3)!important}
.journey-workflow{position:absolute;z-index:2;left:27.8%;top:108px;width:44.7%;padding:14px 10px 10px;background:var(--carbon);border:1px solid var(--carbon-line);border-radius:var(--radius)}
.journey-workflow-title{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;margin-bottom:16px;color:var(--carbon-fg)}
.journey-workflow-title strong{font-weight:500;flex:1;min-width:0}
.journey-document-icon{display:inline-block;position:relative;width:14px;height:18px;flex-shrink:0;border:1px solid var(--carbon-fg-2);border-radius:calc(var(--radius)*.2)}
.journey-document-icon::after{content:"";position:absolute;top:5px;left:3px;width:6px;height:5px;border-top:1px solid var(--carbon-fg-2);border-bottom:1px solid var(--carbon-fg-2)}
.journey-version{font:10px/1.4 var(--mono);padding:3px 7px;border:1px solid var(--carbon-fg-3);border-radius:calc(var(--radius)*.5);background:var(--carbon-2);color:var(--carbon-fg)}
.journey-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;list-style:none;padding:0;margin:0}
.journey-workflow-steps li{position:relative;min-width:0;padding:9px 7px;background:var(--carbon-2);border:1px solid var(--carbon-line);border-radius:calc(var(--radius)*.6)}
.journey-workflow-steps li>span{display:block;font:9px/1.3 var(--mono);color:var(--carbon-fg-2)}
.journey-workflow-steps strong{display:block;font:500 14px/1.2 var(--sans);margin:6px 0 5px}
.journey-workflow-steps small{display:block;font-size:9px;line-height:1.4;color:var(--carbon-fg-2)}
.journey-review{left:43%;top:285px;width:29%;display:flex;gap:12px;align-items:center;padding:12px 15px;min-height:52px}
.journey-review-icon{display:flex;width:24px;height:24px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--thermal);border-radius:50%;font:500 14px/1 var(--mono);color:var(--carbon-fg)}
.journey-review>div strong{display:block;font-size:12px;font-weight:500}
.journey-review>div>span{display:block;font-size:10px;color:var(--carbon-fg-2);margin-top:3px}
.journey-review>small{font:9px/1.4 var(--mono);color:var(--carbon-fg-2);margin-left:auto;max-width:9ch}
.journey-printer--automate{left:80.2%;top:137px;width:15%}
.journey-rule-label{position:absolute;left:4%;top:320px;width:18%;font-size:10px;line-height:1.5;color:var(--carbon-fg-2)}
.journey-boundary--scale{left:3%;top:40px;width:31%;height:320px}
.journey-version-choice{left:5%;top:110px;width:27%;padding:14px}
.journey-workspace-tags{display:flex;flex-wrap:wrap;gap:5px 9px;font:9px/1.4 var(--mono);color:var(--carbon-fg-2);padding-bottom:15px;border-bottom:1px solid var(--carbon-line)}
.journey-chosen{display:flex;align-items:center;gap:10px;margin-top:16px}
.journey-chosen>div{flex:1;min-width:0}
.journey-chosen strong{display:block;font-size:12px;font-weight:500;line-height:1.4}
.journey-chosen>div>span{display:block;font:9px/1.4 var(--mono);color:var(--carbon-fg-2);margin-top:4px}
.journey-configured-review{display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.4;color:var(--carbon-fg-2);margin-top:18px}
.journey-configured-review>span{color:var(--thermal);font-size:16px;line-height:1}
.journey-reported{position:absolute;left:5%;top:291px;width:27%;display:flex;align-items:center;gap:10px;padding:9px 0;font-size:11px;color:var(--carbon-fg-2);border-radius:calc(var(--radius)*.4)}
.journey-state-lines{display:flex;flex-direction:column;gap:3px;width:16px}
.journey-state-lines i{display:block;background:var(--carbon-fg-3);height:2px;width:100%}
.journey-state-lines i:nth-child(2){width:70%}
.journey-state-lines i:nth-child(3){width:85%}
.journey-session-note{position:absolute;left:37%;top:47px;width:23%;display:flex;gap:10px;align-items:center;color:var(--carbon-fg-2);font-size:11px;line-height:1.45}
.journey-session-note>span:first-child{font-size:26px;line-height:1;color:var(--carbon-fg)}
.journey-assignment-label,.journey-report-label{position:absolute;left:36%;width:24%;font:10px/1.4 var(--mono);color:var(--carbon-fg-2)}
.journey-assignment-label{top:157px}
.journey-report-label{top:265px}
.journey-site-group{position:absolute;left:63%;width:34%;height:164px;padding:14px 16px;border:1px solid var(--carbon-line);border-radius:var(--radius);background:var(--carbon-2);z-index:2}
.journey-site-group--vienna{top:26px}
.journey-site-group--brno{top:216px}
.journey-site-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid var(--carbon-line);padding-bottom:11px}
.journey-site-heading>span{font:9px/1.4 var(--mono);color:var(--carbon-fg-2)}
.journey-site-heading>strong{font:500 13px/1.3 var(--sans)}
.journey-site-body{display:grid;grid-template-columns:minmax(0,1fr) 55px;gap:12px;align-items:center;margin:13px 0}
.journey-service{display:flex;align-items:center;gap:10px;min-width:0}
.journey-service>div{min-width:0}
.journey-service strong{display:block;font-size:12px;font-weight:500;line-height:1.4}
.journey-service>div>span{display:block;font:10px/1.4 var(--mono);color:var(--carbon-fg-2);margin-top:5px}
.journey-service b{font-weight:500;color:var(--carbon-fg)}
.journey-service-icon{display:inline-block;flex-shrink:0;width:20px;height:26px;border:1px solid var(--carbon-fg-3);border-radius:calc(var(--radius)*.4);background:linear-gradient(var(--carbon-fg-3),var(--carbon-fg-3)) 4px 6px/10px 2px no-repeat,linear-gradient(var(--carbon-fg-3),var(--carbon-fg-3)) 4px 12px/10px 2px no-repeat}
.journey-local-printer svg{width:36px;height:33px;margin-inline:auto;fill:none;stroke:var(--carbon-fg-2);stroke-width:1.4;stroke-linejoin:round}
.journey-local-printer>span{display:block;text-align:center;font-size:8px;line-height:1.4;color:var(--carbon-fg-2);margin-top:4px}
.journey-site-state{position:relative;display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--carbon-line);font:9px/1.4 var(--mono);color:var(--carbon-fg-2);border-radius:calc(var(--radius)*.3)}
.journey-site-state strong{font-weight:400;color:var(--carbon-fg)}
.how-transport{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 34px;align-items:center;margin-top:22px}
.how-playback-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.how-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:500 12px/1.3 var(--sans);cursor:pointer}
.how-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.how-button--play{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.how-button--play svg{fill:currentColor;stroke:none}
.how-button:hover:not(:disabled){border-color:var(--ink)}
.how-button:disabled{color:var(--slate);cursor:default}
.how-button--play:disabled{background:var(--surface);border-color:var(--line)}
.how-tab:focus-visible,.how-toggle:focus-visible,.how-button:focus-visible,.how-link:focus-visible,.how-definitions summary:focus-visible,.how-chapter:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.how-playback-detail{min-width:0}
.how-readout{display:flex;gap:12px;align-items:baseline;font-size:12px;line-height:1.55;min-height:2.8em;color:var(--slate)}
.how-readout>span:first-child{font:11px/1.4 var(--mono);flex-shrink:0;color:var(--ink)}
.how-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}
.how-progress>span{display:block;height:3px;background:var(--line);overflow:hidden;border-radius:var(--radius)}
.how-progress i{display:block;width:100%;height:100%;background:var(--thermal);transform:scaleX(var(--how-progress,0));transform-origin:left center}
.how-motion-note{grid-column:1/-1;font:11px/1.5 var(--mono);color:var(--slate);margin:0}
.how-bottom-line{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.how-definitions{flex:1;max-width:800px}
.how-definitions summary{font-size:14px;line-height:1.5;cursor:pointer;min-height:32px}
.how-definitions dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0}
.how-definitions dt{font:500 15px/1.3 var(--disp);margin:0 0 10px}
.how-definitions dd{font-size:14px;line-height:1.65;color:var(--slate);margin:0}
@media(max-width:1000px){
 .how-heading{gap:36px}.how-story{gap:32px;grid-template-columns:.8fr 1.2fr}.how-tab{padding:16px;gap:12px}.how-tab strong{font-size:18px}.how-tab small{font-size:11px}
 .journey-entry{gap:10px;grid-template-columns:minmax(0,1fr) 54px}.journey-preview-paper{padding:7px}.journey-node{padding:12px}.journey-label{padding:10px}.journey-label-brand{font-size:7px}.journey-label-data{font-size:8px}.journey-small-note{font-size:9px}
 .journey-orders{padding:12px}.journey-order-row{font-size:9px}.journey-review{padding:12px;gap:9px}.journey-review>small{font-size:8px}.journey-site-group{padding:14px 12px}.journey-site-heading{gap:6px}.journey-site-heading>strong{font-size:11px}.journey-site-heading>span{font-size:8px}.journey-service-icon{display:none}.journey-service strong{font-size:11px}.journey-version-choice{padding:12px}.journey-chosen{gap:7px}.journey-chosen .journey-document-icon{display:none}.journey-session-note{font-size:10px}
 .how-transport{gap:16px 24px}
}
@media(max-width:800px){
 .how-heading{grid-template-columns:1fr;gap:20px}.how-heading>p{max-width:58ch}.how-scale-path{grid-template-columns:1fr;gap:8px}.how-navigator{position:sticky;top:72px;z-index:4;grid-template-columns:1fr;gap:8px;margin-bottom:18px;padding-bottom:10px;background:var(--paper);border-bottom:1px solid var(--line)}.how-chapter{scroll-margin-top:168px}.how-toggle{min-width:0;min-height:48px;font-size:15px}.how-story{grid-template-columns:1fr;gap:16px}.how-story h3{max-width:32ch}.how-story h3 br{display:none}.how-transport{grid-template-columns:1fr}.how-playback-detail{width:100%}.how-readout{min-height:0}.how-bottom-line{flex-direction:column;gap:20px}.how-definitions{width:100%}
}
@media(max-width:700px){
 .how-section{padding-block:56px}.how-heading{margin-bottom:26px}.how-heading h2{font-size:clamp(32px,7.5vw,44px)}.how-heading>p{font-size:16px}.how-scale-path li{padding:12px 14px}.how-scale-path strong{font-size:15px}.how-tabs{gap:6px}.how-tab{display:block;padding:13px 9px;min-height:72px}.how-tab-number{display:block;margin-bottom:8px;font-size:10px}.how-tab strong{font-size:14px}.how-tab small{display:none}.how-story h3{font-size:26px}.how-story p:not(.how-eyebrow){font-size:15px}
 .how-stage-caption{padding:14px 15px 0;font-size:9px;gap:5px 14px;min-height:46px}.how-stage-foot{padding:12px 15px;font-size:11px;align-items:start}.how-stage-mark{margin-top:6px;align-self:start}
 .journey-wires--wide{display:none}.journey-wires--narrow{display:block}.journey-scene--simple{height:580px}.journey-scene--automate{height:630px}.journey-scene--scale{height:620px}
 .journey-boundary--simple{left:4%;width:92%;top:28px;height:426px}.journey-boundary-heading{padding:14px 16px}.journey-boundary-heading strong{font-size:16px}.journey-boundary-heading>span{font-size:9px}
 .journey-designer{left:8%;width:84%;top:76px;height:153px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:center}.journey-designer .journey-node-title{align-self:start;flex-wrap:wrap;gap:5px;margin-top:9px;font-size:14px}.journey-designer .journey-node-title>span{width:100%}.journey-designer .journey-label{width:145px;grid-column:2;grid-row:1/3;margin:0;padding:11px}.journey-designer .journey-small-note{grid-column:1;align-self:end;text-align:left;margin-bottom:8px;font-size:10px}.journey-label-brand{font-size:8px}.journey-label-data{font-size:8px}
 .journey-print-center{left:8%;width:84%;top:273px;height:148px;padding:12px 16px}.journey-print-center .journey-small-note{display:none}.journey-entry{grid-template-columns:minmax(0,1fr) 73px;gap:22px;min-height:83px}.journey-entry dl>div{font-size:12px;padding:5px 0}.journey-entry dd{font-size:11px}.journey-preview-paper{padding:8px}.journey-preview-paper .journey-barcode{height:18px}
 .journey-printer--simple{left:28%;width:44%;top:460px;height:120px;max-width:none}.journey-printer-title{font-size:12px;margin-bottom:15px}.journey-printer-body{height:44px}.journey-printer-lid{height:12px;top:-7px}.journey-printer-light{top:10px}.journey-printer-slot{bottom:7px}.journey-output-window{top:64px;height:54px;left:23%;width:54%}.journey-output-label{padding:6px 7px}.journey-output-label strong{font-size:12px}.journey-output-label>span{font-size:7px;margin-top:2px}.journey-output-label .journey-barcode{height:15px;margin-top:4px}.journey-connection-label--direct{left:59%;width:32%;top:432px;text-align:right;font-size:9px}
 .journey-boundary--automation{left:4%;width:92%;top:160px;height:250px}.journey-runtime{font-size:9px;left:16px;bottom:10px}.journey-orders{left:8%;top:22px;width:84%;height:102px;min-height:0;padding:12px 16px}.journey-orders>p{display:none}.journey-orders .journey-node-title{font-size:14px;margin-bottom:5px}.journey-order-row{font-size:11px;padding:7px 0;line-height:1.2}.journey-workflow{left:8%;width:84%;top:208px;padding:10px 12px}.journey-workflow-title{font-size:13px;margin-bottom:10px}.journey-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.journey-workflow-steps li{padding:8px 10px;display:grid;grid-template-columns:19px 1fr;gap:3px 4px;align-items:center}.journey-workflow-steps li>span{font-size:9px;grid-row:1/3}.journey-workflow-steps strong{font-size:13px;margin:0}.journey-workflow-steps small{font-size:9px;grid-column:2}
 .journey-review{left:8%;width:39%;top:425px;min-height:125px;padding:14px;flex-wrap:wrap;gap:10px}.journey-review>div strong{font-size:14px}.journey-review>div>span{font-size:11px}.journey-review>small{max-width:none;flex-basis:100%;font-size:9px;margin:0}.journey-printer--automate{left:58%;width:34%;top:424px;height:142px;max-width:none}.journey-rule-label{left:8%;top:579px;width:84%;font-size:11px;line-height:1.5}
 .journey-boundary--scale{left:8%;width:84%;top:25px;height:196px}.journey-boundary--scale .journey-boundary-heading>span{font-size:8px}.journey-version-choice{left:12%;width:76%;top:76px;padding:11px 12px}.journey-workspace-tags{padding-bottom:10px;font-size:9px}.journey-chosen{margin-top:10px;gap:9px}.journey-chosen strong{font-size:12px}.journey-chosen .journey-document-icon{display:block}.journey-configured-review{margin-top:11px;font-size:10px}.journey-reported{left:12%;top:193px;width:76%;padding:0;font-size:10px}.journey-session-note{left:10%;top:243px;width:80%;font-size:10px;justify-content:center;gap:9px;background:var(--carbon);z-index:2}.journey-session-note br{display:none}.journey-session-note>span:first-child{font-size:21px;transform:rotate(90deg)}.journey-assignment-label,.journey-report-label{display:none}
 .journey-site-group{left:9%;width:82%;height:142px;padding:12px 14px}.journey-site-group--vienna{top:295px}.journey-site-group--brno{top:474px}.journey-site-heading{padding-bottom:9px;gap:8px}.journey-site-heading>span{font-size:9px}.journey-site-heading>strong{font-size:12px}.journey-site-body{margin:11px 0;gap:10px;grid-template-columns:minmax(0,1fr) 48px}.journey-service strong{font-size:12px}.journey-service>div>span{font-size:10px}.journey-local-printer svg{height:28px;width:31px}.journey-local-printer>span{font-size:8px}.journey-site-state{font-size:9px;padding-top:8px}
 .how-definitions dl{grid-template-columns:1fr;gap:22px}.how-button{font-size:11px;padding:10px 11px;min-height:44px}.how-playback-buttons{gap:7px}.how-motion-note{font-size:10px}.how-readout{align-items:start;gap:10px;font-size:12px}.how-progress{margin-top:9px}
}
@media(max-width:370px){
 .journey-designer{grid-template-columns:minmax(0,1fr) 123px;padding:12px}.journey-designer .journey-label{width:123px;padding:9px}.journey-label-brand{font-size:7px}.journey-label-data{font-size:7px}.journey-designer .journey-node-title{font-size:13px}.journey-designer .journey-small-note{font-size:9px}.journey-site-heading>span{font-size:8px}.journey-site-heading>strong{font-size:11px}.journey-service strong{font-size:11px}.journey-service>div>span{font-size:9px}.journey-review{padding:12px}.journey-review-icon{width:20px;height:20px;font-size:12px}.how-button{padding:10px 9px}.how-tab strong{font-size:12px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
 .journey-parcel{display:none!important}.how-stage::before{background:none}.journey-output-label{transform:none!important}.journey-barcode{clip-path:none!important}
}