.rail-demo{color:#25282a;isolation:isolate;background:#f2efe9;padding:30px 0 36px;scroll-margin-top:80px;position:relative}.rail-demo button,.rail-demo a{-webkit-tap-highlight-color:transparent}.rail-demo button{cursor:pointer;font:inherit}.rail-demo button:disabled{cursor:default;opacity:.45}.rail-demo button:focus-visible,.rail-demo a:focus-visible{outline-offset:4px;outline:2px solid #b4233a}.rail-demo__viewer{max-width:1600px;margin:0 auto;position:relative}.rail-demo__heading{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px 40px;padding:0 5%;display:grid;position:relative}.rail-demo__intro{max-width:540px}.rail-demo__company{color:#25282a;letter-spacing:.08em;margin-bottom:5px;font-size:15px;font-weight:700;line-height:1.4;display:block}.rail-demo__eyebrow{letter-spacing:.19em;color:#78501f;margin-bottom:9px;font-size:10px;font-weight:700;display:block}.rail-demo h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.7vw,38px);font-weight:800;line-height:1.2}.rail-demo h2 span{color:#e43151}.rail-demo__summary{justify-self:end;min-width:0;max-width:470px}.rail-demo__summary p{color:#55595c;margin:0 0 16px;font-size:14px;line-height:1.8}.rail-demo__intro-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rail-demo button.rail-demo__experience,.rail-demo__cta{border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:14px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.rail-demo button.rail-demo__experience{color:#fff;background:#c8102e;border:1px solid #ee3c5c;font-weight:700;box-shadow:0 7px 24px #c8102e29}.rail-demo__experience:hover:not(:disabled){background:#e61b3e;border-color:#ff6a85}.rail-demo button.rail-demo__experience:disabled{opacity:.7}.rail-demo__experience svg,.rail-demo__cta svg{flex-shrink:0}.rail-demo__cta{color:#303438;background:#fbfaf7;border:1px solid #c9c1b7}.rail-demo__cta:hover{background:#e8e1d8;border-color:#9d9285}.rail-demo__route{grid-column:1/-1;justify-content:space-between;justify-self:center;width:min(100%,460px);margin:0;padding:4px 0;display:flex}.rail-demo__route>div{color:#666a6c;flex:1;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.rail-demo__route>div:not(:last-child):after{content:"";border-top:1px dashed #aaa297;position:absolute;top:50%;left:calc(50% + 43px);right:calc(43px - 50%)}.rail-demo__route-dot{border:1px solid;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #8f826d12}.rail-demo__route .is-active{color:#a6112a}.rail-demo__route .is-active .rail-demo__route-dot{background:#d92345;box-shadow:0 0 0 5px #d9234521,0 0 16px #d923455c}.rail-demo__canvas-wrap{height:560px;margin-top:14px;position:relative}.rail-demo__canvas-wrap>div:first-child:not(.rail-demo__utility){width:100%;height:100%}.rail-demo__canvas-wrap canvas{display:block}.rail-demo__journey-reset{z-index:2;pointer-events:none;background:#f2efe9;position:absolute;inset:0}.rail-demo__scene-caption{color:#65696b;pointer-events:none;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:14px;left:5%}.rail-demo__scene-caption>span{background:#a96d20;border-radius:50%;width:4px;height:4px}.rail-demo__fallback{background:#f2efe9;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.rail-demo__fallback>img{-o-object-fit:cover;object-fit:cover;opacity:.18;filter:grayscale();width:100%;height:100%}.rail-demo__fallback>div{text-align:center;max-width:80%;padding:20px;position:absolute}.rail-demo__fallback p{color:#45494b;font-size:14px}.rail-demo__fallback button{color:#55340f;background:#fffaf4;border:1px solid #a86b25;border-radius:7px;align-items:center;gap:10px;min-height:44px;margin-top:14px;padding:10px 16px;display:inline-flex}.rail-demo__spinner{will-change:transform;border:3px solid #d8d1c7;border-top-color:#c8102e;border-radius:50%;width:36px;height:36px;animation:1s linear infinite rail-demo-spin;display:inline-block}.rail-demo__fallback>.rail-demo__loading{background:#fffdf8ee;border:1px solid #d9d1c6;border-radius:14px;min-width:min(320px,85%);padding:28px 32px;box-shadow:0 12px 40px #51463218}.rail-demo__loading strong{color:#35383b;margin-top:14px;font-size:16px;display:block}.rail-demo__loading p{margin:8px 0 18px;line-height:1.7}.rail-demo__loading-track{background:#e9e3da;border-radius:3px;width:180px;max-width:100%;height:3px;margin:0 auto;display:block;overflow:hidden}.rail-demo__loading-track>span{will-change:transform;background:#c8102e;width:45%;height:100%;animation:1.6s ease-in-out infinite rail-demo-load;display:block}.rail-demo__error p{max-width:360px;line-height:1.8}@keyframes rail-demo-load{0%{transform:translate(-110%)}to{transform:translate(330%)}}@keyframes rail-demo-spin{to{transform:rotate(360deg)}}.rail-demo__drag{z-index:4;color:#fff;touch-action:none;background:#9a5b0ee8;border:1px solid #8b530c;border-radius:12px;place-items:center;width:52px;height:62px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #c780222b,0 8px 22px #8051184f;cursor:grab!important}.rail-demo__drag.is-dragging{background:#b4233ae8;border-color:#8f1026;box-shadow:0 0 0 4px #b4233a2b,0 8px 22px #7c1c2d4f;cursor:grabbing!important}.rail-demo__utility{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9d9;border:1px solid #c9c1b7c7;border-radius:11px;flex-wrap:nowrap;justify-content:flex-end;gap:4px;max-width:calc(90% - 170px);margin:0;padding:5px;display:flex;position:absolute;bottom:14px;right:5%;box-shadow:0 8px 24px #5146322b}.rail-demo__utility button{color:#3f4345;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:38px;min-height:38px;padding:7px 9px;font-size:11px;display:flex}.rail-demo__utility svg{flex-shrink:0}.rail-demo__utility button:hover:not(:disabled){background:#eee8df;border-color:#c7beb2}.rail-demo__utility button[aria-pressed=true]{color:#fff;background:#c8102e;border-color:#a6112a}.rail-demo__details{border-top:1px solid #d1c9be;justify-content:space-between;align-items:center;gap:22px;margin:0 5% 22px;padding-top:20px;display:flex}.rail-demo__stage-copy{max-width:700px}.rail-demo__chapter{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#785d3a;margin-right:12px;font-size:10px;display:inline-block}.rail-demo__stage-copy strong{color:#292c2e;font-size:15px;font-weight:500}.rail-demo__stage-copy p{color:#5d6163;margin:7px 0 0;font-size:12px;line-height:1.7}.rail-demo__detail-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.rail-demo__detail-actions button{color:#59370f;background:#fffaf4;border:1px solid #aa702d;border-radius:7px;align-items:center;gap:9px;min-height:44px;padding:10px 16px;font-size:12px;display:flex}.rail-demo__success{color:#2f6d55}.rail-demo__timeline{background:#faf8f4;border:1px solid #d4cec5;border-radius:13px;align-items:center;gap:20px;margin:0 5%;padding:16px 18px;display:flex}.rail-demo__play,.rail-demo__reset{color:#a6112a;background:#c8102e10;border:1px solid #b4233a70;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.rail-demo__play{color:#fff;background:#b61b35;border-color:#f758734d}.rail-demo__stages{flex:1;gap:10px;min-width:0;display:flex}.rail-demo__stages>button{color:#5d6163;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:10px;font-size:13px;display:flex;position:relative;overflow:hidden}.rail-demo__stages>button.is-active{color:#8f1026;background:#f7e8ea;border-color:#c98792}.rail-demo__stage-next{opacity:.35;position:absolute;right:1px}.rail-demo__stage-progress{background:#e73455;height:2px;transition:width 80ms linear;position:absolute;bottom:0;left:0}.rail-demo__hotspots{flex-wrap:wrap;justify-content:flex-end;gap:22px;margin:18px 5% 0;display:flex}.rail-demo__hotspots button{color:#565b5d;background:0 0;border:0;align-items:center;gap:6px;min-height:36px;font-size:11px;display:flex}.rail-demo__hotspots button[aria-expanded=true]{color:#a6112a}.rail-demo__info{z-index:5;background:#fffdf9;border:1px solid #c7beb2;border-radius:10px;width:290px;max-width:88%;padding:18px;position:absolute;bottom:55px;right:5%;box-shadow:0 10px 36px #5146322e}.rail-demo__info>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.rail-demo__info strong{font-size:14px}.rail-demo__info button{color:#555a5c;background:0 0;border:0;padding:8px}.rail-demo__info p{color:#55595b;margin:10px 0 0;font-size:13px;line-height:1.8}.rail-demo--expanded{z-index:160;min-height:980px}.rail-demo--expanded .rail-demo__viewer{z-index:200;background:#f2efe9;flex-direction:column;max-width:none;padding-top:30px;display:flex;position:fixed;inset:0;overflow-y:auto}.rail-demo--expanded .rail-demo__viewer>*{flex-shrink:0}.rail-demo--expanded .rail-demo__heading{align-items:flex-start}.rail-demo--expanded h2{font-size:32px}.rail-demo--expanded .rail-demo__summary p,.rail-demo--expanded .rail-demo__cta{display:none}.rail-demo--expanded .rail-demo__intro-actions{margin-top:0}.rail-demo--expanded .rail-demo__canvas-wrap{flex:1 0 240px;height:auto;min-height:240px;margin-top:16px}@media (width<=767px){.rail-demo{padding:22px 0 26px}.rail-demo__heading{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 20px}.rail-demo__eyebrow{margin-bottom:12px;font-size:9px}.rail-demo__company{margin-bottom:8px;font-size:15px}.rail-demo h2{font-size:26px}.rail-demo__summary{justify-self:stretch;max-width:none}.rail-demo__summary p{margin:0 0 12px;font-size:12px}.rail-demo__intro-actions{gap:10px}.rail-demo button.rail-demo__experience,.rail-demo__cta{min-height:46px;padding:11px 14px;font-size:12px}.rail-demo__route{width:100%;margin-top:0}.rail-demo__route>div{font-size:11px}.rail-demo__canvas-wrap{height:340px;margin-top:12px;scroll-margin-top:84px}.rail-demo__scene-caption{bottom:76px;left:12px}.rail-demo__utility{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 24px);padding:5px;bottom:12px;right:12px}.rail-demo__utility button{white-space:nowrap;flex:0 0 44px;gap:5px;min-width:44px;min-height:44px;padding:8px}.rail-demo__utility button:nth-child(3) span,.rail-demo__utility button:nth-child(4) span{display:none}.rail-demo__utility button:last-child{flex:0 auto}.rail-demo__utility button:last-child span{text-overflow:ellipsis;max-width:58px;overflow:hidden}.rail-demo__details{flex-direction:column;align-items:stretch;gap:12px;margin:0 16px 16px}.rail-demo__stage-copy strong{font-size:13px}.rail-demo__stage-copy p{font-size:11px}.rail-demo__detail-actions button{justify-content:center;width:100%}.rail-demo__detail-actions{flex-shrink:1}.rail-demo__timeline{gap:6px;margin:0 12px;padding:10px 8px}.rail-demo__play,.rail-demo__reset{border-radius:9px;width:36px;height:44px}.rail-demo__stages{gap:3px}.rail-demo__stages>button{flex-direction:column;gap:7px;min-height:68px;padding:8px 3px;font-size:10px}.rail-demo__stages>button svg{width:18px;height:18px}.rail-demo__stage-next{display:none}.rail-demo__hotspots{justify-content:center;gap:14px}.rail-demo__hotspots button{min-height:44px;font-size:10px}.rail-demo--expanded .rail-demo__viewer{padding-top:18px}.rail-demo--expanded h2{font-size:22px}.rail-demo--expanded .rail-demo__eyebrow{display:none}.rail-demo--expanded .rail-demo__intro-actions{margin-top:0}.rail-demo--expanded .rail-demo__canvas-wrap{flex-basis:210px;min-height:210px;margin:0}}@media (width<=319px){.rail-demo__scene-caption{bottom:126px}}@media (prefers-reduced-motion:reduce){.rail-demo *,.rail-demo :before,.rail-demo :after{transition:none!important;animation:none!important}}