*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#0d0d0d;background:#fff;line-height:1.55}a{color:inherit}.container{width:min(1200px,calc(100% - 40px));margin:0 auto}.topline{background:#080808;color:#d8d8d8;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.topline-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topline a{text-decoration:none;color:#fff}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(12px)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{height:52px;width:auto;display:block}.brand-wordmark{font-weight:950;letter-spacing:.08em;font-size:20px}.menu{display:none}nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}nav a{text-decoration:none;color:#151515}nav a:hover{color:#777}.hero{position:relative;min-height:760px;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.20) 100%),url('assets/photos/two-trucks-hero.jpg') center/cover no-repeat;transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:220px;background:linear-gradient(transparent,rgba(0,0,0,.74))}.hero-content{position:relative;z-index:2;min-height:760px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:52px}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950;color:#bcbcbc}.eyebrow.dark{color:#777}h1,h2,h3{margin:0 0 18px;line-height:1.06}h1{font-size:clamp(46px,7vw,86px);letter-spacing:-.065em;max-width:920px}h2{font-size:clamp(32px,4.2vw,54px);letter-spacing:-.045em}h3{font-size:22px}.lead{font-size:20px;max-width:760px;color:#f0f0f0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{min-height:52px;padding:0 24px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:950;border:1px solid transparent;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.btn.primary{background:#fff;color:#111}.btn.secondary{border-color:rgba(255,255,255,.75);color:#fff}.hero-panel{align-self:end;margin-bottom:72px;background:rgba(8,8,8,.74);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:26px;border-radius:18px}.panel-label{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:#cfcfcf;margin-bottom:18px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.credential-grid strong{display:block;font-size:18px}.credential-grid span{display:block;color:#c8c8c8;font-size:13px}.status-band{background:#fff;border-bottom:1px solid #e6e6e6}.status-grid{display:grid;grid-template-columns:repeat(4,1fr)}.status-grid div{padding:28px 22px;border-left:1px solid #e6e6e6}.status-grid div:last-child{border-right:1px solid #e6e6e6}.status-grid strong{display:block;font-size:30px;line-height:1;letter-spacing:-.04em}.status-grid span{display:block;margin-top:8px;font-size:13px;color:#5b5b5b;font-weight:800}.section{padding:92px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.intro-text p{font-size:19px}.section-head{max-width:790px;margin-bottom:36px}.section-head.centered{text-align:center;margin:0 auto 40px}.section-head.centered p:last-child{color:#555;font-size:18px}.freight-section{background:#f5f5f5}.freight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.freight-grid article{position:relative;min-height:420px;border-radius:20px;overflow:hidden;background:var(--img) center/cover no-repeat;color:#fff;display:flex;align-items:flex-end;box-shadow:0 18px 46px rgba(0,0,0,.18)}.freight-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.86) 100%)}.freight-grid article div{position:relative;padding:26px}.freight-grid span{display:inline-block;margin-bottom:52px;font-weight:950;color:#fff;border:1px solid rgba(255,255,255,.35);padding:6px 9px}.freight-grid p{color:#ddd}.showcase{background:#111;color:#fff}.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.showcase .eyebrow{color:#cfcfcf}.showcase-copy p{color:#d6d6d6;font-size:18px}.check-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}.check-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);font-weight:800}.check-list li:before{content:"✓";margin-right:12px}.image-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-stack img{width:100%;height:520px;object-fit:cover;border-radius:20px}.image-stack img:nth-child(2){margin-top:64px}.compliance{background:#fff}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.badge-grid div{border:1px solid #ddd;border-radius:18px;padding:24px;background:#fff}.badge-grid strong{display:block;font-size:20px}.badge-grid span{display:block;color:#666;margin-top:8px}.numbers{margin-top:26px;padding:22px;border:1px solid #ddd;background:#f7f7f7;border-radius:16px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.numbers span{font-weight:950}.lanes{background:#f5f5f5}.lane-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lane-grid div{background:#fff;border:1px solid #ddd;border-radius:18px;padding:26px}.lane-grid p{color:#555}.gallery-section{background:#111;color:#fff}.gallery-section .eyebrow{color:#cfcfcf}.gallery{columns:4 240px;column-gap:14px}.gallery a{display:block;margin:0 0 14px;break-inside:avoid;border-radius:16px;overflow:hidden;background:#222}.gallery img{width:100%;height:auto;display:block;transition:transform .35s ease,filter .35s ease}.gallery a:hover img{transform:scale(1.04);filter:brightness(1.08)}.quote-cta{background:#070707;color:#fff;padding:74px 0}.quote-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.quote-grid p{color:#d8d8d8;font-size:18px}.quote-buttons{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.address{font-size:18px}.contact-card{border:1px solid #ddd;border-radius:18px;padding:30px;background:#fff}.contact-card p{display:flex;justify-content:space-between;gap:22px;padding-bottom:16px;margin:0 0 16px;border-bottom:1px solid #eee}.contact-card p:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.contact-card a{text-decoration:none;font-weight:900}footer{background:#050505;color:#fff;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-grid p{margin:6px 0;color:#bdbdbd}@media(max-width:1000px){.hero-content,.split,.showcase-grid,.quote-grid,.contact-grid{grid-template-columns:1fr}.hero-panel{align-self:auto;margin:0 0 70px}.freight-grid,.badge-grid,.lane-grid,.status-grid{grid-template-columns:repeat(2,1fr)}.quote-buttons{justify-content:flex-start}.image-stack img{height:380px}.topline-inner{flex-wrap:wrap;padding:8px 0}.menu{display:inline-flex;background:#fff;border:1px solid #ddd;padding:10px 14px;font-weight:900}.nav{flex-wrap:wrap;padding:14px 0}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:10px 0}.open nav{display:flex}}@media(max-width:640px){.hero,.hero-content{min-height:auto}.hero-content{padding:86px 0}.hero-bg{background-position:center}.freight-grid,.badge-grid,.lane-grid,.status-grid,.image-stack{grid-template-columns:1fr}.credential-grid{grid-template-columns:1fr}.status-grid div,.status-grid div:last-child{border-left:0;border-right:0;border-bottom:1px solid #e6e6e6}.contact-card p{display:block}.logo img{height:42px}h1{font-size:42px}.btn{width:100%}}

/* V2 refinements */
.compliance-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: center;
}

.compliance-layout p {
  color: #555;
  font-size: 18px;
}

.credential-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.credential-panel div {
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 24px;
  background: #f7f7f7;
}

.credential-panel span {
  display: block;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 950;
  color: #666;
  margin-bottom: 10px;
}

.credential-panel strong {
  display: block;
  font-size: 28px;
  letter-spacing: -.04em;
}

.badge-row {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.badge-row span {
  border: 1px solid #ddd;
  border-radius: 999px;
  padding: 10px 14px;
  background: #fff;
  font-size: 13px;
  font-weight: 900;
}

.contact {
  background: #f5f5f5;
}

.contact-header {
  max-width: 820px;
  margin-bottom: 32px;
}

.contact-premium {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 20px;
}

.contact-main {
  background: #111;
  color: #fff;
  border-radius: 22px;
  padding: 34px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.contact-main h3 {
  font-size: 30px;
}

.contact-main .address {
  color: #d7d7d7;
  margin-top: 10px;
}

.contact-actions {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}

.outline-dark {
  border-color: rgba(255,255,255,.55);
  color: #fff;
  background: transparent;
}

.department-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.department-grid a {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 18px;
  padding: 22px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.department-grid a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
}

.department-grid span {
  display: block;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  color: #777;
  font-weight: 950;
  margin-bottom: 8px;
}

.department-grid strong {
  display: block;
  font-size: 17px;
}

@media(max-width:1000px) {
  .compliance-layout,
  .contact-premium {
    grid-template-columns: 1fr;
  }
}

@media(max-width:640px) {
  .credential-panel,
  .department-grid {
    grid-template-columns: 1fr;
  }
}


/* FINAL POLISH */
.logo-text {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  color: #111;
  line-height: 1;
  letter-spacing: .08em;
}

.logo-main {
  font-size: 34px;
  font-weight: 950;
  letter-spacing: .04em;
}

.logo-sub {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .42em;
}


.gallery.gallery-pro {
  columns: unset;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 220px;
  gap: 14px;
}

.gallery.gallery-pro a {
  position: relative;
  margin: 0;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #222;
}

.gallery.gallery-pro a.wide {
  grid-column: span 2;
}

.gallery.gallery-pro a.tall {
  grid-row: span 2;
}

.gallery.gallery-pro img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery.gallery-pro a:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 45%, rgba(0,0,0,.78));
}

.gallery.gallery-pro span {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 2;
  font-size: 14px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff;
}

.contact-main .address {
  font-size: 17px;
}

@media(max-width:1000px) {
  .gallery.gallery-pro {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:640px) {
  .logo-main {
    font-size: 26px;
  }

  .logo-sub {
    font-size: 10px;
    letter-spacing: .3em;
  }

  .gallery.gallery-pro {
    grid-template-columns: 1fr;
    grid-auto-rows: 240px;
  }

  .gallery.gallery-pro a.wide,
  .gallery.gallery-pro a.tall {
    grid-column: auto;
    grid-row: auto;
  }
}


/* PREMIUM FINAL LOGO + UI POLISH */
.logo-image {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.logo-image img {
  height: 58px;
  width: auto;
  max-width: 290px;
  display: block;
  image-rendering: auto;
}

.header {
  box-shadow: 0 10px 35px rgba(0,0,0,.05);
}

.nav-cta {
  background: #111;
  color: #fff !important;
  padding: 12px 16px;
  border-radius: 2px;
  margin-left: 4px;
}

.hero-copy {
  max-width: 900px;
}

.hero-actions .btn {
  box-shadow: 0 12px 34px rgba(0,0,0,.28);
}

.status-band {
  box-shadow: 0 18px 50px rgba(0,0,0,.06);
}

.premium-line {
  font-weight: 900;
  color: #111;
  border-left: 4px solid #111;
  padding-left: 18px;
  margin-top: 24px;
}

.freight-grid article,
.gallery.gallery-pro a,
.contact-main,
.department-grid a,
.credential-panel div {
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.freight-grid article:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  pointer-events: none;
}

.gallery.gallery-pro {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 190px;
}

.gallery.gallery-pro a {
  grid-column: span 2;
}

.gallery.gallery-pro a.wide {
  grid-column: span 3;
}

.gallery.gallery-pro a.tall {
  grid-row: span 2;
}

.gallery.gallery-pro a:nth-child(1) {
  grid-column: span 3;
  grid-row: span 2;
}

.gallery.gallery-pro a:nth-child(2) {
  grid-column: span 3;
}

.gallery.gallery-pro a:nth-child(5) {
  grid-column: span 2;
  grid-row: span 2;
}

.contact-premium {
  align-items: stretch;
}

.contact-main {
  background:
    linear-gradient(145deg, rgba(0,0,0,.95), rgba(0,0,0,.78)),
    url('assets/photos/two-trucks-hero.jpg') center/cover no-repeat;
  position: relative;
  overflow: hidden;
}

.contact-main:before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  pointer-events: none;
}

.contact-main > * {
  position: relative;
  z-index: 1;
}

@media(max-width:1000px) {
  .logo-image img {
    height: 50px;
    max-width: 250px;
  }

  .nav-cta {
    display: inline-flex;
    width: fit-content;
  }

  .gallery.gallery-pro {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 220px;
  }

  .gallery.gallery-pro a,
  .gallery.gallery-pro a.wide,
  .gallery.gallery-pro a.tall,
  .gallery.gallery-pro a:nth-child(1),
  .gallery.gallery-pro a:nth-child(2),
  .gallery.gallery-pro a:nth-child(5) {
    grid-column: auto;
    grid-row: auto;
  }
}

@media(max-width:640px) {
  .logo-image img {
    height: 42px;
    max-width: 210px;
  }

  .gallery.gallery-pro {
    grid-template-columns: 1fr;
  }
}


/* LUXURY FINAL PASS */
body {
  background: #ffffff;
}

.hero-bg {
  filter: contrast(1.06) saturate(.9);
}

.hero-copy h1 {
  text-shadow: 0 18px 55px rgba(0,0,0,.65);
}

.hero-panel {
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 30px 90px rgba(0,0,0,.48);
}

.topline {
  background: linear-gradient(90deg,#050505,#171717,#050505);
}

.header {
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.logo-image img {
  height: 64px;
}

.nav {
  min-height: 96px;
}

.status-grid strong {
  font-size: 34px;
}

.section {
  padding-top: 104px;
  padding-bottom: 104px;
}

.freight-grid article {
  min-height: 455px;
}

.freight-grid article:before {
  background: linear-gradient(transparent 10%, rgba(0,0,0,.92) 100%);
}

.credential-panel div,
.lane-grid div,
.department-grid a {
  background: linear-gradient(180deg,#fff,#f7f7f7);
}

.badge-row span {
  background: #111;
  color: #fff;
  border-color: #111;
}

.department-grid {
  grid-template-columns: repeat(2, 1fr);
}

.contact-main h3 {
  letter-spacing: -.03em;
}

footer {
  background: linear-gradient(90deg,#030303,#111,#030303);
}

@media(max-width:640px) {
  .logo-image img {
    height: 48px;
  }

  .nav {
    min-height: 78px;
  }
}

/* V6 updates */
.topline {
  display: none !important;
}