.route-demo-page{--route-blue:#ff9b59;--route-dark:var(--ink);--route-pale:#fff1e8;color:var(--ink);background:#faf8f3;overflow:hidden}.route-demo-header{background:#faf8f3e0}.route-demo-header .nav a[aria-current=page]{color:var(--orange)}.route-demo-hero{background:radial-gradient(circle at 77% 24%,#ffb27a61,#0000 30%),linear-gradient(130deg,#fffdf8,#f2e8dc);grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:clamp(50px,8vw,130px);min-height:800px;padding:145px clamp(24px,8vw,135px) 80px;display:grid;position:relative}.route-demo-copy{z-index:2;max-width:700px;position:relative}.route-demo-copy h1,.route-demo-overview h2,.route-demo-player h2,.route-demo-soft-mobility h2,.route-demo-cta h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,6.2vw,91px);line-height:.94}.route-demo-page .headline-sticker{color:var(--orange);white-space:normal}.route-demo-copy>p:not(.eyebrow){color:#5f6d71;max-width:610px;margin:30px 0;font-size:17px;line-height:1.72}.route-demo-actions{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.route-listen-button{color:var(--route-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;font-weight:900;display:flex}.route-listen-button>span{background:#fff;border:1px solid #233e4a2e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.route-listen-button .ui-icon{width:15px;height:15px}.route-demo-phone{justify-self:center;width:min(500px,100%);height:610px;position:relative}.route-demo-phone-screen{background:#263d48;border-radius:46px;width:270px;height:575px;padding:9px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(4deg);box-shadow:0 38px 80px #233e4a40}.route-demo-phone-screen img{object-fit:cover;border-radius:38px;width:100%;height:100%}.route-demo-phone:before,.route-demo-phone:after{content:"";border:1px dashed #233e4a30;border-radius:50%;position:absolute;inset:12% -3%;transform:rotate(-18deg)}.route-demo-phone:after{inset:25% -12% 3% 12%;transform:rotate(22deg)}.route-demo-badge{z-index:2;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:14px 17px;font-size:12px;font-weight:900;display:flex;position:absolute;box-shadow:0 18px 35px #233e4a29}.route-demo-badge .ui-icon{width:20px;height:20px;color:var(--orange)}.route-demo-badge-mode{top:16%;left:-2%}.route-demo-badge-audio{bottom:16%;right:-3%}.route-demo-overview{background:var(--route-dark);color:#fff;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,145px);padding:120px clamp(24px,9vw,145px);display:grid}.route-demo-overview-copy{max-width:600px}.route-demo-overview h2{font-size:clamp(44px,5vw,70px)}.route-demo-overview-copy>p:last-child{color:#c2d0d3;margin:28px 0 0;line-height:1.7}.route-demo-overview .eyebrow{color:var(--route-blue)}.route-demo-stops{border-top:1px solid #ffffff2e;margin:0;padding:0;list-style:none}.route-demo-stops li{border-bottom:1px solid #ffffff2e;grid-template-columns:38px 1fr 36px;align-items:start;gap:20px;padding:26px 0;display:grid}.route-demo-stops>li>span{color:var(--route-blue);letter-spacing:.12em;font-size:11px;font-weight:900}.route-demo-stops h3{margin:0 0 8px;font-size:20px}.route-demo-stops p{color:#b7c6ca;margin:0;font-size:14px;line-height:1.55}.route-demo-stops>li>.ui-icon{width:23px;height:23px;color:var(--route-blue)}.route-demo-player{background:#f3e7da;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);align-items:stretch;min-height:700px;display:grid}.route-demo-player-image{min-height:700px;overflow:hidden}.route-demo-player-image img{object-fit:cover;width:100%;height:100%}.route-demo-player-copy{align-self:center;padding:95px clamp(35px,8vw,130px)}.route-demo-player h2{font-size:clamp(45px,5.2vw,75px)}.route-demo-player-copy>p:not(.eyebrow){color:#5f686d;max-width:590px;margin:28px 0;line-height:1.72}.route-audio-card{background:#fff;border:1px solid #233e4a21;border-radius:20px;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;max-width:620px;padding:17px;display:grid;box-shadow:0 16px 35px #233e4a1a}.route-audio-card>button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.route-audio-card>button .ui-icon{width:17px;height:17px}.route-audio-card>div:nth-child(2){gap:5px;display:grid}.route-audio-card small{color:#789094;letter-spacing:.12em;font-size:9px;font-weight:900}.route-audio-card strong{font-size:14px}.route-audio-wave{align-items:center;gap:3px;height:28px;display:flex}.route-audio-wave i{background:var(--route-blue);border-radius:2px;width:3px;display:block}.route-audio-card.is-playing .route-audio-wave i{animation:.7s ease-in-out infinite alternate route-wave}.route-audio-card.is-playing .route-audio-wave i:nth-child(2n){animation-delay:-.4s}@keyframes route-wave{to{transform:scaleY(.45)}}.route-demo-soft-mobility{background:#fffdf8;grid-template-columns:100px .95fr 1.05fr;align-items:center;gap:clamp(30px,6vw,100px);padding:110px clamp(24px,9vw,145px);display:grid}.route-demo-soft-icon{width:92px;height:92px;color:var(--orange);background:#fff0e7;border-radius:50%;place-items:center;display:grid}.route-demo-soft-icon .ui-icon{width:39px;height:39px}.route-demo-soft-mobility h2{font-size:clamp(42px,4.8vw,68px)}.route-demo-soft-mobility>p{color:#5d6c70;max-width:600px;font-size:17px;line-height:1.75}.route-demo-cta{text-align:center;background:var(--orange);color:#fff;padding:110px 24px}.route-demo-cta .eyebrow{color:#fff0e6}.route-demo-cta h2{font-size:clamp(48px,6vw,80px)}.route-demo-cta .headline-sticker{color:#fff;-webkit-text-stroke:4px #c14e1e7a;text-shadow:0 8px 12px #84371833}.route-demo-cta>p:not(.eyebrow){max-width:650px;margin:26px auto 31px;line-height:1.65}.route-demo-cta>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;display:flex}.route-demo-cta .button{color:var(--orange);background:#fff;border-color:#fff}.route-demo-text-link{border-bottom:1px solid #ffffffbf;align-items:center;gap:8px;padding-bottom:5px;font-size:14px;font-weight:900;display:inline-flex}.route-demo-footer{background:#faf8f3;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:43px clamp(24px,7vw,115px);display:grid}.route-demo-footer>p{color:#647177;justify-self:center;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:800}.route-demo-footer nav{color:#728087;gap:20px;font-size:11px;display:flex}@media (width<=1000px){.route-demo-header .nav{gap:15px;font-size:12px}.route-demo-header .header-cta{display:none}.route-demo-hero{grid-template-columns:1fr 1fr;gap:30px}.route-demo-soft-mobility{grid-template-columns:80px 1fr}.route-demo-soft-mobility>p{grid-column:2}.route-demo-player-copy{padding:70px 45px}}@media (width<=800px){.route-demo-header .nav{display:none}.route-demo-hero{grid-template-columns:1fr;padding-top:125px}.route-demo-phone{height:570px}.route-demo-overview,.route-demo-player{grid-template-columns:1fr}.route-demo-player-image{min-height:480px;max-height:610px}.route-demo-footer{text-align:center;grid-template-columns:1fr}.route-demo-footer>p{justify-self:center}.route-demo-footer nav{justify-content:center}}@media (width<=600px){.route-demo-hero{padding:112px 20px 65px}.route-demo-copy h1{font-size:54px}.route-demo-copy>p:not(.eyebrow){font-size:15px}.route-demo-phone{height:510px}.route-demo-phone-screen{width:230px;height:490px}.route-demo-badge{padding:11px 13px;font-size:10px}.route-demo-badge-mode{left:0}.route-demo-badge-audio{right:0}.route-demo-overview{gap:45px;padding:75px 20px}.route-demo-overview h2,.route-demo-player h2,.route-demo-soft-mobility h2{font-size:43px}.route-demo-stops li{grid-template-columns:30px 1fr}.route-demo-stops>li>.ui-icon{display:none}.route-demo-player-image{min-height:390px}.route-demo-player-copy{padding:75px 20px}.route-audio-card{grid-template-columns:48px 1fr}.route-audio-wave{display:none}.route-demo-soft-mobility{grid-template-columns:1fr;gap:24px;padding:75px 20px}.route-demo-soft-mobility>p{grid-column:auto;margin:0}.route-demo-soft-icon{width:70px;height:70px}.route-demo-cta{padding:85px 20px}.route-demo-footer nav{flex-direction:column}}@media (prefers-reduced-motion:reduce){.route-audio-card.is-playing .route-audio-wave i{animation:none}}