*{box-sizing:border-box}
:root{--navy:#062747;--navy-deep:#021a32;--orange:#ff6900;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--navy-deep);color:var(--white)}
.hero{min-height:740px;position:relative;overflow:hidden;padding:34px clamp(22px,8.5vw,140px) 70px;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.87) 39%,rgba(255,255,255,.12) 66%,rgba(2,26,50,.05) 100%),linear-gradient(0deg,rgba(2,26,50,.2),transparent 40%),url('assets/road-truck.jpg') center 54%/cover no-repeat;color:var(--navy)}
/* The page remains attractive if no background image is supplied. */
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(245,250,255,.25),transparent 55%);pointer-events:none}
.brand,.tagline,.intro,.truck-caption{position:relative;z-index:1}
.brand{width:max-content;text-align:center;margin:0 0 42px 0}
.logo{position:relative;font-size:clamp(65px,8vw,105px);font-weight:950;letter-spacing:-8px;line-height:.9;color:#07356c;font-style:italic}
.logo-swoosh{display:block;height:8px;width:88px;background:var(--orange);transform:skew(-42deg) rotate(-8deg);position:absolute;left:7px;bottom:9px;border-radius:100%}
.pvt{font-size:25px;letter-spacing:9px;font-weight:700;margin-top:10px}
.motto{font-size:12px;letter-spacing:5px;margin-top:12px;font-weight:700}
.motto b{color:var(--orange)}
.tagline{position:absolute;right:7%;top:42px;font-family:Georgia,serif;font-style:italic;font-size:clamp(24px,3vw,42px);line-height:1.15;text-align:center;transform:rotate(-5deg);color:#08294d}
.tagline span{color:var(--orange);display:block;font-family:Arial,sans-serif;font-size:32px}
.intro{max-width:700px}
.eyebrow{font-size:clamp(18px,2vw,27px);letter-spacing:4px;margin:0 0 4px}
h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-2px;margin:0 0 18px;font-weight:900}
h1 span{color:var(--orange)}
.description{font-size:clamp(16px,1.5vw,21px);line-height:1.55;color:#34465a;margin:0 0 26px}
.countdown{display:flex;gap:12px;max-width:570px;margin-bottom:25px}
.countdown div{flex:1;min-width:0;text-align:center;background:rgba(3,35,65,.97);border-radius:11px;padding:15px 8px 13px;color:#fff;box-shadow:0 5px 15px #092b4b22}
.countdown strong{display:block;font-size:clamp(25px,3vw,39px);line-height:1.15}
.countdown small{display:block;font-size:12px;letter-spacing:1px;margin-top:4px}
.notify{display:flex;align-items:center;max-width:570px;min-height:58px;border-radius:40px;background:#fff;box-shadow:0 5px 20px #0b2a4b1c;overflow:hidden;padding-left:20px}
.mail-icon{font-size:21px;color:var(--navy);margin-right:14px}
.notify input{flex:1;min-width:0;border:0;outline:0;font:inherit;color:#20364d;padding:16px 0}
.notify button{align-self:stretch;border:0;border-radius:40px;background:var(--orange);color:#fff;font-size:16px;font-weight:700;padding:0 28px;cursor:pointer}
.notify button:hover{background:#e95d00}
.form-note{max-width:570px;font-size:13px;color:#34465a;margin:10px 0 0 10px}
.truck-caption{position:absolute;right:5%;bottom:35px;color:white;font-weight:700;letter-spacing:3px;font-size:12px;text-shadow:0 2px 8px #000}
.services{display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(120deg,#052b4e,#02172d);padding:36px 4% 30px}
.service{text-align:center;padding:8px 12px;border-right:1px solid #ffffff24}
.service:last-child{border-right:0}
.icon{display:block;color:#fff;font-size:36px;line-height:1.2;margin-bottom:10px}
.service h2{font-size:15px;margin:0 0 7px}
.service p{font-size:12px;margin:0;color:#dbe5ef}
footer{display:flex;align-items:center;justify-content:center;gap:22px;background:#02172d;color:#fff;padding:18px 20px 24px;position:relative}
footer>span{height:1px;width:70px;background:#8a9baa}
footer p{letter-spacing:5px;font-size:12px;margin:0}
footer small{position:absolute;bottom:5px;font-size:10px;color:#a9bacb}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero{padding:25px 5% 55px;min-height:760px;background-position:60% center}.tagline{right:5%;top:30px;font-size:25px}.intro{max-width:600px}.services{grid-template-columns:repeat(3,1fr);row-gap:25px}.service:nth-child(3){border-right:0}.service:nth-child(4){grid-column:1/2}}
@media(max-width:600px){.hero{min-height:800px;padding:25px 20px 50px;background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 54%,rgba(2,26,50,.25) 100%),url('assets/road-truck.jpg');background-position:62% center}.brand{margin-bottom:25px}.logo{font-size:70px}.pvt{font-size:18px;letter-spacing:7px}.motto{font-size:9px;letter-spacing:3px}.tagline{position:relative;top:auto;right:auto;display:none}.eyebrow{letter-spacing:2px}h1{font-size:clamp(43px,12vw,64px);letter-spacing:-1.5px}.description br{display:none}.description{font-size:16px}.countdown{gap:7px}.countdown div{padding:13px 4px;border-radius:8px}.countdown strong{font-size:26px}.countdown small{font-size:9px;letter-spacing:.5px}.notify{padding-left:13px;min-height:54px}.mail-icon{margin-right:8px}.notify input{font-size:13px}.notify button{font-size:13px;padding:0 16px}.truck-caption{right:20px;bottom:20px;font-size:9px}.services{grid-template-columns:repeat(2,1fr);padding:25px 12px;row-gap:20px}.service{padding:8px 5px;border-right:1px solid #ffffff24}.service:nth-child(2n){border-right:0}.service:nth-child(3){border-right:1px solid #ffffff24}.service:last-child{grid-column:1/-1;border-right:0}.service h2{font-size:13px}.service p{font-size:11px}footer{padding-bottom:30px}footer>span{width:30px}footer p{letter-spacing:3px}}