:root{color-scheme:dark;--bg:#090c0f;--surface:#11161b;--line:#2c343b;--text:#f4f6f7;--muted:#9ca7af;--red:#e32931;--blue:#168dff;--green:#35c978;font-family:Inter,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;min-height:70px;padding:10px max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(9,12,15,.96)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:42px;height:42px;object-fit:cover;border:1px solid #532329;border-radius:5px}.brand span{display:grid}.brand b{font-size:14px}.brand small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.site-header nav,.footer nav{display:flex;gap:24px}.site-header nav a{color:#c5cbd0;font-size:14px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #4a545d;border-radius:5px;padding:0 20px;background:#151b20;color:#fff;font-weight:700}.button.primary{border-color:var(--red);background:var(--red)}.button.outline{border-color:var(--red);background:transparent;color:#ff5c62}.hero{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,7,9,.94) 0%,rgba(5,7,9,.62) 48%,rgba(5,7,9,.15) 100%),url('/assets/fleet-mobility-hero.png') center/cover no-repeat}.hero-content{width:min(1240px,calc(100% - 48px));margin:auto}.hero h1{max-width:720px;margin:0;font-size:64px;line-height:1.02}.hero p{max-width:610px;margin:22px 0 28px;color:#d4d9dd;font-size:22px}.actions{display:flex;gap:12px}.features{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);background:#0e1317}.features article{display:grid;gap:7px;min-height:145px;padding:28px;border-right:1px solid var(--line)}.features article:last-child{border:0}.features b{font-size:15px}.features b:before{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--red);content:""}.features span{color:var(--muted);font-size:13px}.section{width:min(1180px,calc(100% - 48px));margin:auto;padding:82px 0}.section small,.trial small{color:#ff5c62;font-weight:800;letter-spacing:1px}.section h2,.trial h2{margin:5px 0 12px;font-size:34px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.intro p,.company p{margin:0;color:var(--muted);font-size:17px}.pricing>header{text-align:center}.pricing>header p{color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.plans article{position:relative;display:flex;flex-direction:column;min-height:430px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:30px}.plans article.featured{border-color:var(--red)}.plans article>span{position:absolute;top:0;right:0;left:0;border-radius:5px 5px 0 0;background:var(--red);padding:5px;text-align:center;font-size:10px;font-weight:800}.plans h3{margin:14px 0}.plans strong{font-size:38px}.plans strong small{color:var(--muted);font-size:13px}.plans p{color:#d4d9dd}.plans ul{display:grid;gap:10px;margin:18px 0 28px;padding:0;list-style:none;color:var(--muted)}.plans li:before{margin-right:9px;color:var(--red);content:"✓"}.plans .button{margin-top:auto}.trial{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:52px max(24px,calc((100% - 1180px)/2));border-block:1px solid #263846;background:#101a21}.trial p{max-width:730px;margin:0;color:#aab6bf}.company{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.company address{display:grid;align-content:start;gap:7px;border-left:1px solid var(--line);padding-left:36px;color:var(--muted);font-style:normal}.company address b{color:#fff}.company address a{margin-top:8px;color:#ff5c62}footer{display:grid;grid-template-columns:1fr auto;gap:18px;padding:34px max(24px,calc((100% - 1180px)/2));border-top:1px solid var(--line);background:#07090b;color:var(--muted)}footer div{display:grid}footer b{color:#fff}footer nav{align-items:center}footer small{grid-column:1/-1;border-top:1px solid #20262b;padding-top:18px}
.legal{width:min(900px,calc(100% - 40px));margin:60px auto 100px}.legal h1{font-size:44px}.legal h2{margin-top:36px}.legal p,.legal li{color:#b7c0c7}.legal a{color:#ff5c62}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:28px}.contact-card label{display:grid;gap:6px;margin-bottom:14px;color:#d5dade}.contact-card input,.contact-card textarea{width:100%;border:1px solid #39434b;border-radius:4px;background:#090d10;padding:12px;color:#fff}.contact-card textarea{min-height:130px;resize:vertical}
@media(max-width:900px){.site-header nav{display:none}.hero{min-height:500px}.hero h1{font-size:44px}.features{grid-template-columns:1fr 1fr}.features article{border-bottom:1px solid var(--line)}.plans{grid-template-columns:1fr}.intro,.company,.contact-grid{grid-template-columns:1fr}.trial{align-items:flex-start;flex-direction:column}.site-header>.button{display:none}}@media(max-width:560px){.hero h1{font-size:38px}.hero p{font-size:18px}.features{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.section{padding:58px 0}.site-header{min-height:62px}.brand b{font-size:12px}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}