.journey-player{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin:25px 0 30px;text-align:left;max-width:420px}.guided-play{display:flex;align-items:center;gap:16px;width:100%;min-height:88px;padding:17px 21px 17px 17px;border:1px solid #315879;border-radius:18px;background:linear-gradient(120deg,#123e60,#082b4b);color:#fff;text-align:left;cursor:pointer;box-shadow:0 9px 24px #073d6c15;transition:transform .2s,box-shadow .2s,border-color .2s}.guided-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#edaa35;color:#073350;box-shadow:0 0 0 5px #edaa3510;transition:transform .2s,background .2s}.guided-icon svg{width:23px;height:23px;fill:currentColor}.guided-label{display:flex;flex:1;flex-direction:column;gap:7px}.guided-label strong{font-size:17px;line-height:1.2;font-weight:650;letter-spacing:-.015em}.guided-label small{font-size:8px;line-height:1.4;letter-spacing:.13em;color:#c1d2e0;font-weight:600}.guided-arrow{font-size:23px;color:#f2ba5b;align-self:center;transition:transform .2s}.guided-play:hover{transform:translateY(-2px);border-color:#bf9250;box-shadow:0 13px 28px #073d6c24}.guided-play:hover .guided-icon{transform:scale(1.05);background:#ffc660}.guided-play:hover .guided-arrow{transform:translate(2px,-2px)}.guided-play:focus-visible{outline:3px solid #e9a333;outline-offset:5px}.guided-play[aria-pressed=true]{border-color:#e9a333}.guided-play[aria-pressed=true] .guided-arrow{opacity:0}.guided-caption{font-size:11px!important;line-height:1.6!important;color:#627789!important;margin:0 2px!important;min-height:35px;max-width:390px}
.app-demo{position:relative}.app-demo>.interactive-phone{grid-column:2;grid-row:1}.journey-live-tools{grid-column:2;grid-row:2;align-self:start;justify-self:center;text-align:center;width:290px;max-width:100%;margin-top:-35px}.journey-live-tools button{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid #b9cbd9;border-radius:999px;background:white;padding:10px 16px;color:#073d6c;font-size:12px;font-weight:700;transition:background .2s,box-shadow .2s}.journey-live-tools button:hover{background:#fff8e9;box-shadow:0 4px 14px #073d6c10}.journey-live-tools svg{width:17px;height:17px;fill:currentColor}.journey-live-tools>span{display:block;margin-top:9px;font-size:9px;color:#627789;line-height:1.6}.journey-live-stops{position:absolute;top:53.9%;left:3.9%;right:3.9%;height:27.3%;z-index:3;border:1px solid #e0e8f0;border-radius:13px;background:#fff;padding:8px 10px;overflow:hidden;color:#12334e;box-sizing:border-box}.live-stops-heading{display:flex;align-items:center;gap:6px;height:15px;margin-bottom:5px}.live-stops-heading strong{font-size:8px;letter-spacing:.035em}.live-line-badge{background:#e63350;color:white;border-radius:4px;min-width:17px;padding:1px 3px;font-size:9px;line-height:14px;font-weight:700;text-align:center}.journey-live-stops ol{height:calc(100% - 20px);margin:0;padding:0;list-style:none;display:grid;grid-template-rows:repeat(8,1fr)}.journey-live-stops li{display:flex;align-items:center;gap:7px;position:relative;font-size:8.5px;line-height:1.15;color:#657d90;padding:1px 3px;border-radius:5px;transition:background .25s,color .25s,opacity .25s}.journey-live-stops li>span:nth-child(2){white-space:nowrap}.stop-pin{width:5px;height:5px;flex:none;border-radius:50%;background:#b5c9d7;position:relative}.stop-pin:after{content:'';position:absolute;width:1px;top:6px;height:12px;left:2px;background:#d8e5ef}.journey-live-stops li:last-child .stop-pin:after{display:none}.journey-live-stops li.is-passed{color:#91a4b3;opacity:.7}.journey-live-stops li.is-passed .stop-pin{background:#4f8eac}.journey-live-stops li.is-current{background:#fff4df;color:#073d6c;font-weight:700}.journey-live-stops li.is-current .stop-pin{background:#e9a333;box-shadow:0 0 0 2px #e9a3332a}.journey-live-stops li small{margin-left:auto;color:#ad7b26;font-size:6px;font-weight:600}.journey-transfer{position:absolute;z-index:4;top:29%;left:11%;right:11%;padding:12px;text-align:center;background:linear-gradient(140deg,#103c60f8,#062749fa);border:1px solid #ecc47a80;box-shadow:0 12px 30px #001c3b40;border-radius:14px;color:white;animation:transfer-in .3s ease-out both;pointer-events:none}.journey-transfer>small{display:block;font-size:7px;letter-spacing:.12em;color:#d7e4ed}.journey-transfer>div{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0}.journey-transfer b{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e63350;font-size:17px;line-height:1;font-weight:700}.journey-transfer>div>span{color:#f2c478;font-size:19px;animation:transfer-arrow .9s ease-in-out infinite}.journey-transfer>strong{font-size:9px;font-weight:500;color:#e3edf4}.journey-swipe.is-checkout{border-color:#e9a33366}.journey-swipe.guided-swiping .swipe-thumb{transition:none}.journey-swipe[aria-disabled=true]{cursor:wait;opacity:.75}.journey-pass-dialog{width:340px;max-width:calc(100vw - 30px);max-height:94vh;overflow:auto;padding:25px 20px 20px;background:#f2f6fa;text-align:center}.journey-pass-dialog .eyebrow{font-size:8px;margin:8px 0 9px}.journey-pass-dialog h3{font-size:21px;margin:0 0 14px}.journey-pass-dialog>img{width:auto;max-width:100%;max-height:64vh;display:block;margin:0 auto 15px;border-radius:16px;box-shadow:0 7px 24px #073d6c13}.journey-pass-dialog .button{width:100%;justify-content:center;font-size:12px;padding:12px 15px}.journey-pass-dialog .dialog-close{top:5px;right:10px}.receipt-actions button:disabled{opacity:.7;cursor:wait}@keyframes transfer-in{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes transfer-arrow{50%{transform:translateX(3px)}}
@media(max-width:760px){.journey-player{margin:22px 0 26px;max-width:100%;text-align:left}.guided-play{min-height:82px;padding:15px;gap:13px}.guided-label strong{font-size:16px}.guided-label small{font-size:7px}.guided-caption{min-height:35px;max-width:100%}.app-demo>.interactive-phone{grid-column:auto;grid-row:auto}.journey-live-tools{grid-column:auto;grid-row:auto;margin-top:-15px}.journey-live-stops{padding:8px 9px}.journey-live-stops li{font-size:8.5px}.journey-pass-dialog{padding:23px 16px 16px}}
@media(prefers-reduced-motion:reduce){.journey-transfer,.journey-transfer>div>span{animation:none}.journey-live-stops li,.guided-play,.journey-live-tools button{transition:none}}
@media print{.journey-player,.journey-live-tools,.journey-pass-dialog{display:none!important}}