/* Styles are limited to this article, including its motion and responsive layout. */
#the-freight{--tf-ink:#103848;--tf-muted:#405d69;--tf-green:#16845b;--tf-line:#dce8e8;color:var(--tf-ink);font:18px/1.78 Arial,Helvetica,sans-serif;isolation:isolate;overflow-wrap:anywhere}
#the-freight,#the-freight *{box-sizing:border-box}
#the-freight p{margin:0}
#the-freight a{color:inherit}
#the-freight .tf-kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--tf-green)}
#the-freight .tf-dot{width:8px;height:8px;border-radius:50%;background:#1cab71;box-shadow:0 0 0 5px #1cab7115}
#the-freight .tf-hero{position:relative;overflow:hidden;padding:clamp(24px,5vw,48px);border:1px solid var(--tf-line);border-radius:24px;background:radial-gradient(ellipse at 100% 0,#cfeee255,transparent 65%),#f6faf9;animation:tf-enter .65s ease both}
#the-freight .tf-hero:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #16845b16;border-radius:50%;right:-120px;top:-130px;pointer-events:none}
#the-freight .tf-hero h2{font-size:clamp(29px,4vw,47px);line-height:1.12;letter-spacing:-1.5px;margin:24px 0 18px;color:var(--tf-ink);font-weight:750}
#the-freight .tf-hero h2 span{color:var(--tf-green)}
#the-freight .tf-lead{max-width:680px;color:var(--tf-muted);font-size:19px;line-height:1.76}
#the-freight .tf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}
#the-freight .tf-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:12px 22px;border-radius:9px;border:1px solid var(--tf-green);background:var(--tf-green);color:white;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
#the-freight .tf-button:hover{transform:translateY(-3px);background:#0b6d49;box-shadow:0 8px 20px #16845b25}
#the-freight .tf-button.tf-secondary{background:transparent;color:var(--tf-ink);border-color:#cbdcdb}
#the-freight a:focus-visible{outline:3px solid #dd9700;outline-offset:5px}
#the-freight .tf-cover{margin:24px 0 0;border-radius:20px;overflow:hidden;background:#e4edef;animation:tf-enter .75s .1s ease both}
#the-freight img{display:block;width:100%;max-width:100%!important;height:auto!important;margin:0!important;border:0;border-radius:0!important;box-shadow:none!important}
#the-freight .tf-cover img{transition:filter .3s}
#the-freight .tf-cover:hover img{filter:brightness(1.04)}
#the-freight .tf-route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#0c3443;color:#e0eef0;font-size:12px;letter-spacing:1px}
#the-freight .tf-route-line{flex:1;height:1px;max-width:190px;background:linear-gradient(90deg,#3f7a7e,#74d3a8);position:relative}
#the-freight .tf-route-line:after{content:"";width:6px;height:6px;background:#75d5aa;border-radius:50%;position:absolute;right:0;top:-2px}
#the-freight .tf-nav{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0}
#the-freight .tf-nav a{padding:7px 15px;background:#f1f6f6;border:1px solid transparent;border-radius:30px;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s}
#the-freight .tf-nav a:hover{background:#e5f3eb;border-color:#b2d5c6}
#the-freight .tf-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 24px}
#the-freight .tf-section-head h2{font-size:clamp(25px,3vw,33px);line-height:1.25;letter-spacing:-.7px;margin:12px 0 0;color:var(--tf-ink)}
#the-freight .tf-section-note{max-width:260px;color:var(--tf-muted);font-size:15px}
#the-freight .tf-service{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid var(--tf-line);border-radius:18px;overflow:hidden;margin:18px 0;background:white;transition:transform .25s,box-shadow .25s,border-color .25s;scroll-margin-top:100px}
#the-freight .tf-service:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1038480c;border-color:#a2cdbd}
#the-freight .tf-service-media{margin:0;display:flex;align-items:center;background:#eef4f5;padding:14px}
#the-freight .tf-service-media img{border-radius:8px!important}
#the-freight .tf-service-copy{padding:30px;align-self:center}
#the-freight .tf-service-top{display:flex;align-items:center;gap:14px}
#the-freight .tf-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:15px;background:#e8f5ee;border:1px solid #c7e4d4;box-shadow:0 5px 15px #16845b12}
#the-freight .tf-icon img{width:27px!important;height:27px!important;max-width:none!important}
#the-freight .tf-number{color:#16845b;font-size:12px;letter-spacing:2px;font-weight:700}
#the-freight .tf-service h3{font-size:31px;line-height:1.16;margin:3px 0 0;letter-spacing:-.8px;color:var(--tf-ink)}
#the-freight .tf-service p{font-size:17px;color:var(--tf-muted);line-height:1.78;margin-top:18px}
#the-freight .tf-tag{display:inline-block;margin-top:17px;padding:4px 10px;border-radius:5px;font-size:10px;letter-spacing:.7px;background:#edf6f1;color:#146748;font-weight:700}
#the-freight .tf-service.tf-reverse .tf-service-media{order:2}
#the-freight .tf-process{padding:30px;border-radius:22px;background:#f3f7f6;margin-top:38px;scroll-margin-top:100px}
#the-freight .tf-process .tf-section-head{margin:0 0 28px}
#the-freight .tf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#the-freight .tf-step{position:relative;padding-top:4px}
#the-freight .tf-step-number{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:white;border:1px solid #cadfd5;border-radius:50%;font-size:13px;font-weight:700;color:var(--tf-green);transition:background .2s,color .2s,transform .2s}
#the-freight .tf-step:hover .tf-step-number{background:var(--tf-green);color:white;transform:scale(1.08)}
#the-freight .tf-step:not(:last-child):after{content:"";position:absolute;top:22px;left:47px;right:0;border-top:1px dashed #b4cec1}
#the-freight .tf-step-icon{display:flex;width:36px;height:36px;margin-top:16px;align-items:center;justify-content:center}
#the-freight .tf-step-icon img{width:30px!important;height:30px!important;max-width:none!important}
#the-freight .tf-step h3{font-size:19px;line-height:1.35;margin:9px 0 9px;color:var(--tf-ink)}
#the-freight .tf-step p{font-size:15px;line-height:1.75;color:var(--tf-muted)}
#the-freight .tf-notice{margin-top:22px;padding-top:18px;border-top:1px solid var(--tf-line);font-size:15px;color:var(--tf-muted)}
#the-freight .tf-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;margin:24px 0 0;background:linear-gradient(115deg,#0c3443,#115345);border-radius:20px;color:white}
#the-freight .tf-cta h2{font-size:26px;line-height:1.3;color:white;margin:0 0 10px;letter-spacing:-.5px}
#the-freight .tf-cta p{font-size:17px;color:#c6dcd8;max-width:500px}
#the-freight .tf-cta .tf-button{flex-shrink:0;background:#c4f4d5;color:#123c34;border-color:#c4f4d5}
@keyframes tf-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){#the-freight{font-size:17px}#the-freight .tf-lead{font-size:18px}#the-freight .tf-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#the-freight .tf-step:nth-child(2):after{display:none}#the-freight .tf-service{grid-template-columns:1fr}#the-freight .tf-service.tf-reverse .tf-service-media{order:0}#the-freight .tf-service-media{padding:12px}#the-freight .tf-service-copy{padding:24px}#the-freight .tf-section-head{display:block}#the-freight .tf-section-note{margin-top:12px;max-width:none}#the-freight .tf-cta{align-items:start;flex-direction:column;padding:26px}#the-freight .tf-process{padding:24px}#the-freight .tf-hero h2{letter-spacing:-.8px}}
@media(max-width:420px){#the-freight .tf-route{padding:14px;font-size:10px;gap:8px}#the-freight .tf-route-line{max-width:50px}#the-freight .tf-steps{gap:20px 14px}#the-freight .tf-kicker{letter-spacing:1.2px;font-size:10px}#the-freight .tf-actions{align-items:stretch;flex-direction:column}#the-freight .tf-process{padding:20px}#the-freight .tf-step h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){#the-freight,#the-freight *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
