:root{--social-navy:#0b2b43;--social-ink:#17384d;--social-blue:#148ec2;--social-cyan:#54c8eb;--social-teal:#168d85;--social-orange:#ed8a4b;--social-soft:#f1f7fa;--social-line:#d7e5ec;--social-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--social-ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;z-index:100;left:16px;top:-60px;padding:10px 14px;background:#fff;color:#0b2b43;border-radius:8px;box-shadow:0 8px 28px #0003}.skip-link:focus{top:16px}
.social-header{height:82px;padding:10px clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--social-line);background:#fffffffa;position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}
.social-brand{width:150px;height:60px;display:block;overflow:hidden}.social-brand img{width:100%;height:100%;object-fit:contain}
.social-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.social-header nav a:hover,.social-header nav a:focus{color:var(--social-blue)}
.header-quote{padding:11px 17px;border-radius:999px;background:var(--social-navy);color:#fff!important}
.social-hero{position:relative;min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:70px;padding:90px clamp(30px,7vw,110px);overflow:hidden;background:linear-gradient(125deg,#071c2b 0%,#0b3651 56%,#075773 100%);color:#fff}
.social-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071c2bf5,#0a334dd4),url('/freight-3d-v1.jpg') center/cover;opacity:.72}
.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;right:-180px;top:-260px;background:radial-gradient(circle,#55cdfb38,transparent 66%)}
.hero-copy,.hero-network{position:relative;z-index:2}.social-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.18em;color:#70d5f1;margin:0 0 20px}.social-kicker span{width:30px;height:2px;background:currentColor}.social-kicker.dark{color:#147da8}
.hero-copy h1{font-size:clamp(52px,6vw,84px);line-height:.98;margin:0;max-width:760px}.hero-copy h1 em{font-style:normal;color:#6bd8f5}.hero-copy>p:not(.social-kicker):not(.profile-note){font-size:18px;line-height:1.7;color:#d3e6ef;max-width:650px;margin:28px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.social-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 21px;border:1px solid transparent;border-radius:999px;font-weight:800;font-size:13px;cursor:pointer}.social-button.primary{background:linear-gradient(90deg,#23a6da,#52c7e9);color:#08263a}.social-button.ghost{background:#ffffff0c;border-color:#ffffff5c;color:#fff}.social-button.light{background:#fff;color:#12394e}
.profile-note{margin-top:20px!important;font-size:11px!important;color:#91afbd!important}
.hero-network{height:480px;display:grid;place-items:center}.network-center{z-index:3;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#fff;color:var(--social-navy);box-shadow:0 0 0 18px #ffffff0b,0 30px 90px #0007}.network-center img{width:82px;height:62px;object-fit:contain}.network-center strong{font-size:18px}.network-center span{font-size:8px;letter-spacing:.17em;color:#568095}.network-orbit{position:absolute;border:1px solid #b8efff4f;border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:460px;height:460px}.network-tag{position:absolute;padding:10px 15px;border:1px solid #ffffff35;border-radius:999px;background:#0d3b54e8;box-shadow:0 12px 30px #0004;font-size:10px;font-weight:850;letter-spacing:.12em}.tag-one{left:4%;top:23%}.tag-two{right:0;top:28%}.tag-three{left:2%;bottom:22%}.tag-four{right:7%;bottom:17%;color:#74ddf9}
.social-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid var(--social-line)}.social-strip div{min-height:112px;padding:24px 28px;border-right:1px solid var(--social-line);display:grid;align-content:center;gap:5px}.social-strip div:last-child{border:0}.social-strip strong{font-size:11px;letter-spacing:.12em;color:#167ca7}.social-strip span{font-size:13px;color:#708696}
.updates-section{padding:100px clamp(24px,6vw,90px);background:#f7fafc}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;max-width:1320px;margin:0 auto 48px}.section-intro h2,.topic-copy h2,.share-copy h2,.social-cta h2{font-size:clamp(38px,5vw,62px);line-height:1.02;margin:0;color:#12384e}.section-intro>p{max-width:520px;color:#6c8392;line-height:1.7;margin:0}
.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1320px;margin:auto}.social-post{min-width:0;background:#fff;border:1px solid var(--social-line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr);box-shadow:0 18px 45px #12384e0b;transition:transform .25s ease,box-shadow .25s ease}.social-post:hover{transform:translateY(-3px);box-shadow:0 24px 55px #12384e18}
.post-visual{min-height:350px;padding:28px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff}.post-visual:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff3d;border-radius:50%;right:-90px;bottom:-90px}.post-label{position:relative;z-index:2;font-size:9px;font-weight:850;letter-spacing:.15em}.post-visual p{position:relative;z-index:2;margin:0;font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-.03em}.security-visual{background:linear-gradient(145deg,#0e384f,#117c92)}.quote-visual{background:linear-gradient(145deg,#1d5378,#168ec2)}.carrier-visual{background:linear-gradient(145deg,#1c465a,#168d85)}.ai-visual{background:linear-gradient(145deg,#153458,#5b43ad)}
.shield,.ai-core{align-self:center;display:grid;place-items:center;width:85px;height:85px;border-radius:28px;background:#ffffff16;border:1px solid #ffffff69;font-size:40px;font-weight:900;box-shadow:0 18px 45px #0003}.ai-core{border-radius:50%;font-size:28px}.route-line{height:110px;position:relative}.route-line:before{content:"";position:absolute;left:25%;right:18%;top:50%;height:2px;background:#fff;transform:rotate(-13deg)}.route-line i{position:absolute;width:18px;height:18px;border:5px solid #fff;border-radius:50%;top:44%}.route-line i:first-child{left:20%}.route-line i:last-child{right:13%}.truck-mark{align-self:center;font-size:70px;position:relative}.truck-mark i{position:absolute;width:18px;height:18px;background:#fff;border:5px solid #0d726b;border-radius:50%;bottom:5px}.truck-mark i:first-child{left:10px}.truck-mark i:last-child{right:10px}
.post-body{padding:32px;display:flex;flex-direction:column}.post-topic{font-size:10px;font-weight:850;letter-spacing:.13em;color:#1382af;margin:0 0 14px;text-transform:uppercase}.post-body h3{font-size:28px;line-height:1.08;margin:0 0 16px;color:#17384d}.post-copy{color:#69808f;line-height:1.65;margin:0 0 26px}.post-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:15px}.post-actions a{font-size:13px;font-weight:850;color:#116f98}.post-actions a span{margin-left:6px}.post-actions button{border:1px solid #bfd4df;background:#fff;color:#426174;padding:9px 12px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.post-actions button:hover,.post-actions button:focus{border-color:#148ec2;color:#116f98}
.topic-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;padding:110px clamp(30px,7vw,110px);background:var(--social-navy);color:#fff}.topic-copy{position:sticky;top:130px;align-self:start}.topic-copy h2{color:#fff}.topic-copy>p:last-child{color:#aac1ce;line-height:1.7;max-width:520px}.topic-list{display:grid}.topic-list article{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:30px 0;border-top:1px solid #ffffff24}.topic-list article:last-child{border-bottom:1px solid #ffffff24}.topic-list>article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #6dc7e3;color:#6dc7e3;font-size:11px;font-weight:800}.topic-list h3{font-size:25px;margin:0 0 8px}.topic-list p{margin:0;color:#aac1ce;line-height:1.65}
.share-section{padding:100px clamp(24px,6vw,90px);background:#fff}.share-copy{text-align:center;max-width:810px;margin:0 auto 45px}.share-copy .social-kicker{justify-content:center}.share-copy p:last-child{color:#6c8392;line-height:1.7}.share-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1120px;margin:auto}.share-actions a,.share-actions button{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;text-align:left;align-items:center;padding:18px;border:1px solid var(--social-line);border-radius:15px;background:#fff;color:#17384d;cursor:pointer}.share-actions span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9f5fa;color:#147fa9;font-weight:900;font-size:20px}.share-actions strong{font-size:13px}.share-actions small{color:#718795;font-size:10px}.share-actions a:hover,.share-actions button:hover{border-color:#54b4d8;box-shadow:0 12px 30px #164d6712}
.social-cta{padding:70px clamp(30px,7vw,110px);display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(105deg,#eaf7fb,#f4f9fb)}.social-cta h2{max-width:760px}.social-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.social-cta .social-button.light{border-color:#b7d0dd}
.social-footer{padding:45px clamp(25px,6vw,90px) 28px;background:#071d2b;color:#b1c6d0;display:grid;grid-template-columns:1fr auto;gap:28px 60px;align-items:center}.social-footer img{width:150px;max-height:60px;object-fit:contain}.social-footer>div p{font-size:12px;max-width:420px}.social-footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:700}.social-footer nav a:hover{color:#65d0ed}.social-footer>p{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:20px;margin:0;font-size:11px}
.social-toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 18px;border-radius:999px;background:#0b2b43;color:#fff;box-shadow:0 15px 40px #0004;font-size:12px;font-weight:750}
@media(max-width:1050px){.social-hero{grid-template-columns:1fr;gap:20px}.hero-network{height:390px}.social-strip{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:1fr}.share-actions{grid-template-columns:1fr 1fr}.social-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.social-header{height:auto;min-height:74px;padding:8px 18px}.social-brand{width:120px}.social-header nav>a:not(.header-quote){display:none}.social-hero{padding:70px 23px;grid-template-columns:minmax(0,1fr)}.hero-copy h1{font-size:48px}.hero-network{height:320px}.network-center{width:135px;height:135px}.network-center img{width:65px}.orbit-one{width:230px;height:230px}.orbit-two{width:310px;height:310px}.network-tag{font-size:8px;padding:8px 10px}.social-strip{grid-template-columns:1fr}.social-strip div{border-right:0;border-bottom:1px solid var(--social-line)}.section-intro,.topic-section{grid-template-columns:1fr;gap:35px}.topic-copy{position:static}.social-post{grid-template-columns:1fr}.post-visual{min-height:260px}.share-actions{grid-template-columns:1fr}.social-footer{grid-template-columns:1fr}.social-footer nav{gap:15px}.social-cta{padding:55px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.social-post{transition:none}}
