:root{
    --navy:#062d5c;
    --blue:#0867c7;
    --blue2:#0b83dc;
    --red:#ef3340;
    --red2:#ff4b4b;
    --green:#18a86b;
    --orange:#f59e0b;
    --ink:#142238;
    --muted:#65758b;
    --bg:#f5f9fd;
    --white:#fff;
    --line:#e5edf6;
    --shadow:0 18px 45px rgba(6,45,92,.10);
    --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#03224a;color:#d9e9fa;font-size:13px}
.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top-links{display:flex;gap:24px}.topbar i{color:#ff5964;margin-right:6px}
.site-header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 18px rgba(4,35,72,.08)}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:54px;height:54px;border-radius:14px;object-fit:cover}
.brand strong{display:block;color:var(--navy);font-size:22px;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:600}
.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{padding:11px 15px;font-size:14px;font-weight:700;color:#27405f;border-radius:10px}
.main-nav a:hover{background:#edf6ff;color:var(--blue)}.main-nav .nav-cta{background:var(--red);color:#fff;padding:12px 19px;box-shadow:0 8px 20px rgba(239,51,64,.25)}
.menu-toggle{display:none;border:0;background:transparent;font-size:25px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#032b59,#076dc9 62%,#0a93dd);color:#fff;min-height:620px;display:flex;align-items:center}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,255,255,.15),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.12));pointer-events:none}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,26,54,.35),transparent)}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:70px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:800;color:#dbeeff;margin-bottom:15px}.eyebrow.light{color:#dcecff}
.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-2px;margin-bottom:20px}.hero h1 span{color:#ff5260}
.hero-copy>p{font-size:18px;color:#e3f0ff;max-width:640px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;padding:13px 21px;font-weight:800;font-size:14px;cursor:pointer;transition:.25s}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 25px rgba(239,51,64,.25)}.btn-primary:hover{transform:translateY(-2px);background:#d92736}
.btn-light{background:#fff;color:var(--navy)}.btn-white{background:#fff;color:var(--navy)}
.hero-points{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:700}.hero-points i{color:#3ce383;margin-right:6px}
.tracking-card{background:rgba(255,255,255,.97);color:var(--ink);border-radius:24px;padding:16px;box-shadow:0 25px 70px rgba(0,0,0,.22);transform:rotate(1deg)}
.tracking-top{display:flex;justify-content:space-between;font-size:13px;font-weight:800;padding:6px 5px 13px}.tracking-top b{font-size:10px;color:var(--green)}
.map-box{height:330px;border-radius:17px;position:relative;overflow:hidden;background-color:#dbeef5;background-image:linear-gradient(35deg,transparent 47%,#b4d4df 48%,#b4d4df 50%,transparent 51%),linear-gradient(145deg,transparent 45%,#c3e1cf 46%,#c3e1cf 48%,transparent 49%),repeating-linear-gradient(90deg,transparent 0 38px,rgba(100,150,160,.13) 39px 40px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(100,150,160,.13) 39px 40px)}
.route{position:absolute;border:5px solid var(--red);border-top-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(25deg)}.route-one{width:250px;height:180px;left:70px;top:70px}.route-two{width:180px;height:125px;left:150px;top:145px;transform:rotate(-35deg)}
.map-pin{position:absolute;left:54%;top:43%;width:58px;height:58px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--red);display:grid;place-items:center;box-shadow:0 10px 20px rgba(239,51,64,.3)}.map-pin i{transform:rotate(45deg);font-size:23px;color:#fff}
.map-label{position:absolute;bottom:15px;left:15px;background:#fff;border-radius:10px;padding:9px 12px;box-shadow:0 8px 20px rgba(0,0,0,.12)}.map-label strong,.map-label small{display:block}.map-label strong{font-size:12px}.map-label small{font-size:10px;color:var(--muted)}
.tracking-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.tracking-stats>div{background:#f4f8fc;border-radius:12px;padding:11px;display:flex;gap:10px;align-items:center}.tracking-stats i{color:var(--blue);font-size:18px}.tracking-stats span{font-size:10px;color:var(--muted)}.tracking-stats strong{display:block;color:var(--ink);font-size:12px}
.feature-strip{background:#fff;box-shadow:var(--shadow);position:relative;z-index:3}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature-item{padding:27px 20px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.feature-item:last-child{border:0}.feature-item>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:20px}.feature-item h3{font-size:14px}.feature-item p{font-size:12px;color:var(--muted)}
.section{padding:90px 0}.soft-section{background:var(--bg)}
.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading.left{text-align:left;margin-left:0}.section-heading>span,.page-hero>div>span{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--red)}.section-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.16;margin:9px 0 12px;letter-spacing:-1px}.section-heading p{color:var(--muted)}
.card-grid{display:grid;gap:20px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}
.info-card{border:1px solid var(--line);padding:28px;border-radius:var(--radius);background:#fff;box-shadow:0 10px 35px rgba(4,42,82,.05);transition:.25s}.info-card:hover,.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon-box{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:20px}.icon-box.red{background:var(--red)}.icon-box.blue{background:var(--blue)}.icon-box.green{background:var(--green)}.icon-box.navy{background:var(--navy)}
.info-card h3{font-size:18px;margin-bottom:7px}.info-card p{font-size:13px;color:var(--muted)}
.cta-section{padding:35px 0 85px}.cta-box{background:linear-gradient(120deg,var(--navy),#086ecf);border-radius:25px;padding:45px 55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow)}.cta-box h2{font-size:32px;line-height:1.2;margin-bottom:8px}.cta-box p{color:#cce5ff}
.page-hero{background:linear-gradient(120deg,#032b59,#0874d4);color:#fff;padding:85px 0;text-align:center;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,255,255,.05);right:-100px;top:-150px}.page-hero>div{position:relative;z-index:1}.page-hero>div>span{color:#83c8ff}.page-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.12;margin:10px auto 12px;max-width:850px}.page-hero p{color:#d9edff;max-width:680px;margin:auto}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.about-grid p{color:var(--muted);margin-bottom:15px}.about-points{display:grid;gap:14px;margin-top:28px}.about-points>div{display:flex;gap:12px;align-items:flex-start}.about-points i{background:#e8f8f0;color:var(--green);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px}.about-points strong,.about-points small{display:block}.about-points small{color:var(--muted);font-size:12px}
.about-visual{min-height:410px;border-radius:28px;background:radial-gradient(circle,#1a91e4 0 8%,transparent 9%),linear-gradient(145deg,#062e5c,#0b82d9);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow)}.orbit-card{width:175px;height:175px;background:#fff;border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;z-index:2}.orbit-card i{font-size:45px;color:var(--red)}.orbit-card strong{font-size:25px;color:var(--navy)}.orbit-card span{font-size:10px;color:var(--muted)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.3);border-radius:50%}.orbit-a{width:310px;height:310px}.orbit-b{width:450px;height:450px}
.dark-section{background:#041f42;color:#fff;padding:85px 0}.light-heading h2{color:#fff}.light-heading p{color:#a9c4df}.dark-card{padding:30px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:18px}.dark-card i{font-size:28px;color:#48a9ff;margin-bottom:20px}.dark-card h3{margin-bottom:8px}.dark-card p{color:#b9cde1;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;transition:.25s}.service-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:21px;margin-bottom:20px}.service-icon.red{background:var(--red)}.service-icon.blue{background:var(--blue)}.service-icon.green{background:var(--green)}.service-icon.orange{background:var(--orange)}.service-icon.navy{background:var(--navy)}.service-icon.purple{background:#7656d6}.service-card h3{font-size:19px;margin-bottom:8px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:18px}.service-card a{font-size:12px;font-weight:800;color:var(--blue)}
.split-banner{background:#eaf5ff;border:1px solid #d5eaff;border-radius:22px;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.split-banner h2{font-size:30px;line-height:1.2;margin:8px 0}.split-banner p{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08)}.gallery-art{height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:18px;font-weight:800;position:relative;overflow:hidden}.gallery-art:before{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(255,255,255,.08);border-radius:50%}.gallery-art i{font-size:65px;position:relative}.gallery-art span{position:relative}.art-road{background:linear-gradient(145deg,#042a55,#0877d5)}.art-map{background:linear-gradient(145deg,#087b91,#17b779)}.art-fleet{background:linear-gradient(145deg,#263b59,#607d9f)}.art-phone{background:linear-gradient(145deg,#722f8e,#b648c9)}.art-alert{background:linear-gradient(145deg,#a52c37,#f05b43)}.art-security{background:linear-gradient(145deg,#153d66,#0a86ba)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-item{display:flex;gap:14px;margin:22px 0}.contact-icon{width:46px;height:46px;border-radius:12px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center}.contact-item strong,.contact-item span{display:block}.contact-item span{color:var(--muted);font-size:13px}.contact-note{margin-top:28px;background:#fff6df;border:1px solid #f7df9e;padding:14px;border-radius:12px;display:flex;gap:10px;font-size:12px}.contact-note i{color:var(--orange);margin-top:3px}
.contact-form{padding:32px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.contact-form label{font-size:12px;font-weight:800;display:block;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dbe5ef;border-radius:10px;padding:12px 13px;margin-top:7px;font:inherit;font-size:13px;outline:0;background:#fbfdff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#5caaf0;box-shadow:0 0 0 3px #e8f4ff}.success-message{background:#e9f8ef;color:#187448;padding:12px;border-radius:10px;margin-bottom:18px;font-size:13px}
.site-footer{background:#041d3c;color:#d4e5f6;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}.footer-brand strong{display:block;color:#fff}.footer-brand span{font-size:9px;color:#8fb6d8}.site-footer p{font-size:12px;color:#9db7d0}.site-footer h4{color:#fff;margin-bottom:16px}.site-footer a{display:block;font-size:12px;color:#a9c1d8;margin:8px 0}.site-footer a:hover{color:#fff}.site-footer i{color:#5eb7ff;margin-right:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:17px 0}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7796b4}
.floating-call{display:none;position:fixed;right:18px;bottom:18px;width:50px;height:50px;border-radius:50%;background:var(--red);color:#fff;place-items:center;z-index:999;box-shadow:0 12px 25px rgba(239,51,64,.35)}

@media(max-width:980px){
    .main-nav{gap:0}.main-nav a{padding:10px 9px;font-size:12px}.hero-content{grid-template-columns:1fr}.tracking-card{max-width:560px;width:100%;margin:auto}.hero{min-height:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-item:nth-child(2){border-right:0}.feature-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.card-grid.four{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
    .topbar-inner{justify-content:center}.topbar-inner>span{display:none}.top-links{width:100%;justify-content:center;gap:12px;font-size:10px}
    .nav-wrap{min-height:68px}.brand img{width:46px;height:46px}.brand strong{font-size:18px}.brand small{font-size:8px}
    .menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:68px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 15px 30px rgba(0,0,0,.12);padding:10px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{text-align:center;padding:12px}.main-nav .nav-cta{margin-top:4px}
    .hero-content{padding:55px 0}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-copy>p{font-size:15px}.hero-points{font-size:11px;gap:10px}.tracking-card{transform:none}.map-box{height:245px}
    .feature-grid{grid-template-columns:1fr}.feature-item{border-right:0!important;border-bottom:1px solid var(--line)!important}.feature-item:last-child{border-bottom:0!important}
    .section{padding:65px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:31px}.card-grid.four,.card-grid.three,.service-grid,.gallery-grid{grid-template-columns:1fr}.info-card,.service-card{padding:23px}
    .cta-box{padding:30px 24px;flex-direction:column;align-items:flex-start}.cta-box h2{font-size:26px}
    .page-hero{padding:60px 0}.page-hero h1{font-size:36px}
    .about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-visual{min-height:330px}.form-row{grid-template-columns:1fr;gap:0}
    .split-banner{padding:28px 24px;flex-direction:column;align-items:flex-start}.gallery-art{height:230px}
    .footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom .container{flex-direction:column;gap:5px}.floating-call{display:grid}
}