:root { --ink:#102035; --orange:#e27125; --cream:#f6f5f1; --line:#d8dce0; --muted:#647180; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:Alexandria, sans-serif; } .english { font-family:Manrope, sans-serif; }
.site-header { min-height:86px; padding:14px clamp(22px,5vw,78px); display:flex; align-items:center; justify-content:space-between; gap:28px; background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; } .brand img, footer img { width:190px; height:52px; object-fit:cover; object-position:center; border-radius:26px; display:block; } nav { display:flex; gap:29px; } nav a { color:var(--ink); text-decoration:none; font-size:13px; font-weight:600; } .language { border:1px solid var(--ink); background:transparent; color:var(--ink); padding:10px 15px; border-radius:100px; font:600 12px inherit; cursor:pointer; }
.hero { padding:clamp(60px,9vw,135px) clamp(22px,8vw,132px) 70px; background:#102035; min-height:550px; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; overflow:hidden; color:white; } .hero-copy { position:relative; z-index:1; max-width:680px; } .eyebrow { letter-spacing:.13em; color:var(--orange); font-size:11px; font-weight:700; margin:0 0 16px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(38px,5vw,70px); line-height:1.16; letter-spacing:-.04em; margin-bottom:22px; } .intro { color:#d5dce4; line-height:1.9; font-size:16px; max-width:550px; margin-bottom:32px; } .primary-button { background:var(--orange); color:#fff; text-decoration:none; font-weight:700; font-size:13px; padding:16px 22px; border-radius:5px; display:inline-flex; gap:16px; align-items:center; transition:transform .2s, background .2s; } .primary-button:hover { transform:translateY(-2px); background:#c95e18; }
.hero-visual { height:300px; position:relative; opacity:.96; } .hero-visual p { position:absolute; bottom:8px; left:14%; font:800 clamp(50px,8vw,105px) Manrope; letter-spacing:.13em; color:rgba(255,255,255,.06); } .route { position:absolute; border:1px solid rgba(226,113,37,.58); border-radius:50%; transform:rotate(-25deg); } .route-one { width:550px; height:170px; top:43px; right:-105px; } .route-two { width:370px; height:110px; top:100px; right:40px; } .route-dot { position:absolute; height:10px; width:10px; border-radius:50%; background:var(--orange); } .route-dot.one { top:73px; right:75px; }.route-dot.two { bottom:77px; left:78px; }.truck { position:absolute; width:200px; height:96px; background:#f5f5f1; bottom:70px; right:21%; border-radius:4px 6px 2px 2px; box-shadow:0 18px 40px #0004; }.truck span { display:block; position:absolute; width:54px; height:65px; right:-54px; bottom:0; background:var(--orange); border-radius:0 6px 2px 0; }.truck i,.truck b { position:absolute; height:24px; width:24px; border-radius:50%; background:#102035; border:5px solid #d8dde1; bottom:-12px; }.truck i{right:21px}.truck b{left:23px}.truck em { position:absolute; border-top:3px solid var(--orange); width:116px; top:31px; right:31px; }
.coverage { padding:31px clamp(22px,8vw,132px); background:#fff; display:flex; gap:30px; align-items:center; border-bottom:1px solid var(--line); }.coverage p { margin:0; color:var(--muted); font-size:12px; white-space:nowrap; }.coverage div{display:flex; gap:24px; flex-wrap:wrap}.coverage span{font-weight:700;font-size:14px}.coverage span:not(:last-child)::after{content:'•';margin:0 24px;color:var(--orange)}
.section { padding:105px clamp(22px,8vw,132px); }.section-heading { max-width:600px; margin-bottom:47px; } h2 { font-size:clamp(30px,3.4vw,50px); line-height:1.3; letter-spacing:-.035em; margin-bottom:0; }.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-inline-start:1px solid var(--line); }.service-grid article { min-height:215px; padding:27px; background:#fafaf8; border-bottom:1px solid var(--line); border-inline-end:1px solid var(--line); transition:background .2s; }.service-grid article:hover{background:#fff}.service-grid span{color:var(--orange);font:700 12px Manrope}.service-grid h3 { font-size:17px; margin:37px 0 12px; }.service-grid p { color:var(--muted); font-size:12px; line-height:1.9; margin:0; }
.about { background:var(--orange); color:#fff; padding:85px clamp(22px,15vw,230px); display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }.about .eyebrow { color:#102035; }.about p:last-child { line-height:2; font-size:15px; margin:0; }.contact { margin:clamp(60px,8vw,120px) clamp(22px,8vw,132px); padding:clamp(35px,5vw,70px); background:#fff; border:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:30px; }.contact h2 { max-width:580px; margin-bottom:12px; }.contact p { color:var(--muted); max-width:530px; line-height:1.9; font-size:13px; margin:0; }.contact-actions { display:flex; flex-direction:column; align-items:center; gap:16px; min-width:220px; }.email { color:var(--ink); font:600 12px Manrope; } footer { border-top:1px solid var(--line); padding:28px clamp(22px,8vw,132px); display:flex; align-items:center; justify-content:space-between; background:#fff; } footer img{width:135px;height:37px;border-radius:20px;} footer p{margin:0;color:var(--muted);font:500 11px Manrope;}
@media (max-width:780px){.site-header{min-height:70px;padding:10px 18px}.brand img{width:138px;height:38px}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 22px 45px}.hero-visual{height:190px;margin-top:28px}.truck{transform:scale(.76);transform-origin:right bottom;right:24%}.coverage{display:block}.coverage p{margin-bottom:14px}.coverage div{gap:4px}.coverage span:not(:last-child)::after{margin:0 10px}.section{padding:70px 22px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:175px}.about{padding:62px 22px;grid-template-columns:1fr;gap:28px}.contact{margin:55px 22px;padding:35px 25px;display:block}.contact-actions{align-items:flex-start;margin-top:30px}footer{padding:20px 22px}.english .contact-actions{align-items:flex-start;}}