/* A stable workspace lets the sequence carry the movement. */
.hero-grid{grid-template-columns:1.04fr 1fr;gap:52px;min-height:680px}.hero h1{font-size:clamp(60px,6.1vw,88px);letter-spacing:-4px}.hero-copy{padding-block:52px}.workflow{min-width:0;position:relative;padding-block:35px 30px;isolation:isolate;--step-progress:0}.workflow-aura{position:absolute;inset:35px -45px 70px;z-index:-1;background:radial-gradient(ellipse at 55% 45%,#ff6b3510,transparent 67%);pointer-events:none}.workflow-caption{display:flex;justify-content:space-between;align-items:center;margin:0 3px 17px;gap:12px}.workflow-caption>.eyebrow{font-size:8px;letter-spacing:1.15px;color:#b9bdbf}.workflow-live{display:flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:1px;color:#b9bdbf}.workflow-live>i{height:5px;width:5px;border-radius:50%;background:var(--orange)}.workflow-window{border:1px solid #4a4d4e;background:#1d2225;border-radius:12px;box-shadow:0 30px 65px -25px #0009,0 1px 0 #ffffff09 inset;overflow:hidden;position:relative}.workflow-toolbar{display:flex;align-items:center;gap:11px;height:56px;border-bottom:1px solid #ffffff0c;padding:0 20px;background:#24292c}.workflow-toolbar>img{width:21px;height:21px}.workflow-toolbar>span{font-size:10px;color:#b9bdbf;letter-spacing:.1px}.motion-control{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #596064;background:transparent;font:12px var(--mono);transition:background .2s}.motion-control:hover{background:#3b4347}
.workflow-tabs{display:flex;gap:14px;margin:0 24px;border-bottom:1px solid #ffffff12}.workflow-tab{min-width:0;position:relative;flex:1;display:flex;align-items:center;gap:7px;padding:21px 0 17px;border:0;background:none;text-align:left;color:#929a9f;font-size:11px;font-weight:500;transition:color .35s}.step-number{font:9px var(--mono);color:#7d858a;transition:color .35s}.workflow-tab:hover,.workflow-tab.is-active{color:var(--paper)}.workflow-tab.is-active .step-number{color:var(--orange)}.workflow-tab:after{content:'';position:absolute;bottom:-1px;height:2px;background:#52575a;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .4s}.workflow-tab.is-active:after{transform:scaleX(1)}.workflow-tab.is-complete:after{transform:scaleX(1);background:#ff6b355c}.workflow-tab>i{position:absolute;z-index:1;bottom:-1px;left:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}.workflow-tab.is-active>i{transform:scaleX(var(--step-progress))}.workflow-tab:focus-visible{outline-offset:3px;border-radius:2px}.workflow-stage{position:relative;height:350px}.workflow-panel{padding:25px 25px 0;height:100%;position:relative}.workflow-panel[hidden]{display:none}.workflow-panel.is-active{animation:workflow-enter .58s cubic-bezier(.2,.7,.2,1) both}.stage-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}.stage-symbol{color:var(--orange);font:20px/1 var(--mono)}.stage-id{font:8px var(--mono);color:#a7afb4;letter-spacing:.65px}.stage-badge{margin-left:auto;font:8px var(--mono);padding:4px 7px;background:#ff6b3510;border:1px solid #ff6b3530;color:#ff9a73;border-radius:4px;white-space:nowrap}.workflow-panel h3{font-size:clamp(21px,2vw,27px);line-height:1.19;letter-spacing:-.65px;margin:0 0 23px}
.request-sheet{display:flex;align-items:center;gap:11px;padding:15px 12px;background:#282e32;border:1px solid #444b50;border-radius:6px;animation:workflow-detail .65s .12s both}.sheet-icon{font:26px/1 var(--mono);color:#aeb5b9}.request-sheet>div:nth-child(2){min-width:0}.request-sheet strong{display:block;font-size:12px;font-weight:500}.request-sheet div>span{display:block;color:#abb3b7;font-size:9px;margin-top:4px}.sheet-check{margin-left:auto;color:var(--orange);border:1px solid #ff6b353b;display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border-radius:50%;font-size:12px}.stage-fields{display:grid;grid-template-columns:1fr 1fr;margin:17px 0 0;gap:14px;animation:workflow-detail .65s .22s both}.stage-fields>div>span{display:block;color:#89949b;font:7px var(--mono);letter-spacing:.7px;margin-bottom:7px}.stage-fields strong{display:flex;gap:6px;align-items:center;font-weight:400;font-size:10px}.priority-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.person-dot{display:grid;place-items:center;font:6px var(--mono);background:#4f595f;width:18px;height:18px;border-radius:50%;font-style:normal}.stage-result{position:absolute;bottom:18px;left:25px;right:25px;padding-top:13px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:8px;animation:workflow-detail .7s .32s both}.stage-result>span:first-child{color:var(--orange);font-size:12px}.stage-result p{font-size:10px;color:#c8cdd0}.stage-result>span:last-child{margin-left:auto;color:#929ea6;font-size:16px}
.quote-items{display:grid;margin-top:-5px;animation:workflow-detail .65s .12s both}.quote-items>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff0a;font-size:10px}.quote-items span{display:flex;gap:8px;align-items:center;color:#c6ccd0}.quote-items i{font-style:normal;color:var(--orange);font-size:10px}.quote-items b{font:8px var(--mono);color:#a6b1b8}.approval{display:flex;align-items:center;gap:10px;margin-top:12px;animation:workflow-detail .65s .24s both}.approval-stamp{height:25px;width:25px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:14px;border-radius:50%}.approval strong{display:block;font-size:10px;font-weight:500}.approval div>span{display:block;font-size:8px;color:#a6b1b8;margin-top:2px}.work-timeline{position:relative;display:grid;gap:15px;animation:workflow-detail .65s .12s both;margin-top:-5px}.work-timeline>div:not(.timeline-line){position:relative;display:flex;gap:10px;align-items:center}.work-timeline>div>i{position:relative;width:18px;height:18px;border:1px solid #8d969a;border-radius:50%;background:#1d2225;color:#acb3b7;font-size:9px;font-style:normal;display:grid;place-items:center;flex-shrink:0}.work-timeline>div>i.timeline-current{border-color:var(--orange);box-shadow:0 0 0 4px #ff6b3510}.timeline-current:after{content:'';width:6px;height:6px;background:var(--orange);border-radius:50%}.work-timeline>div>span{font-size:11px;line-height:1.3}.work-timeline strong{display:block;font-size:8px;font-weight:400;color:#a8b0b5;margin-top:2px}.work-timeline b{margin-left:auto;font:7px var(--mono);color:#a8b0b5}.work-timeline b.timeline-state{color:var(--orange)}.work-timeline .timeline-line{position:absolute;top:8px;bottom:10px;left:8px;border-left:1px solid #4d575d}.work-timeline .timeline-last{color:#a1abb1}
.workflow-footer{height:42px;background:#181d20;border-top:1px solid #ffffff0a;display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:15px}.workflow-footer>span:first-child{font:7px var(--mono);letter-spacing:.55px;color:#a0aaaf;display:flex;align-items:center;gap:7px}.workflow-footer>span:first-child>i{width:5px;height:5px;background:var(--orange);border-radius:50%}.workflow-count{font:10px var(--mono);color:var(--paper);white-space:nowrap}.workflow-count i{font-style:normal;color:#849098}.workflow-under{display:flex;align-items:center;justify-content:center;gap:12px;margin:23px 20px 13px;color:#a7afb4;font-size:10px}.workflow-under-line{height:1px;background:#464d51;width:30px}.workflow-tools{display:flex;align-items:center;justify-content:center;gap:14px}.workflow-tools>span{font:15px var(--mono);color:#d5dadc;display:flex;gap:7px;align-items:center}.workflow-tools i{font:10px var(--sans);font-style:normal;color:#acb3b8}.workflow-tools b{font:9px var(--mono);color:#626e75}.workflow-note{text-align:center;font:7px/1.6 var(--mono);color:#9aa3a8;letter-spacing:.1px;margin-top:16px}.workflow.is-auto-paused .workflow-tab.is-active>i{opacity:.65}.workflow.has-manual-step .workflow-tab.is-active>i{transform:scaleX(1)}
/* Identical groups include their own trailing spacing: the loop has no seam. */
.motion-paused .workflow-panel,.motion-paused .request-sheet,.motion-paused .stage-fields,.motion-paused .stage-result,.motion-paused .quote-items,.motion-paused .approval,.motion-paused .work-timeline{animation-play-state:running!important}
.brand-ribbon{position:relative;background:var(--orange);color:var(--ink);padding:18px 0;overflow:hidden;border-block:1px solid #ff8d65}.ribbon-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 91%,transparent);margin-right:58px}.ribbon-track{display:flex;width:max-content;animation:ribbon-scroll 34s linear infinite;will-change:transform}.ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:48px;flex-shrink:0;min-width:max(100vw,1050px);padding-right:48px}.ribbon-group>span{font-size:clamp(26px,3.2vw,46px);font-weight:500;line-height:1.12;letter-spacing:-1px;white-space:nowrap}.ribbon-group>i{font-style:normal;font-size:26px;line-height:1;opacity:.65}.ribbon-group>.ribbon-outline{color:transparent;-webkit-text-stroke:1px var(--ink)}.ribbon-control{position:absolute;right:20px;top:50%;transform:translateY(-50%);border:1px solid #171a1d66;color:var(--ink);background:var(--orange);border-radius:50%;height:30px;width:30px;font:12px var(--mono);display:grid;place-items:center;transition:background .2s}.ribbon-control:hover{background:#ff966b}.ribbon-control:focus-visible{outline-color:var(--ink)}.brand-ribbon:hover .ribbon-track,.brand-ribbon:focus-within .ribbon-track{animation-play-state:paused}
@keyframes workflow-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes workflow-detail{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ribbon-scroll{to{transform:translateX(-50%)}}
@media(min-width:1500px){.hero-grid{gap:80px;min-height:720px}.workflow-stage{height:365px}.workflow-panel{padding:28px 30px 0}.workflow-tabs{margin-inline:30px}.stage-result{left:30px;right:30px;bottom:22px}.workflow-panel h3{font-size:29px}.request-sheet{padding:18px 14px}.stage-fields{margin-top:20px}}
@media(max-width:1150px){.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(53px,6.2vw,70px);letter-spacing:-3px}.workflow-tab{font-size:10px;gap:5px}.workflow-tabs{margin-inline:18px;gap:10px}.workflow-panel{padding-inline:19px}.stage-result{left:19px;right:19px}.workflow-toolbar{padding-inline:16px}.workflow-caption>.eyebrow{font-size:7px;letter-spacing:.8px}.stage-id{font-size:7px}.request-sheet{padding:12px 9px;gap:8px}.request-sheet strong{font-size:11px}.request-sheet div>span{font-size:8px}.stage-result p{font-size:9px}.workflow-footer{padding-inline:17px}.workflow-footer>span:first-child{font-size:6px}.hero-copy>p{font-size:16px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero h1{font-size:clamp(65px,11vw,100px)}.hero-copy{padding-top:45px;padding-bottom:25px}.workflow{width:540px;max-width:100%;margin:auto;padding-top:22px}.workflow-caption>.eyebrow{font-size:8px}.workflow-panel h3{font-size:28px}.workflow-tabs{margin-inline:25px;gap:20px}.workflow-tab{font-size:12px}.workflow-panel{padding-inline:25px}.stage-result{left:25px;right:25px}.stage-id{font-size:8px}.workflow-footer>span:first-child{font-size:7px}.request-sheet strong{font-size:13px}.request-sheet div>span{font-size:10px}.request-sheet{padding:15px 13px}.workflow-toolbar>span{font-size:11px}.stage-result p{font-size:11px}.hero-bottom{margin-top:8px}}
@media(max-width:640px){.hero h1{font-size:clamp(54px,12vw,76px);letter-spacing:-2.8px}.hero-copy{padding-top:35px;padding-bottom:16px}.hero-copy>p{font-size:15px}.workflow{padding-block:22px 12px}.workflow-caption{margin-bottom:12px}.workflow-caption>.eyebrow{font-size:6px;letter-spacing:.8px}.workflow-live{font-size:7px}.workflow-toolbar{height:49px;padding-inline:14px;gap:9px}.workflow-toolbar>span{font-size:9px}.workflow-toolbar>img{width:18px;height:18px}.motion-control{width:28px;height:28px}.workflow-tabs{margin-inline:16px;gap:10px}.workflow-tab{padding:17px 0 15px;font-size:10px;gap:5px}.step-number{font-size:8px}.workflow-stage{height:335px}.workflow-panel{padding:20px 17px 0}.workflow-panel h3{font-size:24px;letter-spacing:-.6px;margin-bottom:21px}.stage-heading{gap:6px;margin-bottom:17px}.stage-id{font-size:7px;letter-spacing:.3px}.stage-badge{font-size:7px;padding:4px 6px}.stage-symbol{font-size:18px}.request-sheet{padding:13px 9px;gap:8px}.request-sheet strong{font-size:11px}.request-sheet div>span{font-size:8px;line-height:1.5}.sheet-icon{font-size:23px}.sheet-check{height:18px;width:18px;font-size:10px}.stage-fields{margin-top:18px}.stage-result{left:17px;right:17px;bottom:17px;gap:6px}.stage-result p{font-size:9px}.workflow-footer{padding:0 15px;height:39px}.workflow-footer>span:first-child{font-size:6px;letter-spacing:.3px}.workflow-count{font-size:9px}.workflow-under{margin-top:19px;font-size:9px}.workflow-note{font-size:6px;margin-top:14px}.workflow-tools{gap:12px}.brand-ribbon{padding:16px 0}.ribbon-group{min-width:900px;gap:32px;padding-right:32px}.ribbon-group>span{font-size:29px}.ribbon-group>i{font-size:23px}.ribbon-viewport{margin-right:49px}.ribbon-control{right:12px;width:28px;height:28px}}
@media(max-width:360px){.workflow-tabs{gap:8px;margin-inline:13px}.workflow-tab{font-size:9px;gap:4px}.workflow-panel{padding-inline:13px}.workflow-panel h3{font-size:22px}.stage-id{font-size:6px}.request-sheet div>span{font-size:7px}.stage-result{left:13px;right:13px}.stage-result p{font-size:8px}.workflow-footer>span:first-child{font-size:5px}.stage-fields strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.workflow-panel.is-active,.request-sheet,.stage-fields,.stage-result,.quote-items,.approval,.work-timeline{animation:none}.ribbon-track{animation:none}.workflow-tab>i{display:none}.ribbon-group:nth-child(2){display:none}.ribbon-group{min-width:0;width:100%;gap:15px;padding:0 15px}.ribbon-track{width:100%}.ribbon-group>span{font-size:clamp(11px,3vw,30px)}.ribbon-group>i{font-size:14px}.ribbon-viewport{mask-image:none;margin:0}.ribbon-control{display:none}.motion-control{opacity:.5}.workflow-tab.is-active:after{background:var(--orange)}}