.hero-experience{grid-column:1/-1;padding:0 var(--gutter) 24px}.hero-experience a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:18px 24px;background:#fff;border-left:4px solid var(--orange);font-size:16px}.hero-experience a>span:first-child{font-weight:700}.hero-experience a>span:last-child{color:var(--muted);font-size:14px}.hero-experience b{display:inline-block;color:var(--orange);margin-left:14px;transition:transform .25s}.hero-experience a:hover b{transform:translate(3px,-3px)}
.experience-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;background:#fff;border-bottom:1px solid var(--line)}.experience-bar p{font-size:14px;margin-top:4px;line-height:1.6}.experience-modes{display:flex;gap:5px;padding:5px;background:#e7eef3;border-radius:8px;flex-shrink:0}.experience-modes button{min-height:48px;padding:12px 18px;border:0;background:transparent;border-radius:5px;color:var(--navy);font-size:14px;font-weight:700}.experience-modes button[aria-pressed=true]{background:var(--navy);color:#fff}.experience-modes button span{margin-left:10px}.model-column{display:flex;flex-direction:column;min-width:0}.model-column .model-view{flex:1;min-height:460px}.route-timeline{padding:15px 28px 21px;background:#ffffff7a;border-top:1px solid var(--line)}.timeline-head,.timeline-foot{display:flex;justify-content:space-between;gap:16px;align-items:center}.timeline-head{font-size:14px;font-weight:700}.timeline-head output{font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.timeline-foot{font-size:12px;line-height:1.6}.timeline-foot span{max-width:350px}.timeline-foot button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:4px;min-height:44px;min-width:100px;padding:8px 12px;font-size:14px}.route-timeline input{display:block;--position:0%;width:100%;height:44px;margin:4px 0;accent-color:var(--orange);cursor:ew-resize}.route-timeline input:disabled{cursor:default;opacity:.4}.model-zoom{position:absolute;z-index:5;right:18px;top:18px;display:flex;gap:5px}.model-zoom button{width:44px;height:44px;border:1px solid var(--line);border-radius:5px;background:#ffffffed;color:var(--navy);font-size:24px;line-height:1}.model-zoom button:hover:not(:disabled){background:var(--navy);color:white}
#shift-panel[hidden],#explore-panel[hidden],#shift-panel [hidden]{display:none!important}.stage[data-experience=shift]{border-color:#c8482060}.stage[data-experience=shift] .flow-panel{background:#fff}.shift-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.shift-heading>span{font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:.08em;color:var(--orange)}#shift-panel h3{font-size:clamp(28px,2.6vw,39px);line-height:1.17;margin:22px 0 18px;letter-spacing:-.035em}#shift-question{font-size:16px;line-height:1.7}.shift-answers{display:grid;gap:10px;margin:24px 0 0}.shift-answer{display:flex;align-items:flex-start;gap:14px;width:100%;border:1px solid #143c6038;border-radius:6px;background:#f0f4f7;color:var(--navy);padding:16px;text-align:left;min-height:64px;font-size:14px;line-height:1.6;transition:transform .2s}.shift-answer:hover{transform:translateX(3px)}.answer-mark{flex:0 0 25px;font-weight:700;color:var(--muted)}.shift-answer[aria-pressed=true]{border-color:var(--orange);background:#fff0e9}.shift-answer.is-agreed{background:#143c60;color:white;border-color:#143c60}.shift-answer.is-agreed .answer-mark{color:#ffa582}.shift-feedback{font-size:14px;line-height:1.75;margin-top:20px;padding-left:16px;border-left:3px solid var(--orange)}.shift-feedback:empty{display:none}#shift-next{margin-top:22px;width:100%;font-size:14px;line-height:1.5}.shift-disclaimer{font-size:12px;line-height:1.7;margin-top:25px;color:var(--muted)}.flow-tabs button.case-complete span{opacity:1}.flow-tabs button.case-complete span:after{content:' ✓';color:var(--orange)}.flow-tabs button.case-complete[aria-selected=true] span:after{color:#ffb69b}#shift-finish{padding-top:25px}#shift-finish h4{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:18px 0 28px}#shift-finish label{font-size:14px;display:block;margin-bottom:10px}#shift-object{width:100%;min-height:52px;border:1px solid var(--line);background:#edf2f5;color:var(--navy);padding:12px;font-size:16px;border-radius:4px}#shift-brief{margin-top:16px;width:100%;font-size:14px;line-height:1.5}#brief-status{font-size:14px;margin-top:14px;line-height:1.7}.shift-restart{display:block;background:transparent;border:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--navy);font-size:14px;padding:10px 0;margin-top:10px}
@media(min-width:1101px){.stage[data-experience=shift] .flow-panel{padding:35px 32px}.stage[data-experience=shift] .model-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr)}}
@media(max-width:1100px){.experience-bar{align-items:flex-start;padding:22px;flex-wrap:wrap}.experience-bar>div:first-child{flex:1;min-width:190px}.experience-modes button{padding-inline:14px}.model-column .model-view{min-height:420px}.stage[data-experience=shift] .flow-panel{padding:26px 24px}.route-timeline{padding-inline:20px}}
@media(max-width:760px){.experience-bar{display:block}.experience-modes{margin-top:18px;width:max-content;max-width:100%}.model-layout{display:flex;flex-direction:column}.model-column .model-view{height:390px;min-height:390px;flex:none}.flow-panel{border-top:1px solid var(--line);padding:28px}.timeline-foot span{max-width:70%}.hero-experience a{align-items:flex-start;flex-direction:column;gap:5px}.hero-experience{padding-bottom:20px}.hero-experience a{padding:18px}}
@media(max-width:480px){.experience-bar{padding:22px 18px}.experience-modes{width:100%}.experience-modes button{flex:1;padding:10px;font-size:14px}.experience-modes button span{margin-left:4px}.model-column .model-view{height:340px;min-height:340px}.route-timeline{padding:14px 18px 18px}.timeline-foot{align-items:flex-start;gap:14px}.timeline-foot button{min-width:96px}.stage[data-experience=shift] .flow-panel{padding:26px 20px}.shift-answer{padding:14px;gap:9px}.shift-heading .eyebrow{font-size:12px}.model-zoom{right:12px;top:12px}.hero-experience a>span:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.shift-answer,.hero-experience b{transition:none!important;transform:none!important}}.motion-off .shift-answer,.motion-off .hero-experience b{transition:none!important;transform:none!important}
#shift-next{max-width:none;background:transparent;color:var(--navy)} #shift-brief{max-width:none}