@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700&display=swap');
:root{--navy:#061a3d;--blue:#145ee8;--cyan:#40d9de;--ice:#edf6ff;--ink:#07152f;--muted:#5f718c;--line:#d9e6f3;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7fbff;font-family:Manrope,sans-serif}button,a{font:inherit}button{cursor:pointer}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:48px;position:sticky;top:0;z-index:20;background:rgba(247,251,255,.88);border-bottom:1px solid rgba(196,215,235,.7);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-family:Unbounded,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),#3348d7 58%,#18bfc7);border-radius:12px;font-family:Unbounded;font-size:12px;box-shadow:0 8px 22px rgba(20,94,232,.25)}.main-nav{display:flex;gap:32px;margin-left:auto}.main-nav a{color:#425571;text-decoration:none;font-size:13px;font-weight:600}.main-nav a:hover{color:var(--blue)}.login-button{border:0;border-radius:12px;padding:13px 20px;color:#fff;background:var(--navy);font-size:13px;font-weight:700}.login-button:hover{background:var(--blue)}
.hero{min-height:680px;padding:90px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:8vw;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(64,217,222,.18),transparent 28%),linear-gradient(145deg,#f9fcff 0%,#edf6ff 70%,#f4f0ff 100%)}.hero:before{content:"";position:absolute;left:-8%;bottom:-40%;width:600px;height:600px;border:1px solid rgba(20,94,232,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(20,94,232,.025),0 0 0 140px rgba(20,94,232,.02)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-number{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:18px 0 24px;font-family:Unbounded,sans-serif;font-size:clamp(48px,5.8vw,84px);line-height:1.02;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-text{max-width:610px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border:0;border-radius:13px;color:#fff;background:linear-gradient(110deg,var(--blue),#3548dd);text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 12px 28px rgba(20,94,232,.2)}.text-action{border:0;background:transparent;color:var(--navy);font-weight:800}.text-action span{margin-left:8px;color:var(--blue)}.hero-facts{display:flex;gap:42px;margin-top:50px}.hero-facts div{display:grid;gap:4px}.hero-facts strong{font-family:Unbounded;font-size:20px}.hero-facts span{color:var(--muted);font-size:11px}
.control-visual{position:relative;z-index:2;min-height:410px;padding:25px;color:#fff;background:linear-gradient(150deg,#061a3d,#0a2b62 75%,#144c83);border-radius:28px;box-shadow:0 35px 80px rgba(6,26,61,.28);transform:rotate(1deg)}.control-visual:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.09);border-radius:22px;pointer-events:none}.visual-head,.visual-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.live{color:#70f2c0}.live i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#41dd9d;box-shadow:0 0 0 5px rgba(65,221,157,.1)}.route-map{height:225px;position:relative}.route-line{position:absolute;top:105px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--cyan),#5777fa)}.route-point{position:absolute;top:92px;display:grid;gap:7px}.route-point.start{left:7%}.route-point.finish{right:5%;text-align:right}.route-point i{width:15px;height:15px;border:4px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 6px rgba(255,255,255,.08)}.route-point.finish i{justify-self:end;background:#ffb34c}.route-point span{font-size:15px;font-weight:800}.route-point small{color:#95accd}.truck{position:absolute;top:88px;left:53%;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--blue);box-shadow:0 7px 16px rgba(0,0,0,.25)}.status-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:14px}.status-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--navy);background:var(--cyan);font-weight:900}.status-card div{display:grid;gap:3px}.status-card small{color:#9eb2d0;font-size:9px}.status-card strong{font-size:11px}.status-card time{margin-left:auto;color:var(--cyan);font-size:11px}.visual-footer{margin-top:22px;color:#a9bad3;font-size:10px}
.intro{padding:110px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 2fr;gap:50px;background:#fff}.intro h2,.geography h2{margin:0;font-family:Unbounded;font-size:clamp(32px,4vw,54px);line-height:1.18;letter-spacing:-.04em}.intro div p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.8}.services{padding:0 clamp(24px,7vw,110px) 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#fff}.services article{min-height:270px;padding:36px;background:var(--ice);border-top:3px solid var(--blue)}.services article:nth-child(2){background:#eaf9fa;border-color:var(--cyan)}.services article:nth-child(3){background:#eef0ff;border-color:#4b5ce6}.services article>span{color:var(--blue);font-size:11px;font-weight:800}.services h3{margin:70px 0 12px;font-size:18px}.services p{color:var(--muted);font-size:13px;line-height:1.7}.geography{padding:100px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;color:#fff;background:linear-gradient(115deg,#071b42,#0b3470 70%,#075c78)}.geography .section-number{color:var(--cyan)}.geography p:last-child{color:#b8c9df;line-height:1.8}
footer{padding:65px clamp(24px,7vw,110px) 28px;display:grid;grid-template-columns:1fr 1fr auto;gap:45px;align-items:start;background:#04132e;color:#fff}.footer-brand{color:#fff}footer div:nth-child(2){display:grid;gap:8px}footer small{color:#7287a7;font-size:9px;letter-spacing:.12em}footer a{color:#fff;text-decoration:none;font-size:17px;font-weight:700}.footer-login{background:var(--blue)}footer>p{grid-column:1/-1;margin:28px 0 0;padding-top:25px;border-top:1px solid #193052;color:#7186a7;font-size:10px}
.login-dialog{width:min(440px,calc(100% - 32px));padding:38px;border:0;border-radius:24px;color:var(--ink);box-shadow:0 30px 100px rgba(4,19,46,.4)}.login-dialog::backdrop{background:rgba(4,19,46,.68);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#73829a;font-size:25px}.dialog-brand{margin-bottom:28px}.login-dialog h2{margin:8px 0;font-family:Unbounded;font-size:27px}.dialog-note{color:var(--muted);font-size:13px;line-height:1.6}.login-dialog form{display:grid;gap:17px;margin-top:24px}.login-dialog label{display:grid;gap:7px;font-size:11px;font-weight:800}.login-dialog input{height:48px;padding:0 14px;border:1px solid var(--line);border-radius:11px;outline:0}.login-dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,94,232,.1)}.submit-login{width:100%;margin-top:4px}.login-dialog form>small{text-align:center;color:#8492a7}
@media(max-width:900px){.main-nav{display:none}.site-header{height:70px;padding:0 18px}.login-button{margin-left:auto}.hero{min-height:auto;padding:65px 24px;grid-template-columns:1fr}.control-visual{margin-top:30px}.intro,.geography{grid-template-columns:1fr}.services{grid-template-columns:1fr}.services article{min-height:210px}.services h3{margin-top:45px}}@media(max-width:560px){.brand{font-size:12px}.site-header .login-button{padding:11px 13px;font-size:11px}.hero{padding-top:55px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-facts{gap:20px;justify-content:space-between}.hero-facts strong{font-size:15px}.control-visual{min-height:360px;padding:20px}.route-map{height:190px}.status-card strong{font-size:9px}.intro,.geography{padding-top:75px;padding-bottom:75px}.services{padding-bottom:75px}footer{grid-template-columns:1fr}.footer-login{margin:0;justify-self:start}footer>p{grid-column:1}}
.password-field{position:relative;display:block}.login-dialog .password-field input{padding-right:52px}.password-toggle{position:absolute;right:8px;top:50%;width:36px;height:36px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:9px;color:#61738e;background:transparent}.password-toggle:hover,.password-toggle:focus-visible{color:var(--blue);background:#edf4ff;outline:0}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle.is-visible .eye-slash{display:none}.login-dialog label .password-field{display:block;width:100%}.login-dialog label .password-field input{display:block;width:100%}