:root{--navy:#0A1F3D;--deep:#082245;--green:#1FBF4F;--green2:#14993C;--glow:#3BF26E;--ink:#0F1E36;--muted:#5B6B82;--line:#E3E8EF;--bg:#F6F8FB}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:Montserrat,Inter,sans-serif;letter-spacing:-.01em;line-height:1.15;margin:0 0 .5em}
h2{font-size:clamp(28px,3.6vw,40px)}
h3{font-size:20px}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
.sec{padding:72px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;white-space:nowrap}
.btn.primary{background:linear-gradient(180deg,#2EE05E,#16A844);color:#fff;box-shadow:0 6px 22px rgba(46,224,94,.35)}
.btn.primary:hover{background:var(--green2)}
.btn.ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
/* header */
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:10px max(20px,calc((100% - 1160px)/2));background:rgba(8,34,69,.94);backdrop-filter:blur(10px);color:#fff}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 24px Montserrat,sans-serif}
.brand img{border-radius:9px}
.brand b{color:var(--glow)}
.nav{display:flex;gap:22px;margin-left:auto}
.nav a{text-decoration:none;font-weight:600;font-size:15px;opacity:.9}
.nav a:hover{opacity:1;color:var(--glow)}
.lang select{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:10px;height:38px;padding:0 8px;font:600 14px Inter}
.lang option{color:#0F1E36}
.signin{background:#fff;color:var(--navy);min-height:40px;padding:0 18px}
/* hero */
.hero{background:linear-gradient(180deg,#0E3A63 0%,#072B4E 45%,#06213F 100%);color:#fff;padding-bottom:64px}
.hero-img{display:block;width:100%;max-width:1672px;height:auto;margin:0 auto}
.hero-text{text-align:center;margin-top:8px}
.hero h1{font-size:clamp(30px,4.4vw,52px)}
.lead{max-width:760px;margin:0 auto 24px;font-size:clamp(17px,1.6vw,20px);color:#D3DEEE}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* how */
.how{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.how li{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:26px}
.how .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font:800 20px Montserrat;margin-bottom:12px}
.how p{margin:0;color:var(--muted)}
/* features */
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.feat{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;box-shadow:0 6px 20px rgba(15,30,54,.06)}
.feat p{margin:0;color:var(--muted)}
.fi{width:52px;height:52px;border-radius:14px;margin-bottom:14px;background:#E8F7EC center/28px no-repeat}
.fi1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Cpath d='M9 4 3 6v14l6-2 6 2 6-2V4l-6 2-6-2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E")}
.fi2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.fi3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Cpath d='M12 2v20M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.fi4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10 21h4'/%3E%3C/svg%3E")}
.fi5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M14 3v6h6M8 13h8M8 17h6'/%3E%3C/svg%3E")}
.fi6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E8A3A' stroke-width='2'%3E%3Cpath d='M8 7 3 12l5 5M16 7l5 5-5 5M14 4l-4 16'/%3E%3C/svg%3E")}
/* fleets */
.band{background:radial-gradient(90% 120% at 80% 0%,#0F4A7A 0%,#082245 55%,#061A35 100%);color:#fff}
.band p{color:#D3DEEE}
.two{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.checks li{position:relative;padding-left:36px;color:#fff}
.checks li::before{content:"";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/16px no-repeat}
.devices{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;text-align:center}
.dv{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-bottom:18px}
.dv i{display:block;border:4px solid #fff;border-radius:8px}
.dv .pc{width:110px;height:72px}.dv .tab{width:56px;height:78px}.dv .ph{width:34px;height:60px}
/* pricing, faq, support */
.price,.sup{text-align:center}
.price p,.sup p{max-width:680px;margin:0 auto 18px;color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font-weight:700;cursor:pointer;font-size:18px}
.faq details p{margin:10px 0 0;color:var(--muted)}
.mail{font:700 22px Montserrat;color:var(--green2)}
.foot{background:#06122A;color:#AFC0D8;padding:24px 0;font-size:14px}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:900px){
  .nav{display:none}
  .lang{margin-left:auto}
  .how,.feats{grid-template-columns:minmax(0,1fr)}
  .two{grid-template-columns:minmax(0,1fr)}
  .sec{padding:52px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* multi-page (0.2): page heads, platform sections, tracker, fleets */
.nav a[aria-current=page]{color:var(--glow);opacity:1}
.center{text-align:center}
.big{font-size:19px}
.page-hero{background:radial-gradient(100% 140% at 20% 0%,#11507F 0%,#082245 55%,#061A35 100%);color:#fff;padding:72px 0 64px}
.page-hero h1{font-size:clamp(34px,4.6vw,56px)}
.page-hero .lead{margin:0;max-width:760px;color:#D6E4F5}
.page-hero .two{align-items:center}
.pill{display:inline-block;margin-top:22px;padding:10px 18px;border-radius:999px;background:rgba(59,242,110,.14);border:1px solid rgba(59,242,110,.5);color:#BFFFD2;font-weight:700}
.shot{width:100%;height:auto;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(3,15,35,.35)}
.shot.round{border-radius:24px}
.band-light{background:linear-gradient(180deg,#F1FBF4,#EAF3FF)}
.band-light .big{color:#33465F}
.pf{padding:56px 0;border-bottom:1px solid var(--line)}
.pf:nth-of-type(even){background:var(--bg)}
.pf-in{display:grid;grid-template-columns:96px minmax(0,1fr);gap:32px;align-items:start}
.pf .big{color:#33465F;margin-top:-4px}
.pf-ico{position:relative;width:96px;height:96px;border-radius:28px;background:linear-gradient(160deg,#2EE05E,#0E8F3A);box-shadow:0 14px 34px rgba(31,191,79,.35)}
.pf-ico::after{content:"";position:absolute;inset:0;background:center/52px no-repeat}
.ico-map::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M9 4 3 6v14l6-2 6 2 6-2V4l-6 2-6-2z'/%3E%3Cpath d='M9 4v14M15 6v14'/%3E%3C/svg%3E")}
.ico-card::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M5 16l1.5-5h11L19 16M5 16h14v3H5zM7 19v2M17 19v2'/%3E%3Ccircle cx='8' cy='16' r='.5'/%3E%3C/svg%3E")}
.ico-history::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.ico-tolls::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M12 2v20M17 6H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
.ico-alerts::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10 21h4'/%3E%3C/svg%3E")}
.ico-api::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M8 7 3 12l5 5M16 7l5 5-5 5M14 4l-4 16'/%3E%3C/svg%3E")}
.ico-apps::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='2' y='4' width='14' height='10' rx='1'/%3E%3Crect x='17' y='8' width='5' height='10' rx='1'/%3E%3Cpath d='M6 18h6M9 14v4'/%3E%3C/svg%3E")}
.checks.dark li{color:var(--ink)}
.pf .checks li{color:var(--ink)}
.soon{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.soon li{border:1px dashed #9FB3CC;border-radius:14px;padding:14px 18px;color:#33465F;background:#fff}
.specs{width:100%;border-collapse:collapse;margin-top:8px}
.specs th,.specs td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{width:38%;color:var(--muted);font-weight:600}
.specs td{font-weight:700}
.packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.packs figure{margin:0;background:#fff;border-radius:24px;padding:18px;box-shadow:0 16px 40px rgba(15,30,54,.12);text-align:center}
.packs img{width:100%;height:auto;border-radius:14px}
.packs figcaption{margin-top:12px;font:700 18px Montserrat,sans-serif}
.note{color:var(--muted);font-size:14px;margin-top:18px}
.how.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.fnav{display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:#CFE0F5;text-decoration:none}
@media (max-width:900px){
  .pf-in{grid-template-columns:minmax(0,1fr);gap:16px}
  .pf-ico{width:64px;height:64px;border-radius:20px}.pf-ico::after{background-size:34px}
  .soon,.packs,.how.four{grid-template-columns:minmax(0,1fr)}
  .fnav{display:none}
}
.works{max-width:760px;margin:-8px auto 24px;font-size:14px;color:#9FB8D6}
.packs .wide{grid-column:1/-1}
.packs .wide img{max-width:100%}