/* A compact model stage and one product task per phase. */
.rx-hero .rv-hero-grid,.rx-hero .ns-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:42px;align-items:center}
.rx-hero{padding-block:36px 44px}
.rx-hero .rv-wrap{width:min(1440px,calc(100% - 80px))}
.rx-hero h1{font-size:clamp(38px,4.5vw,68px)}
.rx-experience{--rx-orange:#f29471;--rx-muted:#bdc9ca;--rx-line:#ffffff24;min-width:0;background:#162a30;color:#f6f4ee;border:1px solid #304146;border-radius:12px;overflow:hidden;box-shadow:0 22px 65px #172c3020;font-family:inherit;font-size:14px;line-height:1.5}
.rx-experience button,.rx-experience input{font-family:inherit;letter-spacing:normal}
.rx-experience button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.rx-experience button:focus-visible,.rx-experience input:focus-visible{outline:3px solid #ffbe86;outline-offset:3px}
.rx-experience [hidden]{display:none!important}
.rx-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rx-modes{display:flex;margin:14px 18px 0;border:1px solid var(--rx-line);border-radius:5px;padding:3px;gap:4px}
.rx-modes button{background:transparent;color:var(--rx-muted);border:0;border-radius:3px;padding:9px 12px;flex:1;font-size:14px;line-height:1.4;text-align:center;font-weight:500}
.rx-modes button[aria-pressed=true]{background:#e7ebe4;color:#223b40}
.rx-stage{height:300px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 54%,#354b50 0,#1b3036 68%,#162a30 100%)}
.rx-fallback{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.48;mask-image:linear-gradient(transparent,black 23%,black 70%,transparent)}
.rx-ready .rx-fallback{display:none}
.rx-canvas{position:absolute;inset:0}
.rx-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.rx-canvas canvas:active{cursor:grabbing}
.rx-tools{position:absolute;right:15px;bottom:12px;display:flex;gap:5px}
.rx-tools button{color:#dce7e4;background:#162a30c9;border:1px solid #a7c0c13d;border-radius:4px;width:34px;height:34px;font-size:20px}
.rx-pins{position:absolute;inset:0;pointer-events:none}
.rx-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);border:1px solid #b6d5cf70;border-radius:4px;color:#f6f4ee;background:#173336ed;font-size:13px;white-space:nowrap;padding:8px 10px;box-shadow:0 6px 20px #0002}
.rx-pin::after{content:'';position:absolute;bottom:-13px;height:12px;left:50%;width:1px;background:#dae9df}
.rx-pin[aria-pressed=true]{color:#172c30;background:#ffae87;border-color:#ffae87;z-index:2}
.rx-pin b{margin-right:6px;font-weight:500}
.rx-pin:hover{background:#456362}
.rx-story{padding:16px 22px;border-top:1px solid var(--rx-line);background:#12262c;min-height:var(--rx-story-height,0px)}
.rx-experience{position:relative}
.rx-measure{position:absolute;top:0;left:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}
.rx-measure .rx-story{min-height:0!important;height:auto!important}
.rx-timeline{min-height:var(--rx-timeline-height,0px)}
.rx-measure .rx-timeline{min-height:0!important}
.rx-step-heading{display:flex;align-items:center;gap:14px}
.rx-experience .rx-step-heading h3{font-family:inherit;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.02em;flex:1;color:#fbf9f5}
.rx-step-heading>button{border:1px solid var(--rx-line);border-radius:4px;background:none;color:var(--rx-muted);padding:7px 9px;font-size:13px;white-space:nowrap}
.rx-story>p{font-size:14px;line-height:1.6;color:var(--rx-muted);margin:8px 0 0}
.rx-detail:not(:empty){margin-top:12px}
.rx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rx-stat{border-left:1px solid var(--rx-line);padding-left:13px}
.rx-stat:first-child{border:0;padding-left:0}
.rx-stat small,.rx-stat span{display:block;font-size:13px;color:var(--rx-muted);line-height:1.4}
.rx-stat small{margin-bottom:4px}
.rx-stat strong{display:block;font-size:22px;letter-spacing:-.02em;font-weight:500;color:#f6f4ee}
.rx-stat span{margin-top:4px}
.rx-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.rx-chips:last-child{margin-bottom:0}
.rx-chips button{font-size:13px;line-height:1.4;color:var(--rx-muted);background:transparent;border:1px solid #657f7e;border-radius:4px;padding:7px 10px}
.rx-chips button[aria-pressed=true]{border-color:#f5a786;background:#f5a786;color:#152d30}
.rx-cost-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:14px;color:var(--rx-muted)}
.rx-cost-line strong{color:#f6f4ee;font-weight:500;font-size:22px;white-space:nowrap}
.rx-detail-note{font-size:13px!important;line-height:1.5!important;color:var(--rx-muted)!important;margin:7px 0 0!important}
.rx-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 18px 4px;background:#12262c;gap:8px}
.rx-timeline button{border:0;border-top:2px solid #526461;color:var(--rx-muted);background:none;text-align:left;padding:11px 0 13px;font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.rx-timeline button[aria-pressed=true]{color:#ffc5a6;border-color:#f4a080}
.rx-timeline button:hover{color:white;border-color:#b5ccc3}
.rx-noscript{font-size:14px;padding:0 24px 14px}
.rx-gantt{display:grid;grid-template-columns:48px repeat(7,1fr);gap:3px;align-items:center;font-size:12px}
.rx-gantt>span{color:var(--rx-muted);padding:2px 0}
.rx-gantt>i{height:9px;border-radius:2px;background:#37514f;opacity:.65}
.rx-gantt>i[data-trade="0"]{background:#f29a76}
.rx-gantt>i[data-trade="1"]{background:#b5a1d8}
.rx-gantt>i[data-trade="2"]{background:#8cbcb2}
.rx-gantt>i.rx-current{opacity:1;outline:1px solid white;outline-offset:1px}
.rx-scrub{display:flex;align-items:center;gap:12px;font-size:13px;margin:8px 0;color:var(--rx-muted)}
.rx-scrub input{flex:1;min-width:0;accent-color:#f4aa84;height:22px;cursor:pointer}
.rx-legend{display:flex;gap:12px;font-size:12px;color:var(--rx-muted);flex-wrap:wrap}
.rx-legend span::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;background:#f29a76;border-radius:2px}
.rx-legend span:nth-child(2)::before{background:#b5a1d8}
.rx-legend span:nth-child(3)::before{background:#8cbcb2}
.rx-delivery{display:grid;grid-template-columns:1fr auto;gap:7px 15px;font-size:13px;color:var(--rx-muted)}
.rx-delivery b{color:#e1f0e6;font-weight:500}
.rx-delivery button{grid-column:1/-1;border:1px solid #b1c7b259;border-radius:4px;color:#e4eddc;background:#2e5047;padding:10px;text-align:left;font-size:13px}
.rx-unavailable .rx-canvas,.rx-unavailable .rx-tools{display:none}
@media(min-width:1600px){.rx-stage{height:330px}}
@media(max-width:1150px){
 .rx-hero .rv-hero-grid,.rx-hero .ns-hero-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px}
 .rx-hero .rv-wrap{width:calc(100% - 48px)}
 .rx-hero h1{font-size:clamp(36px,4.4vw,58px)}
 .rx-stage{height:280px}
 .rx-story{padding-inline:18px}
}
@media(max-width:900px){
 .rx-hero .rv-hero-grid,.rx-hero .ns-hero-grid{grid-template-columns:1fr;gap:28px}
 .rx-hero .rv-wrap{width:calc(100% - 40px);max-width:720px}
 .rx-hero h1{font-size:clamp(40px,6.8vw,60px)}
 .rx-hero{padding-top:30px}
 .rx-stage{height:310px}
 .rx-hero .rv-intro{max-width:60ch}
}
@media(max-width:480px){
 .rx-hero .rv-wrap{width:calc(100% - 28px)}
 .rx-modes{margin:12px 12px 0}
 .rx-modes button{font-size:13px;padding:9px 6px}
 .rx-stage{height:260px}
 .rx-story{padding:15px 16px}
 .rx-step-heading{gap:10px}
 .rx-experience .rx-step-heading h3{font-size:19px}
 .rx-step-heading>button span{display:none}
 .rx-timeline{padding:0 13px 4px;gap:6px}
 .rx-timeline button{font-size:12px}
 .rx-stat small,.rx-stat span{font-size:12px}
 .rx-pin{font-size:12px;padding:6px}
}
@media(prefers-reduced-motion:reduce){.rx-experience *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}