/* Product exploration: one persistent handset, manual feature selection. */
.pe-explorer{position:relative;min-height:800px;margin-top:52px;background:#000;border-radius:32px;color:#f5f5f7;overflow:hidden;isolation:isolate;font-family:var(--goxee-font,Arial,sans-serif);--g-control-surface:#202123;--g-control-hover:#303034;--g-control-pressed:#3b3b40;--g-control-ink:#fff;--g-control-muted:#b6bac2;--g-control-selected:#3b3b40}
.pe-explorer,.pe-explorer *{box-sizing:border-box}.pe-explorer [hidden]{display:none!important}
.pe-navigation{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:43%;padding:0 0 0 88px}
.pe-menu{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-height:none;overflow:visible;padding:4px 12px 4px 4px}
.pe-item{max-width:100%;width:fit-content;background:#202123;border-radius:30px;flex-shrink:0;transition:background .25s,border-radius .35s}
.pe-item[open]{width:100%;border-radius:26px;background:#202123}
.pe-item summary{list-style:none;display:flex;align-items:center;gap:13px;padding:17px 23px;min-height:56px;cursor:pointer;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.pe-item summary::-webkit-details-marker{display:none}.pe-item summary:hover{color:#fff}.pe-item summary:focus-visible{outline:2px solid #80bdff;outline-offset:-3px;border-radius:30px}
.pe-plus{width:22px;height:22px;display:grid;place-items:center;flex:none;transition:transform .35s}.pe-plus .ml-fa{width:15px;height:15px;filter:brightness(0) invert(1);opacity:.8}
.pe-item[open] .pe-plus{transform:rotate(45deg)}
.pe-panel{padding:0 24px 24px}.pe-panel>p{font-size:18px;line-height:1.6;letter-spacing:-.015em;color:#c2c2c8;margin:0}
.pe-learn-more{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:fit-content;min-height:44px;margin:14px 0 -6px auto;color:#fff;font-size:15px;font-weight:600;text-decoration:none;border-radius:8px}
.pe-learn-more .ml-fa{width:14px;height:14px;filter:brightness(0) invert(1);transition:transform .2s}
.pe-learn-more:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.pe-learn-more:hover .ml-fa{transform:translateX(3px)}.pe-learn-more:focus-visible{outline:2px solid #80bdff;outline-offset:4px}
.pe-playback{position:absolute;z-index:5;right:28px;top:28px;width:44px;height:44px;display:grid;place-items:center;padding:0;line-height:0}
.pe-playback .pe-playback-symbol{display:block;width:26px;height:26px;flex:none;color:#fff;fill:#fff;opacity:1}
.pe-symbol-play{display:none;transform:translateX(.5px)}
.pe-playback[aria-pressed=true] .pe-symbol-play{display:block}.pe-playback[aria-pressed=true] .pe-symbol-pause{display:none}
.pe-stage{position:absolute;right:0;top:0;width:56%;height:100%;overflow:hidden}
.pe-device{position:absolute;top:76px;left:50%;width:310px;transform:translateX(-50%);opacity:1;transition:opacity .35s}
.pe-phone-motion{transform-origin:50% 0;transform:translateY(0) scale(1);transition:transform .8s cubic-bezier(.22,.68,.28,1)}
.pe-device .gh-iphone{height:auto;width:100%;aspect-ratio:867/1815;filter:drop-shadow(0 20px 40px #0008)}
.pe-device .gh-phone-capture{opacity:0;transition:opacity .28s}.pe-device .gh-phone-capture:first-child,.pe-device .gh-phone-capture.is-current{opacity:1}.pe-explorer[data-mounted] .pe-device .gh-phone-capture:not(.is-current){opacity:0}
.pe-explorer:not([data-view=overview]) .pe-phone-motion{transform:translateY(-10px) scale(1.5)}
.pe-explorer[data-scene=diagram] .pe-device{opacity:0;pointer-events:none}
.pe-diagram{position:absolute;width:94%;max-width:600px;aspect-ratio:600/560;top:50%;left:50%;transform:translate(-50%,-46%);opacity:0;visibility:hidden;transition:opacity .35s,transform .55s,visibility .35s}
.pe-explorer[data-view=coverage] [data-pe-diagram=coverage]{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.pe-voice-art{position:absolute;inset:0;pointer-events:none}
.pe-voice-art canvas,.pe-voice-fallback{position:absolute;inset:0;width:100%;height:100%}
.pe-voice-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 100% 100% at 0 0,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 32%,rgba(0,0,0,.12) 60%,transparent 82%)}
.pe-voice-art canvas{opacity:0}.pe-voice-art[data-renderer=canvas] canvas{opacity:1}.pe-voice-art[data-renderer=canvas] .pe-voice-fallback{display:none}
.pe-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pe-path{fill:none;stroke:#323238;stroke-width:2;stroke-linecap:round;transition:stroke .4s}
.pe-origin,.pe-destination{position:absolute;width:31%;text-align:center;transform:translateX(-50%);left:50%;top:8%;color:#b6b6c1}
.pe-destination{top:62.85%}.pe-destination--0{left:16.67%}.pe-destination--2{left:83.33%}
.pe-disc{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#242429;color:#fff;font-size:32px;font-weight:500;margin:0 auto 16px;transition:background .4s,opacity .4s}
.pe-disc .ml-fa{width:29px;height:29px;filter:brightness(0) invert(1);opacity:.8}.pe-disc .ml-service-mark{width:34px;height:34px;display:flex}.pe-disc .ml-service-mark img{width:100%;height:100%;object-fit:contain}.pe-disc--caller{background:#234462}
.pe-origin strong,.pe-destination strong{display:block;font-size:17px;line-height:1.35;font-weight:500;text-wrap:balance;background:#000;padding:2px 0}.pe-origin small,.pe-destination small{display:block;font-size:14px;line-height:1.4;color:#777b86;background:#000;padding:4px 0 0}
.pe-explorer[data-view=coverage] [data-pe-diagram=coverage] .pe-path{stroke:#74b8ee}
.pe-disc--agent{background:#263d73}
.pe-mobile-details{display:none}.pe-explorer[data-mounted] .pe-static-screen{display:none}.pe-static-screen{max-width:260px;margin:24px auto 0}.pe-static-screen .gh-iphone{width:100%;height:auto}
.pe-explorer:not([data-mounted]):has(details[open]) .pe-stage{display:none}.pe-explorer:not([data-mounted]) .pe-panel li{margin-top:15px;line-height:1.5;color:#c2c2c8}
.pe-explorer[data-motion=paused] *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:801px){.pe-navigation{padding-left:76px;width:45%}.pe-item summary{font-size:16px;padding:16px 18px}.pe-panel{padding:0 20px 22px}.pe-panel>p{font-size:17px}.pe-device{width:270px;top:110px}.pe-stage{width:54%}.pe-disc{width:64px;height:64px}.pe-origin strong,.pe-destination strong{font-size:15px}}
@media(max-width:800px){.pe-explorer{margin-top:36px;min-height:0;border-radius:26px;width:calc(100% - 32px)}.pe-navigation{position:relative;top:auto;transform:none;width:100%;padding:36px 0 0}.pe-explorer[data-mounted] .pe-menu{display:flex;flex-direction:row;align-items:flex-start;overflow-x:auto;overflow-y:hidden;gap:10px;margin-left:62px;padding:0 22px 10px 8px;max-height:none;min-height:66px;scrollbar-width:none;scroll-padding-inline:8px 22px}.pe-explorer[data-mounted] .pe-item,.pe-explorer[data-mounted] .pe-item[open]{width:max-content;max-width:none;flex:none;border-radius:30px}.pe-item summary{font-size:16px;min-height:50px;padding:14px 18px;gap:10px}.pe-plus{width:18px}.pe-plus .ml-fa{width:13px;height:13px}.pe-explorer[data-mounted] .pe-item[open]{background:#39393e}.pe-mobile-details{display:block}.pe-mobile-details .pe-panel{padding:16px 26px 8px}.pe-panel>p{font-size:17px;line-height:1.55}.pe-playback{position:relative;top:auto;right:auto;float:right;margin:14px 24px 0 0;width:38px;height:38px}.pe-stage{position:relative;clear:both;width:100%;height:440px;right:auto;top:auto}.pe-device{width:210px;top:20px}.pe-explorer[data-view=overview] .pe-device{top:20px;width:184px}.pe-phone-motion{transition-duration:.65s}.pe-explorer:not([data-view=overview]) .pe-phone-motion{transform:scale(1.3)}.pe-diagram{width:94%;max-width:460px}.pe-disc{width:52px;height:52px;font-size:24px;margin-bottom:12px}.pe-disc .ml-fa{width:23px;height:23px}.pe-disc .ml-service-mark{width:27px;height:27px}.pe-origin strong,.pe-destination strong{font-size:14px}.pe-origin small,.pe-destination small{font-size:12px}.pe-explorer:not([data-mounted]) .pe-menu{max-height:none;padding:0 22px}.pe-explorer:not([data-mounted]) .pe-item{width:100%}.pe-explorer:not([data-mounted]) .pe-stage{margin-top:28px}}
@media(max-width:370px){.pe-device{width:196px}.pe-stage{height:410px}.pe-origin strong,.pe-destination strong{font-size:12px}.pe-origin small,.pe-destination small{font-size:11px}.pe-disc{width:46px;height:46px}.pe-mobile-details .pe-panel{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.pe-explorer *{transition:none!important;animation:none!important}}

/* Main feature navigation remains on the left. */
.pe-step-controls{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:4;flex-direction:column;gap:16px;--g-control-size:44px}
.pe-step-controls .ml-fa{width:17px;height:17px;filter:brightness(0) invert(1);opacity:.9}
@media(max-width:1100px) and (min-width:801px){.pe-step-controls{left:18px}}
@media(max-width:800px){.pe-step-controls{left:17px;top:22px;transform:none;gap:6px;--g-control-size:36px}.pe-step-controls .ml-fa{width:15px;height:15px}}

@media(max-width:800px){.pe-explorer[data-mounted]:not([data-view=overview]) .pe-mobile-details{min-height:var(--pe-details-height,0px)}}
