@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');
:root{--navy:#082b57;--blue:#116dcc;--pale:#edf5fb;--text:#173454;--white:#fff;--line:#d8e4ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;background:#fff}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #082b5714}.brand{text-decoration:none;color:var(--navy);display:flex;flex-direction:column;line-height:1}.brand-main{font:800 42px/1 Montserrat,sans-serif;letter-spacing:1px}.brand-sub{font:600 12px/1.4 Montserrat,sans-serif;letter-spacing:5px;color:var(--blue);margin-top:8px}nav{display:flex;gap:30px}nav a{color:var(--navy);text-decoration:none;font:600 13px Montserrat,sans-serif}nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.hero{min-height:540px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#06234a 0%,#0b4275 42%,#7fa8bd 100%)}.hero:after{content:"";position:absolute;right:-5%;bottom:-12%;width:62%;height:80%;background:linear-gradient(145deg,#fff0,#fff3),radial-gradient(ellipse at 35% 65%,#dfeaf0 0 20%,#5e8090 21% 22%,transparent 23%),linear-gradient(155deg,transparent 45%,#d9e2e5 46% 48%,transparent 49%);opacity:.75;transform:rotate(-4deg)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#06234aee 0%,#062e59cc 45%,#06234a18 78%)}.hero-content{position:relative;z-index:2;width:min(1160px,90%);margin:auto;color:#fff}.eyebrow{font:800 64px/1 Montserrat,sans-serif;letter-spacing:2px}.hero h1{font:700 clamp(30px,4vw,52px)/1.15 Montserrat,sans-serif;margin:20px 0 18px;max-width:780px}.hero p{font-size:19px;max-width:690px}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;padding:14px 22px;border-radius:5px;text-decoration:none;font:700 13px Montserrat,sans-serif;letter-spacing:.2px}.btn-light{background:#fff;color:var(--navy)}.btn-outline{border:1px solid #fff;color:#fff}.btn-primary{background:var(--navy);color:#fff}.intro{padding:48px 8%;text-align:center;background:#fff}.intro p{max-width:900px;margin:auto;font:600 22px/1.45 Montserrat,sans-serif;color:var(--navy)}.services{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 5% 60px;background:#fff}.service-card{border:1px solid var(--line);background:#fff;box-shadow:0 10px 35px #082b5710}.visual{height:185px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual:before,.visual:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.visual-car{background:linear-gradient(120deg,#0b3764,#6d9db6 52%,#d8e1e2)}.visual-car:before{width:330px;height:90px;background:#e9eef0;transform:skew(-20deg) rotate(-4deg);bottom:25px;right:20px}.visual-car:after{width:280px;height:55px;background:#173e65;transform:skew(-25deg) rotate(-4deg);bottom:45px;right:45px}.visual-warehouse{background:linear-gradient(120deg,#dce8ef,#66808e);}.visual-warehouse:before{width:500px;height:180px;background:repeating-linear-gradient(90deg,#5c7482 0 18px,#d6e0e4 18px 55px);bottom:-50px;opacity:.7}.visual-warehouse:after{width:140px;height:180px;background:#f0b83d;right:90px;bottom:-70px;opacity:.7}.visual span{position:relative;z-index:2;font-size:70px;filter:drop-shadow(0 5px 7px #0005)}.card-body{padding:30px}.tag{font:700 12px Montserrat,sans-serif;letter-spacing:2px;color:var(--blue)}h2{font:700 clamp(27px,3vw,38px)/1.15 Montserrat,sans-serif;color:var(--navy);margin:12px 0 18px}.card-body p{min-height:76px}.card-body ul{padding:0;margin:20px 0 28px;list-style:none}.card-body li{margin:9px 0;padding-left:24px;position:relative}.card-body li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.values{display:grid;grid-template-columns:repeat(5,1fr);background:var(--navy);color:#fff;padding:35px 5%;gap:10px}.values div{text-align:center;border-right:1px solid #ffffff55;padding:5px 12px}.values div:last-child{border:0}.values strong{display:block;font:800 31px Montserrat,sans-serif}.values span{display:block;font-size:13px;margin-top:4px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:75px 9%;align-items:center}.about p{max-width:780px}.timeline{border-left:2px solid var(--line);padding-left:28px}.timeline div{padding:18px 0}.timeline b{display:block;font:700 20px Montserrat;color:var(--navy)}.timeline span{display:block;color:var(--blue);font-weight:600;margin:4px 0}.timeline small{display:block}.contact{background:linear-gradient(110deg,#06254d,#0b4779);color:#fff;display:flex;justify-content:space-between;gap:40px;padding:55px 9%;align-items:center}.contact h2{color:#fff}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:330px}.contact-actions a:not(.btn),.contact-actions span{color:#fff;text-decoration:none}.contact-actions .btn{margin-top:12px;text-align:center}.contact .tag{color:#9fd1ff}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{font:800 22px Montserrat;color:var(--navy)}.footer-brand small{display:block;font:600 8px Montserrat;letter-spacing:3px;color:var(--blue)}.footer-links{display:flex;gap:16px}.footer-links a,.legal{color:#60758b;text-decoration:none}
@media(max-width:850px){.site-header{height:76px}.brand-main{font-size:31px}.brand-sub{font-size:8px;letter-spacing:3px}.menu-toggle{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 5%;flex-direction:column;gap:18px;box-shadow:0 10px 20px #0001}nav.open{display:flex}.hero{min-height:590px}.eyebrow{font-size:48px}.services,.about{grid-template-columns:1fr}.values{grid-template-columns:repeat(2,1fr)}.values div:nth-child(2){border:0}.contact{flex-direction:column;align-items:flex-start}.contact-actions{min-width:0;width:100%}footer{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:31px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.services{padding-left:4%;padding-right:4%}.card-body{padding:23px}.values{padding:28px 3%;grid-template-columns:1fr 1fr}.values strong{font-size:25px}.about,.contact{padding:50px 7%}.intro{padding:38px 7%}.intro p{font-size:18px}}