:root{--ink:#07101a;--ink-2:#0c1b2a;--blue:#0c8ed9;--blue-2:#20b7f1;--orange:#f26a21;--paper:#f4f6f7;--white:#fff;--muted:#6d7782;--line:#dce1e5;--green:#39d47b;--red:#ef4354;--amber:#ffad24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:absolute;left:-999px;top:12px;z-index:99;background:#fff;padding:12px}.skip-link:focus{left:12px}.topbar{height:82px;display:flex;align-items:center;padding:0 clamp(22px,4vw,70px);gap:34px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center}.brand img{width:126px;height:48px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:26px;margin-left:auto}.topbar nav a{font-size:13px;font-weight:700;color:#46505a;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:var(--blue)}.top-cta{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:14px 18px;font-size:12px;font-weight:800}.top-cta span{color:var(--blue-2)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:9px 12px;font-weight:700}.hero{min-height:720px;padding:clamp(70px,8vw,118px) clamp(22px,4vw,70px);display:grid;grid-template-columns:minmax(350px,.8fr) minmax(520px,1.2fr);gap:clamp(40px,7vw,110px);align-items:center;background:radial-gradient(circle at 90% 10%,#163e5a 0,transparent 31%),linear-gradient(130deg,#07101a 0,#0a1d2c 66%,#09263a 100%);color:#fff;overflow:hidden}.hero-copy{max-width:660px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--blue-2)}.eyebrow.orange{color:var(--orange)}.hero h1{font-size:clamp(48px,5.8vw,88px);line-height:.98;letter-spacing:-4px;margin:0}.hero h1 em{font-style:normal;color:var(--blue-2)}.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.7;color:#b8c7d2;max-width:620px;margin:34px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:0 22px;font-size:12px;font-weight:800;letter-spacing:.2px}.button.primary{background:var(--orange);color:#fff}.button.primary:hover{background:#d95613}.button.secondary{color:#fff;border:1px solid #4b6272}.button.secondary:hover{border-color:#fff}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:54px 0 0;list-style:none;border-top:1px solid #274052}.proof li{padding-top:20px;border-right:1px solid #274052}.proof li:last-child{border:0;padding-left:20px}.proof b,.proof span{display:block}.proof b{font-size:25px;color:var(--blue-2)}.proof span{font-size:10px;color:#91a5b5;text-transform:uppercase;letter-spacing:.8px}.hero-visual{position:relative;background:#06101a;padding:12px;border:1px solid #23475f;box-shadow:0 30px 90px #0008;transform:perspective(1400px) rotateY(-4deg)}.hero-visual img{display:block;width:100%;height:auto}.visual-label{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px;font-size:9px;letter-spacing:1px;color:#7fa6bf}.visual-label i{font-style:normal;color:var(--amber)}.live-chip{position:absolute;right:24px;bottom:24px;background:#061522e8;color:#dcecff;border:1px solid #20506b;padding:10px 13px;font-size:9px;font-weight:800}.live-chip span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);margin-right:7px}.features{padding:clamp(75px,9vw,132px) clamp(22px,6vw,100px);background:#fff}.section-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;max-width:1320px;margin:0 auto 55px}.section-head h2,.application-copy h2{font-size:clamp(38px,4.6vw,68px);line-height:1.04;letter-spacing:-2.5px;margin:0}.section-head>p{font-size:18px;color:var(--muted);max-width:540px}.feature-stage{max-width:1320px;margin:auto;border-top:1px solid var(--line)}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tabs button{position:relative;text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:24px;cursor:pointer}.tabs button:last-child{border-right:0}.tabs button:after{content:"";position:absolute;height:3px;left:0;right:100%;bottom:-1px;background:var(--orange);transition:.25s}.tabs button[aria-selected="true"]:after{right:0}.tabs span,.tabs b,.tabs small{display:block}.tabs span{font-size:10px;color:var(--orange);margin-bottom:16px}.tabs b{font-size:20px}.tabs small{color:var(--muted);margin-top:5px}.panels{background:var(--ink)}.feature-panel{min-height:520px;display:grid;grid-template-columns:.78fr 1.22fr;color:#fff}.feature-panel[hidden]{display:none}.feature-panel.is-active{animation:panelIn .35s ease}@keyframes panelIn{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.panel-copy{padding:clamp(34px,5vw,70px)}.panel-index{font-size:10px;color:var(--blue-2);letter-spacing:1.5px}.panel-copy h3{font-size:clamp(31px,3.1vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:18px 0}.panel-copy>p:not(.panel-index){color:#aebdca;font-size:16px;line-height:1.7}.panel-copy ul{padding:0;margin:28px 0 0;list-style:none}.panel-copy li{padding:12px 0 12px 24px;border-top:1px solid #213649;color:#d4e1e9;font-size:13px;position:relative}.panel-copy li:before{content:"→";position:absolute;left:0;color:var(--orange)}.event-demo,.fleet-demo,.remote-demo{margin:clamp(24px,4vw,52px);background:#071a29;border:1px solid #1b4058;align-self:center;box-shadow:0 25px 65px #0008}.demo-head{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18384d;font-size:10px;color:#a9c2d3}.demo-head span{color:var(--green);font-size:8px}.event{min-height:72px;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;padding:12px 18px;border-bottom:1px solid #122d40}.event i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:12px;background:#102b3e}.event .danger{color:var(--red)}.event .warning{color:var(--amber)}.event .offline{color:#4e9fff}.event .online{color:var(--green)}.event p,.event b,.event small{display:block;margin:0}.event b{font-size:11px}.event small,.event time{font-size:9px;color:#7591a5}.map-card{height:280px;position:relative;overflow:hidden;background:#0a2538}.map-card img{width:100%;height:100%;object-fit:cover;opacity:.72}.map-pin{position:absolute;left:52%;top:40%;background:var(--blue);border:4px solid #16aafb66;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:9px;font-weight:800}.vehicle-row{display:flex;align-items:center;justify-content:space-between;padding:17px}.vehicle-row p,.vehicle-row b,.vehicle-row small{display:block;margin:0}.vehicle-row b{font-size:11px}.vehicle-row small{font-size:9px;color:#7d98aa;margin-top:4px}.vehicle-row>span{font-size:8px;color:var(--amber);border:1px solid #6f521d;padding:7px}.remote-grid{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.remote-grid article{min-height:130px;padding:22px;border:1px solid #18394f;background:linear-gradient(140deg,#0a2638,#071521)}.remote-grid span,.remote-grid b,.remote-grid small{display:block}.remote-grid span{font-size:24px;color:var(--blue-2)}.remote-grid b{font-size:13px;margin:12px 0 4px}.remote-grid small{font-size:9px;color:#7f98aa}.compliance-note{max-width:1320px;margin:18px auto 0;padding:18px 22px;background:#f1f3f4;color:#59636d;font-size:12px;border-left:3px solid var(--orange)}.applications{background:#e9edef;padding:clamp(75px,9vw,130px) clamp(22px,6vw,100px)}.application-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,130px)}.application-copy p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.7;margin:28px 0}.application-links{border-top:1px solid #cbd2d7}.application-links a{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:27px 0;border-bottom:1px solid #cbd2d7;transition:.2s}.application-links a:hover{padding-left:12px;color:var(--blue)}.application-links span{font-size:10px;color:var(--orange)}.application-links b{font-size:19px}.application-links i{font-style:normal}.closing-strip{max-width:1320px;margin:70px auto 0;padding:26px 30px;background:var(--ink);color:#9eb0bd;display:flex;align-items:center;gap:22px}.closing-strip p{margin:0}.closing-strip p span{color:#fff;font-weight:800}.closing-strip>i{font-style:normal;color:var(--orange);font-size:22px}.closing-strip a{margin-left:auto;color:var(--blue-2);font-weight:800;font-size:12px}footer{background:#050c13;color:#8fa0ad;min-height:170px;padding:42px clamp(22px,6vw,100px);display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:35px;align-items:center;font-size:12px}footer img{width:120px;height:50px;object-fit:contain;background:#fff;padding:3px}footer a{color:#d9e2e8}footer small{font-size:10px}@media(max-width:1050px){.topbar nav{position:absolute;top:82px;left:0;right:0;display:none;background:#fff;padding:18px 24px;box-shadow:0 20px 35px #0002}.topbar nav.open{display:grid}.menu-toggle{display:block;margin-left:auto}.top-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{transform:none}.feature-panel,.application-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:20px}.event-demo,.fleet-demo,.remote-demo{margin-top:0}.closing-strip{align-items:flex-start;flex-wrap:wrap}.closing-strip a{width:100%;margin-left:0}.topbar{height:72px}.topbar nav{top:72px}}@media(max-width:700px){.hero{padding-top:68px}.hero h1{font-size:49px;letter-spacing:-2.5px}.proof{grid-template-columns:1fr 1fr}.proof li:last-child{padding-left:0}.tabs{grid-template-columns:1fr}.tabs button{border-right:0}.feature-panel{min-height:0}.remote-grid{grid-template-columns:1fr}.event-demo,.fleet-demo,.remote-demo{margin:18px}.map-card{height:210px}.application-links b{font-size:16px}.closing-strip{display:grid;grid-template-columns:1fr}.closing-strip>i{display:none}footer{grid-template-columns:1fr;gap:18px}.brand img{width:112px}.hero-actions .button{width:100%}}