:root{--green:#073f39;--deep:#052e2b;--mint:#0b6558;--ink:#18272b;--muted:#5d686b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.header{height:84px;display:flex;align-items:center;gap:28px;padding:0 max(5%,calc((100vw - 1280px)/2));background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #00000012}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:21px;letter-spacing:3px;font-weight:700;color:var(--green);line-height:1}.brand small{display:block;font-size:8px;letter-spacing:5px;text-align:center;margin-top:5px}.mark{font-size:45px;line-height:1;transform:rotate(0deg)}nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase}nav a:hover,.service a:hover{color:var(--mint)}.top-cta,.btn{display:inline-block;border:0;border-radius:3px;background:var(--green);color:#fff;padding:15px 22px;font-size:12px;font-weight:700;cursor:pointer;text-align:center}.top-cta{white-space:nowrap;font-size:10px;padding:12px}.menu{display:none}.hero{min-height:540px;position:relative;background:linear-gradient(90deg,#101c1ddf 0%,#162323a6 43%,#12202040 100%),#30423e;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0 0 0 36%;background:url('assets/truck-hero.jpg') center center/cover no-repeat;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101c1de8 0%,#142021a6 44%,transparent 78%)}.hero-content{position:relative;z-index:1;max-width:620px;padding:80px 6%;color:#fff}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.07;margin:10px 0 20px;letter-spacing:-1px}.hero p:not(.eyebrow){max-width:380px;font-size:17px}.eyebrow{font-size:12px;color:var(--green);font-weight:800;letter-spacing:1px;margin:0 0 8px}.eyebrow.light{color:#b7d9d0}.accent{display:block;width:64px;height:4px;background:#0b786a}.actions{display:flex;gap:12px;margin-top:26px}.outline{background:transparent;border:1px solid #fff}.benefits{background:var(--green);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;gap:20px}.benefits>div{display:flex;align-items:center;gap:16px;border-right:1px solid #ffffff38;font-size:32px}.benefits>div:last-child{border:0}.benefits span{display:grid;font-size:12px}.benefits small{font-size:12px;color:#d5e4e1}.section{padding:75px 5%;text-align:center;max-width:1450px;margin:auto}.section h2,.about h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 18px}.intro{max-width:660px;margin:0 auto 40px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.service{border:1px solid #e3e8e8;border-radius:5px;overflow:hidden;box-shadow:0 5px 14px #0000000b}.service-art{height:170px;display:grid;place-items:center;font-size:64px;color:#fff}.truck{background:linear-gradient(145deg,#54736b,#173f3b)}.port{background:linear-gradient(145deg,#8da6b1,#1e4c5a)}.rail{background:linear-gradient(145deg,#9e9a78,#364f45)}.warehouse{background:linear-gradient(145deg,#a18e75,#3c443b)}.service-body{padding:23px}.service h3{font-size:15px;line-height:1.4;margin:0 0 12px}.service p{font-size:13px;min-height:80px;color:var(--muted)}.service a{font-size:12px;color:var(--green);font-weight:800}.process{background:#f5f8f8;max-width:none}.steps{max-width:1100px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps>div{display:grid;justify-items:center;align-content:start}.steps i{background:var(--green);color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-style:normal;margin-bottom:22px}.steps strong{font-size:14px}.steps p{font-size:13px;max-width:190px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.about-copy{padding:65px max(9%,calc((100vw - 1200px)/2));padding-right:8%;align-self:center}.about-copy p{color:var(--muted)}.about-copy ul{padding:0;list-style:none;margin:25px 0}.about-copy li{margin:8px 0}.about-copy li:before{content:'✓';color:var(--mint);margin-right:12px}.about-image{background:linear-gradient(#0d2e2822,#0d2e2822),url('assets/truck-road.jpg') center/cover no-repeat}.carriers{background:#f7faf9;max-width:none}.quote form{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.quote label{font-size:13px;font-weight:700;display:grid;gap:6px}.quote input,.quote select,.quote textarea{width:100%;padding:12px;border:1px solid #cbd5d2;border-radius:3px;background:#fff}.wide{grid-column:1/-1}.form-note{font-size:12px;color:var(--muted);margin:0}.contact{background:var(--green);color:#fff;padding:35px 8%;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{margin:0}.contact p{margin:4px 0}.white{background:#fff;color:var(--green)}footer{background:var(--deep);color:#e8f1ef;padding:55px 8% 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footbrand{color:#fff}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid p,.footer-grid a:not(.brand){font-size:13px;margin:0}.footer-grid b{font-size:13px;margin-bottom:12px}.copyright{border-top:1px solid #ffffff2a;margin-top:45px;padding-top:18px;font-size:12px;color:#b6c9c5}@media(max-width:1050px){.header{gap:12px}nav{gap:10px}.brand{font-size:16px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header{height:70px;padding:0 5%}.menu{display:block;margin-left:auto;background:none;border:0;font-size:25px;color:var(--green)}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 10px 20px #0002;padding:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}.top-cta{display:none}.hero{min-height:520px}.hero-image{inset:0 0 0 12%;opacity:.7}.hero:after{background:linear-gradient(90deg,#101c1ded,#101c1d99)}.hero-content{padding:60px 6%}.hero h1{font-size:42px}.benefits{grid-template-columns:1fr 1fr}.benefits>div{border:0}.cards,.steps,.about,.footer-grid{grid-template-columns:1fr 1fr}.about-copy{padding:45px 7%}.footer-grid{gap:30px}}@media(max-width:520px){.cards,.steps,.about,.footer-grid,.quote form{grid-template-columns:1fr}.about-image{min-height:300px}.benefits{grid-template-columns:1fr}.section{padding:55px 6%}.contact{flex-direction:column;align-items:flex-start}.hero h1{font-size:36px}.actions{flex-wrap:wrap}}

/* Reference-image assets and closer visual matching */
.logo-image{display:block;width:210px;max-width:100%;height:auto}.header{padding:0 3%;gap:18px;height:94px}.brand{flex:0 0 auto}.header-phone{font-size:11px;white-space:nowrap;font-weight:700;color:var(--green)}nav{gap:17px}.hero{min-height:405px;background:#17211f}.hero-image{inset:0 0 0 39%;background-image:url('assets/hero-truck.jpg');background-position:center;background-size:cover}.hero:after{background:linear-gradient(90deg,#101b1de8 0%,#101b1dca 35%,#101b1d1c 65%,transparent 100%)}.hero-content{padding:40px 5%;max-width:560px}.hero h1{font-size:clamp(39px,4.1vw,61px);margin:0 0 10px}.hero p:not(.eyebrow){font-size:16px}.benefits{padding:19px 6%}.section{padding-top:44px;padding-bottom:44px}.intro{margin-bottom:24px}.service-art{height:125px;background-size:cover!important;background-position:center!important}.service-art.truck{background-image:url('assets/truckload.jpg')}.service-art.port{background-image:url('assets/drayage.jpg')}.service-art.rail{background-image:url('assets/intermodal.jpg')}.service-art.warehouse{background-image:url('assets/transloading.jpg')}.service-body{padding:17px}.service p{min-height:65px}.about-image{background-image:url('assets/hero-truck.jpg');background-position:center}.contact{padding-top:25px;padding-bottom:25px}@media(max-width:1250px){.header-phone{display:none}}@media(max-width:760px){.header{height:70px}.logo-image{width:180px}.hero-image{inset:0 0 0 8%;background-position:60% center}.hero:after{background:linear-gradient(90deg,#101b1df0,#101b1dbb 58%,#101b1d55)}.hero-content{padding:55px 6%}.service-art{height:160px}}

/* White-truck reference: lighter page, original photographic assets, restrained green accents. */
:root{--green:#103e38;--deep:#17332f;--mint:#14584f}
.header{height:74px;background:#fff;box-shadow:0 1px 7px #0000000c}
.logo-image{width:210px;height:auto}
.hero{min-height:405px;background:#29322e}
.hero-image{inset:0;background-image:url('assets/white-truck-reference.jpg');background-size:cover;background-position:center center}
.hero:after{background:linear-gradient(90deg,#111b1bd9 0%,#17201fa9 30%,#111b1b16 58%,transparent 85%)}
.hero-content{padding:48px 5%;max-width:540px}
.hero h1{font-size:clamp(38px,4.2vw,59px)}
.benefits{background:#103d37;padding:18px 6%}
.section{background:#fff}.process{background:#f8f9fa}.carriers{background:#f9faf9}
.service-art.truck{background-image:url('assets/truckload-white.jpg')}.service-art.port{background-image:url('assets/drayage-white.jpg')}.service-art.rail{background-image:url('assets/intermodal-white.jpg')}.service-art.warehouse{background-image:url('assets/transloading-white.jpg')}
.service-art{height:135px;background-size:cover!important;background-position:center!important}
.service{background:#fff}.about-image{background-image:url('assets/white-truck-reference.jpg');background-position:72% center}
.contact{background:#103d37}footer{background:#203b37}
@media(max-width:760px){.header{height:70px}.hero-image{inset:0;background-position:64% center}.hero:after{background:linear-gradient(90deg,#111b1bea 0%,#111b1bb0 60%,#111b1b48 100%)}.hero-content{padding:55px 6%}.service-art{height:175px}}

/* Fix: the supplied reference is a screenshot with text already baked in.
   Use only its clean truck portion so live HTML never overlaps screenshot text. */
.hero{background:#18201e;isolation:isolate}
.hero-image{inset:0 0 0 35%;background-image:url('assets/white-truck-clean.jpg');background-position:center right;background-size:cover}
.hero:after{background:linear-gradient(90deg,#121b1bef 0%,#17201fe8 28%,#17201f8c 48%,transparent 78%)}
.about-image{background-image:url('assets/white-truck-clean.jpg');background-position:center;background-size:cover}
@media(max-width:760px){.hero-image{inset:0 0 0 12%;background-position:55% center}.hero:after{background:linear-gradient(90deg,#121b1bf2 0%,#121b1bda 48%,#121b1b75 100%)}}

/* FreightJet light refresh: use original higher-resolution images, not 200px thumbnail crops. */
:root{--green:#12624f;--deep:#163f36;--mint:#168064;--ink:#1c302d;--muted:#536560}
body{background:#fff;color:var(--ink)}
.header{background:#fff;box-shadow:0 2px 18px #173d3014}
.hero{background:#f1f6f3;min-height:455px}
.hero-image{inset:0 0 0 43%;background-image:url('assets/hero-truck.jpg');background-position:center center;background-size:cover}
.hero:after{background:linear-gradient(90deg,#f1f6f3 0%,#f1f6f3 37%,#f1f6f3e0 48%,#f1f6f300 73%)}
.hero-content{color:#173b31;max-width:610px}.hero p:not(.eyebrow){color:#415a52}.hero h1{color:#173b31}.hero .outline{color:#12624f;border-color:#12624f;background:#ffffffbf}
.benefits{background:#f4f8f5;color:#173b31;border-block:1px solid #e2ede6}.benefits>div{border-right:1px solid #cbded3}.benefits small{color:#536960}
.service{border-radius:12px;box-shadow:0 8px 24px #123a2910}.service-art{height:170px;background-size:cover!important;background-position:center!important}
.service-art.truck{background-image:url('assets/hero-truck.jpg')}.service-art.port{background-image:url('assets/drayage.jpg')}.service-art.rail{background-image:url('assets/intermodal.jpg')}.service-art.warehouse{background-image:url('assets/transloading.jpg')}
.about-image{background-image:url('assets/hero-truck.jpg');background-position:center}.process,.carriers{background:#f6faf7}.contact{background:#e9f3ed;color:#173b31}.contact .white{background:#12624f;color:white}footer{background:#183d34}.honeypot{position:absolute;left:-9999px}
.quote input:focus,.quote textarea:focus,.quote select:focus{outline:2px solid #168064;outline-offset:1px}
@media(max-width:760px){.hero{min-height:550px}.hero-image{inset:0;background-position:60% center;opacity:.24}.hero:after{background:linear-gradient(90deg,#f1f6f3ed,#f1f6f3a8)}.hero-content{padding:60px 6%}.benefits>div{border-right:0}}

/* Hero clarity fix: keep the truck fully opaque, with no washout over the photo. */
.hero{background:#f1f6f3}
.hero-image{inset:0 0 0 43%;opacity:1;background-image:url('assets/hero-truck.jpg');background-position:center center;background-size:cover}
.hero::after{background:linear-gradient(90deg,#f1f6f3 0%,#f1f6f3 35%,#f1f6f3 43%,transparent 44%);pointer-events:none}
@media(max-width:760px){
 .hero{min-height:660px;align-items:flex-start}
 .hero-image{inset:auto 0 0 0;height:47%;opacity:1;background-position:center center;background-size:cover}
 .hero::after{background:none}
 .hero-content{padding:38px 6% 20px;max-width:100%}
 .hero h1{font-size:clamp(32px,8vw,43px)}
}
/* FreightJet original brand green; retain the clear truck and existing layout. */
:root{--green:#073f39;--deep:#052e2b;--mint:#0b6558}
.benefits{background:#073f39;color:#fff;border-color:#073f39}
.benefits>div{border-right-color:#ffffff38}
.benefits small{color:#d5e4e1}
.contact{background:#073f39;color:#fff}
.contact .white{background:#fff;color:#073f39}
footer{background:#052e2b}
.hero .outline{color:#073f39;border-color:#073f39}