/* Purposeful motion: a different, readable story for each step. */
.process-journey .journey-visual.process-demo{position:relative;display:flex;flex-direction:column;gap:12px;margin:16px 0 0;padding:14px 18px 10px;min-height:294px;border-color:#496e5f;background:radial-gradient(ellipse at 90% 0%,#2c5144 0%,#173d34 65%);box-shadow:inset 0 1px 0 #ffffff12;overflow:hidden}
.demo-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:30px;font:600 .8125rem/1.4 var(--display);color:#e7f0e6}





.demo-body{position:relative;flex:1;min-height:210px;font:400 .8125rem/1.45 var(--body);isolation:isolate}
.demo-body strong{font-weight:650}.demo-body small{font-size:.625rem;line-height:1.45;letter-spacing:.65px}
.demo-caption{font-size:.75rem;line-height:1.5;color:#d9e7df;min-height:2.9em;display:flex;align-items:flex-end}
.demo-caption [hidden]{display:none}.demo-progress{height:2px;background:#ffffff19;border-radius:2px;overflow:hidden}
.demo-progress>i{display:block;height:100%;width:100%;transform:scaleX(var(--progress,1));transform-origin:left;background:var(--lime)}
.demo-reveal-1,.demo-reveal-2,.demo-reveal-3{transition:opacity .55s,transform .55s cubic-bezier(.2,.75,.25,1)}
[data-stage="0"] .demo-reveal-1,[data-stage="0"] .demo-reveal-2,[data-stage="0"] .demo-reveal-3,[data-stage="1"] .demo-reveal-2,[data-stage="1"] .demo-reveal-3,[data-stage="2"] .demo-reveal-3{opacity:0;transform:translateY(12px)}
.demo-type{position:relative;display:block}.demo-typed{display:none}.has-motion .demo-type-full{visibility:hidden}.has-motion .demo-typed{display:block;position:absolute;inset:0}
/* 01: a team becomes a connected, specific search strategy. */
.demo-connections{position:absolute;inset:0;width:100%;height:100%;color:#bddd79;overflow:visible}
.demo-wire{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .9s ease,opacity .5s}
[data-stage="0"] .demo-wire:nth-child(n+2),[data-stage="1"] .demo-wire:nth-child(n+3),[data-stage="2"] .demo-wire:nth-child(n+4){stroke-dashoffset:100;opacity:.2}
.demo-hub{position:absolute;left:2%;top:28%;width:29%;height:44%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center;background:var(--lime);color:var(--ink);border-radius:13px;box-shadow:0 0 0 8px #dffa8309}
.demo-spark{font-size:2.2rem;line-height:1.1}.demo-hub strong{font-size:1rem}.demo-hub>span:last-child{font-size:.625rem;line-height:1.4}
.demo-target{position:absolute;left:52%;width:46%;height:22%;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 13px;border:1px solid #87a486;border-radius:9px;background:#2c5144;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,background .7s}
.demo-target small{color:#c5dcb8}.demo-target strong{font-size:.8125rem;line-height:1.4}.demo-target-1{top:0}.demo-target-2{top:26%}.demo-target-3{top:52%}.demo-target-4{top:78%;border-color:var(--lime)}
[data-stage="0"] .demo-target-2,[data-stage="0"] .demo-target-3,[data-stage="0"] .demo-target-4,[data-stage="1"] .demo-target-3,[data-stage="1"] .demo-target-4,[data-stage="2"] .demo-target-4{opacity:.13;transform:translateX(22px)}
[data-stage="3"] .demo-target-4{background:var(--lime);color:var(--ink)}[data-stage="3"] .demo-target-4 small{color:#365033}
.has-motion .demo-spark{animation:demo-spark-turn 2.2s ease both;animation-play-state:paused}.is-running .demo-spark{animation-play-state:running}
/* 02: a question travels through platforms and becomes a monitoring record. */
.demo-monitor{display:flex;flex-direction:column;justify-content:center;gap:16px}
.demo-search{display:flex;gap:10px;align-items:center;border-radius:8px;background:#f3f7eb;color:var(--ink);padding:12px 14px;min-height:49px;font-weight:550;box-shadow:0 6px 16px #051d241a}
.demo-search-icon{font-size:1.5rem;line-height:1}.demo-search .demo-type{flex:1}
.demo-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.demo-platform-grid>div{position:relative;text-align:center;background:#2b5044;border:1px solid #648774;border-radius:6px;padding:9px 4px;font-size:.6875rem;transition:background .5s,color .5s;overflow:hidden}
.demo-probe{position:absolute;bottom:0;left:0;height:2px;background:var(--lime);width:35%;opacity:0}
.has-motion .demo-probe{animation:demo-probe 1.2s ease-in-out 3;animation-delay:1.6s;animation-play-state:paused}.is-running .demo-probe{animation-play-state:running}
.demo-platform-grid>div:nth-child(2) .demo-probe{animation-delay:1.9s}.demo-platform-grid>div:nth-child(3) .demo-probe{animation-delay:2.2s}.demo-platform-grid>div:nth-child(4) .demo-probe{animation-delay:2.5s}
[data-stage="3"] .demo-platform-grid>div{background:#dffa83;color:var(--ink);border-color:var(--lime)}
.demo-log{border:1px solid #68816e;border-radius:8px;padding:10px 13px;background:#12332bb3}
.demo-log-heading{display:flex;align-items:center;gap:7px;letter-spacing:1px;font-size:.5625rem;color:#b8d2bd;margin-bottom:6px}
.demo-live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}
.demo-log-line{display:flex;justify-content:space-between;gap:10px;line-height:1.8}.demo-log-line b{color:var(--lime)}
/* Paper details shared by the content-to-website scene. */
.demo-paper-top{display:flex;gap:4px;align-items:center;font-size:.5625rem;line-height:1.4;color:#536b60;border-bottom:1px solid #cbdbc8;padding-bottom:8px}
.demo-paper-top>i{width:4px;height:4px;border-radius:50%;background:#90a987}.demo-paper-top>span{margin-left:auto}.demo-paper-top>b{margin-left:auto;font-size:.9375rem}
.demo-paper-lines{margin-top:12px;display:grid;gap:6px}.demo-paper-lines i{display:block;height:4px;background:#bdcdb9;border-radius:3px}.demo-paper-lines i:last-child{width:65%}
/* 03: scattered inputs converge, get analyzed, and emerge as an ordered action list. */
.process-demo[data-process-demo="2"]{container-type:inline-size}
.process-demo .demo-analyze{display:grid;grid-template-columns:minmax(0,1fr) 28px 96px 28px minmax(0,1.35fr);gap:0;align-items:center}
.signal-sources,.signal-results{min-width:0}
.signal-label{font-size:.625rem;line-height:1.4;letter-spacing:.7px;text-transform:uppercase;color:#d5e4cf;margin-bottom:7px}
.signal-stack{position:relative;height:154px}
.signal-card{position:absolute;display:flex;align-items:center;gap:6px;width:88%;height:32px;padding:6px 8px;border:1px solid #75947e;border-radius:5px;background:#325547;color:#f3f7ec;font-size:.6875rem;line-height:1.3;transform:rotate(var(--scatter-angle));box-shadow:0 3px 8px #09251c25}
.signal-card-1{top:3px;left:2%;--scatter-angle:-4deg;--drift-delay:0s}
.signal-card-2{top:40px;left:9%;--scatter-angle:3deg;--drift-delay:.25s}
.signal-card-3{top:77px;left:0;--scatter-angle:-3deg;--drift-delay:.5s}
.signal-card-4{top:114px;left:6%;--scatter-angle:4deg;--drift-delay:.75s}
.signal-card svg{width:15px;height:15px;flex:none;stroke:#d4eca4;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.signal-card>span{white-space:nowrap}
.signal-card>i{margin-left:auto;flex:none;width:12px;height:8px;border-block:2px solid #8baa8580}
.signal-link{height:160px;margin-top:20px;min-width:0}
.signal-link svg{display:block;width:100%;height:100%;overflow:visible}
.signal-rails{stroke:#719675;stroke-width:1;opacity:.55}
.signal-streams{stroke:var(--lime);stroke-width:3;stroke-linecap:round}
.signal-stream{stroke-dasharray:11 89;stroke-dashoffset:100;opacity:0}
.signal-engine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;margin-top:20px;padding:12px 4px;border:1px solid #c1da7d;border-radius:12px;background:#11362c;color:#fff;text-align:center;box-shadow:0 0 0 5px #cde98a08,0 7px 16px #081e2530;overflow:hidden;transition:box-shadow .8s,border-color .8s}
.signal-engine:before{content:'';position:absolute;inset:-32px 0 auto;height:32px;background:linear-gradient(transparent,#dffa8328);border-bottom:1px solid #dffa8355;opacity:0}
.signal-engine-brand{position:relative;font:600 .625rem/1.3 var(--display);color:#e7efdd}
.signal-matrix{position:relative;display:grid;grid-template-columns:repeat(3,7px);gap:4px;padding:1px}
.signal-matrix i{width:7px;height:7px;border-radius:1.5px;background:var(--lime)}
.signal-engine>strong{position:relative;font:650 .875rem/1.2 var(--display);letter-spacing:.2px}
.signal-engine-status{position:relative;display:grid;width:100%;font-size:.5625rem;line-height:1.4;color:#d8e9c9}
.signal-engine-status>span{grid-area:1/1;visibility:hidden}
[data-stage="0"] .signal-engine-status>span:nth-child(1),[data-stage="1"] .signal-engine-status>span:nth-child(2),[data-stage="2"] .signal-engine-status>span:nth-child(3),[data-stage="3"] .signal-engine-status>span:nth-child(4){visibility:visible}
[data-stage="1"] .signal-engine,[data-stage="2"] .signal-engine{border-color:var(--lime);box-shadow:0 0 0 5px #dffa8310,0 0 24px #c3e77922}
.signal-result-list{display:grid;gap:7px}
.signal-result{position:relative;display:flex;align-items:center;gap:7px;min-height:46px;padding:7px 8px;background:#f0f4e7;color:var(--ink);border:1px solid #e2ebd5;border-radius:6px;box-shadow:0 3px 8px #09251c18}
.signal-result>b{flex:none;font-size:.625rem;font-weight:700;width:17px;color:#5b7047}
.signal-result>div{min-width:0}
.signal-result small{display:block;font-size:.5625rem;line-height:1.35;letter-spacing:0;color:#536449}
.signal-result strong{display:block;font-size:.75rem;line-height:1.4;letter-spacing:-.1px;margin-top:1px}
.signal-result-1{background:var(--lime);border-color:var(--lime)}
.signal-result-1>b{color:var(--ink)}
.signal-first{position:absolute;right:7px;top:5px;text-transform:uppercase;letter-spacing:.5px;font-size:.4375rem;line-height:1.3;font-weight:700;color:#3e542c}
.has-motion .signal-card{animation:signal-drift 2.5s ease-in-out var(--drift-delay) 2 both;animation-play-state:paused}
.has-motion .signal-inlet .signal-stream{animation:signal-flow 1.4s linear var(--flow-delay) 3 both;animation-play-state:paused}
.has-motion .signal-outlet .signal-stream{animation:signal-flow .9s linear var(--flow-delay) 2 both;animation-play-state:paused}
.has-motion .signal-engine:before{animation:signal-scan 1.5s ease-in-out .7s 3 both;animation-play-state:paused}
.has-motion .signal-matrix i{animation:signal-sort .9s ease-in-out .6s 5 both;animation-play-state:paused}
.has-motion .signal-matrix i:nth-child(3n){animation-delay:.9s}
.has-motion .signal-matrix i:nth-child(3n+1){animation-delay:1.2s}
.has-motion .signal-result{animation:signal-result-in .65s cubic-bezier(.2,.75,.25,1) 3.6s both;animation-play-state:paused}
.has-motion .signal-result-2{animation-delay:4.4s}
.has-motion .signal-result-3{animation-delay:5.2s}
.is-running .signal-card,.has-motion.is-running .signal-stream,.is-running .signal-matrix i,.is-running .signal-result,.is-running .signal-engine:before{animation-play-state:running}
.has-motion[data-stage="3"] .signal-matrix i{animation:none;opacity:1;transform:none}
@keyframes signal-drift{0%,100%{transform:translate(0,0) rotate(var(--scatter-angle))}50%{transform:translate(5px,-3px) rotate(0deg)}}
@keyframes signal-flow{0%{stroke-dashoffset:100;opacity:0}12%,82%{opacity:1}100%{stroke-dashoffset:-11;opacity:0}}
@keyframes signal-scan{0%{transform:translateY(0);opacity:0}15%,80%{opacity:1}100%{transform:translateY(175px);opacity:0}}
@keyframes signal-sort{0%,100%{opacity:.35;transform:scale(.65)}50%{opacity:1;transform:scale(1)}}
@keyframes signal-result-in{from{opacity:0;transform:translateX(-16px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@container(max-width:560px){.signal-card>i{display:none}.signal-first{display:none}}
@container(max-width:440px){
 .process-demo .demo-analyze{grid-template-columns:minmax(0,1fr);gap:4px}
 .signal-label{text-align:center}
 .signal-stack{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px}
 .signal-card{position:relative;inset:auto;width:100%;padding-inline:6px}
 .signal-link{width:26px;height:38px;margin:-4px auto;transform:rotate(90deg)}
 .signal-engine{width:176px;min-height:112px;margin:0 auto;gap:6px;padding:9px}
 .signal-engine-brand{font-size:.6875rem}.signal-engine-status{font-size:.625rem}
 .signal-results{margin-top:2px}.signal-result{padding-inline:12px}
 .signal-result small{font-size:.625rem}.signal-first{display:block;font-size:.5rem;top:8px;right:10px}
}
/* 04: opportunities visibly move into an ordered plan. */
.demo-prioritize{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:17px;align-items:center}
.demo-priority-list{position:relative;height:198px}
.demo-task{position:absolute;left:0;right:0;height:58px;display:flex;align-items:center;gap:10px;background:#2c5144;border:1px solid #6b8a75;border-radius:8px;padding:9px 11px;transition:transform .95s cubic-bezier(.25,.8,.25,1),background .6s,border-color .6s,box-shadow .6s}
.demo-task-tech{transform:translateY(66px)}.demo-task-source{transform:translateY(132px)}.demo-task-content{transform:translateY(0);z-index:2;background:var(--lime);color:var(--ink);border-color:var(--lime);box-shadow:0 6px 16px #041b2530}
[data-stage="0"] .demo-task-tech,[data-stage="1"] .demo-task-tech{transform:translateY(0)}
[data-stage="0"] .demo-task-source,[data-stage="1"] .demo-task-source{transform:translateY(66px)}
[data-stage="0"] .demo-task-content,[data-stage="1"] .demo-task-content{transform:translateY(132px);background:#2c5144;color:white;border-color:#6b8a75;box-shadow:none}
.demo-rank{font-size:.75rem;font-weight:700;width:20px;flex:none;text-align:center}.demo-task strong{display:block;font-size:.75rem}.demo-task small{display:block;font-size:.5625rem;letter-spacing:0;opacity:.8;margin-top:2px}
.demo-first,.demo-task-arrow{margin-left:auto;font-size:.5625rem;flex:none}.demo-first{font-weight:750;border-bottom:1px solid currentColor;transition:opacity .5s}
[data-stage="0"] .demo-first,[data-stage="1"] .demo-first,[data-stage="0"] .demo-rank,[data-stage="1"] .demo-rank{opacity:0}
.demo-decision{display:flex;flex-direction:column;gap:8px;font-size:.6875rem;color:#dce8d8}.demo-decision-icon{font-size:2rem;line-height:1;color:var(--lime)}.demo-decision>small{color:#b0ccb3}.demo-decision>strong{font-size:.75rem;color:var(--lime);margin-top:4px}
/* 05: copy is written, reviewed, and transferred into a webpage. */
.demo-action{display:grid;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);gap:10px;align-content:center;align-items:stretch}
.demo-editor,.demo-webpage{background:#f5f6ed;color:var(--ink);border-radius:8px;padding:11px 13px;min-height:174px;box-shadow:0 8px 24px #071d2130}
.demo-editor .demo-paper-top>span{margin-left:0}.demo-editor h4{font-size:.8125rem;line-height:1.4;font-weight:650;margin:14px 0 12px;min-height:2.8em}
.demo-written-lines{display:grid;gap:7px}.demo-written-lines i{display:block;height:5px;background:#9cb994;border-radius:3px;transform-origin:left}
.demo-written-lines i:nth-child(2){width:87%}.demo-written-lines i:nth-child(3){width:93%}.demo-written-lines i:nth-child(4){width:68%}
.has-motion .demo-written-lines i{animation:demo-write .7s both;animation-delay:2s;animation-play-state:paused}.is-running .demo-written-lines i{animation-play-state:running}
.has-motion .demo-written-lines i:nth-child(2){animation-delay:2.4s}.has-motion .demo-written-lines i:nth-child(3){animation-delay:2.8s}.has-motion .demo-written-lines i:nth-child(4){animation-delay:3.2s}
.demo-approved{display:block;font-size:.5625rem;color:#47602c;margin-top:13px}.demo-transfer{display:flex;align-items:center;justify-content:center;color:var(--lime);font-size:1.8rem}
.has-motion .demo-transfer span{animation:demo-transfer 1.3s ease-in-out 3 2s;animation-play-state:paused}.is-running .demo-transfer span{animation-play-state:running}
.demo-webpage{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .8s}.demo-web-content{transition:opacity .65s,transform .65s;padding-top:8px}
[data-stage="0"] .demo-webpage,[data-stage="1"] .demo-webpage{opacity:.3;transform:translateX(14px)}
[data-stage="0"] .demo-web-content,[data-stage="1"] .demo-web-content{opacity:0;transform:translateY(8px)}
.demo-web-brand{font-size:.4375rem;letter-spacing:.8px}.demo-web-hero{height:29px;background:linear-gradient(120deg,#92ae6c,#dffa83);border-radius:4px;margin:6px 0 8px}
.demo-web-content>strong{display:block;font-size:.6875rem;line-height:1.3}.demo-web-content .demo-paper-lines{gap:4px;margin-top:7px}.demo-web-content .demo-paper-lines i{height:3px}
.demo-web-button{display:inline-block;font-size:.4375rem;border-radius:3px;background:#224738;color:white;padding:4px 6px;margin-top:8px}
.demo-plan-route{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;color:#d5e5d7;font-size:.625rem;line-height:1.5;margin-top:1px}.demo-plan-route b{color:var(--lime)}
/* 06: baseline and current checks feed the next round of work. */
.demo-improve{display:flex;flex-direction:column;justify-content:center;gap:16px}
.demo-comparison{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px}
.demo-baseline,.demo-latest{border:1px solid #6e8d74;background:#2c5043;padding:12px 14px;border-radius:8px;display:flex;flex-direction:column;gap:5px;transition:opacity .7s,transform .7s}
.demo-baseline small,.demo-latest small{font-size:.5625rem;letter-spacing:.65px;color:#c6dcc1}.demo-baseline strong,.demo-latest strong{font-size:.8125rem;margin:2px 0 6px}.demo-baseline>span,.demo-latest>span{padding:4px 6px;border-radius:3px;font-size:.6875rem;display:flex;align-items:center;justify-content:space-between;transition:background .5s,color .5s}
.demo-baseline>span{color:#c1d3c1}.demo-latest>span{background:var(--lime);color:var(--ink)}
[data-stage="0"] .demo-latest{opacity:.15;transform:translateX(14px)}
[data-stage="0"] .demo-latest>span,[data-stage="1"] .demo-latest>span{background:transparent;color:#c1d3c1}
.demo-compare-arrow{display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--lime)}
.demo-cycle-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #719068;border-radius:7px;overflow:hidden;background:#14392f}
.demo-cycle-track>span{padding:8px 4px;text-align:center;font-size:.625rem;z-index:1;color:#eff4e9;transition:color .5s}.demo-cycle-marker{position:absolute;inset:0 auto 0 0;width:25%;background:var(--lime);border-radius:5px;transform:translateX(calc(var(--stage,3)*100%));transition:transform .8s cubic-bezier(.25,.8,.25,1)}
[data-stage="0"] .demo-cycle-track>span:nth-of-type(1),[data-stage="1"] .demo-cycle-track>span:nth-of-type(2),[data-stage="2"] .demo-cycle-track>span:nth-of-type(3),[data-stage="3"] .demo-cycle-track>span:nth-of-type(4){color:var(--ink);font-weight:700}
@keyframes demo-spark-turn{0%{transform:rotate(-90deg) scale(.6)}60%{transform:rotate(15deg) scale(1.15)}100%{transform:rotate(0) scale(1)}}
@keyframes demo-probe{0%{transform:translateX(-110%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(390%);opacity:0}}
@keyframes demo-write{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes demo-transfer{0%,100%{transform:translateX(-4px);opacity:.4}50%{transform:translateX(4px);opacity:1}}
@media(min-width:901px){
 .process-journey.is-enhanced .process-panel-content{display:flex;flex-direction:column;min-height:100%}
 .process-journey.is-enhanced .journey-visual.process-demo{flex:1;min-height:290px;padding:13px 18px 10px;margin-top:14px}
 .process-journey.is-enhanced .process-detail-list{gap:6px 20px}
 .process-journey.is-enhanced .process-panel{padding:18px 22px}
}
@media(max-width:1100px){.demo-task small{display:none}.demo-task strong{font-size:.6875rem}.demo-first{font-size:.5rem}.demo-decision{font-size:.625rem;gap:7px}.demo-decision>strong{font-size:.6875rem}.demo-target{padding-inline:10px}.demo-target strong{font-size:.75rem}}
@media(max-width:560px){
 .process-journey .journey-visual.process-demo{padding:12px 11px 9px;min-height:296px;gap:10px}
 .demo-topline{font-size:.75rem}.demo-body{min-height:220px}.demo-caption{font-size:.6875rem}
 .demo-target strong{font-size:.6875rem}.demo-target small{font-size:.5rem;letter-spacing:.25px}.demo-target{padding-inline:8px}
 .demo-hub strong{font-size:.8125rem}.demo-hub>span:last-child{font-size:.5rem}.demo-spark{font-size:1.75rem}
 .demo-monitor{gap:12px}.demo-search{font-size:.75rem;padding:10px;gap:7px}.demo-platform-grid{gap:5px}.demo-platform-grid>div{font-size:.5625rem;padding-block:8px}
 .demo-log{padding:10px}.demo-log-line{font-size:.6875rem}
 .demo-paper-top{font-size:.5rem}.demo-paper-top>i{display:none}
 .demo-prioritize{grid-template-columns:1fr}.demo-decision{display:none}.demo-task strong{font-size:.75rem}.demo-task small{display:block;font-size:.5rem}.demo-first{font-size:.5rem}
 .demo-action{gap:6px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.demo-editor,.demo-webpage{padding:10px 9px}.demo-editor h4{font-size:.75rem}.demo-transfer{font-size:1.4rem}.demo-approved{font-size:.5rem}.demo-plan-route{font-size:.5625rem;gap:8px}
 .demo-comparison{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:5px}.demo-baseline,.demo-latest{padding:10px 8px}.demo-baseline strong,.demo-latest strong{font-size:.75rem}.demo-baseline small,.demo-latest small{font-size:.5rem;letter-spacing:.3px}.demo-baseline>span,.demo-latest>span{font-size:.625rem;padding-inline:3px}.demo-compare-arrow{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){.process-demo *,.process-demo *:before,.process-demo *:after{animation:none!important;transition:none!important}.demo-type-full{visibility:visible!important}.demo-typed{display:none!important}}

/* Recover the last strip of laptop height through spacing, keeping type readable. */
@media(min-width:901px){
 .client-process{padding-block:12px}
 .process-section .services-heading{margin-bottom:12px}
 .process-journey.is-enhanced .process-panel{padding:14px 20px}
 .process-journey.is-enhanced .process-panel h3{margin-bottom:7px}
 .process-journey.is-enhanced .process-panel-intro{margin-bottom:9px}
 .process-journey.is-enhanced .process-detail-list{row-gap:5px}
 .process-journey.is-enhanced .journey-visual.process-demo{min-height:244px;padding:10px 16px 8px;margin-top:10px;gap:8px}
 .process-demo .demo-topline{min-height:20px}
 .process-demo .demo-body{min-height:180px}
 .process-demo .demo-caption{min-height:1.5em;align-items:center}
 .process-demo .demo-monitor{gap:10px}
 .process-demo .demo-log{padding-block:8px}
 .process-demo .demo-log-heading{margin-bottom:4px}
 .process-demo .demo-priority-list{height:176px}
 .process-demo .demo-task{height:52px;padding-block:7px}
 .process-demo .demo-task-tech{transform:translateY(62px)}
 .process-demo .demo-task-source{transform:translateY(124px)}
 .process-demo[data-stage="0"] .demo-task-tech,.process-demo[data-stage="1"] .demo-task-tech{transform:translateY(0)}
 .process-demo[data-stage="0"] .demo-task-source,.process-demo[data-stage="1"] .demo-task-source{transform:translateY(62px)}
 .process-demo[data-stage="0"] .demo-task-content,.process-demo[data-stage="1"] .demo-task-content{transform:translateY(124px)}
 .process-demo .demo-editor,.process-demo .demo-webpage{min-height:162px;padding-block:9px}
 .process-demo .demo-editor h4{margin-block:10px}
 .process-demo .demo-approved{margin-top:9px}
 .process-demo .demo-improve{gap:10px}
 .process-demo .demo-baseline,.process-demo .demo-latest{padding-block:9px;gap:4px}
 .process-demo .demo-baseline>span,.process-demo .demo-latest>span{padding-block:3px}
 .process-journey.is-enhanced .process-implementation{margin-top:9px;padding-top:8px}
 .process-journey.is-enhanced .process-implementation p{margin-bottom:2px}
}