/* One continuous film: clips, preferences, feedback, then an assembled edit. */
.rc-roadmap .rc-section-heading{margin-bottom:30px}
.rc-roadmap-film{border:1px solid #354353;border-radius:8px;background:#0e151e;overflow:hidden}
.rm-film-top{display:flex;align-items:center;justify-content:space-between;padding:19px 25px;border-bottom:1px solid #273442}
.rm-film-top>span:first-child{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:-.2px;color:#cbd7e5}
.rm-film-top img,.rm-engine image{filter:invert(1)}
.rc-roadmap-state{font-size:11px;padding:3px 9px;border:1px solid #695d49;color:#dbc7a6;border-radius:2px}
[data-scene='0'] .rc-roadmap-state{border-color:#486580;color:#c3d7ef}
[data-scene='1'] .rc-roadmap-state,[data-scene='2'] .rc-roadmap-state{border-color:#455568;color:#aebed2}
.rm-screen{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 52% 58%,#24344750,transparent 70%);padding:6px 28px 0}
.rm-art{display:block;width:100%;max-width:850px;height:auto;overflow:visible}
.rm-scene{display:none}
[data-scene='0'] .rm-scene-0,[data-scene='1'] .rm-scene-1,[data-scene='2'] .rm-scene-2,[data-scene='3'] .rm-scene-3{display:block}
.rm-window,.rm-feedback-rail{fill:#172330;stroke:#4d6278;stroke-width:1}
.rm-rule{stroke:#3a4b5d;stroke-width:1}
.rm-flow{stroke:#9ab1ca;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rm-caption-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:73px;padding:0 28px 17px}
.rc-roadmap-caption{font-size:19px;font-weight:600;line-height:1.6;letter-spacing:-.5px;margin:0;color:#e1e5e9;word-break:keep-all}
.rc-roadmap-play{flex-shrink:0;min-height:40px;min-width:72px;background:none;border:1px solid #4b5c70;border-radius:3px;color:#bbcadc;padding:7px 12px;font:500 11px/1.5 'MRAiCE Product',sans-serif;cursor:pointer}
.rc-roadmap-play:hover{background:#263749;border-color:#a4b9d1;color:#ecf1f8}
.rc-roadmap-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #354353}
.rc-roadmap-controls[hidden],.rc-roadmap-play[hidden]{display:none}
.rc-roadmap-controls button{position:relative;text-align:left;min-width:0;padding:18px 24px 21px;border:0;border-right:1px solid #354353;background:#0c121a;color:#929fb0;cursor:pointer;overflow:hidden;font-family:inherit}
.rc-roadmap-controls button:last-child{border-right:0}
.rc-roadmap-controls small{display:block;font-size:10px;font-weight:500;margin-bottom:7px;line-height:1.4;color:#8998ad}
.rc-roadmap-controls button>span{font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}
.rc-roadmap-controls button:hover{background:#1b2939;color:#e1eaf5}
.rc-roadmap-controls button[aria-pressed='true']{background:#233448;color:#e3edfa}
.rc-roadmap-controls button[aria-pressed='true'] small{color:#adc4e0}
[data-scene='3'] .rc-roadmap-controls button[aria-pressed='true']{background:#302b24;color:#eadbc4}
[data-scene='3'] .rc-roadmap-controls button[aria-pressed='true'] small{color:#c8b79c}
.rc-roadmap-controls i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#b5cdea;transform:scaleX(0);transform-origin:left}
[data-scene='3'] .rc-roadmap-controls i{background:#ddc49e}
.rc-roadmap-controls [aria-pressed='true'] i{transform:scaleX(1)}
.rawcut .rc-roadmap-controls button:focus-visible{outline-offset:-5px}
.rm-roadmap-note,.rm-no-script{font-size:11px;line-height:1.8;color:#8d9aac;margin:16px 0 0;word-break:keep-all}
.rm-no-script{padding:0 24px 18px;margin:0}

/* Static poses are the completed frames, also used without JavaScript. */
.rm-source-stack{opacity:.55}
.rm-cut-b{transform:translateX(-28px)}
.rm-cut-c{transform:translateX(-56px)}
.rm-cut-gaps,.rm-sort-scan{opacity:0}
.rm-check{stroke-linecap:round;stroke-linejoin:round}
.rm-knob{fill:#d5e1f0;stroke:#24364b;stroke-width:4}
.rm-knob-a{transform:translateX(68px)}
.rm-knob-b{transform:translateX(-52px)}
.rm-knob-c{transform:translateX(72px)}
.rm-fader-fill{transform-box:fill-box;transform-origin:left}
.rm-taste-a{transform:translateX(134px)}
.rm-taste-b{transform:translateX(-134px)}
.rm-cursor{opacity:0}
.rm-feedback-copy{transform:translateY(136px)}
.rm-auto-source{opacity:.5;transform:translateX(10px)}
.rm-auto-energy{stroke-dasharray:130;stroke-dashoffset:0;opacity:.65}
.rm-render-scan{transform:translateX(204px);opacity:0}
.rm-final{transform-origin:560px 175px}
.rm-engine{transform-origin:330px 170px}
.rm-final-play{opacity:.85}

/* Every scene lasts four seconds. The controller pauses/resumes its clock. */
.is-running .rm-scene{animation:rm-enter .45s ease-out both}
.is-running .rc-roadmap-controls [aria-pressed='true'] i{animation:rm-progress 4s linear both}
[data-scene='0'].is-running .rm-source-stack{animation:rm-source 4s both}
[data-scene='0'].is-running .rm-sort-flow{animation:rm-arrive 4s both}
[data-scene='0'].is-running .rm-cut-a{animation:rm-cut-in 4s both}
[data-scene='0'].is-running .rm-cut-b{animation:rm-cut-b 4s both}
[data-scene='0'].is-running .rm-cut-c{animation:rm-cut-c 4s both}
[data-scene='0'].is-running .rm-cut-gaps{animation:rm-gaps 4s both}
[data-scene='0'].is-running .rm-sort-scan{animation:rm-scan 4s linear both}
[data-scene='0'].is-running .rm-sort-check{animation:rm-check 4s both}
[data-scene='1'].is-running .rm-knob-a{animation:rm-knob-a 4s both}
[data-scene='1'].is-running .rm-knob-b{animation:rm-knob-b 4s both}
[data-scene='1'].is-running .rm-knob-c{animation:rm-knob-c 4s both}
[data-scene='1'].is-running .rm-fader-fill{animation:rm-fader 4s both}
[data-scene='1'].is-running .rm-taste-a{animation:rm-taste-a 4s both}
[data-scene='1'].is-running .rm-taste-b{animation:rm-taste-b 4s both}
[data-scene='1'].is-running .rm-taste-wave{animation:rm-wave 4s both}
[data-scene='2'].is-running .rm-cursor{animation:rm-cursor 4s both}
[data-scene='2'].is-running .rm-selection{animation:rm-selection 4s both}
[data-scene='2'].is-running .rm-feedback-loop{animation:rm-loop 4s both}
[data-scene='2'].is-running .rm-feedback-arrow{animation:rm-check 4s both}
[data-scene='2'].is-running .rm-feedback-copy{animation:rm-feedback 4s both}
[data-scene='3'].is-running .rm-auto-source{animation:rm-auto-source 4s both}
[data-scene='3'].is-running .rm-auto-energy{animation:rm-energy 4s linear both}
[data-scene='3'].is-running .rm-engine{animation:rm-engine 4s both}
[data-scene='3'].is-running .rm-final{animation:rm-final 4s both}
[data-scene='3'].is-running .rm-render-scan{animation:rm-render 4s linear both}
[data-scene='3'].is-running .rm-finish-mark{animation:rm-finish 4s both}
.rc-roadmap-film.is-paused *{animation-play-state:paused!important}
@keyframes rm-enter{from{opacity:.15}to{opacity:1}}
@keyframes rm-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rm-source{0%,15%{opacity:1;transform:translateX(-12px)}45%,100%{opacity:.55;transform:translateX(0)}}
@keyframes rm-arrive{0%,15%{opacity:0;transform:translateX(-15px)}40%,100%{opacity:1;transform:translateX(0)}}
@keyframes rm-cut-in{0%,15%{opacity:0;transform:translateX(-60px)}35%,100%{opacity:1;transform:translateX(0)}}
@keyframes rm-cut-b{0%,22%{opacity:0;transform:translateX(-60px)}40%,54%{opacity:1;transform:translateX(0)}78%,100%{opacity:1;transform:translateX(-28px)}}
@keyframes rm-cut-c{0%,29%{opacity:0;transform:translateX(-60px)}46%,54%{opacity:1;transform:translateX(0)}78%,100%{opacity:1;transform:translateX(-56px)}}
@keyframes rm-gaps{0%,35%{opacity:0}45%,55%{opacity:.8}72%,100%{opacity:0}}
@keyframes rm-scan{0%,35%{opacity:0;transform:translateX(0)}40%{opacity:.8}76%{opacity:.8;transform:translateX(318px)}80%,100%{opacity:0;transform:translateX(318px)}}
@keyframes rm-check{0%,78%{opacity:0}92%,100%{opacity:1}}
@keyframes rm-knob-a{0%,12%{transform:translateX(0)}48%,100%{transform:translateX(68px)}}
@keyframes rm-knob-b{0%,25%{transform:translateX(0)}64%,100%{transform:translateX(-52px)}}
@keyframes rm-knob-c{0%,38%{transform:translateX(0)}74%,100%{transform:translateX(72px)}}
@keyframes rm-fader{0%,12%{opacity:.35;transform:scaleX(.3)}70%,100%{opacity:1;transform:scaleX(1)}}
@keyframes rm-taste-a{0%,30%{transform:translate(0,0)}49%{transform:translate(55px,30px)}74%,100%{transform:translate(134px,0)}}
@keyframes rm-taste-b{0%,30%{transform:translate(0,0)}49%{transform:translate(-55px,-22px)}74%,100%{transform:translate(-134px,0)}}
@keyframes rm-wave{0%,30%{opacity:.15;transform:scaleY(.5);transform-origin:center}75%,100%{opacity:.55;transform:scaleY(1);transform-origin:center}}
@keyframes rm-cursor{0%{opacity:0;transform:translate(63px,33px)}15%{opacity:1;transform:translate(63px,33px)}32%,43%{opacity:1;transform:translate(0,0)}60%,100%{opacity:0;transform:translate(0,0)}}
@keyframes rm-selection{0%,30%{opacity:0}40%,100%{opacity:1}}
@keyframes rm-loop{0%,35%{stroke-dashoffset:230;opacity:.3}85%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes rm-feedback{0%,40%{opacity:0;transform:translateY(0)}46%{opacity:1;transform:translateY(0)}80%,100%{opacity:1;transform:translateY(136px)}}
@keyframes rm-auto-source{0%,15%{opacity:1;transform:translateX(-8px)}58%,100%{opacity:.5;transform:translateX(10px)}}
@keyframes rm-energy{0%,10%{stroke-dashoffset:130;opacity:0}18%{opacity:1}68%,100%{stroke-dashoffset:0;opacity:.65}}
@keyframes rm-engine{0%,18%{transform:scale(.94)}38%{transform:scale(1.08)}65%,100%{transform:scale(1)}}
@keyframes rm-final{0%,32%{opacity:.12;transform:translateX(15px) scale(.92)}64%,100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes rm-render{0%,55%{opacity:0;transform:translateX(0)}60%{opacity:1;transform:translateX(0)}88%{opacity:1;transform:translateX(204px)}95%,100%{opacity:0;transform:translateX(204px)}}
@keyframes rm-finish{0%,86%{opacity:0}100%{opacity:1}}
@media(max-width:800px){.rm-screen{padding:18px 5px 6px}.rm-caption-row{padding:0 19px 16px;min-height:76px}.rc-roadmap-caption{font-size:16px}.rc-roadmap-controls button{padding:15px 15px 18px}.rc-roadmap-controls button>span{font-size:13px}.rm-film-top{padding:15px 19px}}
@media(max-width:450px){.rm-screen{padding:28px 0 20px}.rm-art{width:100%;transform:scale(1.01)}.rm-caption-row{align-items:center;padding:0 12px 16px;gap:9px;min-height:70px}.rc-roadmap-caption{font-size:13px;letter-spacing:-.3px}.rc-roadmap-play{min-width:58px;padding:6px;font-size:10px}.rm-film-top{padding:12px}.rc-roadmap-controls button{padding:13px 8px 15px}.rc-roadmap-controls button>span{font-size:11px;letter-spacing:-.4px}.rc-roadmap-controls small{font-size:9px;margin-bottom:5px}.rm-roadmap-note{font-size:10px}.rc-roadmap .rc-section-heading{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.rc-roadmap-film *{animation:none!important;transition:none!important}.rc-roadmap-play{display:none}}