:root {
  --asphalt: #071c2e;
  --steel: #12354d;
  --paper: #f5f7f4;
  --paper-dim: #e7efea;
  --route: #ffb703;
  --rust: #009688;
  --ink-light: #f8fbf9;
  --ink-dark: #0a2639;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Manrope', sans-serif;
  --font-mono: 'DM Mono', monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink-dark); font-family: var(--font-body); }
.dl-display { font-family: var(--font-display); text-transform: none; letter-spacing: -0.035em; }
.dl-mono { font-family: var(--font-mono); letter-spacing: 0.02em; }
section, .dl-section { padding: 88px 24px; }
.dl-wrap { max-width: 1180px; margin: 0 auto; }
.dl-eyebrow { font-size: 13px; margin-bottom: 10px; letter-spacing: 0.03em; }

.dl-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 14px 26px; font-family: var(--font-body); text-transform: none;
  font-size: 13px; font-weight:800; letter-spacing: 0.01em; border: 2px solid transparent; cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.dl-btn:active { transform: scale(0.97); }
.dl-btn-primary { background: var(--route); color: var(--ink-dark); }
.dl-btn-primary:hover { background: #ffce33; }
.dl-btn-ghost { background: transparent; color: var(--ink-light); border-color: rgba(245,247,243,0.4); }
.dl-btn-ghost:hover { border-color: var(--route); color: var(--route); }

.dl-btn:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--route); outline-offset: 2px;
}

.dl-laneline {
  background-image: repeating-linear-gradient(to bottom, var(--route) 0px, var(--route) 28px, transparent 28px, transparent 52px);
  width: 4px;
}
@media (prefers-reduced-motion: no-preference) {
  .dl-laneline-anim { animation: dl-dash-move 1.6s linear infinite; }
}
@keyframes dl-dash-move { from { background-position-y: 0; } to { background-position-y: 52px; } }

.dl-card { background: var(--steel); color: var(--ink-light); padding: 28px 24px; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.dl-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(18,22,29,0.25); }

.dl-input {
  width: 100%; padding: 13px 14px; background: var(--paper); border: 2px solid var(--ink-dark);
  font-family: var(--font-body); font-size: 15px; color: var(--ink-dark);
}
.dl-input::placeholder { color: #7a6fa0; }

.dl-reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; }
.dl-reveal.dl-shown { opacity: 1; transform: translateY(0); }

/* ---------- HEADER / DROPDOWN NAV ---------- */
header { background: var(--asphalt); position: sticky; top: 0; z-index: 50; border-bottom: 3px solid var(--route); }
.dl-nav-inner { max-width: 1180px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; }
.dl-logo { color: var(--ink-light); font-size: 21px; font-weight: 700; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.dl-logo img {
  display: block;
  height: 46px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  border-radius: 6px; /* softens the logo's own background corners against the dark header */
}
@media (max-width: 480px) {
  .dl-logo img { height: 38px; }
}
.dl-nav-desktop { display: flex; gap: 6px; align-items: center; }
.dl-nav-link {
  color: var(--ink-light); text-decoration: none; font-family: var(--font-body);
  text-transform: none; font-size: 12px; font-weight:700; letter-spacing: 0.01em; opacity: 0.85;
  padding: 10px 14px; display: flex; align-items: center; gap: 5px; cursor: pointer;
}
.dl-nav-link:hover, .dl-nav-link.dl-active { opacity: 1; color: var(--route); }
.dl-nav-item { position: relative; }
.dl-dropdown {
  position: absolute; top: 100%; left: 0; background: var(--steel); min-width: 230px;
  box-shadow: 0 18px 32px rgba(18,22,29,0.3); border-top: 2px solid var(--route);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
  padding: 6px 0;
}
.dl-nav-item:hover .dl-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.dl-dropdown a {
  display: flex; flex-direction: column; gap: 2px; padding: 12px 18px; text-decoration: none;
  color: var(--ink-light); font-family: var(--font-body); font-size: 14px; font-weight: 600;
  border-bottom: 1px solid rgba(245,247,243,0.08);
}
.dl-dropdown a small { font-weight: 400; font-size: 12px; color: rgba(245,247,243,0.6); font-family: var(--font-body); text-transform: none; letter-spacing: 0; }
.dl-dropdown a:hover { background: rgba(231,185,63,0.12); color: var(--route); }
.dl-nav-mobile-btn { display: none; background: none; border: none; color: var(--ink-light); cursor: pointer; }
.dl-nav-mobile-panel { display: none; background: var(--steel); padding: 14px 24px 22px; flex-direction: column; }
.dl-nav-mobile-panel.dl-open { display: flex; }
.dl-mobile-group summary { list-style: none; cursor: pointer; padding: 12px 0; color: var(--ink-light); font-family: var(--font-display); text-transform: uppercase; font-size: 14px; letter-spacing: 0.04em; display: flex; justify-content: space-between; align-items: center; }
.dl-mobile-group summary::-webkit-details-marker { display: none; }
.dl-mobile-group a { display: block; padding: 9px 0 9px 12px; color: rgba(245,247,243,0.8); text-decoration: none; font-size: 14px; }
.dl-mobile-flat { padding: 12px 0; border-top: 1px solid rgba(245,247,243,0.1); }
.dl-mobile-flat a { color: var(--ink-light); text-decoration: none; font-family: var(--font-display); text-transform: uppercase; font-size: 14px; letter-spacing: 0.04em; }

@media (max-width: 900px) {
  .dl-nav-desktop { display: none !important; }
  .dl-nav-mobile-btn { display: block !important; }
}

/* ---------- PAGE HERO (inner pages) ---------- */
.dl-page-hero { background: var(--asphalt); color: var(--ink-light); padding: 64px 24px; position: relative; overflow: hidden; }
.dl-page-hero-inner { max-width: 1180px; margin: 0 auto; position: relative; z-index: 2; }
.dl-page-hero h1 { font-size: clamp(32px, 5vw, 52px); line-height: 1.05; font-weight: 700; margin: 0; max-width: 760px; }
.dl-page-hero p { font-size: 16.5px; line-height: 1.65; max-width: 560px; margin-top: 16px; color: rgba(245,247,243,0.82); }

/* ---------- HOME HERO ---------- */
.dl-hero { background: var(--asphalt); color: var(--ink-light); padding: 76px 24px 0; position: relative; overflow: hidden; }
.dl-hero-inner { max-width: 1180px; margin: 0 auto; position: relative; z-index: 2; padding-bottom: 64px; }
.dl-eyebrow-row { color: var(--route); font-size: 13px; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.dl-eyebrow-line { width: 30px; height: 2px; background: var(--route); display: inline-block; }
h1 { font-size: clamp(36px, 5.6vw, 70px); line-height: 1.04; font-weight: 700; max-width: 880px; margin: 0; }
.dl-hero-sub { font-size: 18px; line-height: 1.65; max-width: 560px; margin-top: 24px; color: rgba(245,247,243,0.85); }
.dl-hero-ctas { display: flex; gap: 16px; margin-top: 34px; flex-wrap: wrap; }

/* ---------- FEATURE STRIP ---------- */
.dl-feature-strip {
  max-width: 1180px; margin: 0 auto; position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(4, 1fr);
  background: var(--paper); color: var(--ink-dark);
  box-shadow: 0 24px 48px rgba(18,22,29,0.25);
}
.dl-feature-cell { padding: 30px 26px; border-right: 1px solid rgba(36,27,71,0.1); }
.dl-feature-cell:last-child { border-right: none; }
.dl-feature-cell h4 { font-family: var(--font-display); text-transform: uppercase; font-size: 15px; font-weight: 600; margin: 14px 0 8px; }
.dl-feature-cell p { font-size: 13.5px; line-height: 1.55; color: #4a3f75; margin: 0; }
@media (max-width: 900px) {
  .dl-feature-strip { grid-template-columns: repeat(2, 1fr); }
  .dl-feature-cell:nth-child(2) { border-right: none; }
}
@media (max-width: 560px) {
  .dl-feature-strip { grid-template-columns: 1fr; }
  .dl-feature-cell { border-right: none !important; border-bottom: 1px solid rgba(36,27,71,0.1); }
}

/* ---------- LOAD/VEHICLE MATCH ---------- */
.dl-match-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; margin-top: 48px; align-items: stretch; }
.dl-match-panel { padding: 40px 32px; height: 100%; }
.dl-match-line { display: flex; align-items: center; justify-content: center; padding: 0 8px; }
.dl-match-link { color: var(--route); display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; text-decoration: none; font-family: var(--font-display); text-transform: uppercase; font-size: 14px; letter-spacing: 0.04em; }
@media (max-width: 760px) {
  .dl-match-grid { grid-template-columns: 1fr !important; }
  .dl-match-line { padding: 20px 0 !important; }
  .dl-match-line .dl-laneline {
    width: 100% !important; height: 4px !important; min-height: 0 !important;
    background-image: repeating-linear-gradient(to right, var(--route) 0px, var(--route) 28px, transparent 28px, transparent 52px) !important;
  }
  .dl-contact-grid { grid-template-columns: 1fr !important; }
}

/* ---------- SOLUTIONS GRID ---------- */
.dl-solutions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 44px; }
.dl-solution-card { background: var(--steel); color: var(--ink-light); padding: 32px 26px; transition: transform 0.25s ease; }
.dl-solution-card:hover { transform: translateY(-4px); }
.dl-solution-card h3 { font-family: var(--font-display); font-size: 19px; font-weight: 600; margin: 16px 0 8px; }
.dl-solution-card p { font-size: 14px; line-height: 1.6; color: rgba(245,247,243,0.72); margin: 0 0 14px; }
@media (max-width: 900px) { .dl-solutions-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .dl-solutions-grid { grid-template-columns: 1fr; } }

/* ---------- INDUSTRIES GRID ---------- */
.dl-industries-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 2px; margin-top: 44px; }
.dl-industry-card { background: var(--paper-dim); padding: 28px 22px; border-top: 3px solid var(--rust); }
.dl-industry-card h4 { font-family: var(--font-display); font-size: 16px; font-weight: 600; margin: 12px 0 6px; text-transform: uppercase; }
.dl-industry-card p { font-size: 13.5px; line-height: 1.5; color: #453a70; margin: 0; }

/* ---------- FLEET ---------- */
.dl-fleet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 2px; margin-top: 44px; }

/* ---------- STEPS ---------- */
.dl-steps { margin-top: 48px; display: flex; flex-direction: column; }
.dl-step { display: grid; grid-template-columns: 90px 1fr; gap: 24px; padding: 28px 0; align-items: start; }
.dl-step:first-child { border-top: 2px solid var(--ink-dark); }
.dl-step:not(:first-child) { border-top: 1px solid rgba(36,27,71,0.15); }
.dl-step-n { font-size: 40px; color: var(--route); -webkit-text-stroke: 1px var(--ink-dark); font-family: var(--font-mono); }

/* ---------- STATS BAR ---------- */
.dl-stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 44px; }
.dl-stat-card { background: var(--asphalt); color: var(--ink-light); padding: 30px 24px; text-align: center; }
.dl-stat-card .dl-stat-num { font-family: var(--font-mono); font-size: 30px; color: var(--route); }
.dl-stat-card .dl-stat-label { font-size: 12.5px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(245,247,243,0.7); margin-top: 6px; font-family: var(--font-display); }
@media (max-width: 760px) { .dl-stats-bar { grid-template-columns: repeat(2, 1fr); } }

/* ---------- CTA BANNER ---------- */
.dl-cta-banner {
  background: var(--route); color: var(--ink-dark); padding: 46px 24px;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;
}
.dl-cta-banner h3 { font-family: var(--font-display); font-size: clamp(20px, 3vw, 28px); font-weight: 700; margin: 0; text-transform: uppercase; }
.dl-cta-banner .dl-cta-sub { font-size: 14px; margin-top: 4px; }
.dl-cta-phone { font-family: var(--font-mono); font-size: clamp(22px, 3vw, 30px); font-weight: 500; color: var(--ink-dark); text-decoration: none; display: flex; align-items: center; gap: 10px; }

/* ---------- CONTACT ---------- */
.dl-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
.dl-contact-item { display: flex; align-items: center; gap: 14px; color: var(--ink-light); text-decoration: none; }

/* ---------- FOOTER ---------- */
footer { background: var(--ink-dark); color: rgba(245,247,243,0.7); }
.dl-footer-top { max-width: 1180px; margin: 0 auto; padding: 64px 24px 40px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
.dl-footer-brand { display: flex; align-items: center; gap: 10px; color: var(--ink-light); font-family: var(--font-display); font-size: 19px; font-weight: 700; text-transform: uppercase; }
.dl-footer-tagline { font-size: 14px; line-height: 1.6; margin-top: 14px; max-width: 280px; color: rgba(245,247,243,0.6); }
.dl-footer-social { display: flex; gap: 12px; margin-top: 20px; }
.dl-footer-social a { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(245,247,243,0.08); color: var(--ink-light); border-radius: 50%; text-decoration: none; transition: background 0.2s; }
.dl-footer-social a:hover { background: var(--route); color: var(--ink-dark); }
.dl-footer-col h5 { font-family: var(--font-display); text-transform: uppercase; font-size: 13px; letter-spacing: 0.05em; color: var(--route); margin: 0 0 16px; }
.dl-footer-col a { display: block; color: rgba(245,247,243,0.7); text-decoration: none; font-size: 14px; margin-bottom: 11px; }
.dl-footer-col a:hover { color: var(--ink-light); }
.dl-footer-bottom { border-top: 1px solid rgba(245,247,243,0.12); padding: 20px 24px; }
.dl-footer-bottom-inner { max-width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12.5px; }
@media (max-width: 900px) { .dl-footer-top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .dl-footer-top { grid-template-columns: 1fr; } }
/* ---------- PHOTO HEROES ---------- */
.dl-photo-hero { background-size: cover; background-position: center; background-repeat: no-repeat; }
.dl-photo-hero .dl-page-hero-inner, .dl-photo-hero .dl-hero-inner { position: relative; z-index: 2; }

/* Real, unbranded operational photo used as content (not a background) */
.dl-photo-block { margin-top: 44px; overflow: hidden; }
.dl-photo-block img { display: block; width: 100%; height: auto; }
.dl-photo-caption { background: var(--steel); color: rgba(245,247,243,0.75); font-size: 13px; padding: 12px 18px; font-family: var(--font-mono); }

/* ---------- PREMIUM BROKERAGE HOME ---------- */
.dl-premium-hero { min-height: 670px; padding: 94px 24px 78px; background: linear-gradient(105deg, rgba(7,28,46,.98) 0%, rgba(7,28,46,.92) 48%, rgba(7,28,46,.38) 100%), url('img/service/hero-odc.webp') center/cover; display:flex; align-items:center; }
.dl-premium-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(7,28,46,.65), transparent 46%); pointer-events:none; }
.dl-home-hero-inner { width:100%; display:grid; grid-template-columns:minmax(0,1.15fr) 410px; gap:64px; align-items:center; padding-bottom:0; z-index:3; }
.dl-premium-hero h1 { max-width:710px; font-size:clamp(47px,6.1vw,78px); letter-spacing:-.025em; }
.dl-premium-hero h1 em { color:var(--route); font-style:normal; }
.dl-hero-trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; color:rgba(248,251,249,.78); font-size:13px; }
.dl-hero-trust span { display:inline-flex; align-items:center; gap:8px; }
.dl-hero-trust svg { width:17px; color:var(--route); }
.dl-availability-card { background:#f8fbf9; padding:30px; color:var(--ink-dark); border-radius:4px; box-shadow:0 28px 70px rgba(0,0,0,.32); border-top:4px solid var(--route); }
.dl-card-kicker { color:var(--rust); font-size:11px; font-weight:600; display:flex; align-items:center; gap:8px; }
.dl-live-dot { width:8px; height:8px; border-radius:50%; background:var(--rust); box-shadow:0 0 0 4px rgba(0,150,136,.14); }
.dl-availability-card h2 { font-size:28px; margin:15px 0 7px; }
.dl-availability-card p { font-size:13.5px; line-height:1.55; margin:0 0 20px; color:#4c6270; }
.dl-availability-card form { display:grid; gap:13px; }
.dl-availability-card label { display:grid; gap:6px; font-size:11px; font-family:var(--font-mono); color:#506671; }
.dl-availability-card input, .dl-availability-card select { width:100%; min-height:43px; padding:10px 11px; border:1px solid #cedbd5; background:#fff; color:var(--ink-dark); font:14px var(--font-body); }
.dl-availability-card .dl-btn { justify-content:center; margin-top:5px; }
.dl-hero-orbit { position:absolute; width:430px; height:430px; border:1px solid rgba(255,183,3,.25); border-radius:50%; left:-170px; top:100px; }
.dl-hero-orbit:after { content:""; position:absolute; width:18px; height:18px; background:var(--route); border-radius:50%; right:31px; top:25px; box-shadow:0 0 0 8px rgba(255,183,3,.13); }
.dl-broker-strip { background:var(--route); color:var(--ink-dark); padding:16px 24px; }
.dl-broker-strip-inner { display:flex; align-items:center; justify-content:center; gap:19px; font-size:14px; font-weight:600; }
.dl-broker-strip-inner .dl-mono { font-size:11px; padding-right:19px; border-right:1px solid rgba(10,38,57,.25); }
.dl-broker-strip svg { width:16px; }
.dl-intro-section { background:var(--paper); padding:110px 24px; }
.dl-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:end; }
.dl-intro-grid h2, .dl-section-heading h2, .dl-marketplace-head h2, .dl-process-copy h2 { font-size:clamp(33px,4vw,50px); line-height:1.06; margin:0; }
.dl-intro-copy { max-width:510px; }
.dl-intro-copy p, .dl-marketplace-head p { color:#405865; font-size:16px; line-height:1.75; margin:0 0 23px; }
.dl-text-link { color:var(--ink-dark); display:inline-flex; gap:8px; align-items:center; font:600 13px var(--font-mono); text-decoration:none; text-transform:uppercase; border-bottom:2px solid var(--route); padding-bottom:7px; }
.dl-text-link svg { width:16px; transition:transform .2s; }.dl-text-link:hover svg { transform:translateX(4px); }
.dl-marketplace-section { background:#e9f0ec; }
.dl-marketplace-head, .dl-section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.dl-marketplace-head p { width:360px; margin-bottom:0; }
.dl-marketplace-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:46px; }
.dl-market-card { position:relative; padding:42px; min-height:426px; overflow:hidden; border-radius:3px; }.dl-shipper-card { color:white; background:linear-gradient(130deg,rgba(7,28,46,.96),rgba(7,28,46,.74)),url('img/service/hero-bulk-cargo.webp') center/cover; }.dl-owner-card { color:var(--ink-dark); background:#ffb703; }
.dl-owner-card:after { content:""; background:url('img/service/hero-ftl.webp') center/cover; opacity:.16; position:absolute; inset:0; mix-blend-mode:multiply; }.dl-market-card > * { position:relative; z-index:1; }
.dl-market-icon { width:51px; height:51px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.38); border-radius:50%; color:var(--route); }.dl-owner-card .dl-market-icon { color:var(--ink-dark); border-color:rgba(10,38,57,.35); }.dl-market-icon svg { width:25px; }
.dl-market-number { position:absolute; top:36px; right:38px; font:700 16px var(--font-mono); opacity:.7; }.dl-market-card h3 { font-size:29px; margin:51px 0 13px; }.dl-market-card p { max-width:480px; line-height:1.65; font-size:14px; margin:0; }.dl-market-card ul { padding:0; list-style:none; font-size:13px; margin:23px 0 28px; display:grid; gap:8px; }.dl-market-card li:before { content:"✓"; color:var(--route); margin-right:9px; font-weight:bold; }.dl-owner-card li:before { color:var(--ink-dark); }.dl-btn-dark { background:var(--route); color:var(--ink-dark); }.dl-btn-outline-dark { border-color:var(--ink-dark); color:var(--ink-dark); }.dl-btn-outline-dark:hover { background:var(--ink-dark); color:white; }
.dl-fleet-showcase { background:var(--asphalt); color:var(--ink-light); }.dl-fleet-showcase .dl-text-link { color:white; }.dl-fleet-showcase-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:16px; margin-top:42px; }.dl-vehicle-feature { display:block; position:relative; height:350px; overflow:hidden; text-decoration:none; color:white; background:#12354d; }.dl-vehicle-feature img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }.dl-vehicle-feature:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,28,46,.95),transparent 60%); }.dl-vehicle-feature span { position:absolute; bottom:25px; left:23px; right:23px; display:flex; justify-content:space-between; align-items:center; z-index:1; text-transform:uppercase; font:600 18px var(--font-display); letter-spacing:.03em; }.dl-vehicle-feature span svg { width:21px; color:var(--route); }.dl-vehicle-feature:hover img { transform:scale(1.07); }
.dl-process-section { background:var(--paper); }.dl-process-grid { display:grid; grid-template-columns:1fr 1fr; gap:78px; align-items:center; }.dl-process-photo { height:550px; overflow:hidden; position:relative; }.dl-process-photo:after { content:""; position:absolute; inset:0; border:12px solid var(--route); border-left:0; opacity:.9; pointer-events:none; }.dl-process-photo img { width:100%; height:100%; object-fit:cover; }.dl-process-list { margin:33px 0 30px; }.dl-process-list > div { display:grid; grid-template-columns:52px 1fr; gap:18px; padding:17px 0; border-top:1px solid #cbd9d2; }.dl-process-list > div:last-child { border-bottom:1px solid #cbd9d2; }.dl-process-list b { color:var(--rust); font:600 14px var(--font-mono); }.dl-process-list span { color:#4b626e; line-height:1.55; font-size:14px; }.dl-process-list strong { display:block; color:var(--ink-dark); font-size:15px; margin-bottom:3px; }
.dl-cta-panel { background:linear-gradient(110deg,#0b364b,#071c2e); color:white; padding:68px 24px; }.dl-cta-panel .dl-wrap { display:flex; justify-content:space-between; align-items:center; gap:35px; }.dl-cta-panel .dl-mono { color:var(--route); font-size:12px; }.dl-cta-panel h2 { font-size:clamp(30px,4vw,46px); margin:8px 0 0; }.dl-cta-actions { display:flex; gap:12px; flex-wrap:wrap; }.dl-cta-actions .dl-btn { padding:15px 22px; }
@media (max-width:900px) { .dl-premium-hero { padding:74px 24px; }.dl-home-hero-inner { grid-template-columns:1fr; gap:40px; }.dl-availability-card { max-width:520px; }.dl-intro-grid,.dl-process-grid { grid-template-columns:1fr; gap:40px; }.dl-process-photo { height:380px; }.dl-marketplace-grid { grid-template-columns:1fr; }.dl-fleet-showcase-grid { grid-template-columns:1fr 1fr; }.dl-vehicle-feature:first-child { grid-column:span 2; }.dl-cta-panel .dl-wrap { flex-direction:column; align-items:flex-start; } }
@media (max-width:600px) { .dl-premium-hero { min-height:auto; padding:61px 20px; }.dl-premium-hero h1 { font-size:45px; }.dl-availability-card { padding:24px; }.dl-broker-strip-inner { justify-content:flex-start; flex-wrap:wrap; gap:8px 13px; }.dl-broker-strip-inner .dl-mono { width:100%; border:0; padding:0; }.dl-broker-strip-inner svg { display:none; }.dl-intro-section { padding:76px 24px; }.dl-marketplace-head,.dl-section-heading { align-items:flex-start; flex-direction:column; }.dl-marketplace-head p { width:auto; }.dl-market-card { padding:30px 25px; min-height:0; }.dl-market-number { top:29px; right:27px; }.dl-market-card h3 { margin-top:36px; }.dl-fleet-showcase-grid { grid-template-columns:1fr; }.dl-vehicle-feature:first-child { grid-column:auto; }.dl-vehicle-feature { height:270px; }.dl-process-photo { height:280px; }.dl-hero-ctas .dl-btn { width:100%; justify-content:center; } }

/* ---------- FLEET & INDUSTRY PAGES ---------- */
.dl-fleet-hero { background:var(--asphalt); color:white; padding:90px 24px; overflow:hidden; }.dl-fleet-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }.dl-fleet-hero h1,.dl-industry-hero h1 { font-size:clamp(45px,5.5vw,73px); line-height:.99; margin:0; }.dl-fleet-hero p { max-width:510px; line-height:1.75; color:rgba(255,255,255,.72); font-size:16px; margin:23px 0 30px; }.dl-fleet-hero-image { height:455px; position:relative; }.dl-fleet-hero-image:before { content:""; position:absolute; width:100%; height:100%; top:22px; right:-22px; border:1px solid rgba(255,183,3,.58); z-index:0; }.dl-fleet-hero-image img { position:relative; width:100%; height:100%; z-index:1; object-fit:cover; }.dl-image-tag { position:absolute; z-index:2; bottom:0; left:0; color:var(--ink-dark); background:var(--route); padding:15px 20px; display:flex; align-items:center; gap:12px; font-size:12px; line-height:1.4; }.dl-image-tag svg { width:23px; }.dl-image-tag b { font-size:14px; }.dl-fleet-intro { background:var(--paper); }.dl-fleet-intro-grid,.dl-industry-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:end; }.dl-fleet-intro h2,.dl-industry-intro h2 { font-size:clamp(32px,4vw,49px); margin:0; max-width:500px; }.dl-fleet-intro-grid p,.dl-industry-intro-grid p { color:#46606d; font-size:16px; line-height:1.8; margin:0; }.dl-fleet-catalog { background:#e7efea; }.dl-catalog-top { display:flex; justify-content:space-between; align-items:end; gap:35px; }.dl-catalog-top h2 { font-size:clamp(32px,4vw,48px); margin:0; }.dl-catalog-top > span { max-width:350px; color:#526974; font-size:13px; line-height:1.55; }.dl-catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:45px; }.dl-catalog-card { position:relative; background:white; padding:30px; min-height:260px; border-bottom:3px solid transparent; transition:transform .22s, border .22s, box-shadow .22s; }.dl-catalog-card:hover { transform:translateY(-5px); border-color:var(--route); box-shadow:0 18px 35px rgba(8,35,52,.1); }.dl-catalog-card > svg { width:28px; color:var(--rust); }.dl-catalog-no { position:absolute; right:27px; top:27px; font:12px var(--font-mono); color:#7a8e96; }.dl-catalog-card h3 { margin:34px 0 10px; font:700 21px var(--font-display); letter-spacing:-.03em; }.dl-catalog-card p { min-height:64px; color:#536973; font-size:13.5px; line-height:1.62; margin:0; }.dl-catalog-card div { color:var(--rust); font:11px var(--font-mono); margin-top:18px; text-transform:uppercase; }.dl-fleet-cta { background:linear-gradient(115deg,#0d4055,#092438); color:white; padding:70px 24px; }.dl-fleet-cta .dl-wrap { display:grid; grid-template-columns:1.2fr .7fr auto; gap:35px; align-items:center; }.dl-fleet-cta .dl-mono,.dl-industry-bottom .dl-mono { color:var(--route); font-size:11px; }.dl-fleet-cta h2,.dl-industry-bottom h2 { font-size:clamp(28px,3.7vw,43px); line-height:1.1; margin:8px 0 0; }.dl-fleet-cta p { color:rgba(255,255,255,.66); font-size:14px; line-height:1.6; margin:0; }
.dl-industry-hero { position:relative; color:white; overflow:hidden; padding:118px 24px; background:#0a2b40; }.dl-industry-hero .dl-wrap { position:relative; z-index:2; }.dl-industry-hero .dl-wrap > div { max-width:680px; }.dl-industry-hero p { max-width:550px; color:rgba(255,255,255,.75); font-size:16px; line-height:1.75; margin:24px 0 30px; }.dl-industry-hero-photo { position:absolute; inset:0 0 0 49%; background:linear-gradient(90deg,#0a2b40 0%,rgba(10,43,64,.52) 29%,rgba(10,43,64,.1)),url('img/service/hero-bulk-cargo.webp') center/cover; }.dl-industry-intro { background:var(--paper); }.dl-industry-cards-section { background:#e7efea; }.dl-industry-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.dl-industry-feature { display:grid; grid-template-columns:42% 58%; min-height:285px; background:white; }.dl-industry-feature-image { min-height:100%; overflow:hidden; }.dl-industry-feature-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }.dl-industry-feature:hover img { transform:scale(1.07); }.dl-industry-feature-copy { padding:27px; position:relative; }.dl-industry-feature-copy > span { position:absolute; top:25px; right:26px; color:#728892; font:11px var(--font-mono); }.dl-industry-feature-copy > svg { color:var(--rust); width:24px; }.dl-industry-feature-copy h3 { margin:28px 0 9px; font:700 21px var(--font-display); letter-spacing:-.035em; }.dl-industry-feature-copy p { color:#536973; line-height:1.6; font-size:13px; min-height:63px; margin:0 0 15px; }.dl-industry-feature-copy a { display:inline-flex; align-items:center; gap:7px; color:var(--ink-dark); text-decoration:none; font:700 11px var(--font-mono); text-transform:uppercase; border-bottom:1px solid var(--route); padding-bottom:6px; }.dl-industry-feature-copy a svg { width:14px; }.dl-industry-bottom { background:var(--asphalt); color:white; padding:72px 24px; }.dl-industry-bottom .dl-wrap { display:grid; grid-template-columns:1.15fr .7fr auto; align-items:center; gap:40px; }.dl-industry-bottom p { color:rgba(255,255,255,.66); font-size:14px; line-height:1.65; margin:0; }
@media (max-width:900px) { .dl-fleet-hero-grid { grid-template-columns:1fr; gap:42px; }.dl-fleet-hero-image { max-width:650px; }.dl-catalog-grid { grid-template-columns:repeat(2,1fr); }.dl-fleet-cta .dl-wrap,.dl-industry-bottom .dl-wrap { grid-template-columns:1fr 1fr; }.dl-fleet-cta .dl-btn,.dl-industry-bottom .dl-btn { justify-self:start; }.dl-industry-hero { padding:90px 24px; }.dl-industry-hero-photo { inset:0; opacity:.34; }.dl-industry-cards { grid-template-columns:1fr; } }
@media (max-width:600px) { .dl-fleet-hero { padding:66px 24px; }.dl-fleet-hero-image { height:275px; }.dl-fleet-hero-image:before { top:13px; right:-13px; }.dl-fleet-intro-grid,.dl-industry-intro-grid { grid-template-columns:1fr; gap:23px; }.dl-catalog-top { display:block; }.dl-catalog-top > span { display:block; margin-top:16px; }.dl-catalog-grid { grid-template-columns:1fr; }.dl-fleet-cta .dl-wrap,.dl-industry-bottom .dl-wrap { grid-template-columns:1fr; gap:24px; }.dl-fleet-cta,.dl-industry-bottom { padding:55px 24px; }.dl-industry-hero { padding:73px 24px; }.dl-industry-feature { grid-template-columns:1fr; }.dl-industry-feature-image { height:190px; }.dl-industry-feature-copy p { min-height:0; } }