.phone-demo{color:#f3f7fc;width:100%;max-width:390px;margin-inline:auto}.phone-demo-device{aspect-ratio:390/844;isolation:isolate;background:#03070d;border:1px solid #425268;border-radius:12.8%/5.9%;width:min(100%,390px);margin-inline:auto;padding:1.8%;position:relative;box-shadow:0 0 0 3px #101723,0 30px 90px #0008,0 0 100px #1765ce12;container-type:inline-size}.phone-demo-screen{font-family:var(--font-sora), sans-serif;color:#edf4ff;background:#0e1c2b;border-radius:11.8%/5.4%;position:absolute;inset:1.6%;overflow:hidden}.phone-demo-device[data-external-scene=true],.phone-demo-screen[data-external-scene=true]{background:0 0}.phone-demo-screen[data-external-scene=true] .phone-demo-map,.phone-demo-screen[data-external-scene=true] .phone-demo-camera{display:none}.phone-demo-app{position:absolute;inset:0}.phone-demo-screen button,.phone-demo-screen input{-webkit-tap-highlight-color:transparent;font-family:inherit}.phone-demo-screen button{touch-action:manipulation}.phone-demo-screen button:focus-visible,.phone-demo-screen input:focus-visible{outline-offset:2px;outline:2px solid #b0d7ff}.phone-demo-screen :where(svg:not(.phone-demo-map-art)){flex-shrink:0;width:5.4cqw;height:5.4cqw}.phone-demo-map,.phone-demo-map-art{width:100%;height:100%;position:absolute;inset:0}.phone-demo-map{transition:clip-path .3s,transform .3s}.phone-demo-map-art{display:block}.phone-demo-status{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;height:5.2cqw;font-size:2.7cqw;font-weight:600;display:flex;position:absolute;top:3.2cqw;left:6cqw;right:6cqw}.phone-demo-status-icons{align-items:center;gap:1cqw;display:flex}.phone-demo-status-icons svg{width:3.5cqw;height:3.5cqw}.phone-demo-camera-cutout{background:#04080e;border:1px solid #15202d;border-radius:20px;width:17cqw;height:5.4cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-demo-top{z-index:6;position:absolute;top:12.6cqw;left:4.2cqw;right:4.2cqw}.phone-demo-search-trigger,.phone-demo-input-wrap{color:#e6effb;background:#17273cf5;border:1px solid #53687d75;border-radius:8cqw;align-items:center;gap:3cqw;width:100%;min-height:14cqw;padding:0 4cqw;display:flex;box-shadow:0 6px 20px #0002}.phone-demo-search-trigger>span:first-of-type{color:#b7c5d8;text-align:left;flex:1;font-size:3.7cqw}.phone-demo-brand-dot{color:#82bdff;background:#286bd73b;border:1px solid #4185e567;border-radius:50%;place-items:center;width:8cqw;height:8cqw;display:grid}.phone-demo-brand-dot svg{width:4.4cqw;height:4.4cqw}.phone-demo-categories{gap:2cqw;margin-top:3cqw;display:flex}.phone-demo-categories button{color:#c4d3e5;background:#192c40ed;border:1px solid #52677970;border-radius:8cqw;min-height:11.3cqw;padding:2.5cqw 4cqw;font-size:3cqw;line-height:1.4;box-shadow:0 3px 12px #0002}.phone-demo-input-wrap{border-radius:7cqw;gap:1cqw;padding-inline:1cqw}.phone-demo-input-wrap input{color:#edf4ff;background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:13cqw;font-size:3.3cqw}.phone-demo-input-wrap input::placeholder{color:#8ea3bb}.phone-demo-icon-button{color:#cadcf0;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:11.3cqw;height:11.3cqw;padding:0;display:inline-flex}.phone-demo-sheet{z-index:5;scrollbar-width:thin;scrollbar-color:#405d7c transparent;background:linear-gradient(150deg,#1a2b40fa,#0d192afa);border-top:1px solid #69809d52;border-radius:8cqw 8cqw 0 0;max-height:calc(100% - 38cqw);padding:5cqw 5cqw 3cqw;position:absolute;bottom:20cqw;left:0;right:0;overflow:auto;box-shadow:0 -8px 50px #040b1955}.phone-demo-handle{background:#6f819966;border-radius:10px;width:10cqw;height:1cqw;margin:-2cqw auto 4cqw;display:block}.phone-demo-sheet-heading{padding-bottom:3cqw}.phone-demo-sheet-heading h3{letter-spacing:-.045em;color:#f1f6ff;margin:0;font-size:5.6cqw;font-weight:500;line-height:1.3}.phone-demo-sheet-heading p{color:#9aaec7;margin-top:1.4cqw;font-size:3.1cqw;line-height:1.7}.phone-demo-place-row{text-align:left;color:#edf4ff;background:0 0;border-top:1px solid #7191b323;align-items:center;gap:3cqw;width:100%;min-height:17cqw;padding:2.5cqw 0;display:flex}.phone-demo-place-row>span:nth-child(2){flex:1;min-width:0}.phone-demo-place-row strong{letter-spacing:-.025em;font-size:3.7cqw;font-weight:500;line-height:1.5;display:block}.phone-demo-place-row small{color:#8ca2bd;margin-top:.6cqw;font-size:2.8cqw;line-height:1.6;display:block}.phone-demo-place-row>svg{color:#7c94b1;width:4cqw;height:4cqw}.phone-demo-place-symbol{color:#7fbaff;background:#3484ff1a;border-radius:3cqw;flex-shrink:0;place-items:center;width:10cqw;height:10cqw;display:grid}.phone-demo-place-symbol svg{width:5cqw;height:5cqw}.phone-demo-place-list{scrollbar-width:thin;max-height:57cqw;overflow:auto}.phone-demo-tabs{z-index:7;background:#0f1d30f7;border-top:1px solid #52688040;align-items:flex-start;min-height:20cqw;padding:2.8cqw 2cqw 5cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.phone-demo-tabs button{color:#8298b3;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.6cqw;min-height:11.3cqw;padding:0;font-size:2.6cqw;line-height:1.4;display:flex}.phone-demo-tabs button[aria-current=page]{color:#8dc5ff}.phone-demo-tabs button[aria-current=page] svg{background:#3276df33;border-radius:1cqw;box-shadow:0 0 0 2cqw #3276df33}.phone-demo-map-pins{pointer-events:none;z-index:2;position:absolute;inset:0}.phone-demo-map-pins button{color:#8ac2ff;pointer-events:auto;filter:drop-shadow(0 2px 4px #0009);background:0 0;border-radius:50%;place-items:center;width:11.3cqw;height:11.3cqw;display:grid;position:absolute;transform:translate(-50%,-100%)}.phone-demo-map-pins svg{stroke:#0a1729;stroke-width:8px;paint-order:stroke fill;width:7.2cqw;height:7.2cqw}.phone-demo-search-sheet{border-radius:6cqw 6cqw 0 0;max-height:none;padding-top:5cqw;top:30cqw}.phone-demo-search-sheet .phone-demo-place-list{max-height:100cqw}.phone-demo-empty{color:#9cb0c9;text-align:center;padding:8cqw 2cqw;font-size:3.5cqw;line-height:1.8}.phone-demo-empty>svg{color:#7b9fc9;width:8cqw;height:8cqw;margin-bottom:4cqw}.phone-demo-empty>strong{color:#dbeaff;font-size:4.1cqw;font-weight:500;display:block}.phone-demo-empty>p{margin:2cqw 0 5cqw;font-size:3cqw;line-height:1.8}.phone-demo-empty .phone-demo-secondary{margin:auto;padding-inline:5cqw}.phone-demo-place-sheet{padding-bottom:6cqw}.phone-demo-sheet-close{background:#162338;position:absolute;top:3cqw;right:3cqw}.phone-demo-place-sheet .phone-demo-sheet-heading{padding-top:3cqw;padding-right:7cqw}.phone-demo-place-category{color:#8fabc9;margin:0 0 2.5cqw;font-size:2.8cqw;line-height:1.5;display:block}.phone-demo-place-actions,.phone-demo-route-actions{gap:3cqw;margin-top:3cqw;display:flex}.phone-demo-primary,.phone-demo-secondary,.phone-demo-save,.phone-demo-stop{border-radius:7cqw;justify-content:center;align-items:center;gap:2.5cqw;min-height:13cqw;padding:2.5cqw 4cqw;font-size:3.5cqw;font-weight:500;line-height:1.5;display:flex}.phone-demo-primary{color:#fff;background:linear-gradient(110deg,#3377f5,#289bed);border:1px solid #64aeff55;flex:1}.phone-demo-secondary{color:#c5d9ed;background:#243950;border:1px solid #526f8b66}.phone-demo-save{color:#c5d9ed;background:#293c53;min-width:29cqw}.phone-demo-save.is-saved{color:#8dc6ff;background:#2e579055}.phone-demo-quiet{text-align:center;color:#7c92ae!important;margin-top:3cqw!important;font-size:2.45cqw!important;line-height:1.7!important}.phone-demo-endpoints{background:#182a40f2;border:1px solid #5c769266;border-radius:6cqw;align-items:center;gap:2cqw;padding:3cqw 2cqw;display:flex;box-shadow:0 4px 18px #0002}.phone-demo-endpoints>div{flex-direction:column;flex:1;gap:3cqw;min-width:0;display:flex}.phone-demo-endpoints span{align-items:center;gap:3cqw;font-size:3.5cqw;line-height:1.5;display:flex}.phone-demo-endpoints span svg{color:#8fc1ff;width:3.7cqw;height:3.7cqw}.phone-demo-endpoints i{background:#7bb7ff;border-radius:50%;width:2.3cqw;height:2.3cqw;margin-inline:.7cqw;display:block}.phone-demo-preview-sheet{max-height:calc(100% - 42cqw);padding-bottom:7cqw;bottom:0}.phone-demo-travel{border-bottom:1px solid #50698544;gap:2cqw;padding-bottom:4cqw;display:flex}.phone-demo-travel button{color:#9cafc5;background:#20334a;border:1px solid #45617a66;border-radius:4cqw;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.4cqw;min-height:23cqw;padding:3cqw 1cqw;font-size:3cqw;line-height:1.4;display:flex}.phone-demo-travel button[aria-pressed=true]{color:#add7ff;background:#23509466;border-color:#68a3f1b3}.phone-demo-travel small{color:#c8def7;font-size:2.9cqw}.phone-demo-route-summary{justify-content:space-between;align-items:center;margin-top:4cqw;display:flex}.phone-demo-route-summary strong{letter-spacing:-.06em;color:#b1d5ff;font-size:8cqw;font-weight:500;line-height:1.2}.phone-demo-route-summary strong>span{letter-spacing:-.03em;font-size:4cqw;font-weight:400}.phone-demo-route-summary p{color:#a1b6ce;margin-top:2cqw;font-size:3cqw;line-height:1.6}.phone-demo-route-dot{background:#6dbeff;border-radius:50%;width:2cqw;height:2cqw;margin-right:3cqw;box-shadow:0 0 0 2cqw #4497ff22}.phone-demo-preview-turn{color:#c5dbf3;align-items:center;gap:3cqw;padding-block:4cqw;font-size:2.8cqw;line-height:1.5;display:flex}.phone-demo-preview-turn svg{color:#77b6ff}.phone-demo-route-actions{margin-top:0}.phone-demo-route-actions .phone-demo-secondary{flex:.7}.phone-demo-turn{background:linear-gradient(120deg,#1c3857f5,#14283ef5);border:1px solid #72a2d582;border-radius:6cqw;align-items:center;gap:4cqw;padding:4cqw;display:flex;box-shadow:0 8px 25px #0003}.phone-demo-turn>svg{color:#9acfff;width:9cqw;height:9cqw}.phone-demo-turn>div{min-width:0}.phone-demo-turn strong{letter-spacing:-.05em;font-size:7cqw;font-weight:500;line-height:1.2;display:block}.phone-demo-turn span{color:#c0d6ef;margin-top:1cqw;font-size:3cqw;line-height:1.6;display:block}.phone-demo-view-switch{z-index:6;flex-direction:column;gap:2cqw;display:flex;position:absolute;top:47cqw;left:4cqw}.phone-demo-view-switch button{color:#8ba5c3;background:#14273feb;border:1px solid #5e7da166;border-radius:4cqw;flex-direction:column;justify-content:center;align-items:center;gap:1.4cqw;width:13cqw;min-height:16cqw;padding:2cqw 0;font-size:2.6cqw;line-height:1.3;display:flex}.phone-demo-view-switch button[aria-pressed=true]{color:#e7f5ff;background:#2366c7e8;border-color:#a2cfff}.phone-demo-view-switch button:disabled{opacity:.4;cursor:not-allowed}.phone-demo-navigation-dock{z-index:7;background:#13273ef5;border:1px solid #587da575;border-radius:6cqw;padding:3cqw 4cqw 4cqw;position:absolute;bottom:5cqw;left:3.5cqw;right:3.5cqw;box-shadow:0 5px 30px #0004}.phone-demo-trip-summary{justify-content:space-between;align-items:center;display:flex}.phone-demo-trip-summary strong{letter-spacing:-.04em;font-size:5cqw;font-weight:500}.phone-demo-trip-summary strong span{color:#a2bad5;letter-spacing:-.02em;font-size:3cqw;font-weight:400}.phone-demo-trip-actions{gap:3cqw;margin-top:1cqw;display:flex}.phone-demo-trip-actions button{flex:1;min-height:11.3cqw}.phone-demo-stop{color:#ffb7ad;background:#6f34394d;border:1px solid #d0787d55}.phone-demo-camera{z-index:1;background-image:linear-gradient(#08162555,#0000 45%,#0a162c55),url(/images/street-scene.webp);background-position:78%;background-size:cover;position:absolute;inset:0}.phone-demo-camera-live{clip-path:ellipse(100% 58% at 50% 0)}.phone-demo-camera-arrow{color:#d3f0ff;filter:drop-shadow(0 0 10px #288aff);position:absolute;top:63%;left:46%;transform:rotate(42deg);width:13cqw!important;height:13cqw!important}.phone-demo-camera-live .phone-demo-camera-arrow{display:none}.phone-demo-screen[data-view=live] .phone-demo-map{height:62%;top:38%;transform:none}.phone-demo-floating-turn{z-index:4;background:#2268d8e6;border:1px solid #8ecbff9c;border-radius:5cqw;align-items:center;gap:2.5cqw;padding:3.2cqw;display:flex;position:absolute;top:70cqw;left:26cqw;right:7cqw;box-shadow:0 5px 18px #0004}.phone-demo-floating-turn span{font-size:3.2cqw;font-weight:500;line-height:1.4}.phone-demo-floating-turn small{color:#bfdcff;margin-top:1cqw;font-size:2.7cqw;font-weight:400;display:block}.phone-demo-arrival-sheet{text-align:center;border-radius:9cqw 9cqw 0 0;padding:7cqw 5cqw 8cqw;bottom:0}.phone-demo-arrival-icon{color:#8be1c6;background:#238d7540;border:1px solid #5acaac6b;border-radius:50%;place-items:center;width:18cqw;height:18cqw;margin:0 auto 4cqw;display:grid}.phone-demo-arrival-icon svg{width:8cqw;height:8cqw}.phone-demo-arrival-sheet>h3{letter-spacing:-.06em;font-size:9cqw;font-weight:400;line-height:1.2}.phone-demo-arrival-sheet>p:not(.phone-demo-place-category){color:#a8bfd8;margin-top:3cqw;font-size:3.8cqw;line-height:1.6}.phone-demo-arrival-summary{color:#b7cde4;border-block:1px solid #6587ad33;justify-content:center;align-items:center;gap:5cqw;margin-block:5cqw;padding-block:4cqw;font-size:2.8cqw;display:flex}.phone-demo-arrival-summary span{align-items:center;gap:1.5cqw;display:flex}.phone-demo-arrival-summary svg{color:#8bbcff;width:4.5cqw;height:4.5cqw}.phone-demo-arrival-sheet>.phone-demo-primary{width:100%}.phone-demo-arrival-save{color:#9fc6f2;background:0 0;justify-content:center;align-items:center;gap:2cqw;min-height:12cqw;margin:auto;padding:2cqw;font-size:3cqw;display:flex}.phone-demo-steps{z-index:10;background:linear-gradient(160deg,#14263b,#0e1c2e);padding:14cqw 5cqw 7cqw;position:absolute;inset:0;overflow:auto}.phone-demo-steps-header{align-items:center;gap:2cqw;margin-bottom:7cqw;display:flex}.phone-demo-steps-header h3{letter-spacing:-.045em;font-size:6cqw;font-weight:400;line-height:1.3}.phone-demo-steps-header p{color:#93abc7;margin-top:1cqw;font-size:3cqw;line-height:1.6}.phone-demo-steps ol{margin:0 0 7cqw;padding:0;list-style:none}.phone-demo-steps li{color:#a0b8d3;border-top:1px solid #58749644;align-items:center;gap:4cqw;min-height:22cqw;padding:5cqw 2cqw;display:flex}.phone-demo-steps li.is-current{color:#9dd0ff;background:#2e6dc620;border-radius:3cqw}.phone-demo-steps li strong{font-size:3.5cqw;font-weight:400;line-height:1.7;display:block}.phone-demo-steps li span{color:#7993b2;margin-top:1cqw;font-size:3cqw;display:block}.phone-demo-steps>.phone-demo-primary{width:100%}.phone-demo-home-indicator{z-index:13;pointer-events:none;background:#d4e6fa66;border-radius:10px;width:28%;height:1cqw;position:absolute;bottom:1.8cqw;left:36%}.phone-demo-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:28px;display:flex}.phone-demo-controls button{color:#b1cbe8;background:#142438;border:1px solid #4f71965e;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:11px;line-height:1.6;display:inline-flex}.phone-demo-controls button:first-child{color:#cbe4ff;background:#1d4d8d66;border-color:#5c95df88}.phone-demo-controls button:disabled{opacity:.4;cursor:not-allowed}.phone-demo-controls button:not(:disabled):hover{border-color:#8bc3ff}.phone-demo-disclosure{text-align:center;max-width:410px;color:#8197b2!important;margin:15px auto 0!important;font-size:9px!important;line-height:1.9!important}.phone-demo[data-reduced-motion=true] .phone-demo-map{transition:none}@media (prefers-reduced-motion:reduce){.phone-demo-map{transition:none}}@media (max-width:420px){.phone-demo-controls{gap:8px;margin-top:22px}.phone-demo-controls button{padding-inline:11px;font-size:10px}.phone-demo-disclosure{font-size:8px!important}}.phone-demo-turn{position:relative}.phone-demo-turn .phone-demo-turn-lanes{gap:3px;position:absolute;top:50%;right:12px;transform:translateY(-50%);margin:0!important;display:inline-flex!important}.phone-demo-turn-lanes i{color:#6f849e;background:#0a1422;border:1px solid #94b7df33;border-radius:3px;place-items:center;width:20px;height:17px;display:grid}.phone-demo-turn-lanes i[data-active=true]{color:#fff;background:#2a62d8;border-color:#8fc2ff}
