.workflow{padding:65px 0 30px;background:#14382f;color:#e3ecd4;overflow:hidden}.workflow-header{display:flex;justify-content:space-between;align-items:end;gap:35px}.workflow-header h2{font-size:45px;margin:0}.workflow-header>p{font-size:13px;color:#b5c7ad;line-height:1.8;margin:0}.workflow-header .eyebrow{color:#b4c991;margin-bottom:18px}.workflow-stage{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center;padding:26px 0 15px}.workflow-visual{min-width:0}.workflow-visual svg{width:100%;display:block}.workflow-description{max-width:355px}.workflow-description>span:first-child{font-size:10px;letter-spacing:2px;color:#b2c48b}.workflow-description h3{font-size:28px;line-height:1.2;margin:20px 0 18px}.workflow-description p{font-size:14px;color:#c1d0b9;min-height:115px}.workflow-description>span:last-child{font-size:11px;color:#d4b98b;border-top:1px solid #42604c;display:block;padding-top:15px}.workflow-controls{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4c6650;border-bottom:1px solid #4c6650}.stage-button{padding:22px 20px;border:0;border-right:1px solid #4c6650;background:transparent;color:#d1dfc4;text-align:left;font-size:14px;min-height:64px;transition:background .25s}.stage-button:last-child{border-right:0}.stage-button span{font-size:10px;margin-right:30px;color:#afc38e}.stage-button.active{background:#d9e7b2;color:#193d32}.stage-button.active span{color:#516840}.stage-button:hover:not(.active){background:#254b3b}.workflow-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:19px;font-size:10px;color:#b3c5ac}.workflow-foot button{border:0;color:#dce7c8;background:transparent;padding:10px;font-size:10px;min-height:40px}.workflow-foot button span{margin-left:9px}.candidate{transition:opacity 1s,transform 1.4s;animation:candidate-drift 5s ease-in-out infinite;animation-delay:var(--delay);opacity:.75}.workflow-target{transform-origin:340px 185px;animation:target-breathe 8s ease-in-out infinite}.selected-fold{opacity:0;stroke-dasharray:600;stroke-dashoffset:600;transition:opacity .7s,stroke-dashoffset 2s}.scan-ring{transform-origin:340px 185px;animation:orbit 22s linear infinite;opacity:.45}.workflow-stage[data-stage="1"] .candidate-1,.workflow-stage[data-stage="1"] .candidate-2{opacity:.15;transform:translate(var(--cx),var(--cy));animation:none}.workflow-stage[data-stage="2"] .candidate,.workflow-stage[data-stage="3"] .candidate{opacity:.1;animation:none}.workflow-stage[data-stage="2"] .selected-fold,.workflow-stage[data-stage="3"] .selected-fold{opacity:1;stroke-dashoffset:0}.workflow-stage[data-stage="3"] .scan-ring{stroke:#d9a074;stroke-width:2}.motion-paused *{animation-play-state:paused!important;transition:none!important}.curve-heading{display:flex;justify-content:space-between;align-items:center}.curve-heading>span:first-child{font-family:var(--serif);font-size:28px}.curve-symbol{font-family:var(--serif);font-size:45px;line-height:1}.curve-symbol sub{font-size:23px}.binding-plot{width:100%;display:block;margin:15px 0 20px}.evidence-art label{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:2px}.evidence-art output{font-weight:400;color:#687750}.evidence-art input[type=range]{appearance:none;background:transparent;cursor:pointer;padding:0;height:35px;border:0;accent-color:#183e34}.evidence-art input[type=range]::-webkit-slider-runnable-track{height:3px;background:#a6b38d;border-radius:5px}.evidence-art input[type=range]::-webkit-slider-thumb{appearance:none;background:#183e34;width:19px;height:19px;border-radius:50%;margin-top:-8px;border:3px solid #ede9dc;box-shadow:0 0 0 1px #183e34}.evidence-art #curve-note{font-size:10px;line-height:1.65;color:#5b6850;border-top:1px solid #bec3b0;padding-top:15px;margin-top:15px}@keyframes candidate-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1150px){.workflow-stage{gap:25px;grid-template-columns:1.3fr 1fr}.stage-button span{margin-right:17px}.workflow-description h3{font-size:25px}.workflow-description p{font-size:13px}.workflow-header h2{font-size:40px}}
@media(max-width:800px){.workflow{padding:45px 0 22px}.workflow-header{display:block}.workflow-header h2{font-size:37px}.workflow-header>p{margin-top:22px}.workflow-stage{grid-template-columns:1fr;gap:8px;padding-top:15px}.workflow-visual{max-width:600px;margin:auto;width:100%}.workflow-description{max-width:100%;padding:0 0 20px}.workflow-description h3{margin-top:12px}.workflow-description p{min-height:0;font-size:14px}.workflow-controls{grid-template-columns:1fr 1fr}.stage-button{padding:15px;min-height:60px;font-size:13px}.stage-button:nth-child(2){border-right:0}.stage-button:nth-child(-n+2){border-bottom:1px solid #4c6650}.stage-button span{margin-right:15px}.workflow-foot{align-items:start}.workflow-foot>span{max-width:180px}.workflow-foot button{padding-top:0}.curve-heading>span:first-child{font-size:25px}}
@media(prefers-reduced-motion:reduce){.workflow *{animation:none!important;transition:none!important}}

/* Motion lives on the strand, while selection positions the outer group. */
.candidate{animation:none;transition:opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.candidate path{animation:candidate-drift 7s ease-in-out infinite;animation-delay:var(--delay)}
.workflow-stage[data-stage="2"] .candidate path,.workflow-stage[data-stage="3"] .candidate path{animation-play-state:paused}
.selected-fold{transition:opacity .45s ease,stroke-dashoffset 1.15s cubic-bezier(.22,1,.36,1)}
.scan-ring{animation-duration:36s;transition:stroke .6s ease,stroke-width .6s ease}
.workflow-target{animation-duration:12s}
@media(max-width:800px){.workflow-description{min-height:245px}.workflow-description p{min-height:92px}}
@media(prefers-reduced-motion:reduce){.candidate path{animation:none!important}}