/* Narrative and closing surfaces only. Global design tokens belong to cinematic.css. */
.workflow,.marketing{--narrative-mono:var(--font-body);font-family:var(--font-body,'Manrope',sans-serif);color:var(--ink,#111414);line-height:1.5}
.workflow *,.marketing *{box-sizing:border-box}
.workflow [hidden],.marketing [hidden]{display:none!important}
.workflow :is(h2,h3,h4,h5,p),.marketing :is(h2,h3,h4,p){margin:0}
.workflow button,.marketing button{font:inherit;cursor:pointer;color:inherit;border-radius:0}
.workflow button:focus-visible,.marketing :is(button,summary,a):focus-visible{outline:3px solid var(--accent,#5267e8);outline-offset:5px}
.workflow button:disabled{opacity:.35;cursor:default}
.workflow-kicker,.workflow-demo,.marketing-kicker{font:11px/1.5 var(--narrative-mono);letter-spacing:.09em;text-transform:uppercase}
.workflow-sr,.marketing-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* One continuous scroll runway, with five full-size compositions. */
.workflow{position:relative;height:430svh;background:var(--paper,#f4f4ef);scroll-margin-top:72px}
.workflow-paperless-anchor{position:absolute;top:17%;scroll-margin-top:74px}
.workflow-stage{position:sticky;top:72px;height:calc(100svh - 72px);min-height:0;display:flex;flex-direction:column;padding:26px clamp(24px,4vw,64px) 20px;overflow:clip;background:var(--paper,#f4f4ef);transition:background .6s,color .6s}
.workflow-stage-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:17px;flex-shrink:0}
.workflow-demo{font-size:10px;letter-spacing:.04em;color:#58615e}
.workflow-scenes{position:relative;flex:1;min-height:0;margin:20px 0 0}
.workflow-scene{position:absolute;inset:0;display:grid;grid-template-columns:43% 57%;align-items:center}
.workflow-copy{position:relative;z-index:4;padding:0 0 24px;max-width:580px;}
.workflow-copy>.workflow-kicker{margin-bottom:26px;color:#5b6460}
.workflow-copy h2{font-family:var(--font-display,'Manrope',sans-serif);font-weight:600;font-size:clamp(38px,4.15vw,64px);line-height:1.1;letter-spacing:-.025em;text-transform:uppercase}
@media(min-width:761px){.workflow-scene[data-workflow-scene="3"] .workflow-copy h2{font-size:clamp(32px,3.3vw,53px)}}
.workflow-description{font-size:clamp(15px,1.22vw,19px);line-height:1.65;max-width:440px;margin-top:25px!important}
.workflow-detail{font-size:12px;line-height:1.7;max-width:400px;margin-top:16px!important;color:#66706c}
.workflow-visual{position:relative;align-self:stretch;min-width:0;isolation:isolate}
.workflow-backdrop-number{position:absolute;top:1%;right:-4%;color:#e9ebe6;font-family:var(--font-display,'Manrope',sans-serif);font-size:clamp(200px,31vw,480px);line-height:1;letter-spacing:-.1em;font-weight:700;z-index:-1;user-select:none}
.workflow-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;flex-shrink:0;position:relative;z-index:5}
.workflow-stage-caption{font:11px var(--narrative-mono);color:#626c67}
.workflow-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.workflow-controls button{background:transparent;border:1px solid #afb5ad;min-height:44px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px}
.workflow-controls button svg{width:21px;height:21px}
.workflow-controls button:hover:not(:disabled){background:var(--ink,#111414);color:var(--paper,#f4f4ef)}
.workflow-example-controls{display:flex;align-items:center;gap:5px}
.workflow-example-controls>span{font:10px var(--narrative-mono);margin-right:10px;color:#626c67}
.workflow-example-controls button{border:1px solid #b6bdb4;background:transparent;min-height:40px;font-size:12px;padding:8px 16px}
.workflow-example-controls button[aria-pressed=true]{background:var(--ink,#111414);color:var(--paper,#f4f4ef);border-color:var(--ink,#111414)}
.workflow-route-track{position:relative;display:flex;justify-content:space-between;margin:18px 0 8px;padding-top:9px;border-top:1px solid #aab1a7;font:8px var(--narrative-mono);letter-spacing:.09em;color:#637067;flex-shrink:0}
.workflow-route-track:before{content:'';position:absolute;left:0;top:-2px;width:100%;height:3px;background:var(--accent,#5267e8);transform:scaleX(var(--workflow-progress,.2));transform-origin:left;transition:transform .8s cubic-bezier(.22,.75,.25,1)}
.workflow-route-traveller{position:absolute;left:clamp(0px,var(--workflow-position,0%),calc(100% - 80px));top:-32px;width:80px;transition:left 1.1s cubic-bezier(.22,.75,.25,1);z-index:2}
.workflow-route-traveller .workflow-truck{display:block;width:100%;height:auto}
.workflow-chapters{display:grid;grid-template-columns:repeat(5,1fr);margin-top:5px;flex-shrink:0}
.workflow-chapters button{position:relative;display:flex;align-items:center;gap:16px;padding:17px 14px;text-align:left;background:transparent;border:0;border-bottom:1px solid #b9c0b5;min-height:55px;transition:background .25s}
.workflow-chapters button:first-child{padding-left:0}
.workflow-chapters button>span{font:10px var(--narrative-mono);color:#6c746e}
.workflow-chapters button>b{font-size:13px;font-weight:600}
.workflow-chapters button[aria-pressed=true]{border-bottom:3px solid var(--accent,#5267e8)}
.workflow-chapters button[aria-pressed=true]>span{color:#4054c9}
.workflow-chapters button:hover{background:#e8ebe1}

/* Device geometry and documents are HTML, so every important label stays legible. */
.workflow-phone{position:absolute;top:50%;left:48%;width:330px;min-height:538px;transform:translate(-32%,-50%) rotate(7deg);background:#eff1e9;border:8px solid #222927;border-radius:43px;padding:10px 0 18px;box-shadow:6px 6px 0 #6d7570,20px 26px 48px #11141420;z-index:3;animation:workflow-phone-in .9s cubic-bezier(.2,.7,.2,1) both}
.workflow-phone-top,.marketing-phone-top{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:11px var(--narrative-mono)}
.workflow-phone-top i,.marketing-phone-top i{display:block;height:15px;width:73px;border-radius:20px;background:#222927}
.workflow-phone-screen{padding:15px 20px 10px}
.workflow-phone-home,.marketing-phone-home{height:4px;width:90px;border-radius:5px;background:#222927;position:absolute;bottom:9px;left:50%;transform:translateX(-50%)}
.workflow-object-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.025em;margin-bottom:24px}
.workflow-object-brand>span{font:8px var(--narrative-mono);letter-spacing:.04em}
.workflow-visual small{display:block;font:10px/1.6 var(--narrative-mono);color:#69716d}
.workflow-visual h4{font-family:var(--font-body,'Manrope',sans-serif);font-size:29px;font-weight:750;letter-spacing:-.025em;line-height:1.2;margin:10px 0 20px}
.workflow-phone-task{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c6cfc1;padding-top:14px;margin-bottom:12px}
.workflow-phone-task span{font:9px var(--narrative-mono);max-width:120px}
.workflow-phone-task strong{font-size:17px}
.workflow-map{width:100%;height:142px;background:#e4e8df;border-radius:3px;display:block}
.workflow-map-route{stroke-dasharray:1;animation:workflow-draw 1.4s .25s both}
.workflow-route-labels{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin:10px 0 21px}
.workflow-route-labels strong{font-weight:600}
.workflow-screen-action{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;gap:10px;background:var(--ink,#111414);color:#fff;font-size:12px;font-weight:600}
.workflow-screen-action svg{width:19px;height:19px;flex-shrink:0;color:var(--accent,#5267e8)}
.workflow-screen-note{margin-top:16px;font-size:9px!important}
.workflow-dispatch-slip{position:absolute;top:10%;left:0;width:320px;padding:25px;background:#fff;border-top:4px solid var(--accent,#5267e8);transform:rotate(-9deg);box-shadow:0 20px 45px #1114140c;z-index:1;animation:workflow-sheet-in .7s both}
.workflow-slip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #dce0d8;font-size:11px}
.workflow-slip-row>span{color:#68716c}
.workflow-slip-row>b{font-weight:650;text-align:right}
.workflow-object-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#355d45;margin-top:18px}
.workflow-object-status svg{width:20px;height:20px}
.workflow-terminal{position:absolute;left:0;top:48%;width:355px;height:530px;padding:33px 19px 20px;background:#c3c9c4;border:1px solid #a0aaa3;border-radius:20px 20px 55px 20px;box-shadow:10px 10px 0 #8c9991,24px 32px 40px #11141417;transform:translateY(-50%) rotate(-4deg);z-index:2;animation:workflow-terminal-in .8s both}
.workflow-terminal-camera{width:11px;height:11px;background:#303c35;border:3px solid #89968d;border-radius:50%;position:absolute;top:12px;left:50%}
.workflow-terminal-display{padding:21px;background:#eef2e8;border:7px solid #26352d;border-radius:8px;color:#152c20}
.workflow-terminal-display .workflow-object-brand{font-size:15px;letter-spacing:0;margin-bottom:18px}
.workflow-terminal-display h4{font-size:33px;margin-top:3px}
.workflow-terminal-readings{margin:24px 0}
.workflow-terminal-readings>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:10px 0;border-top:1px solid #ced8c7}
.workflow-terminal-readings svg{width:20px;height:20px;color:#426848;animation:workflow-check-in .5s .5s both}
.workflow-terminal-result{padding:12px;text-align:center;background:#d9e6d2;font-size:14px;font-weight:650;margin-bottom:8px}
.workflow-terminal-controls{display:flex;align-items:center;gap:22px;margin:21px 18px;font:10px/1.5 var(--narrative-mono);color:#3c4942}
.workflow-terminal-controls i{width:42px;height:42px;border:7px solid #95a199;border-radius:50%;background:#566b5c;box-shadow:inset 0 0 0 1px #27352b}
.workflow-medical-result{position:absolute;right:-1%;top:14%;width:315px;min-height:405px;padding:28px;background:#fff;transform:rotate(8deg);z-index:3;box-shadow:0 25px 50px #11141412;animation:workflow-sheet-in 1s .15s both}
.workflow-medical-result h4{font-size:39px}
.workflow-medical-result p{font-size:11px;margin:18px 0}
.workflow-document-lines{display:grid;gap:11px;margin:23px 0;overflow:hidden}
.workflow-document-lines i{display:block;width:100%;height:5px;background:#dce1d8;transform-origin:left;animation:workflow-line-in .8s .15s both}
.workflow-document-lines i:nth-child(2){width:81%;animation-delay:.25s}
.workflow-document-lines i:nth-child(3){width:93%;animation-delay:.4s}
.workflow-document-lines i:nth-child(4){width:67%;animation-delay:.55s}
.workflow-stamp{display:flex;gap:12px;align-items:center;border:2px solid #54745e;padding:12px 15px;transform:rotate(-5deg);color:#3d6248;font-size:12px;margin:24px 0 18px;animation:workflow-stamp-in .7s .5s both}
.workflow-stamp svg{width:33px;height:33px}
.workflow-epl{position:absolute;width:380px;left:28%;top:3%;padding:26px 28px;background:#fff;transform:rotate(6deg);box-shadow:12px 16px 0 #e1e4dc;animation:workflow-sheet-in .8s both}
.workflow-epl h4{font-size:30px}
.workflow-signers{display:flex;gap:9px;justify-content:space-between;border-top:1px solid #d9dfd4;padding-top:17px;margin:5px 0 15px;font-size:9px;color:#355d45}
.workflow-signers span{display:flex;align-items:center;gap:3px}
.workflow-signers svg{width:15px;height:15px}
.workflow-epl-qr{display:flex;align-items:center;gap:22px;margin:20px 0 0}
.workflow-qr{width:82px;height:82px;flex-shrink:0}
.workflow-epl-qr>div{display:grid;gap:4px;font-size:11px}
.workflow-epl-qr b{font-size:18px}
.workflow-truck-hero{position:absolute;width:calc(100% + 65px);left:-40px;bottom:5%;z-index:3;animation:workflow-truck-in 1s .1s both}
.workflow-truck-hero .workflow-truck{width:100%;height:auto;display:block}
.workflow-truck-caption{display:flex;justify-content:space-between;padding:0 60px;gap:20px;font:9px var(--narrative-mono)}
.workflow-truck-caption>b{font-weight:500}
.workflow-work-slip{position:absolute;top:20%;left:-2%;width:340px;padding:28px;background:var(--accent,#5267e8);transform:rotate(-7deg);z-index:1;animation:workflow-sheet-in .8s both}
.workflow-work-slip small{color:#212951}
.workflow-work-slip h4{font-size:27px;margin-bottom:10px}
.workflow-work-quantity{display:flex;align-items:baseline;gap:8px;margin:15px 0 0}
.workflow-work-quantity strong{font:700 106px/1 var(--font-display,'Manrope',sans-serif);letter-spacing:-.09em}
.workflow-work-quantity span{font-size:17px}
.workflow-work-slip>p{font:11px var(--narrative-mono);margin-top:22px;min-height:35px}
.workflow-work-transfer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #6575ba;padding-top:18px;margin-top:19px;font-size:12px}
.workflow-work-transfer svg{width:22px;height:22px}
.workflow-foreman-phone{left:51%;transform:translate(-22%,-50%) rotate(6deg)}
.workflow-confirm-record{margin-top:25px;border-top:1px solid #c6cec0;padding-top:20px;display:flex;flex-direction:column;gap:10px}
.workflow-confirm-record>span{font-size:10px;color:#687165}
.workflow-confirm-record h5{font-size:20px;font-weight:650;line-height:1.3}
.workflow-confirm-record>strong{font-size:40px;font-weight:700;line-height:1.4}
.workflow-foreman-phone .workflow-object-status{margin:20px 0 24px}
.workflow-final-document{position:absolute;top:9%;left:2%;width:440px;padding:36px;background:#fff;transform:rotate(-7deg);box-shadow:11px 14px 0 #d9dfd3;animation:workflow-sheet-in .8s both}
.workflow-final-document h4{font-size:31px;margin:16px 0 20px}
.workflow-final-document>p{font-size:10px}
.workflow-document-table{display:flex;justify-content:space-between;gap:15px;border-block:1px solid #c8d0c1;padding:17px 0;margin:24px 0;font-size:12px}
.workflow-signatures{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 25px}
.workflow-signatures>div{display:flex;gap:7px;align-items:center;font-size:10px;color:#3f624a;animation:workflow-stamp-in .7s .55s both}
.workflow-signatures>div:nth-child(2){animation-delay:.8s}
.workflow-signatures svg{width:29px;height:29px}
.workflow-document-destinations{position:absolute;right:-2%;top:26%;width:215px;display:grid;gap:2px;z-index:4;animation:workflow-copy-in .8s .4s both}
.workflow-document-destinations>div{padding:21px 24px;background:var(--ink,#111414);color:#f4f4ef;display:flex;flex-direction:column;gap:8px}
.workflow-document-destinations span{font:9px var(--narrative-mono);color:#b4bdb6}
.workflow-document-destinations b{font-size:35px;font-weight:650;letter-spacing:-.025em}
.workflow-document-destinations small{color:#c6d1c8}

@keyframes workflow-copy-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes workflow-phone-in{from{opacity:0;translate:70px 90px;rotate:8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes workflow-sheet-in{from{opacity:0;translate:-45px 55px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@keyframes workflow-terminal-in{from{opacity:0;translate:0 80px;scale:.9}to{opacity:1;translate:0 0;scale:1}}
@keyframes workflow-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes workflow-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes workflow-check-in{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes workflow-stamp-in{from{opacity:0;scale:1.2}to{opacity:1;scale:1}}
@keyframes workflow-truck-in{from{opacity:0;translate:-180px 0}to{opacity:1;translate:0 0}}

@media(min-width:761px) and (max-width:1100px){
 .workflow-copy h2{font-size:3.85vw}.workflow-description{font-size:15px;max-width:340px}.workflow-detail{max-width:310px}
 .workflow-visual{zoom:.8;align-self:center;height:650px}.workflow-phone{left:38%}.workflow-dispatch-slip{left:-6%;width:295px}
 .workflow-medical-result{right:-6%;width:265px;padding:24px}.workflow-terminal{width:320px;left:-6%}.workflow-epl{left:15%;width:355px}
 .workflow-final-document{width:370px;left:-3%;padding:25px}.workflow-document-destinations{width:170px;right:-8%}.workflow-document-destinations b{font-size:30px}


}

@media(max-height:850px) and (min-height:701px) and (min-width:1101px){
 .workflow-copy h2{font-size:48px}.workflow-copy>.workflow-kicker{margin-bottom:15px}.workflow-description{font-size:15px;margin-top:17px!important}.workflow-detail{font-size:11px;margin-top:9px!important}
 .workflow-visual{zoom:.77;height:560px;align-self:center}.workflow-stage{padding-top:16px;padding-bottom:12px}.workflow-scenes{margin-top:6px}.workflow-stage-bottom{min-height:48px}.workflow-chapters button{padding-block:12px;min-height:48px}
}

@media(max-width:760px),(max-height:700px){
 .workflow{height:auto}.workflow-stage{position:relative;top:0;height:auto;min-height:0;padding-top:30px;padding-bottom:24px;overflow:clip}.workflow-paperless-anchor{top:0}
 .workflow-scenes{flex:none;min-height:0}.workflow-scene{position:relative;grid-template-columns:1fr;gap:10px}.workflow-copy{max-width:600px;padding-top:25px;padding-bottom:0}.workflow-copy h2{font-size:clamp(31px,7.4vw,54px);line-height:1.13}
 .workflow-copy>.workflow-kicker{margin-bottom:23px}.workflow-description{max-width:560px;font-size:16px;line-height:1.7}.workflow-detail{max-width:540px;font-size:12px;margin-top:12px!important}
 .workflow-stage-head{align-items:flex-start}.workflow-kicker{font-size:10px}.workflow-demo{font-size:8px;max-width:136px;text-align:right}
 .workflow-visual{height:570px;max-width:600px;width:100%;margin:12px auto 0;zoom:1;align-self:auto}.workflow-backdrop-number{font-size:350px;top:4%;right:0}
 .workflow-phone{width:302px;min-height:516px;left:50%;transform:translate(-45%,-50%) rotate(6deg)}
 .workflow-dispatch-slip{width:270px;left:0;top:6%;padding:20px}.workflow-phone-screen{padding-inline:19px}.workflow-visual h4{font-size:28px}
 .workflow-medical-result{width:255px;top:19%;right:0;padding:23px}.workflow-medical-result h4{font-size:32px}.workflow-terminal{width:307px;left:0;top:49%;height:500px;padding-inline:14px}.workflow-terminal-display{padding:17px}
 .workflow-epl{width:330px;left:22%;top:0;padding:22px}.workflow-truck-hero{left:-22px;bottom:6%;width:calc(100% + 44px)}.workflow-truck-caption{padding-inline:32px;font-size:8px}
 .workflow-work-slip{width:300px;left:0;top:12%;padding:24px}.workflow-foreman-phone{left:55%;transform:translate(-37%,-50%) rotate(6deg)}
 .workflow-final-document{width:360px;left:0;top:5%;padding:27px}.workflow-document-destinations{width:180px;right:0;top:auto;bottom:3%;grid-template-columns:1fr 1fr;width:100%;gap:2px}.workflow-document-destinations>div{padding:16px 22px}.workflow-document-destinations b{font-size:29px}
 .workflow-stage-bottom{flex-wrap:wrap;gap:18px;padding-top:12px}.workflow-stage-caption{font-size:10px}.workflow-controls{margin-left:0;width:100%;justify-content:space-between}.workflow-controls button:last-child{flex:1;justify-content:space-between}
 .workflow-example-controls{width:100%}.workflow-example-controls>span{font-size:9px;margin-right:auto}.workflow-example-controls button{font-size:11px;padding:8px 12px}
 .workflow-route-track{margin-top:42px}.workflow-chapters button{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 6px;min-height:57px}.workflow-chapters button>b{font-size:10px}.workflow-chapters button>span{font-size:9px}










}

@media(max-width:760px){
 .workflow-stage-head{order:0}.workflow-chapters{order:1;position:sticky;top:66px;z-index:8;background:var(--paper,#f4f4ef);margin:18px 0 10px}.workflow-scenes{order:2}.workflow-stage-bottom{order:3}.workflow-route-track{order:4}.workflow-sr{order:5}
}

@media(max-width:450px){
 .workflow-stage{padding-inline:20px}.workflow-copy h2{font-size:clamp(27px,7.2vw,33px)}.workflow-description{font-size:15px}.workflow-copy>.workflow-kicker{font-size:9px}.workflow-visual{height:535px}
 .workflow-phone{width:285px;left:50%;min-height:494px;transform:translate(-46%,-50%) rotate(5deg)}.workflow-phone-screen{padding:12px 17px 8px}.workflow-object-brand{font-size:20px;margin-bottom:19px}.workflow-visual h4{font-size:27px}.workflow-map{height:120px}
 .workflow-dispatch-slip{width:245px;left:-20px;top:0;padding:18px;transform:rotate(-8deg)}.workflow-dispatch-slip h4{font-size:23px}.workflow-dispatch-slip .workflow-object-status{font-size:9px}
 .workflow-terminal{width:267px;left:-11px;height:485px;top:47%;padding-inline:11px}.workflow-terminal-display{padding:14px;border-width:5px}.workflow-terminal-display .workflow-object-brand{font-size:12px}.workflow-terminal-readings>div{font-size:10px}.workflow-terminal-result{font-size:12px}.workflow-terminal-controls{margin-inline:8px;gap:10px}
 .workflow-medical-result{top:auto;bottom:0;right:0;width:227px;min-height:0;padding:20px;transform:rotate(6deg)}.workflow-medical-result h4{font-size:29px;margin-bottom:12px}.workflow-medical-result>.workflow-document-lines{display:none}.workflow-medical-result small{font-size:8px}.workflow-medical-result .workflow-stamp{margin:18px 0 15px;font-size:10px;padding:9px 10px}
 .workflow-epl{width:285px;left:12%;top:2%;padding:22px}.workflow-epl h4{font-size:26px}.workflow-epl .workflow-slip-row{font-size:9px}.workflow-signers{font-size:8px;gap:4px}.workflow-truck-hero{bottom:5%;left:-24px;width:calc(100% + 48px)}.workflow-truck-caption{padding-inline:20px;font-size:7px}
 .workflow-work-slip{width:265px;top:0;left:-18px;padding:19px}.workflow-work-slip h4{font-size:22px}.workflow-work-quantity strong{font-size:80px}.workflow-foreman-phone{left:54%;top:56%;transform:translate(-46%,-50%) rotate(5deg)}.workflow-confirm-record{margin-top:17px;padding-top:15px;gap:9px}.workflow-confirm-record>strong{font-size:37px}.workflow-foreman-phone .workflow-object-status{margin:18px 0}.workflow-work-slip>p{font-size:9px}
 .workflow-final-document{width:290px;padding:23px;top:4%;left:1%}.workflow-final-document h4{font-size:25px}.workflow-final-document>p{font-size:9px}.workflow-final-document .workflow-object-brand{font-size:20px}.workflow-final-document .workflow-document-table{font-size:10px}.workflow-signatures{gap:6px}.workflow-signatures>div{font-size:8px}.workflow-document-destinations{bottom:3%}.workflow-document-destinations>div{padding:17px}.workflow-document-destinations small{font-size:9px}
 .workflow-example-controls{gap:4px}.workflow-example-controls>span{font-size:8px}.workflow-example-controls button{padding:8px 10px}.workflow-chapters button{padding-inline:4px}.workflow-chapters button>b{font-size:9px}


}

@media(max-width:360px){
 .workflow-phone{width:245px;left:50%;min-height:460px;transform:translate(-50%,-50%) rotate(3deg)}.workflow-phone h4{font-size:23px}.workflow-phone-screen{padding-inline:14px}.workflow-foreman-phone{top:57%}.workflow-epl{width:255px;left:2%}.workflow-final-document{width:253px;left:0;padding:19px}.workflow-final-document h4{font-size:22px}
}

@media(prefers-reduced-motion:reduce){
 .workflow *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .workflow{height:auto}.workflow-stage{position:relative;top:0;height:auto;min-height:0;padding-top:35px}.workflow-paperless-anchor{top:0}.workflow-scenes{height:660px;flex:none}.workflow-scene{height:100%}
 .workflow-route-traveller{display:none}.workflow-route-track{margin-top:15px}.workflow-phone,.workflow-foreman-phone{rotate:0deg}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.workflow-scenes{height:auto}.workflow-scene{height:auto}.workflow-visual{height:535px}}

/* White editorial continuation; the final invitation returns to the city palette. */
.marketing { --marketing-muted: #526078; --marketing-line: #0a102024; --marketing-accent: var(--accent, #536dfe); background: var(--paper, #f8faff); color: var(--ink, #0a1020); font-weight: 400; }
.marketing-inner { max-width: 1920px; padding-inline: clamp(20px, 5vw, 96px); margin-inline: auto; position: relative; }
.marketing-kicker { font-size: 13px; font-weight: 500; letter-spacing: .08em; color: var(--marketing-muted); }
.marketing-onboarding { background: white; color: var(--ink, #0a1020); padding: clamp(100px, 11vw, 190px) 0 clamp(90px, 9vw, 160px); scroll-margin-top: 90px; }
.marketing-onboarding > .marketing-inner > .marketing-kicker { margin-bottom: 32px; }
.marketing-launch-title { font: 800 clamp(48px, 7.5vw, 128px)/1.02 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.055em; }
.marketing-launch-title > span { color: inherit; }
.marketing-launch-note { display: flex; align-items: flex-start; gap: 40px; justify-content: flex-end; margin: 60px 0 100px; }
.marketing-launch-note > span { font-size: 72px; line-height: 1; color: var(--marketing-accent); }
.marketing-launch-note p { font-size: 20px; line-height: 1.75; max-width: 490px; }
.marketing-setup { list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: clamp(45px, 7vw, 120px); padding: 32px 0 0; margin: 0 0 88px; border-top: 1px solid var(--marketing-line); }
.marketing-setup li:nth-child(2) { padding-top: 56px; }
.marketing-setup li:nth-child(3) { padding-top: 112px; }
.marketing-setup li > span { font-size: 13px; color: var(--marketing-muted); }
.marketing-setup h3 { font: 800 clamp(26px, 2.6vw, 43px)/1.13 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.04em; margin: 28px 0 22px; }
.marketing-setup p { font-size: 18px; line-height: 1.75; max-width: 320px; color: var(--marketing-muted); }
.marketing-training { border-block: 1px solid var(--marketing-line); }
.marketing-training > summary { display: flex; justify-content: space-between; align-items: center; gap: 35px; list-style: none; cursor: pointer; padding: 28px 0; font-size: 24px; font-weight: 500; }
.marketing-training > summary::-webkit-details-marker { display: none; }
.marketing-training > summary > span:last-child { display: flex; align-items: center; gap: 40px; font-size: 16px; }
.marketing-training > summary i { font-size: 32px; font-style: normal; color: var(--marketing-accent); transition: rotate .25s; }
.marketing-training[open] > summary i { rotate: 45deg; }
.marketing-role-selector { display: flex; flex-wrap: wrap; gap: 12px 38px; padding-top: 20px; border-bottom: 1px solid var(--marketing-line); }
.marketing-role-selector button { padding: 20px 0; min-height: 60px; display: flex; gap: 14px; align-items: center; background: transparent; border: 0; color: var(--marketing-muted); font-size: 16px; text-align: left; }
.marketing-role-selector button > span { font-size: 13px; }
.marketing-role-selector button > i { font-style: normal; font-size: 20px; opacity: 0; }
.marketing-role-selector button:hover, .marketing-role-selector button[aria-pressed=true] { color: var(--ink, #0a1020); }
.marketing-role-selector button[aria-pressed=true] { box-shadow: inset 0 -2px var(--marketing-accent); }
.marketing-role-selector button[aria-pressed=true] > i { color: var(--marketing-accent); opacity: 1; }
.marketing-lesson { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(60px, 9vw, 150px); padding: 70px 0 90px; }
.marketing-lesson-copy { padding-top: 24px; max-width: 510px; }
.marketing-lesson-copy > .marketing-kicker { margin-bottom: 25px; }
.marketing-lesson-copy h3 { white-space: pre-line; font: 800 clamp(30px, 3.1vw, 48px)/1.15 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.04em; }
.marketing-lesson-intro { color: var(--marketing-muted); font-size: 18px; line-height: 1.75; margin-top: 26px !important; }
.marketing-lesson-steps { margin-top: 38px; border-top: 1px solid var(--marketing-line); }
.marketing-lesson-steps button { display: flex; gap: 20px; align-items: center; width: 100%; min-height: 70px; padding: 20px 0; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--marketing-line); color: var(--marketing-muted); }
.marketing-lesson-steps button > span { font-size: 13px; }
.marketing-lesson-steps button > b { font-size: 17px; font-weight: 500; }
.marketing-lesson-steps button > svg { width: 22px; height: 22px; margin-left: auto; opacity: 0; flex-shrink: 0; }
.marketing-lesson-steps button[aria-current=step], .marketing-lesson-steps button:hover { color: var(--ink, #0a1020); }
.marketing-lesson-steps button[aria-current=step] > span, .marketing-lesson-steps button[aria-current=step] > svg { color: var(--marketing-accent); opacity: 1; }
.marketing-local-note { font-size: 13px; line-height: 1.6; color: var(--marketing-muted); margin-top: 25px !important; }
.marketing-lesson-object { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; }
.marketing-phone { --marketing-muted: #b6c2d8; --marketing-line: #ffffff26; --marketing-accent: #a4b4ff; position: relative; width: min(100%, 345px); min-height: 590px; background: #121c31; color: #f8faff; border: 7px solid #29344a; border-radius: 40px; padding: 10px 0 24px; box-shadow: 2px 3px 0 #7988a7, 15px 25px 45px #0a102018; transform: rotate(3deg); transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.marketing-phone:focus-within, .marketing-phone:hover { transform: rotate(0); }
.marketing-phone-top { padding: 0 22px; font-size: 12px; }
.marketing-phone-top > i { height: 17px; background: #070d19; }
.marketing-phone-home { bottom: 9px; background: #b6c2d8; }
.marketing-phone-screen { padding: 19px 22px 12px; }
.marketing-phone-brand { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 24px; font-weight: 800; letter-spacing: -.055em; margin-bottom: 28px; }
.marketing-phone-brand small { font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--marketing-muted); }
.marketing-phone-count { font-size: 12px; letter-spacing: .05em; color: var(--marketing-accent); margin-bottom: 16px !important; }
.marketing-phone h4 { font: 800 29px/1.2 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.03em; min-height: 70px; }
.marketing-phone-record { display: flex; flex-direction: column; gap: 13px; margin: 25px 0 18px; padding: 20px 0; border-block: 1px solid var(--marketing-line); }
.marketing-phone-record > span { font-size: 14px; color: var(--marketing-muted); }
.marketing-phone-record > strong { font-size: 23px; line-height: 1.4; font-weight: 500; }
.marketing-phone-note { font-size: 16px; line-height: 1.6; min-height: 77px; margin: 18px 0 24px !important; color: var(--marketing-muted); }
.marketing-phone-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #a4b4ff; color: #0a1020 !important; border: 0; width: 100%; padding: 15px 14px; min-height: 54px; text-align: left; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; }
.marketing-phone-action > svg { height: 24px; width: 24px; flex-shrink: 0; }
.marketing-phone-action:hover { background: #c4ceff; }
.marketing-phone-demo { font-size: 12px; display: block; text-align: center; margin-top: 19px; color: var(--marketing-muted); }
.marketing-phone-complete { height: 110px; display: flex; align-items: center; justify-content: center; margin: 15px 0; }
.marketing-phone-complete svg { height: 78px; width: 78px; color: var(--marketing-accent); }
.marketing-solutions { padding: clamp(100px, 10vw, 175px) 0 70px; scroll-margin-top: 90px; }
.marketing-section-heading { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 80px; align-items: start; margin-bottom: 90px; }
.marketing-section-heading > .marketing-kicker { padding-top: 10px; }
.marketing-section-heading h2, .marketing-faq h2 { font: 800 clamp(40px, 5.2vw, 84px)/1.05 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.05em; text-transform: uppercase; }
.marketing-modules { border-top: 1px solid var(--marketing-line); }
.marketing-modules > button { width: 100%; background: transparent; display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.3fr) minmax(0, 1.4fr) minmax(0, .9fr); align-items: start; gap: 42px; text-align: left; border: 0; border-bottom: 1px solid var(--marketing-line); padding: 44px 0; }
.marketing-modules .marketing-kicker { padding-top: 8px; }
.marketing-modules h3 { font: 800 clamp(27px, 2.5vw, 42px)/1.15 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.04em; }
.marketing-modules p { font-size: 17px; line-height: 1.75; max-width: 340px; }
.marketing-module-action { display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 16px; font-weight: 500; padding-top: 6px; }
.marketing-module-action svg { width: 25px; height: 25px; flex-shrink: 0; color: var(--marketing-accent); transition: translate .25s; }
.marketing-modules button:hover .marketing-module-action svg { translate: 5px 0; }
.marketing-modules button:hover h3 { color: #354ad3; }
.marketing-faq { padding: 60px 0 clamp(100px, 11vw, 190px); }
.marketing-faq-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 80px; }
.marketing-faq-grid > div > .marketing-kicker { margin-bottom: 28px; }
.marketing-faq-list { border-top: 1px solid var(--marketing-line); }
.marketing-faq-list details { border-bottom: 1px solid var(--marketing-line); }
.marketing-faq-list summary { list-style: none; display: flex; align-items: center; gap: 25px; min-height: 94px; padding: 28px 0; cursor: pointer; }
.marketing-faq-list summary::-webkit-details-marker { display: none; }
.marketing-faq-list summary > span { font-size: 13px; color: var(--marketing-muted); }
.marketing-faq-list summary h3 { font-size: 20px; line-height: 1.5; font-weight: 500; }
.marketing-faq-list summary > i { font-style: normal; font-size: 28px; margin-left: auto; color: var(--marketing-accent); transition: transform .25s; }
.marketing-faq-list details[open] summary > i { transform: rotate(45deg); }
.marketing-faq-list details > p { font-size: 18px; line-height: 1.75; color: var(--marketing-muted); padding: 0 44px 30px; }
.marketing-connect { position: relative; overflow: clip; isolation: isolate; padding: clamp(110px, 11vw, 190px) 0 clamp(90px, 9vw, 160px); background: #0a1020; color: #f8faff; scroll-margin-top: 90px; }
.marketing-connect > .marketing-inner > .marketing-kicker { color: #b6c2d8; margin-bottom: 38px; }
.marketing-connect h2 { position: relative; z-index: 2; font: 800 clamp(48px, 7.4vw, 126px)/1.03 var(--font-display, 'Manrope', sans-serif); letter-spacing: -.055em; text-transform: uppercase; pointer-events: none; }
.marketing-connect h2 > span { color: #b4c2ff; }
.marketing-connect-bottom { display: flex; justify-content: space-between; align-items: center; gap: 45px; margin-top: 72px; position: relative; z-index: 3; }
.marketing-connect-bottom > p { font-size: 20px; line-height: 1.75; max-width: 500px; color: #b6c2d8; }
.marketing-connect-button { flex-shrink: 0; border: 1px solid #f8faff !important; border-radius: 50% !important; width: 210px; height: 210px; background: #f8faff; color: #0a1020 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; text-align: center; font-size: 18px !important; line-height: 1.45 !important; font-weight: 500 !important; margin: 0 5% 0 0; transition: background .25s; }
.marketing-connect-button svg { width: 30px; height: 30px; transform: rotate(-35deg); color: var(--marketing-accent); }
.marketing-connect-button:hover { background: #dce4ff; }
.marketing-connect-rings { position: absolute; inset: 0; overflow: hidden; z-index: -1; pointer-events: none; }
.marketing-connect-rings i { position: absolute; width: 900px; aspect-ratio: 1; right: -220px; top: 50%; transform: translateY(-50%); border: 1px solid #8296f219; border-radius: 50%; }
.marketing-connect-rings i:nth-child(2) { width: 1250px; right: -395px; }
.marketing-connect-rings i:nth-child(3) { width: 1600px; right: -570px; }
@media (max-width: 1100px) {
 .marketing-lesson { gap: 45px; }
 .marketing-role-selector { gap: 8px 24px; }
 .marketing-modules > button { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 25px 50px; }
 .marketing-modules .marketing-kicker { grid-column: 1 / -1; }
 .marketing-module-action { grid-column: 2; }
 .marketing-section-heading, .marketing-faq-grid { gap: 40px; }
}
@media (max-width: 760px) {
 .marketing-onboarding { padding: 85px 0; }
 .marketing-launch-title { font-size: clamp(35px, 8.2vw, 63px); }
 .marketing-launch-note { margin: 36px 0 60px; justify-content: flex-start; gap: 20px; }
 .marketing-launch-note > span { font-size: 45px; }
 .marketing-launch-note p { font-size: 18px; }
 .marketing-launch-note br { display: none; }
 .marketing-setup { grid-template-columns: 1fr; gap: 36px; padding-top: 28px; margin-bottom: 55px; }
 .marketing-setup li:nth-child(n) { padding-top: 0; }
 .marketing-setup h3 { font-size: 30px; margin: 18px 0 16px; }
 .marketing-setup h3 br { display: none; }
 .marketing-setup p { font-size: 17px; max-width: 540px; }
 .marketing-training > summary { flex-direction: column; align-items: flex-start; gap: 18px; font-size: 21px; }
 .marketing-training > summary > span:last-child { justify-content: space-between; width: 100%; }
 .marketing-role-selector { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
 .marketing-role-selector button { min-height: 60px; gap: 10px; font-size: 15px; padding: 16px 0; }
 .marketing-role-selector button > i { display: none; }
 .marketing-lesson { grid-template-columns: 1fr; gap: 46px; padding: 38px 0 50px; }
 .marketing-lesson-copy { padding-top: 0; }
 .marketing-lesson-copy h3 { font-size: 30px; }
 .marketing-lesson-intro { font-size: 17px; }
 .marketing-lesson-steps button { gap: 14px; }
 .marketing-lesson-steps button > b { font-size: 16px; }
 .marketing-lesson-object { padding: 12px 6px; }
 .marketing-phone { transform: none; max-width: 345px; }
 .marketing-phone-screen { padding-inline: 18px; }
 .marketing-phone h4 { font-size: 27px; }
 .marketing-solutions { padding: 85px 0 40px; }
 .marketing-section-heading, .marketing-faq-grid { grid-template-columns: 1fr; gap: 26px; }
 .marketing-section-heading { margin-bottom: 45px; }
 .marketing-section-heading h2, .marketing-faq h2 { font-size: clamp(32px, 7.8vw, 57px); }
 .marketing-modules > button { grid-template-columns: 1fr; gap: 24px; padding: 30px 0; }
 .marketing-modules .marketing-kicker, .marketing-module-action { grid-column: auto; }
 .marketing-modules h3 { font-size: 32px; }
 .marketing-modules p { font-size: 17px; max-width: 540px; }
 .marketing-module-action { margin-top: 2px; }
 .marketing-faq { padding: 45px 0 90px; }
 .marketing-faq-list summary { gap: 14px; min-height: 84px; padding: 24px 0; }
 .marketing-faq-list summary h3 { font-size: 18px; }
 .marketing-faq-list details > p { font-size: 17px; padding: 0 0 24px; }
 .marketing-connect { padding: 90px 0 70px; }
 .marketing-connect h2 { font-size: clamp(34px, 8.1vw, 62px); }
 .marketing-connect-bottom { align-items: flex-start; flex-direction: column; gap: 38px; margin-top: 40px; }
 .marketing-connect-bottom > p { font-size: 18px; }
 .marketing-connect-button { width: 170px; height: 170px; font-size: 16px !important; margin: 0; align-self: flex-end; gap: 18px; }
}
@media (max-width: 360px) {
 .marketing-launch-title { font-size: 30px; }
 .marketing-connect h2 { font-size: 30px; }
 .marketing-phone { border-width: 5px; }
 .marketing-phone-screen { padding-inline: 15px; }
 .marketing-phone h4 { font-size: 25px; }
 .marketing-phone-record > strong { font-size: 21px; }
 .marketing-role-selector { gap: 0 14px; }
 .marketing-role-selector button { gap: 7px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
 .marketing *, .marketing *::before, .marketing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
 .marketing-phone { transform: none; }
}

/* Concrete launch requirements stay beside the launch promise. */
.marketing .marketing-launch-title{font-size:clamp(36px,5.2vw,88px);line-height:1.12;letter-spacing:-.04em;text-transform:none}
.marketing-launch-terms{max-width:760px;font-size:16px;line-height:1.7;color:#526078;padding:0 0 38px}