/* One persistent device; the map and selected vehicle survive every scene. */
.story-grid{grid-template-columns:1fr 1fr;gap:8%;margin-top:55px}.sticky-scene.phone-stage{--phone-height:min(660px,calc(100svh - 125px));height:calc(var(--phone-height) + 80px);top:22px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.phone-stage:after{display:none}.phone-halo{position:absolute;inset:10% -5% 10%;border-radius:50%;background:radial-gradient(ellipse,#006eff19,transparent 68%);pointer-events:none}.phone-device{height:var(--phone-height);width:calc(var(--phone-height)/1.98);position:relative;border-radius:46px;padding:9px;background:linear-gradient(115deg,#64768e,#1a293c 17%,#050b15 50%,#45586d 84%,#172333);box-shadow:0 35px 55px #0007,0 0 0 1px #8191a338,inset 0 0 0 2px #07101e;flex-shrink:0}.phone-side-key{position:absolute;right:-3px;top:27%;width:3px;height:65px;border-radius:0 3px 3px 0;background:linear-gradient(#475b75,#1b293d)}.phone-device:before{content:'';position:absolute;left:-3px;top:21%;width:3px;height:43px;border-radius:3px 0 0 3px;background:#33475e;box-shadow:0 51px #33475e}.phone-screen{height:100%;position:relative;overflow:hidden;border-radius:37px;background:#06162c;display:grid;grid-template-rows:28px 40px 62px minmax(0,1fr) 143px 53px 13px;border:1px solid #000;isolation:isolate}.phone-status{padding:10px 19px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;line-height:1;color:#c7e2fa}.phone-camera{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:9px;width:9px;background:#010713;border:2px solid #17273d;box-shadow:inset 0 0 0 2px #070e20;border-radius:50%}.phone-battery{width:14px;height:7px;border:1px solid #c7e2fa;border-radius:2px;display:inline-block;margin-left:4px;position:relative}.phone-battery:after{content:'';position:absolute;inset:1px;background:#c7e2fa;border-radius:1px}.phone-brand{display:flex;align-items:center;justify-content:space-between;padding:5px 17px 0;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.phone-brand i{width:5px;height:5px;margin-right:4px}.phone-avatar{width:22px;height:22px;display:grid;place-items:center;border:1px solid #31516e;border-radius:50%;font-size:9px;color:#bfe8ff}.phone-heading{display:flex;align-items:center;justify-content:space-between;padding:7px 17px 10px}.phone-heading small{display:block;font-size:7px;letter-spacing:1.1px;color:#799cbc;margin-bottom:6px}.phone-heading strong{font-size:17px;font-weight:500;letter-spacing:-.4px}.phone-online{color:#33ff66;font-size:7px;vertical-align:middle;margin-left:5px}.phone-vehicle-id{font-size:7px;letter-spacing:.7px;color:#7f9fba;border:1px solid #26425f;padding:5px 6px;border-radius:4px}.phone-map-area{position:relative;min-height:0;overflow:hidden;background:#08192f;border-block:1px solid #23415d55}.sticky-scene .phone-map-area .map-slot{inset:0}.phone-map-area .scene-alert{top:12px;left:12px;max-width:calc(100% - 24px);font-size:8px;padding:8px 10px;box-shadow:0 5px 15px #0002;transition:background .35s,border-color .35s}.phone-map-label{position:absolute;right:9px;bottom:10px;letter-spacing:1px;font-size:5px;color:#89a9c8;background:#04142dcc;padding:4px;border-radius:3px}.phone-sheet{position:relative;padding:0 15px 8px;background:linear-gradient(#0b223d,#07182f);border-top:1px solid #34537266;z-index:2;transition:background .35s}.sheet-grip{width:24px;height:3px;background:#395570;border-radius:4px;margin:7px auto 10px}.phone-sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.phone-sheet-heading strong{font-size:11px;font-weight:500}.phone-sheet-heading>span{font-size:6px;letter-spacing:.7px;color:#33ff66}.phone-sheet>p{font-size:8px;color:#8faecb;line-height:1.5;margin:6px 0 10px;min-height:12px}.phone-sheet .telemetry{position:static;padding-top:10px;border-color:#36567655;margin-top:0;gap:7px}.phone-sheet .telemetry small{font-size:6px;letter-spacing:.6px}.phone-sheet .telemetry strong{font-size:10px;margin-top:5px;white-space:nowrap}.phone-detail{display:flex;justify-content:space-between;gap:5px;font-size:6px;color:#749bbd;margin-top:10px}.phone-detail span{color:#a8c4db}.phone-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:3px 7px;background:#06152b;border-top:1px solid #29456355}.phone-tabs button{border:0;background:none;padding:4px 0;color:#6e91b1;font-size:7px;cursor:pointer;border-radius:6px;transition:background .25s,color .25s;display:flex;flex-direction:column;align-items:center;gap:4px}.phone-tabs button>span{font-size:17px;line-height:1}.phone-tabs button[aria-current]{color:#33ff66;background:#33ff6608}.phone-tabs button:hover{background:#17304a}.phone-tabs button:focus-visible{outline:1px solid #33ff66;outline-offset:-1px}.phone-home{width:32%;height:3px;background:#7892ae;border-radius:5px;margin:5px auto 0}.phone-caption{text-align:center;width:100%;max-width:335px;padding-top:17px}.phone-caption .demo-label{font-size:7px;letter-spacing:1.3px}.phone-caption p{font-size:10px;color:#819fba;margin:10px 0}.phone-caption .scene-progress{position:static;font-size:6px;padding:0 10px;gap:10px}.alert-mode .phone-sheet{background:linear-gradient(#1d2637,#07182f)}.alert-mode #phone-card-label{color:#ffb75d}.phone-stage[data-phone-group="2"] .phone-sheet{background:linear-gradient(#0d2845,#07182f)}.phone-stage .chapter{scroll-margin-top:80px}.chapter{min-height:650px}.phone-animating .phone-sheet-heading{animation:screen-enter .3s ease-out}@keyframes screen-enter{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.about-section,.onboarding-section,.faq-section,.service-note{max-width:1440px;padding:80px 38px;margin:auto}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.about-section h2{font-size:39px;line-height:1.3}.about-section .eyebrow,.onboarding-section .eyebrow,.faq-section .eyebrow{color:#33ff66;margin-bottom:24px}.about-copy>p{font-size:14px;color:#a8c3dc;line-height:1.9;margin:0 0 20px}.capabilities{margin-top:24px;border-block:1px solid #294661}.capabilities summary{font-size:13px;color:#bfe8ff;padding:20px 0;display:flex;justify-content:space-between;cursor:pointer}.capabilities ul{padding-left:18px;font-size:12px;color:#a8c3dc;line-height:1.9;margin:0 0 22px}.capabilities li{padding:4px 0}.capabilities li::marker{color:#33ff66}summary{list-style:none}summary::-webkit-details-marker{display:none}summary:focus-visible,.table-scroll:focus-visible{outline:2px solid #33ff66;outline-offset:5px}details summary>span[aria-hidden],.details-toggle{color:#33ff66;font-size:20px;transition:transform .2s}details[open]>summary>span[aria-hidden],details[open]>summary .details-toggle{transform:rotate(45deg)}
.plan-comparison{margin-top:28px;border:1px solid #305577;border-radius:12px;background:#061930;overflow:hidden}.plan-comparison>summary{padding:23px 27px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:15px}.plan-comparison summary strong{font-size:15px;font-weight:500;display:block}.plan-comparison summary small{font-size:11px;color:#83a6c6;display:block;margin-top:6px}.plan-comparison[open]>summary{border-bottom:1px solid #294661}.comparison-body{padding:20px 26px 26px}.comparison-hint{font-size:10px;color:#8babc6;margin:0 0 15px}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#2b5680 #08182e;scrollbar-width:thin}.table-scroll table{width:100%;min-width:740px;border-collapse:collapse;font-size:12px}.table-scroll caption{text-align:left;font-size:11px;color:#bfe8ff;padding:0 0 20px}.table-scroll th,.table-scroll td{padding:17px 12px;border-bottom:1px solid #29466170;text-align:center;line-height:1.5}.table-scroll th[scope="row"]{text-align:left;font-weight:400;color:#aec8df;width:36%}.table-scroll thead th{background:#0b2441;font-size:14px;font-weight:500;color:#fff}.table-scroll thead th:first-child{text-align:left}.table-scroll thead small{display:block;font-size:9px;font-weight:400;color:#92b3cf;margin-top:5px}.table-scroll td{color:#bfe8ff}.table-scroll tbody tr:hover{background:#0a213b}.comparison-body .text-link{margin-top:22px}.onboarding-section{padding-top:0;padding-bottom:90px}.onboarding-section .section-top h2{font-size:40px}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.onboarding-steps article{padding-top:24px;border-top:1px solid #305371}.onboarding-steps article>span{color:#33ff66;font-size:11px;letter-spacing:1px}.onboarding-steps h3{font-size:21px;letter-spacing:-.6px;margin:23px 0 14px}.onboarding-steps p{color:#a8c3dc;font-size:13px;line-height:1.85;max-width:365px}.onboarding-note{font-size:11px;color:#829fb9;margin-top:28px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;border-top:1px solid var(--line);padding-top:80px;padding-bottom:95px}.faq-section h2{font-size:40px}.faq-section>div>p:not(.eyebrow){font-size:13px;color:#8eafcc;margin-top:25px}.faq-section a{color:#bfe8ff;text-decoration:underline;text-underline-offset:4px}.faq-list details{border-bottom:1px solid #2a4662}.faq-list details:first-child{border-top:1px solid #2a4662}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:14px;color:#deedfa;cursor:pointer;line-height:1.5}.faq-list summary span{flex-shrink:0}.faq-list p{font-size:13px;line-height:1.9;color:#a8c3dc;margin:0 25px 24px 0}.contact-whatsapp{display:block;font-size:11px;color:#99bad6;margin-top:13px}.service-note{padding-top:35px;padding-bottom:20px;display:grid;grid-template-columns:130px 1fr;gap:20px}.service-note h2{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:0;color:#bfe8ff;margin-top:4px}.service-note p{font-size:11px;color:#829fbb;line-height:1.9;margin:0;max-width:970px}.setup p{max-width:none!important}.setup>div{align-items:flex-start;padding:13px 0}.setup b{margin-top:14px}
@media(max-width:1000px){.story-grid{gap:5%}.about-section h2{font-size:32px}.faq-section{gap:5%}.faq-section h2,.onboarding-section .section-top h2{font-size:34px}.phone-device{border-radius:40px}.phone-screen{border-radius:31px}}
@media(max-width:760px){.story-grid{display:block}.sticky-scene.phone-stage{--phone-height:min(360px,43svh);top:8px;height:calc(var(--phone-height) + 42px);z-index:3;margin-bottom:10px;isolation:isolate}.phone-stage:before{content:'';position:absolute;z-index:-1;inset:-9px -22px -5px;background:linear-gradient(#03132af9 88%,#03132a00);backdrop-filter:blur(4px)}.phone-halo{inset:5% 15%;background:radial-gradient(ellipse,#006eff14,transparent 70%)}.phone-device{width:calc(var(--phone-height)/1.82);padding:5px;border-radius:27px;box-shadow:0 15px 30px #0005}.phone-screen{border-radius:22px;grid-template-rows:18px 25px 36px minmax(0,1fr) 75px 32px 8px}.phone-side-key{height:35px;width:2px;right:-2px}.phone-device:before{width:2px;left:-2px;height:24px;box-shadow:0 29px #33475e}.phone-status{padding:5px 13px 0;font-size:6px}.phone-camera{top:6px;width:6px;height:6px;border-width:1px}.phone-battery{width:10px;height:5px}.phone-brand{font-size:10px;padding:3px 10px 0}.phone-brand i{height:4px;width:4px;margin-right:2px}.phone-avatar{width:15px;height:15px;font-size:6px}.phone-heading{padding:3px 10px 6px}.phone-heading small{font-size:5px;letter-spacing:.5px;margin-bottom:3px}.phone-heading strong{font-size:12px;letter-spacing:-.3px}.phone-vehicle-id{font-size:5px;padding:3px 4px}.phone-map-area .scene-alert{top:7px;left:7px;padding:5px 6px;font-size:6px;max-width:calc(100% - 14px)}.phone-map-area .scene-alert:before{width:3px;height:3px;margin-right:4px}.phone-map-label{font-size:4px;bottom:5px;right:5px}.phone-sheet{padding:0 9px 5px}.sheet-grip{width:17px;height:2px;margin:4px auto 5px}.phone-sheet-heading strong{font-size:8px}.phone-sheet-heading>span{font-size:4px}.phone-sheet>p{font-size:6px;margin:3px 0 5px;min-height:9px}.phone-sheet .telemetry{padding-top:5px;gap:4px}.phone-sheet .telemetry small{font-size:4.5px;letter-spacing:.3px}.phone-sheet .telemetry strong{font-size:7px;margin-top:3px}.phone-detail{display:none}.phone-tabs{padding:0 3px;gap:0}.phone-tabs button{font-size:5px;gap:2px;padding:4px 0}.phone-tabs button>span{font-size:11px}.phone-home{height:2px;margin-top:3px}.phone-caption{padding-top:9px;max-width:260px}.phone-caption .demo-label{font-size:5px;padding:3px 7px}.phone-caption p{display:none}.phone-caption .scene-progress{margin-top:7px;font-size:5px;padding:0 20px}.chapter{min-height:500px;padding:50px 0;scroll-margin-top:calc(min(360px,43svh) + 60px)}.chapter h3{font-size:35px}.chapter p{font-size:14px}.about-section,.onboarding-section,.faq-section{padding:55px 22px;grid-template-columns:1fr;gap:30px}.about-section h2{font-size:33px}.about-copy>p{font-size:13px}.onboarding-section{padding-top:0}.onboarding-steps{grid-template-columns:1fr;gap:18px}.onboarding-steps article{padding-top:20px}.onboarding-steps h3{margin:12px 0 8px}.onboarding-steps p{max-width:none;margin-bottom:6px}.onboarding-note{font-size:10px;line-height:1.8}.onboarding-section .section-top{margin-bottom:30px}.onboarding-section .section-top .text-link{margin-top:20px}.faq-section h2{font-size:34px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list p{font-size:12px}.plan-comparison>summary{padding:20px 18px}.plan-comparison summary strong{font-size:13px}.comparison-body{padding:18px 14px 22px}.table-scroll table{font-size:11px;min-width:680px}.table-scroll th,.table-scroll td{padding:13px 10px}.table-scroll thead th{font-size:12px}.service-note{padding:30px 22px 10px;grid-template-columns:1fr;gap:10px}.service-note p{font-size:10px}.phone-stage .scene-progress{left:auto;right:auto;bottom:auto}}
.phone-tabs svg{width:17px;height:17px;display:block}@media(max-width:760px){.phone-tabs svg{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){.phone-animating .phone-sheet-heading{animation:none}.phone-stage *{transition:none!important}}
