:root { --navy:#082f55; --blue:#0e5a8f; --orange:#f06a1b; --ink:#142331; --muted:#667687; --line:#dbe3e9; --soft:#f3f6f8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,"Segoe UI",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.site-header { position:fixed; inset:0 0 auto; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:26px; min-height:82px; padding:12px clamp(20px,5vw,74px); color:#fff; border-bottom:1px solid rgba(255,255,255,.2); transition:.28s ease; }
.site-header.is-scrolled { min-height:68px; color:var(--navy); background:rgba(255,255,255,.96); border-color:var(--line); box-shadow:0 12px 36px rgba(8,47,85,.1); backdrop-filter:blur(16px); }
.site-brand { display:flex; align-items:center; gap:14px; min-width:340px; font-size:10px; font-weight:900; line-height:1.35; }
.site-brand img { width:158px; height:54px; object-fit:contain; padding:3px 6px; border-radius:4px; background:rgba(255,255,255,.94); }
.site-nav { display:flex; gap:clamp(20px,3vw,38px); font-size:13px; font-weight:800; }
.site-nav a { position:relative; padding:10px 0; }
.site-nav a::after { content:""; position:absolute; right:0; bottom:2px; left:0; height:2px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .22s ease; }
.site-nav a:hover::after,.site-nav a.active::after { transform:scaleX(1); }
.site-login,.hero-primary,.hero-secondary,.quote-form button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border-radius:5px; padding:0 18px; font-weight:900; }
.site-login { border:1px solid rgba(255,255,255,.5); transition:.22s ease; }
.site-header.is-scrolled .site-login { border-color:var(--line); }
.site-login:hover { color:#fff; border-color:var(--orange); background:var(--orange); transform:translateY(-2px); }

.home-hero { position:relative; display:grid; align-items:end; min-height:min(860px,100vh); overflow:hidden; padding:150px clamp(24px,6vw,88px) 150px; color:#fff; background:linear-gradient(90deg,rgba(3,25,47,.94) 0%,rgba(4,35,63,.82) 42%,rgba(4,35,63,.25) 76%),url("https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=2000&q=88") center/cover; }
.home-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,19,36,.46),transparent 42%); pointer-events:none; }
.hero-content { position:relative; z-index:2; max-width:850px; }
.eyebrow { margin:0 0 16px; color:var(--orange); font-size:12px; font-weight:900; text-transform:uppercase; }
.hero-content h1 { margin:0; max-width:850px; font-size:clamp(48px,6.2vw,94px); line-height:.96; font-weight:900; }
.hero-lead { max-width:700px; margin:26px 0 0; color:rgba(255,255,255,.8); font-size:18px; line-height:1.75; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hero-primary { border:1px solid var(--orange); background:var(--orange); }
.hero-secondary { border:1px solid rgba(255,255,255,.52); background:rgba(5,31,55,.22); backdrop-filter:blur(8px); }
.hero-primary,.hero-secondary { transition:.22s ease; }
.hero-primary:hover,.hero-secondary:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(0,0,0,.22); }
.hero-side { position:absolute; right:clamp(24px,6vw,88px); bottom:154px; z-index:2; display:grid; width:240px; border-top:1px solid rgba(255,255,255,.42); }
.hero-side div { display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.22); }
.hero-side strong { font-size:14px; }.hero-side span { color:rgba(255,255,255,.66); font-size:12px; }
.hero-route { position:absolute; right:0; bottom:0; left:0; z-index:3; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; min-height:76px; padding:0 clamp(24px,6vw,88px); background:rgba(3,25,47,.78); backdrop-filter:blur(12px); }
.route-code { font-size:11px; font-weight:900; }.route-track { position:relative; height:1px; background:rgba(255,255,255,.34); }.route-track::before,.route-track::after { content:""; position:absolute; top:-4px; width:9px; height:9px; border:2px solid #fff; border-radius:50%; }.route-track::before { left:0;background:var(--blue); }.route-track::after { right:0;background:var(--orange); }.route-track i { position:absolute; top:-5px; left:0; width:11px; height:11px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 6px rgba(240,106,27,.18); animation:route-travel 4s ease-in-out infinite; }

.intro-band { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:34px clamp(24px,6vw,88px); border-bottom:1px solid var(--line); }
.intro-band>p { max-width:560px; margin:0; color:var(--navy); font-size:20px; font-weight:800; line-height:1.45; }
.intro-metrics { display:flex; gap:clamp(24px,5vw,70px); }.intro-metrics span { color:var(--muted); font-size:12px; text-transform:uppercase; }.intro-metrics strong { display:block; margin-bottom:3px; color:var(--navy); font-size:28px; }
.services-section,.process-section { padding:clamp(70px,9vw,124px) clamp(24px,6vw,88px); }
.section-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:60px; align-items:end; margin-bottom:48px; }
.section-intro h2,.network-copy h2,.contact-copy h2 { margin:0; color:var(--navy); font-size:clamp(34px,4.5vw,62px); line-height:1.05; }
.section-intro>p,.network-copy>p,.contact-copy>p { margin:0; color:var(--muted); line-height:1.75; }
.service-list { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); }
.service-list article { min-height:310px; padding:30px 24px; border-right:1px solid var(--line); transition:.28s ease; }.service-list article:last-child{border-right:0}.service-list article:hover { color:#fff; background:var(--navy); transform:translateY(-8px); box-shadow:0 24px 46px rgba(8,47,85,.17); }.service-list article>span { color:var(--orange); font-size:12px; font-weight:900; }.service-list h3 { margin:72px 0 16px; color:var(--navy); font-size:24px; }.service-list article:hover h3,.service-list article:hover b{color:#fff}.service-list p { margin:0; color:var(--muted); line-height:1.65; }.service-list article:hover p{color:rgba(255,255,255,.72)}.service-list b { display:block; margin-top:28px; color:var(--blue); font-size:11px; text-transform:uppercase; }

.network-section { display:grid; grid-template-columns:minmax(0,.95fr) minmax(420px,.75fr); gap:80px; align-items:center; min-height:690px; padding:clamp(70px,9vw,124px) clamp(24px,6vw,88px); color:#fff; background:linear-gradient(90deg,rgba(4,31,57,.96),rgba(7,62,101,.78)),url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=84") center/cover; }
.network-copy { max-width:700px; }.network-copy h2,.network-copy .eyebrow { color:#fff; }.network-copy>p { margin-top:24px; color:rgba(255,255,255,.72); }.network-copy>a { display:inline-flex; gap:12px; margin-top:32px; color:#fff; font-weight:900; }.network-copy>a span { color:var(--orange); transition:transform .2s ease; }.network-copy>a:hover span { transform:translateX(5px); }
.lane-board { border-top:1px solid rgba(255,255,255,.38); }.lane-board div { display:grid; grid-template-columns:150px 1fr; gap:20px; padding:22px 0; border-bottom:1px solid rgba(255,255,255,.22); }.lane-board span { color:rgba(255,255,255,.58); font-size:12px; text-transform:uppercase; }.lane-board strong { font-size:16px; }
.section-intro.compact { margin-bottom:60px; }.process-line { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.process-line li { position:relative; min-height:220px; padding:30px 28px 0 0; }.process-line li::before { content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px #fff; }.process-line span { color:var(--orange); font-size:12px; font-weight:900; }.process-line h3 { margin:48px 0 10px; color:var(--navy); font-size:22px; }.process-line p { margin:0; color:var(--muted); line-height:1.65; }

.contact-section { display:grid; grid-template-columns:minmax(320px,.65fr) minmax(0,1fr); gap:80px; align-items:start; padding:clamp(70px,9vw,124px) clamp(24px,6vw,88px); background:var(--soft); }.contact-copy { position:sticky; top:110px; }.contact-copy>p { margin-top:24px; }.contact-copy>a { display:inline-block; margin-top:28px; color:var(--blue); font-weight:900; }
.quote-form { display:grid; grid-template-columns:repeat(2,1fr); gap:18px 16px; padding:32px; border-top:4px solid var(--orange); background:#fff; box-shadow:0 22px 60px rgba(8,47,85,.09); }.quote-form label { display:grid; gap:8px; color:#344454; font-size:12px; font-weight:800; }.quote-form input,.quote-form select,.quote-form textarea { width:100%; min-height:46px; border:1px solid var(--line); border-radius:4px; padding:0 12px; color:var(--ink); background:#fff; outline:0; }.quote-form textarea { min-height:126px; padding:12px; resize:vertical; }.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(14,90,143,.1); }.cargo-field,.quote-form button,.quote-message { grid-column:1/-1; }.quote-form button { border:0; color:#fff; background:var(--orange); cursor:pointer; transition:.2s ease; }.quote-form button:hover { background:#d95d14; transform:translateY(-2px); }.quote-message { min-height:20px; margin:0; color:var(--muted); font-size:13px; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px clamp(24px,6vw,88px); color:#d8e3ed; background:#041f39; }.site-footer>div { display:flex; align-items:center; gap:18px; }.site-footer img { width:132px; height:50px; object-fit:contain; padding:3px 5px; border-radius:4px; background:#fff; }.site-footer strong { max-width:250px; font-size:10px; line-height:1.4; }.site-footer span,.site-footer a { font-size:12px; }.site-footer a { color:#fff; font-weight:900; }
.reveal-section { opacity:0; transform:translateY(28px); transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1); }.reveal-section.is-visible { opacity:1; transform:none; }
@keyframes route-travel { 0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 11px);opacity:0} }

@media(max-width:1050px){.site-brand{min-width:270px}.site-brand span{display:none}.hero-side{display:none}.section-intro{grid-template-columns:1fr;gap:22px}.service-list{grid-template-columns:repeat(2,1fr)}.service-list article:nth-child(2){border-right:0}.service-list article{border-bottom:1px solid var(--line)}.network-section,.contact-section{grid-template-columns:1fr}.contact-copy{position:static}.process-line{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{position:absolute;align-items:flex-start;flex-wrap:wrap;padding:12px 18px;background:rgba(3,25,47,.48)}.site-brand{min-width:0;flex:1}.site-brand img{width:132px;height:48px}.site-nav{display:none}.site-login{min-height:40px;padding:0 13px;font-size:12px}.home-hero{min-height:820px;align-items:start;padding:150px 22px 136px;background:linear-gradient(90deg,rgba(3,25,47,.9),rgba(4,35,63,.52)),url("https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=1200&q=84") center/cover}.hero-content h1{font-size:45px;line-height:1}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-primary,.hero-secondary{width:100%}.hero-route{padding:0 20px}.intro-band{align-items:flex-start;flex-direction:column}.intro-metrics{width:100%;justify-content:space-between;gap:12px}.intro-metrics strong{font-size:23px}.services-section,.process-section{padding:72px 20px}.service-list{grid-template-columns:1fr}.service-list article{min-height:260px;border-right:0}.service-list h3{margin-top:45px}.network-section{min-height:auto;padding:76px 20px;gap:48px}.lane-board div{grid-template-columns:1fr;gap:8px}.process-line{grid-template-columns:1fr}.process-line li{min-height:190px}.contact-section{padding:72px 20px;gap:44px}.quote-form{grid-template-columns:1fr;padding:22px 16px}.quote-form label,.cargo-field,.quote-form button,.quote-message{grid-column:1}.site-footer{align-items:flex-start;flex-direction:column}.site-footer>div{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-section{opacity:1;transform:none}}