/* A: the technician's task, from capture to the existing work order. */
.field-main{background:#f7f6f0;color:#22323b}.field-main .wrap{max-width:1280px}.field-hero{background:#dde6df;padding:62px 0 0;overflow:hidden}.field-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center}.field-hero h1{font-size:clamp(48px,5vw,74px);max-width:660px}.field-hero h1 span{color:#45665a}.field-lead{font-size:18px;line-height:1.75;max-width:560px;margin:24px 0;color:#425d53}.field-main .eyebrow{color:#405e4f;margin-bottom:20px;letter-spacing:.1em}.field-actions{display:flex;gap:15px 26px;align-items:center;flex-wrap:wrap}.field-main .button{min-height:50px}.field-art{position:relative;min-width:0;padding:0 0 26px}.field-art img{width:100%;max-height:550px;object-fit:contain;filter:drop-shadow(0 18px 15px #19302b28)}.field-art figcaption{font-size:13px;line-height:1.6;margin:12px auto 0;max-width:400px;display:flex;justify-content:space-between;gap:20px}.field-art figcaption span{font-size:11px;color:#496055}.field-audience{border-top:1px solid #afc0b2;margin-top:38px;padding:22px 0;display:flex;gap:26px;justify-content:space-between;font-size:13px;line-height:1.6}.field-audience strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:650}.field-audience p{max-width:760px}.field-section{padding:86px 0}.field-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:end;margin-bottom:40px}.field-heading h2{max-width:700px}.field-heading>p{font-size:16px;line-height:1.75;color:#52675f;max-width:460px}.handoff{position:relative;border:1px solid #b0c1b6;background:#e8ede5;padding:34px 38px 25px;border-radius:6px}.handoff-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:25px}.handoff-top p{font-size:12px;line-height:1.6;color:#4a6256}.replay{background:transparent;border:1px solid #728b7b;border-radius:25px;padding:10px 18px;font-size:12px;color:#223d30;min-height:44px}.replay[hidden]{display:none}.handoff-route{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;gap:12px;align-items:center}.route-stop{min-width:0}.route-stop .route-icon{height:110px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #c3d0c4;margin-bottom:23px}.route-icon svg{width:108px;height:94px;stroke:#345948;fill:none;stroke-width:2}.route-stop h3{font-size:22px;line-height:1.2;font-weight:550;letter-spacing:-.03em}.route-stop p{font-size:13px;line-height:1.65;margin:12px 0 0;color:#4f675a;max-width:290px}.route-stop .step-number{display:block;font-size:10px;letter-spacing:.1em;color:#496957;margin-bottom:10px}.route-arrow{font-size:35px;color:#527963;align-self:start;margin-top:33px;text-align:center}.techlane-word{font-size:25px;font-weight:650;border:1px solid #6c8b76;padding:13px 20px;border-radius:4px;background:#f8f9f3}.route-token{position:absolute;width:10px;height:10px;border-radius:50%;background:#a67a00;opacity:0;top:126px;left:16%;pointer-events:none}.handoff.playing .route-token{animation:travel 3s ease-in-out}.handoff.playing .route-stop:nth-of-type(1) .route-icon{animation:mark 1s ease-out}.handoff.playing .route-stop:nth-of-type(3) .route-icon{animation:mark 1s 1s ease-out}.handoff.playing .route-stop:nth-of-type(5) .route-icon{animation:mark 1s 2s ease-out}.handoff-bottom{margin-top:28px;border-top:1px solid #b9c9bc;padding-top:18px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:24px}.handoff-bottom p{max-width:770px}.handoff-bottom a{flex:none}.plan-section{background:#172b30;color:#f7f6f0}.plan-section .eyebrow{color:#c4d9cc}.plan-section .field-heading>p{color:#c0d0c6}.field-plan{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.plan-visual{border:1px solid #496467;min-width:0;padding:35px;border-radius:4px;background:#21383a}.plan-visual p{font-size:12px;line-height:1.6;color:#c1d6c7}.plan-line{display:flex;align-items:center;gap:15px;margin:25px 0}.plan-line span{font-size:18px;letter-spacing:-.03em;line-height:1.3;border:1px solid #658376;border-radius:4px;padding:16px;background:#2c4947;flex:1}.plan-line b{color:#ffcb27;font-size:23px;font-weight:400}.plan-line .platform{background:#dde8dd;color:#233c31}.plan-visual .constraint{padding-top:18px;border-top:1px solid #536f65;font-size:14px;color:#e4ece1}.plan-questions{margin:0}.plan-questions>div{padding:19px 0;border-top:1px solid #536d65;display:grid;grid-template-columns:145px 1fr;gap:18px}.plan-questions dt{font-size:15px;font-weight:650}.plan-questions dd{margin:0;font-size:14px;line-height:1.7;color:#c8d6ce}.pilot-section{background:#f0cc50}.pilot-section .eyebrow{color:#4a513a}.pilot-heading{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:38px}.pilot-heading h2{max-width:740px}.pilot-heading p{font-size:15px;line-height:1.75;max-width:330px;margin-top:24px}.pilot-workbench{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #887843;border-bottom:1px solid #887843;margin-bottom:35px}.pilot-step{padding:27px 35px 28px 0}.pilot-step+div{border-left:1px solid #887843;padding-left:35px}.pilot-step>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.pilot-step h3{font-size:29px;font-weight:550;letter-spacing:-.04em;margin:14px 0}.pilot-step p{font-size:15px;line-height:1.75;max-width:485px}.pilot-output{border-top:1px solid #b3a052;margin-top:23px;padding-top:16px;font-size:13px}.pilot-output strong{display:block;font-size:11px;margin-bottom:5px}.pilot-action{display:flex;justify-content:space-between;gap:24px;align-items:center}.pilot-action p{font-size:14px;max-width:790px;line-height:1.75}.pilot-action .button{background:#172b30;color:#f7f6f0;flex:none}
@keyframes travel{0%{opacity:0;left:16%}8%{opacity:1;left:16%}43%{left:50%}78%{left:83%;opacity:1}100%{left:83%;opacity:0}}
@keyframes mark{0%,100%{background:transparent}25%,60%{background:#ffcb2750}}
@media(max-width:1100px){.field-hero-grid{gap:20px}.field-heading{gap:30px}.handoff{padding:28px}.handoff-route{grid-template-columns:1fr 35px 1fr 35px 1fr}.field-plan{gap:30px}.plan-visual{padding:25px}.plan-line{gap:8px}.plan-line span{padding:12px;font-size:16px}.plan-questions>div{grid-template-columns:115px 1fr}.field-art img{max-height:480px}}
@media(max-width:800px){.field-hero{padding-top:40px}.field-hero-grid{grid-template-columns:1fr}.field-hero h1{font-size:58px;max-width:650px}.field-art{max-width:500px;margin:auto;width:100%;padding:12px 0 22px}.field-art img{max-height:430px}.field-lead{max-width:640px}.field-audience{margin-top:20px}.field-section{padding:60px 0}.field-heading,.field-plan{grid-template-columns:1fr;gap:24px}.field-heading>p{max-width:650px}.pilot-heading{display:block}.pilot-heading p{max-width:620px}.pilot-action{flex-direction:column;align-items:start}.plan-line span{padding:22px;font-size:20px}.route-stop h3{font-size:19px}.handoff-bottom{display:block}.handoff-bottom a{margin-top:12px}.route-token{top:142px}}
@media(max-width:540px){.field-hero h1{font-size:43px}.field-lead{font-size:16px;margin:20px 0}.field-hero .eyebrow{font-size:10px}.field-audience{display:block;padding:20px 0}.field-audience p{font-size:12px;margin-top:8px}.field-art{padding-top:16px}.field-art img{max-height:385px}.field-art figcaption{display:block;text-align:center;margin-top:8px}.field-art figcaption span{display:block}.field-section{padding:48px 0}.field-heading h2,.pilot-heading h2{font-size:35px}.field-heading>p{font-size:15px}.handoff{padding:22px}.handoff-top{align-items:start;gap:10px}.handoff-top p{max-width:140px}.replay{padding:9px 13px}.handoff-route{display:block}.route-stop{display:grid;grid-template-columns:72px 1fr;gap:15px;margin:0}.route-stop .route-icon{height:82px;border:0;margin:0}.route-icon svg{width:70px;height:70px}.route-stop h3{font-size:21px}.route-stop p{font-size:13px;margin-top:7px}.route-stop .step-number{margin-bottom:7px}.route-arrow{margin:10px 0 10px 18px;text-align:left;font-size:27px;width:34px;transform:rotate(90deg)}.techlane-word{font-size:12px;padding:10px 4px}.handoff-bottom{margin-top:23px;font-size:12px}.route-token{display:none}.plan-visual{padding:22px}.plan-line{gap:6px}.plan-line span{padding:15px 10px;font-size:16px}.plan-line b{font-size:18px}.plan-questions>div{grid-template-columns:1fr;gap:8px}.pilot-workbench{grid-template-columns:1fr}.pilot-step{padding:25px 0}.pilot-step+div{border-left:0;border-top:1px solid #887843;padding-left:0}.pilot-step h3{font-size:27px}.pilot-step p{font-size:14px}.pilot-action .button{width:100%}.field-actions .button{font-size:13px;padding:15px 21px}.field-actions{gap:6px 20px}}
@media(prefers-reduced-motion:reduce){.handoff.playing .route-token,.handoff.playing .route-stop .route-icon{animation:none}.route-token{display:none}}
/* Stack the proposed route when three readable labels cannot fit the gutter. */
@media(max-width:380px){.plan-line{flex-direction:column;align-items:stretch;gap:12px}.plan-line span{text-align:center;min-width:0}.plan-line b{align-self:center;transform:rotate(90deg);line-height:1}.route-stop{grid-template-columns:64px minmax(0,1fr);gap:12px}.route-stop .route-icon svg{width:64px}.handoff{padding:18px}}

/* Quiet, accessible replay for the explanatory handoff; latest owner motion direction. */
.field-main .replay.motion-replay{width:44px;padding:0;border:0;background:transparent}.field-main .motion-replay svg{width:18px;height:18px}.field-main .motion-replay:hover{background:#223d3010}.field-main .motion-replay:focus-visible{outline:2px solid currentColor;outline-offset:3px}