:root{--blue:#2563EB;--blue2:#3B82F6;--navy:#0F172A;--navy2:#111C33;--slate:#64748B;--ink:#101828;--muted:#667085;--paper:#fff;--bg:#F8FAFC;--line:#E2E8F0;--green:#16A36A;--shadow:0 24px 70px rgba(15,23,42,.12)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:108px 0}.site-header{height:78px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:148px;height:auto;display:block}.desktop-nav{display:flex;gap:28px;font-size:14px;font-weight:650;color:#475569}.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-login{font-size:14px;font-weight:650;color:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:14px 22px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.22s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#1D4ED8);color:#fff;box-shadow:0 12px 30px rgba(37,99,235,.25)}.btn-primary:hover{box-shadow:0 15px 36px rgba(37,99,235,.34)}.btn-small{padding:10px 16px}.btn-secondary{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.btn-secondary:hover{background:rgba(255,255,255,.11)}.btn-white{background:#fff;color:var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.14)}.full{width:100%}.menu-btn{display:none;background:none;border:0;padding:8px;width:38px}.menu-btn span{display:block;height:2px;background:var(--navy);margin:5px;border-radius:2px}.mobile-menu{display:none;background:#fff;border-top:1px solid var(--line);padding:8px 20px 22px}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:650}.mobile-menu.open{display:block}
.hero{min-height:730px;background:radial-gradient(circle at 75% 34%,#173569 0%,#101F3A 30%,#0F172A 67%);position:relative;overflow:hidden;display:flex;align-items:center;padding:96px 0}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black 35%,black)}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18}.orb-one{width:520px;height:520px;background:#2563EB;right:-110px;top:-140px}.orb-two{width:300px;height:300px;background:#60A5FA;left:40%;bottom:-200px}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center;position:relative;z-index:2}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:#C7D6EE}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#60A5FA;box-shadow:0 0 0 6px rgba(96,165,250,.12)}.hero h1{font:800 clamp(46px,5.3vw,72px)/1.03 Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;letter-spacing:-.045em;margin:22px 0}.hero h1 em,.section-head h2 em{font-style:normal;color:#60A5FA}.hero-copy>p{font-size:18px;color:#B7C4D5;max-width:600px}.hero-actions{display:flex;gap:12px;margin:32px 0 38px}.hero-proof{display:flex;gap:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.hero-proof div{display:grid}.hero-proof strong{color:#fff;font:750 16px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.hero-proof span{font-size:11px;color:#8192AA}
.dashboard-scene{position:relative;min-height:520px;display:grid;place-items:center}.dash-window{width:100%;max-width:660px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#F8FAFC;overflow:hidden;box-shadow:0 42px 90px rgba(0,0,0,.34);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.dash-top{height:50px;background:#0B1427;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid #1F2E47;gap:14px}.dash-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}.dash-brand img{width:22px;height:18px;object-fit:contain}.dash-search{margin-left:auto;width:160px;height:26px;border-radius:7px;background:#15223A;color:#66748A;font-size:8px;display:flex;align-items:center;padding-left:10px}.live-pill{display:flex;align-items:center;gap:6px;color:#A8E0C7;font-size:8px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#22C55E}.dash-body{display:flex;min-height:430px}.dash-side{width:50px;background:#0E1A30;display:flex;flex-direction:column;align-items:center;padding-top:25px;gap:21px}.dash-side span{width:15px;height:15px;border-radius:5px;background:#22334E}.dash-side .active{background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.16)}.dash-content{width:calc(100% - 50px);padding:18px}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dash-title small{font-size:7px;color:#8492A6}.dash-title h3{font:800 18px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#172033}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#E8EEFF;color:#1D4ED8;font-size:8px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics>div{background:#fff;border:1px solid #E6EBF2;border-radius:9px;padding:11px 12px;display:grid}.metrics small{font-size:7px;color:#8693A5}.metrics strong{font:800 19px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#172033}.metrics span{font-size:7px;color:#8592A5}.metrics .up{color:#159965}.metrics .warn{color:#D97706}.fleet-map{height:183px;background:linear-gradient(145deg,#E7EFF7,#F0F4F8);border:1px solid #DCE5EF;border-radius:10px;margin-top:11px;position:relative;overflow:hidden}.road{position:absolute;background:rgba(100,116,139,.16);height:3px;border-radius:5px;transform-origin:left}.r1{width:340px;left:18px;top:123px;transform:rotate(-14deg)}.r2{width:300px;left:225px;top:54px;transform:rotate(24deg)}.r3{width:250px;left:40px;top:56px;transform:rotate(23deg)}.r4{width:210px;right:-20px;top:130px;transform:rotate(-30deg)}.route-line{position:absolute;width:360px;height:5px;background:linear-gradient(90deg,#60A5FA,#2563EB);left:94px;top:108px;transform:rotate(-12deg);border-radius:5px;box-shadow:0 0 10px rgba(37,99,235,.25)}.truck{position:absolute}.truck b{display:block;width:12px;height:12px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 2px 7px rgba(15,23,42,.22)}.truck span{display:none}.t1{left:126px;top:87px}.t2{left:335px;top:57px}.t3{right:82px;top:107px}.map-tooltip{position:absolute;left:175px;bottom:12px;background:#0F172A;color:#fff;border-radius:8px;padding:8px 11px;display:grid;box-shadow:0 8px 18px rgba(15,23,42,.2)}.map-tooltip small{font-size:6px;color:#93A3B8;letter-spacing:.08em}.map-tooltip strong{font-size:8px}.map-tooltip span{font-size:6px;color:#60A5FA}.dash-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-top:10px}.status-list,.usage{background:#fff;border:1px solid #E6EBF2;border-radius:9px;padding:11px}.panel-label{font-size:7px;color:#8492A6;margin-bottom:5px}.status-list p{display:flex;justify-content:space-between;font-size:8px;margin-top:7px;color:#475569}.status-list b{font-size:6px;background:#DCFCE7;color:#15803D;border-radius:4px;padding:2px 5px}.status-list .sleeper{background:#DBEAFE;color:#1D4ED8}.status-list .off{background:#F1F5F9;color:#64748B}.bars{height:55px;display:flex;gap:5px;align-items:flex-end}.bars i{flex:1;background:linear-gradient(#60A5FA,#2563EB);border-radius:3px 3px 1px 1px}.bars i:nth-child(1){height:33%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:48%}.bars i:nth-child(4){height:72%}.bars i:nth-child(5){height:63%}.bars i:nth-child(6){height:88%}.bars i:nth-child(7){height:74%}.usage small{font-size:6px;color:#94A3B8}.float-card{position:absolute;background:#fff;border-radius:12px;box-shadow:0 18px 38px rgba(0,0,0,.24);padding:11px 14px;display:flex;gap:10px;align-items:center;min-width:196px}.float-card .icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:900}.float-card .ok{background:#DCFCE7;color:#15803D}.float-card .pin{background:#DBEAFE;color:#2563EB}.float-card p{display:grid}.float-card strong{font-size:10px;color:#172033}.float-card span{font-size:7px;color:#7B8798}.fc-1{left:-23px;bottom:21px}.fc-2{right:-20px;top:75px}
.signal-strip{background:#fff;border-bottom:1px solid var(--line);padding:27px 0}.signal-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;color:#475569;font:700 12px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.02em}.signal-grid i{width:4px;height:4px;background:var(--blue);border-radius:50%}.section-head{max-width:720px}.section-head.centered{text-align:center;margin:0 auto 50px}.section-head h2,.platform-copy h2,.integration-copy h2,.pricing-copy h2,.contact-copy h2{font:800 clamp(34px,4.2vw,54px)/1.08 Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.04em;color:#0F172A;margin-top:13px}.section-head>p,.pricing-copy>p{margin-top:16px;color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid #E2E8F0;border-radius:16px;padding:28px;background:#fff;min-height:280px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:#BFDBFE;box-shadow:var(--shadow)}.feature-icon{width:46px;height:46px;border-radius:11px;background:#EFF6FF;color:#2563EB;display:grid;place-items:center;font-size:20px;margin-bottom:28px}.feature-card h3{font:800 20px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#172033}.feature-card p{font-size:13px;color:var(--muted);margin:10px 0 24px}.feature-card a{font-size:12px;font-weight:800;color:#2563EB}.feature-card a b{font-size:14px}
.platform{background:#0F172A;color:#fff;position:relative;overflow:hidden}.platform:before,.integrations:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(130px);background:#2563EB;opacity:.12;right:-100px;top:-180px}.platform-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;position:relative;z-index:2}.kicker.light{color:#60A5FA}.platform-copy h2,.integration-copy h2,.contact-copy h2{color:#fff}.platform-copy>p,.integration-copy>p,.contact-copy>p{color:#A9B6C9;margin-top:16px;font-size:16px}.checks{display:grid;gap:16px;margin:28px 0 30px}.checks>div{display:flex;gap:12px}.checks>div>span{width:25px;height:25px;flex:0 0 auto;border-radius:50%;background:rgba(37,99,235,.18);color:#60A5FA;display:grid;place-items:center;font-size:12px;font-weight:900}.checks p{display:grid}.checks strong{font-size:14px;color:#F8FAFC}.checks small{font-size:11px;color:#8FA0B6;margin-top:2px}.map-panel{background:#fff;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;box-shadow:0 35px 70px rgba(0,0,0,.28)}.map-toolbar{height:47px;background:#0B1427;display:flex;align-items:center;padding:0 15px;color:#fff;font-size:9px}.map-toolbar>span{display:flex;gap:5px;margin-right:13px}.map-toolbar>span i{width:7px;height:7px;border-radius:50%;background:#334155}.map-toolbar>b{font-weight:750}.map-toolbar em{font-style:normal;margin-left:auto;color:#7F91AA}.big-map{height:420px;background:linear-gradient(145deg,#E4ECF4,#F1F5F9);position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(100,116,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.08) 1px,transparent 1px);background-size:62px 62px}.big-road{position:absolute;height:8px;background:rgba(148,163,184,.28);border-radius:20px;transform-origin:left}.br1{width:520px;left:-10px;top:280px;transform:rotate(-18deg)}.br2{width:480px;left:180px;top:100px;transform:rotate(31deg)}.br3{width:410px;left:10px;top:130px;transform:rotate(26deg)}.br4{width:320px;right:-60px;top:300px;transform:rotate(-34deg)}.blue-route{position:absolute;width:475px;height:6px;background:linear-gradient(90deg,#60A5FA,#2563EB);left:70px;top:255px;transform:rotate(-15deg);border-radius:10px}.map-unit{position:absolute}.map-unit b{display:block;width:17px;height:17px;border-radius:50%;background:#2563EB;border:4px solid #fff;box-shadow:0 5px 12px rgba(15,23,42,.22)}.map-unit span{display:block;background:#fff;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:800;color:#334155;box-shadow:0 4px 10px rgba(15,23,42,.13);margin-top:4px}.u1{left:130px;top:202px}.u2{left:345px;top:145px}.u3{right:95px;top:273px}.weather{position:absolute;right:18px;top:18px;background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;color:#475569;box-shadow:0 6px 15px rgba(15,23,42,.12)}.map-info{position:absolute;left:190px;bottom:32px;background:#0F172A;color:#fff;border-radius:11px;padding:11px 14px;display:grid;min-width:150px;box-shadow:0 12px 24px rgba(15,23,42,.25)}.map-info small{font-size:7px;color:#94A3B8}.map-info strong{font-size:12px}.map-info span{font-size:8px;color:#60A5FA}
.solutions{background:#fff}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;border:1px solid var(--line);border-radius:17px;overflow:hidden}.solution-card{min-height:300px;padding:28px;background:linear-gradient(180deg,#fff,#FAFCFF);border-right:1px solid var(--line)}.solution-card:last-child{border-right:0}.solution-card>span{font:800 10px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#2563EB;letter-spacing:.15em}.solution-symbol{width:44px;height:44px;border-radius:11px;background:#EFF6FF;color:#2563EB;display:grid;place-items:center;font:800 16px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin-top:58px}.solution-card h3{font:800 21px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin:15px 0 10px}.solution-card p{font-size:13px;color:var(--muted)}
.integrations{background:#111C33;color:#fff;position:relative;overflow:hidden}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;position:relative;z-index:2}.integration-copy .btn{margin-top:28px}.integration-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.integration-cards>div{background:linear-gradient(145deg,#182844,#142139);border:1px solid #2B4262;border-radius:14px;padding:25px;display:grid}.integration-cards strong{font:800 18px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.integration-cards span{font-size:10px;color:#89A0BC;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.steps{background:#F8FAFC}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 16px 36px rgba(15,23,42,.05)}.step>span{width:42px;height:42px;border-radius:11px;background:#0F172A;color:#60A5FA;display:grid;place-items:center;font:800 11px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.step h3{font:800 20px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin:23px 0 9px}.step p{font-size:13px;color:var(--muted)}
.pricing{background:#fff}.pricing-shell{background:linear-gradient(135deg,#F5F9FF,#F8FAFC);border:1px solid #DBEAFE;border-radius:24px;padding:62px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.pricing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;font-size:13px;font-weight:700;color:#475569}.pricing-features span::first-letter{color:#2563EB}.quote-card{background:#0F172A;color:#fff;border-radius:18px;padding:35px;box-shadow:0 30px 65px rgba(15,23,42,.2)}.quote-top{display:flex;align-items:center;gap:9px;color:#C6D3E7;font-size:10px;font-weight:800;letter-spacing:.08em}.quote-top img{width:28px;height:24px;object-fit:contain}.quote-card h3{font:800 28px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin-top:16px}.quote-card>p{font-size:13px;color:#9AAAC0;margin:8px 0 24px}.quote-line{padding:21px 0;border-block:1px solid #263851;display:grid;margin-bottom:24px}.quote-line strong{font:800 32px Manrope,Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.quote-line span{font-size:10px;color:#8293A9}.quote-card small{display:block;text-align:center;color:#6F829A;font-size:8px;margin-top:12px}
.faq{background:#F8FAFC}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.text-link{display:inline-block;margin-top:23px;color:#2563EB;font-size:13px;font-weight:800}.faq-list{border-top:1px solid #DCE3EC}.faq-item{border-bottom:1px solid #DCE3EC}.faq-item button{width:100%;background:none;border:0;padding:22px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;font-weight:800;color:#172033;cursor:pointer}.faq-item button b{color:#2563EB;font-size:18px}.faq-answer{display:none;color:#667085;font-size:13px;padding:0 38px 22px 0}.faq-item.active .faq-answer{display:block}.contact{background:linear-gradient(135deg,#0F172A,#14233F);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.contact-points{display:grid;gap:10px;margin-top:25px;color:#D5DEEA;font-size:13px;font-weight:650}.contact-points span::first-letter{color:#60A5FA}.contact-form{background:#fff;color:#172033;border-radius:17px;padding:30px;box-shadow:0 25px 60px rgba(0,0,0,.25)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#475569;margin-bottom:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #D9E1EA;border-radius:8px;background:#FCFDFE;padding:11px 12px;color:#172033;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#60A5FA;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.contact-form textarea{resize:vertical}.form-note{text-align:center;color:#94A3B8;font-size:9px;margin-top:10px}.form-note.success{color:#15803D;font-weight:700}
footer{background:#070E1C;color:#8FA0B4;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:50px;padding-bottom:40px}.footer-brand img{width:155px;background:#fff;border-radius:8px;padding:5px 8px}.footer-brand p{font-size:12px;max-width:290px;margin-top:15px;color:#6F8298}.footer-col{display:grid;align-content:start;gap:8px}.footer-col strong{color:#fff;font-size:12px;margin-bottom:7px}.footer-col a{font-size:11px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #18243A;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#5E718A}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:1000px){.desktop-nav,.nav-login{display:none}.menu-btn{display:block}.hero-grid,.platform-grid,.integration-grid,.pricing-shell,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:50px}.dashboard-scene{min-height:470px}.feature-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card:nth-child(2){border-right:0}.solution-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.pricing-shell{padding:45px;gap:40px}.footer-grid{grid-template-columns:1.3fr repeat(3,.8fr)}.platform-grid,.integration-grid,.contact-grid{gap:48px}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.section{padding:76px 0}.site-header,.nav-wrap{height:70px}.brand img{width:132px}.nav-actions .btn{display:none}.hero{padding:72px 0;min-height:auto}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:18px;justify-content:space-between}.dashboard-scene{min-height:370px}.dash-window{transform:none}.float-card{display:none}.dash-search{display:none}.dash-side{width:39px}.dash-content{width:calc(100% - 39px);padding:11px}.metrics>div{padding:8px}.fleet-map{height:145px}.dash-bottom{grid-template-columns:1fr}.usage{display:none}.feature-grid,.solution-grid,.integration-cards,.step-grid,.pricing-features,.form-row{grid-template-columns:1fr}.solution-card{border-right:0!important;border-bottom:1px solid var(--line)}.solution-card:last-child{border-bottom:0}.platform-grid,.integration-grid,.contact-grid{gap:42px}.big-map{height:330px}.pricing-shell{padding:26px}.faq-grid{gap:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:7px}.contact-form{padding:22px}.section-head h2,.platform-copy h2,.integration-copy h2,.pricing-copy h2,.contact-copy h2{font-size:35px}.signal-grid{gap:9px 12px}}

/* Netlify Forms honeypot + error state */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-note.error{color:#B91C1C;font-weight:700}
.contact-form button[disabled]{opacity:.7;cursor:wait}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:80px}

/* 404 page */
.notfound{min-height:100vh;display:grid;place-items:center;text-align:center}
.notfound img{margin:0 auto 28px;width:220px}
.notfound p{margin:12px auto 28px;max-width:420px;color:#64748B}

/* ---- Content update 2026-10: new sections ---- */
.desktop-nav{gap:22px}
.mobile-menu .mobile-cta{margin-top:14px;border:0;border-radius:10px;background:var(--blue);color:#fff;text-align:center}
.preview-tag{position:absolute;top:-6px;left:50%;transform:translateX(-50%);z-index:3;background:rgba(15,23,42,.85);border:1px solid rgba(96,165,250,.35);color:#BFDBFE;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}
.dark-tag{position:static;transform:none;display:inline-block;margin-top:18px}
.map-toolbar em{font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.truck span{display:none}
.h2,.app-copy h2{font:800 clamp(32px,3.8vw,48px)/1.1 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.04em;color:#101828;margin-top:12px}
.lead{margin-top:16px;color:var(--muted);font-size:16px}
.text-link{font-weight:800;color:var(--blue);font-size:14px}
.tick-list{list-style:none;display:grid;gap:10px;margin:22px 0 26px}
.tick-list li{position:relative;padding-left:26px;font-size:14px;color:#334155}
.tick-list li:before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#DBEAFE;color:var(--blue);font-size:10px;font-weight:900;display:grid;place-items:center}
.tick-list.small{gap:7px;margin:16px 0 18px}
.tick-list.small li{font-size:13px}
.tick-list.cols{grid-template-columns:1fr 1fr;gap:12px 22px}
.fine{display:block;font-size:11px;color:#94A3B8;margin-top:8px}
.btn-outline{border-color:#BFDBFE;color:var(--blue);background:#fff}
.btn-outline:hover{background:#EFF6FF}
.full{width:100%}
.pill{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#1D4ED8;background:#DBEAFE;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pill.muted{color:#64748B;background:#F1F5F9}

.segments{background:#fff}
.segment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.segment-card{border:1px solid var(--line);border-radius:20px;padding:38px;background:linear-gradient(180deg,#fff,#F8FBFF)}
.segment-card.dark{background:linear-gradient(145deg,#0F172A,#14233F);border-color:#1E3050;color:#fff}
.segment-card.dark h3{color:#fff}
.segment-card.dark .tick-list li{color:#CBD5E1}
.segment-card.dark .tick-list li:before{background:rgba(37,99,235,.25);color:#93C5FD}
.segment-card.dark .text-link{color:#93C5FD}
.segment-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.segment-card.dark .segment-label{color:#60A5FA}
.segment-card h3{font:800 26px/1.2 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#172033;margin-top:12px}

.features-section{background:#F8FAFC}
.group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.group-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:.25s}
.group-card:hover{transform:translateY(-4px);border-color:#BFDBFE;box-shadow:var(--shadow)}
.group-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.group-head .feature-icon{margin:0}
.group-head h3{font:800 19px Manrope,Inter,system-ui,sans-serif;color:#172033}
.group-card dl{display:grid;gap:4px}
.group-card dt{font-weight:800;font-size:14px;color:#1E293B;margin-top:12px}
.group-card dd{font-size:12.5px;color:var(--muted)}

.checks.two-col{grid-template-columns:1fr 1fr;gap:16px 20px}

.compliance{background:#fff}
.compliance-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.alert-card{background:linear-gradient(145deg,#0F172A,#172A4A);color:#fff;border-radius:22px;padding:38px;box-shadow:0 30px 65px rgba(15,23,42,.2)}
.alert-card h3{font:800 26px Manrope,Inter,system-ui,sans-serif;margin-top:10px}
.alert-card>p{color:#A9B6C9;font-size:14px;margin:10px 0 22px}
.alert-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.alert-steps li{background:#182844;border:1px solid #2B4262;border-radius:12px;padding:14px 10px;text-align:center;display:grid;gap:4px}
.alert-steps b{font:800 20px Manrope,Inter,system-ui,sans-serif;color:#93C5FD}
.alert-steps span{font-size:11px;color:#94A3B8}
.alert-steps li:last-child b{color:#FBBF24}
.alert-card small{display:block;margin-top:18px;font-size:11px;color:#7F91AA}

.details{background:#F8FAFC}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}
.detail-card .feature-icon{margin-bottom:18px}
.detail-card h3{font:800 21px Manrope,Inter,system-ui,sans-serif;color:#172033}
.detail-card>p{font-size:14px;color:var(--muted);margin-top:8px}

.driver-app{background:#0F172A;color:#fff;position:relative;overflow:hidden}
.app-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.app-copy h2{color:#fff}
.app-copy>p{color:#A9B6C9;margin-top:16px;font-size:16px}
.phone-wrap{text-align:center}
.phone{width:270px;margin:auto;background:#020617;border:1px solid #334155;border-radius:38px;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.45);position:relative}
.phone-notch{width:90px;height:18px;background:#020617;border-radius:0 0 12px 12px;position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:2}
.phone-screen{background:#F8FAFC;border-radius:28px;padding:34px 16px 18px;color:#172033;text-align:left;display:grid;gap:10px}
.phone-top{display:flex;align-items:center;gap:8px;font:800 13px Manrope,Inter,system-ui,sans-serif}
.phone-top img{width:22px;height:18px;object-fit:contain}
.duty-pill{background:#DCFCE7;color:#15803D;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:8px;padding:7px 10px;text-align:center}
.clocks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.clocks div{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:9px 6px;display:grid;text-align:center}
.clocks small{font-size:10px;color:#64748B}
.clocks b{font-size:10px;color:#1D4ED8}
.phone-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:9px 10px;font-size:11px}
.phone-row b{font-size:9px;background:#DBEAFE;color:#1D4ED8;border-radius:5px;padding:2px 6px}
.phone-row b.ok{background:#DCFCE7;color:#15803D}
.phone-alert{background:#FEF3C7;color:#92400E;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:700}
.note-light{color:#8FA0B6;font-size:13px;margin-top:14px}
.note-light a{color:#93C5FD;font-weight:700}

.tools{background:#fff}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tool-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:linear-gradient(180deg,#fff,#F8FBFF)}
.tool-card .feature-icon{margin-bottom:18px}
.tool-card h3{font:800 17px Manrope,Inter,system-ui,sans-serif;color:#172033}
.tool-card p{font-size:13px;color:var(--muted);margin-top:6px}

.integration-copy .note-light{margin-top:14px}

.hardware{background:#F8FAFC}
.hw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hw-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column}
.hw-card .btn{margin-top:auto}
.hw-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.hw-chip{width:74px;height:50px;border-radius:12px;background:linear-gradient(145deg,#0F172A,#1E3A6E);color:#93C5FD;display:grid;place-items:center;font:800 13px Manrope,Inter,system-ui,sans-serif;letter-spacing:.06em;box-shadow:0 10px 22px rgba(15,23,42,.18)}
.hw-card h3{font:800 21px Manrope,Inter,system-ui,sans-serif;color:#172033}
.hw-card>p{font-size:13px;color:var(--muted);margin-top:6px}
.hw-card.accessories{background:linear-gradient(180deg,#fff,#F5F9FF)}
.acc-list{list-style:none;display:grid;gap:9px;margin:18px 0 22px}
.acc-list li{font-size:13px;color:#334155;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.compat{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}
.compat-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:16px}
.compat-head h3{font:800 20px Manrope,Inter,system-ui,sans-serif;color:#172033;white-space:nowrap}
.compat-head p{font-size:13px;color:var(--muted);max-width:560px}
.table-wrap{overflow-x:auto}
.compat table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}
.compat th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#64748B;padding:10px 12px;border-bottom:1px solid var(--line)}
.compat td{padding:11px 12px;border-bottom:1px solid #F1F5F9;color:#334155}
.compat td:first-child{font-weight:800;color:#172033}

.pricing{background:#fff}
.plan-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;max-width:940px;margin:auto;align-items:start}
.plan-card{border:1px solid var(--line);border-radius:20px;padding:34px;background:linear-gradient(180deg,#fff,#F8FBFF)}
.plan-card h3{font:800 24px Manrope,Inter,system-ui,sans-serif;color:#172033}
.plan-card>p{font-size:14px;color:var(--muted);margin-top:8px}
.plan-card.featured{background:#0F172A;border-color:#0F172A;color:#fff;box-shadow:0 30px 65px rgba(15,23,42,.2)}
.plan-card.featured h3{color:#fff;margin-top:14px}
.price{display:flex;align-items:flex-end;gap:10px;margin-top:12px}
.price strong{font:800 56px/1 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.04em}
.price span{font-size:12px;color:#94A3B8;line-height:1.3;padding-bottom:6px}
.was{font-size:13px;color:#94A3B8;margin-top:8px}
.was s{color:#CBD5E1}
.plan-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:24px 0 26px;padding-top:22px;border-top:1px solid #263851}
.plan-list li{font-size:13px;color:#D5DEEA;padding-left:20px;position:relative}
.plan-list li:before{content:"✓";position:absolute;left:0;color:#60A5FA;font-weight:900}
.plan-card.featured small{display:block;text-align:center;color:#8293A9;font-size:11px;margin-top:12px}

.resources{background:#F8FAFC}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:940px;margin:auto}
.resource-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.resource-card strong{font-size:14px;color:#172033}
.faq{background:#fff}

@media(max-width:1120px){.desktop-nav{display:none}.menu-btn{display:block}}
@media(max-width:1000px){.group-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.compliance-grid,.app-grid{grid-template-columns:1fr;gap:48px}.hw-grid{grid-template-columns:1fr 1fr}.hw-card.accessories{grid-column:1/-1}.resource-grid{grid-template-columns:1fr 1fr}.compat-head{display:grid;gap:6px}}
@media(max-width:680px){.segment-grid,.group-grid,.tool-grid,.detail-grid,.hw-grid,.plan-grid,.resource-grid,.checks.two-col,.tick-list.cols,.plan-list{grid-template-columns:1fr}.segment-card,.alert-card,.plan-card,.hw-card,.compat,.detail-card{padding:24px}.alert-steps{grid-template-columns:1fr 1fr}.price strong{font-size:46px}.h2,.app-copy h2{font-size:32px}.phone{width:250px}.preview-tag{font-size:9px}.segment-card h3{font-size:22px}}
@media(max-width:680px){.compat table{min-width:0;font-size:12px}.compat th,.compat td{padding:9px 6px}.compat th{font-size:10px;letter-spacing:.04em}}

/* ---- Review pass 2026-10: accessibility & polish ---- */
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:100;background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:800;box-shadow:var(--shadow)}
.skip-link:focus{left:12px}
.dash-title .dash-h{font:800 18px Manrope,Inter,system-ui,sans-serif;color:#172033}
.notfound h1{font:800 clamp(30px,4vw,42px) Manrope,Inter,system-ui,sans-serif;letter-spacing:-.03em;color:#101828}
.form-note{font-size:11px;color:#64748B}
.contact-form label{font-size:12px}
.fine{color:#64748B;font-size:12px}
.pill.muted{color:#475569}
.footer-col a{font-size:13px}
.footer-bottom{font-size:11px;color:#8193A9}
.tool-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.tool-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.group-card,.btn:hover,.group-card:hover{transition:none;transform:none}}

/* Self-hosted fonts (latin subset, variable weight) */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format("woff2")}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/manrope-latin.woff2) format("woff2")}

/* Mockup label contrast (WCAG AA) */
.dash-title small,.metrics small,.metrics span,.panel-label,.usage small,.dash-search{color:#64748B}
.dash-search{color:#94A3B8;background:#1E2D47}
.metrics .warn{color:#B45309}
.metrics .up{color:#047857}
.status-list .off{color:#475569}
.float-card span{color:#64748B}