:root{
  --ink:#16181D; --charcoal:#1F232B; --slate:#2B3038;
  --orange:#F2641E; --orange-2:#FF7A33; --amber:#FFB066;
  --paper:#F6F7F9; --line:#E4E8EE; --muted:#6B7280; --muted-2:#9aa3b0;
  --maxw:1180px; --radius:16px;
  --shadow:0 18px 50px rgba(20,24,34,.10);
  --font:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.12;letter-spacing:-.01em}
section{padding:84px 24px}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;padding:14px 26px;border-radius:999px;transition:.18s ease;cursor:pointer;border:1.5px solid transparent}
.btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;box-shadow:0 10px 24px rgba(242,100,30,.32)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(242,100,30,.42)}
.btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn.secondary:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.full{width:100%}

/* Header */
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:rgba(22,24,29,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .brand img{height:34px}
.desktop-nav{display:flex;gap:30px;margin-left:auto}
.desktop-nav a{color:#cfd5de;font-weight:600;font-size:15px}
.desktop-nav a:hover{color:#fff}
.header-cta{background:var(--orange);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px}
.header-cta:hover{background:var(--orange-2)}

/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 80% -10%,#2B3038 0%,var(--charcoal) 45%,var(--ink) 100%);color:#fff;padding:110px 24px 96px}
.hero-content{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto}
.hero-content h1{font-size:clamp(34px,5vw,58px);font-weight:800;max-width:14ch;margin:6px 0 18px}
.hero-content>p{font-size:clamp(17px,2vw,20px);color:#c8ced8;max-width:56ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 38px}
.hero-stats{display:flex;gap:46px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:26px;max-width:620px}
.hero-stats dt{font-size:40px;font-weight:800;color:var(--orange-2)}
.hero-stats dd{font-size:14px;color:var(--muted-2)}
/* Hero decorative background */
.hero-bg{position:absolute;inset:0;z-index:1;opacity:.55;pointer-events:none}
.hero-bg .route{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(242,100,30,.55),transparent)}
.route-a{top:30%;left:40%;right:-5%;transform:rotate(-12deg)}
.route-b{top:62%;left:48%;right:-8%;transform:rotate(8deg)}
.depot{position:absolute;width:54px;height:54px;border-radius:14px;background:rgba(242,100,30,.14);border:1.5px solid var(--orange);display:grid;place-items:center;top:44%;left:38%}
.depot-label{font-size:13px;font-weight:800;color:var(--amber)}
.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(242,100,30,.16)}
.n1{top:26%;right:24%}.n2{top:40%;right:12%}.n3{top:58%;right:20%}.n4{top:70%;right:34%}.n5{top:50%;right:6%}
.freight-panel{position:absolute;right:6%;bottom:8%;width:200px;height:120px;border-radius:14px;background:linear-gradient(160deg,rgba(43,48,56,.9),rgba(31,35,43,.6));border:1px solid rgba(255,255,255,.08);overflow:hidden}
.freight-panel .truck{position:absolute;bottom:18px;left:18px;width:80px;height:34px;background:var(--orange);border-radius:6px}
.freight-panel .truck span:first-child{position:absolute;right:-22px;bottom:0;width:24px;height:24px;background:var(--orange-2);border-radius:5px}
.freight-panel .truck span:last-child{position:absolute;bottom:-6px;left:10px;width:46px;height:10px}
.freight-panel .boxes{position:absolute;top:16px;left:18px;display:flex;gap:5px}
.freight-panel .boxes i{width:14px;height:14px;background:rgba(255,176,102,.55);border-radius:3px}
.freight-panel .dock{position:absolute;bottom:0;left:0;right:0;height:8px;background:rgba(242,100,30,.4)}

/* Pain */
.pain-section{max-width:var(--maxw);margin:0 auto}
.section-copy{max-width:60ch}
.section-copy h2{font-size:clamp(26px,3.4vw,38px);font-weight:800}
.section-copy.compact{text-align:center;margin:0 auto}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}
.pain-grid article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.pain-grid h3{font-size:18px;margin-bottom:8px}
.pain-grid p{font-size:15px;color:var(--muted)}

/* Solutions */
.solutions{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.solutions .section-copy{max-width:var(--maxw);margin:0 auto}
.solutions .section-copy p{color:var(--muted);font-size:17px;margin-top:10px}
.solution-grid{max-width:var(--maxw);margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.solution-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.solution-card .icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--orange),var(--orange-2));margin-bottom:18px;position:relative}
.solution-card .icon::after{content:"";position:absolute;inset:0;background:no-repeat center/26px}
.icon.plane::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5L21 16z'/%3E%3C/svg%3E")}
.icon.road::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M3 7h11v8H3z'/%3E%3Cpath d='M14 10h4l3 3v2h-7z'/%3E%3Ccircle cx='7' cy='17' r='1.8'/%3E%3Ccircle cx='17.5' cy='17' r='1.8'/%3E%3C/svg%3E")}
.solution-card h3{font-size:23px;margin-bottom:8px}
.solution-card>p{color:var(--muted);margin-bottom:16px}
.solution-card ul{list-style:none;display:grid;gap:8px}
.solution-card li{position:relative;padding-left:24px;font-size:15px;color:#3a4150}
.solution-card li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--orange)}

/* Proof */
.proof{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
.proof-visual{position:relative;background:radial-gradient(120% 120% at 30% 0%,#2B3038,var(--ink));border-radius:24px;padding:54px;display:grid;place-items:center;min-height:280px}
.proof-visual img{width:120px;opacity:.95}
.coverage-card{position:absolute;bottom:22px;left:22px;right:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;backdrop-filter:blur(6px)}
.coverage-card strong{display:block;color:#fff;font-size:15px}
.coverage-card span{color:var(--muted-2);font-size:13px}
.proof-copy h2{margin-bottom:20px}
.check-list{list-style:none;display:grid;gap:16px}
.check-list li{position:relative;padding-left:34px;color:#3a4150;font-size:16px}
.check-list li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:7px;background:rgba(242,100,30,.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2641E' stroke-width='3'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}
.check-list strong{color:var(--ink)}

/* Process */
.process{background:var(--ink);color:#fff}
.process .section-copy{color:#fff}
.steps{max-width:980px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps article{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:28px;position:relative}
.steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--orange),var(--orange-2));font-weight:800;margin-bottom:16px}
.steps h3{font-size:19px;margin-bottom:8px}
.steps p{color:#c8ced8;font-size:15px}

/* Lead / form */
.lead-section{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:start}
.lead-copy h2{margin-bottom:14px}
.lead-copy>p{color:var(--muted);font-size:17px;max-width:46ch}
.contact-card{margin-top:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:grid;gap:4px}
.contact-card strong{font-size:18px}
.contact-card span{color:var(--muted);font-size:14px;margin-bottom:6px}
.contact-card a{color:var(--orange);font-weight:600}
.lead-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow);display:grid;gap:14px}
.lead-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#3a4150}
.lead-form input,.lead-form textarea{font-family:inherit;font-size:15px;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;background:#fcfcfd;transition:.15s}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--orange);background:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{font-size:12.5px;color:var(--muted);text-align:center}

/* Footer */
.site-footer{background:#0F1115;color:#aab2bf;padding:34px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-footer img{height:30px;opacity:.9}
.site-footer span{font-size:14px;max-width:60ch}

/* Responsive */
@media(max-width:900px){
  .desktop-nav{display:none}
  .pain-grid{grid-template-columns:1fr 1fr}
  .proof,.lead-section{grid-template-columns:1fr;gap:32px}
  .solution-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .freight-panel{display:none}
}
@media(max-width:560px){
  section{padding:60px 18px}
  .hero{padding:80px 18px 70px}
  .pain-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero-stats{gap:28px}
  .site-header{padding:12px 18px}
}