/* SC-2027-V6 — orange / black / white. */
:root{--navy:#101010;--navy2:#242424;--ink:#101010;--paper:#fff;--muted:#555;--line:#d6d6d6;--orange:#ff672f;--yellow:#ff672f;--cobalt:#a6310a}
body{background:#fff;color:#101010}.muted{color:#555}.section{padding-block:100px}.eyebrow{font-size:.8125rem;letter-spacing:.12em}
::selection{background:#ff672f;color:#101010}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.announcement{background:#ff672f;color:#101010;font-size:.8125rem}.announcement .wrap{padding-block:10px}
.site-header{border-bottom:1px solid #ddd}.site-header:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:#ff672f;transform-origin:left;transform:scaleX(var(--scroll-progress,0));pointer-events:none}
.header-inner{height:84px}.header-inner nav{font-size:.875rem}.header-inner nav .nav-cta{background:#101010;color:#fff}.header-inner nav .nav-cta:hover{background:#ff672f;color:#101010}nav>a:hover{color:#a6310a}
.brand-word>span{color:#b63c13}.brand-word>small{color:#555}.nav-new{border-color:#c9c9c9;color:#101010;background:#f4f4f4;font-size:.6875rem}
.button{transition:background .22s,color .22s,transform .22s,box-shadow .22s}.button span,.text-link span,.contact-links a span{transition:transform .25s}.button:hover span,.text-link:hover span,.contact-links a:hover span{transform:translate(3px,-3px)}
.orange,.yellow{background:#ff672f;color:#101010}.orange:hover,.yellow:hover{background:#ff8658;color:#101010}.navy,.navy:hover{background:#101010;color:#fff}.navy:hover{box-shadow:0 7px 0 #ff672f;transform:translateY(-3px)}
.hero-new{background:#101010;color:#fff}.hero-new-inner{display:grid;grid-template-columns:1fr 1.08fr;gap:45px;min-height:0;padding-block:65px 60px;align-items:center}.hero-new-copy{width:100%;padding:0;min-width:0}.hero-eyebrow{font-size:.75rem;color:#ddd;flex-wrap:wrap;letter-spacing:.065em;gap:12px;margin-bottom:29px}.hero-eyebrow>span{background:#ff672f;color:#101010;font-size:.6875rem;padding:7px 10px}
.hero-new h1{font-size:clamp(2.6rem,4.2vw,4.75rem);line-height:1.08;margin-bottom:27px}.hero-new h1 em{color:#ff7946}.hero-new-copy>p:not(.hero-eyebrow){color:#d8d8d8;font-size:1.0625rem;max-width:490px;margin-bottom:30px}.hero-new-actions{gap:12px}.hero-new-actions .button{font-size:.875rem;padding:17px 19px;gap:23px}.glass{background:transparent;border:1px solid #818181;color:#fff}.glass:hover{background:#252525}
.hero-media{min-width:0}.hero-background{position:relative;inset:auto;display:block;border-radius:3px;overflow:hidden;border-bottom:4px solid #ff672f}.hero-background img{position:static;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;max-width:100%}
.hero-launch{position:static;display:grid;grid-template-columns:auto 1fr;gap:5px 25px;max-width:none;margin-top:24px;align-items:center}.hero-launch>span{grid-column:2;grid-row:1;font-size:.6875rem;letter-spacing:.12em;color:#ddd}.hero-launch>strong{grid-column:1;grid-row:1/3;display:block;font-size:3.9rem;line-height:1;margin:0;color:#ff7946}.hero-launch strong>span{display:none}.hero-launch p{grid-column:2;grid-row:2;font-size:.8125rem;line-height:1.5;color:#c6c6c6;margin:0}.hero-launch p br{display:none}
.launch-strip{background:#101010;color:#eee;border-top:1px solid #383838}.launch-strip>.wrap{min-height:74px}.launch-strip p{font-size:.875rem}.launch-strip>div>span{color:#bbb;border-color:#454545}.launch-strip a{color:#ff8658;font-size:.875rem}
.ticker{background:#101010;border-top:1px solid #333;border-bottom:1px solid #333;padding-block:19px}.ticker-track{color:#fff;font-size:.8125rem;letter-spacing:.12em;animation-duration:36s}.ticker-track i{background:#ff672f}
/* White: route and price. */
.calculator{background:#fff}.calculator .eyebrow{color:#9e2d06}.calculator .section-heading h2 .muted{color:#555}.calc-form{background:#f7f7f7;border:1px solid #d5d5d5;box-shadow:none}.small-tag{color:#333;background:#e9e9e9}.step-number{background:#101010;color:#fff}.segmented{background:#e7e7e7}.segmented button{color:#444}.segmented button.active{background:#101010;color:#fff}
.field label{font-size:.875rem}.field input,.field select{border-color:#bdbdbd;color:#101010;background:#fff}.field input:focus,.field select:focus{outline-color:#a6310a}.field input::placeholder{color:#676767}.field-hint,.calc-disclaimer{color:#575757;font-size:.8125rem}.field-status{color:#343434}.address-letter{background:#101010;color:#fff}.address-letter.end{background:#ff672f;color:#101010}.capacity{background:#ececec;color:#333;border-color:#ff672f;font-size:.8125rem}.load-details>summary{font-size:.875rem}
.suggestions{border-color:#bbb;box-shadow:0 10px 25px #0002}.suggestions button{border-color:#ddd}.suggestions button:hover,.suggestions button[aria-selected="true"]{background:#eee}
.result-card{background:#101010}.result-header{color:#dedede}.result-foot{background:#242424;color:#d0d0d0}.result-kicker,.vat-note,.route-summary p,.route-stats>div,.price-breakdown dt,.result-fineprint,.bespoke p,#result-empty p{color:#d0d0d0}.price{color:#ff8658}.calculation-note p{color:#555}.calculation-note a{color:#962800}.note-icon{border-color:#666}.map-heading>span,.map-summary{color:#444}.route-overview{border-color:#d5d5d5}.map-heading{border-color:#ddd}.map-canvas{background:#ededed}.cargo-map-pin span{background:#101010}.cargo-map-pin.destination span{background:#ff672f;color:#101010}.leaflet-container a{color:#743005}
/* Orange: shipment types. */
.services{background:#ff672f;color:#101010}.services .eyebrow,.services .section-heading>p,.services .muted{color:#101010}.services .section-heading>p{max-width:400px}.new-services{gap:24px}.new-services>article,.new-services>article:nth-child(2),.new-services>article:nth-child(3){color:#101010;background:transparent;border:0;border-top:2px solid #101010;border-radius:0;padding:27px 0 0;transition:transform .3s}
.service-index>span:first-child,.new-services>article:nth-child(2) .service-index>span:first-child{color:#101010;font-size:2.7rem;font-weight:800}.service-index>span:last-child{font-size:.75rem}.new-services h3{font-size:1.9rem}.new-services p,.new-services>article:nth-child(2) p{color:#161616;font-size:1rem}.new-services a,.new-services>article:nth-child(2) a{border-color:#10101066;color:#101010;font-size:.875rem}.new-services a>span{transition:transform .25s}.new-services a:hover>span{transform:translate(4px,-4px)}
/* Black: app. */
.app-section{background:#101010;color:#fff}.app-grid{grid-template-columns:1fr 1fr;gap:42px;min-height:0;align-items:center}.app-copy{padding-block:85px}.app-copy .eyebrow{color:#ff8658}.app-copy h2{font-size:clamp(2.4rem,3.5vw,3.7rem)}.app-copy h2>span{color:#ff7946}.app-copy>p:not(.eyebrow):not(.app-notice):not(.app-planning){color:#d7d7d7}.app-features li:before{color:#ff8658}.app-copy .app-notice{color:#ccc}.app-copy .text-link{border-color:#aaa}.app-visual{overflow:visible;margin:0}.app-visual>img{position:static;width:100%;height:auto;max-width:100%;mask-image:none;object-fit:contain;animation:app-float 7s ease-in-out infinite}.app-visual>figcaption{position:static;color:#bdbdbd;text-align:center;max-width:none;margin-top:20px;font-size:.8125rem}.store-tile{border-color:#999;background:#050505}.store-tile strong{color:#fff}.app-copy .app-feature-label{color:#fff}
/* White: platform. */
.platform-new{background:#fff}.platform-intro .eyebrow{color:#9e2d06}.platform-intro h2>span{color:#a6310a}.platform-intro>p:last-child,.platform-pillars p{color:#555}.pillar-number{color:#a6310a;font-size:.8125rem}.platform-pillars>article{border-color:#101010;position:relative}.platform-pillars>article:before{content:'';height:3px;position:absolute;top:-2px;left:0;width:38px;background:#ff672f;transition:width .45s}.platform-pillars>article:hover:before{width:100%}
/* Orange: partners. */
.partners-new{background:#ff672f;color:#101010}.partner-panel .eyebrow,.partner-panel h2>span{color:#101010}.partner-panel>p:not(.eyebrow):not(.partner-note){color:#191919}.partner-panel .partner-note{color:#252525}.partner-focus>span{border-color:#10101070;color:#101010;background:transparent}.partner-panel .button{background:#101010;color:#fff}.partner-panel .button:hover{background:#303030}.partner-wide-photo>img{filter:none}
/* Black: frequently asked questions. */
.faq{background:#101010;color:#fff}.faq .text-link{color:#ff8658}.faq-list{border-color:#555}.faq-list details{border-color:#454545}.faq-list summary{color:#fff;font-size:1rem}.faq-list summary>span{color:#ff8658;transition:transform .25s}.faq-list details p{color:#d0d0d0}.faq-list details[open]{background:#ffffff06}.faq-list details p a{color:#ff956e}
/* White: direct contact. */
.contact-band{background:#fff;color:#101010;padding-block:85px}.contact-band .eyebrow{color:#9e2d06}.contact-links a{color:#101010;border-color:#bbb}.contact-links a:hover{color:#a6310a}.contact-links p{color:#555}.contact-links a span{color:#a6310a}
/* Orange: footer, completing the three-color rhythm. */
.footer{background:#ff672f;color:#101010}.footer-brand-row{border-color:#10101066}.footer .logo,.footer .brand-word>span,.footer .brand-word small,.footer-brand-row>p,.footer-brand-row>span,.footer-top h3,.footer-top p,.footer-top>div>a:not(.logo),.footer-bottom,.footer-bottom a{color:#101010}.footer .brand-mark{background:#fff;border-radius:3px;padding:3px}.footer-top p{font-size:.875rem}.footer-bottom{border-color:#10101066}.footer a:hover{color:#101010;text-decoration:underline}.footer .logo:hover{text-decoration:none}
.document-page{background:#fff}.document-page .eyebrow,.back-link{color:#a6310a}.document-body p,.document-body li{color:#333}.document-body th{background:#101010}.document-body .note{background:#f3f3f3;border-color:#ff672f}
/* Motion remains progressive: all content is readable before JavaScript runs. */
.reveal-pending{opacity:0;transform:translateY(26px)}.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
@keyframes app-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(hover:hover){.new-services>article:hover{transform:translateY(-6px)}}
@media(min-width:1700px){.hero-new-inner{padding-block:90px}.hero-new h1{font-size:4.75rem}}
@media(max-width:1180px){.hero-new-inner{gap:30px;padding-block:50px}.hero-new h1{font-size:clamp(2.3rem,4.05vw,3.8rem)}.hero-new-actions{align-items:flex-start}.hero-new-actions .button{font-size:.8125rem;padding:15px 16px;gap:15px}.hero-launch{gap:5px 18px}.hero-launch>strong{font-size:3.4rem}.hero-launch p{font-size:.75rem}.app-grid{gap:24px}.app-copy h2{font-size:2.6rem}.new-services h3{font-size:1.65rem}.partner-panel{padding:50px 35px}.partner-panel h2{font-size:2.8rem}}
@media(max-width:960px){.header-inner{height:80px}.header-inner nav{top:80px}.hero-new-inner{grid-template-columns:1fr;padding-block:50px;gap:35px}.hero-new-copy{max-width:650px}.hero-new h1{font-size:clamp(3rem,6.8vw,4.4rem)}.hero-new-copy>p:not(.hero-eyebrow){max-width:580px}.hero-media{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:25px}.hero-launch{display:block;margin:0}.hero-launch>strong{display:block;margin:9px 0 15px;font-size:4.5rem}.hero-launch>span{font-size:.6875rem}.hero-launch p{font-size:.8125rem}.section{padding-block:76px}.app-grid{grid-template-columns:1fr 1fr}.app-copy h2{font-size:2.35rem}.app-copy{padding-block:70px}.new-services h3{font-size:1.5rem}.partner-panel h2{font-size:2.4rem}.partner-wide-photo{min-height:650px}.footer-brand-row>span{display:none}}
@media(max-width:680px){.announcement a{font-size:.75rem}.header-inner{height:76px}.header-inner nav{top:76px}.hero-new-inner{padding-block:35px 31px;gap:30px}.hero-new h1{font-size:clamp(2.1rem,9.5vw,3.9rem);line-height:1.1;margin-bottom:23px}.hero-eyebrow{gap:10px;font-size:.6875rem;margin-bottom:22px}.hero-new-copy>p:not(.hero-eyebrow){font-size:1rem;margin-bottom:23px}.hero-new-actions{flex-direction:row;align-items:center;max-width:none}.hero-new-actions .button{padding:15px 16px;font-size:.8125rem;gap:18px}.hero-media{display:block}.hero-background img{height:auto;aspect-ratio:3/2;position:static}.hero-launch{display:grid;grid-template-columns:auto 1fr;gap:5px 23px;margin-top:22px}.hero-launch>strong{font-size:3.4rem;margin:0}.hero-launch p{font-size:.75rem;max-width:none}.hero-launch>span{font-size:.6875rem;max-width:none}.launch-strip>.wrap{padding-block:22px;gap:15px}.launch-strip p,.launch-strip a{font-size:.8125rem}.ticker{padding-block:16px}.ticker-track{font-size:.75rem;animation-duration:32s}.section{padding-block:65px}.section-heading h2{font-size:2.6rem}.calc-form{padding:25px 20px}.new-services{gap:32px}.new-services>article{padding:23px 0 0}.new-services h3{font-size:2rem}.service-index{margin-bottom:23px}.new-services p{max-width:100%;margin-bottom:24px}.new-services a{padding-bottom:4px}.app-grid{grid-template-columns:1fr;gap:0}.app-copy{padding:65px 0 0}.app-copy h2{font-size:clamp(2rem,8.5vw,3.3rem)}.app-visual{height:auto;margin:25px 0 45px;overflow:visible}.app-visual>img{position:static;height:auto;width:100%;max-width:100%;right:auto;top:auto}.app-visual>figcaption{position:static;left:auto;right:auto;margin-top:16px;font-size:.8125rem}.partner-wide-photo{min-height:0;height:420px}.partner-panel{padding:47px 24px 55px}.partner-panel h2{font-size:2.65rem}.partner-panel .eyebrow{font-size:.75rem}.contact-band{padding-block:65px}.footer-brand-row>p{font-size:1rem}.footer-bottom{font-size:.8125rem}.footer-top>div>a:not(.logo){font-size:.875rem}}
@media(max-width:370px){.hero-new h1{font-size:2.08rem}.hero-new-actions{gap:10px}.hero-new-actions .button{font-size:.8125rem;padding:15px 16px;justify-content:space-between}.hero-launch{gap:5px 15px}.hero-launch>strong{font-size:2.8rem}.hero-launch p{font-size:.75rem}.app-copy h2{font-size:1.9rem}.section-heading h2,.platform-intro h2,.faq-grid h2{font-size:2.3rem}.partner-panel h2{font-size:2.4rem}.fields-3{gap:8px}.fields-3 label{font-size:.8125rem}.small-tag{font-size:.6875rem!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.app-visual>img{animation:none!important}.reveal,.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{transition-duration:.01ms!important}}
/* Legible supporting copy and focus on every section color. */
.field-hint,.calc-disclaimer{font-size:.875rem!important;line-height:1.6}
.button:focus-visible,.nav-cta:focus-visible,.menu-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #101010}
#calc-result:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.field input,.field select{border-color:#888}

/* V5: keep both logistics professionals fully framed. */
.partner-wide-photo>img{object-position:center top}
/* V6: brand-led white opening, then black / orange / white section rhythm. */
.announcement{background:#101010;color:#fff}.announcement a:hover{color:#ff8658}
.header-inner nav .nav-cta{background:#ff672f;color:#101010}.header-inner nav .nav-cta:hover{background:#101010;color:#fff}
.hero-new{background:#fff;color:#101010}.hero-new-inner{grid-template-columns:.98fr 1.02fr;gap:45px;padding-block:62px 56px}.hero-new h1{font-size:clamp(3.8rem,6.1vw,6.5rem);line-height:1.03;letter-spacing:-.068em;margin-bottom:23px;color:#101010}
.hero-new-copy>p.hero-tagline{font-size:clamp(2rem,3.1vw,3.3rem);font-weight:750;letter-spacing:-.05em;line-height:1.13;color:#101010;margin:0 0 27px;max-width:550px}
.hero-eyebrow{color:#494949;font-size:.72rem;gap:12px}.hero-eyebrow>span{background:#101010;color:#fff}
.hero-new-copy>p:not(.hero-eyebrow):not(.hero-tagline){color:#494949;max-width:475px;font-size:1rem;line-height:1.75;margin-bottom:28px}
.hero-new-actions .glass{background:transparent;color:#101010;border-color:#777}.hero-new-actions .glass:hover{background:#f0f0f0}.hero-background{border:0;border-radius:3px}.hero-background img{aspect-ratio:3/2;object-fit:contain}
.hero-launch{border-top:2px solid #101010;padding-top:22px;margin-top:25px;column-gap:24px}.hero-launch>strong{color:#101010;font-size:3.7rem}.hero-launch>span{color:#333}.hero-launch p{color:#555}
.launch-strip{background:#fff;color:#101010;border-color:#ddd}.launch-strip>div>span{color:#555;border-color:#bbb}.launch-strip a{color:#9b2d08}
.ticker{background:#ff672f;border:0}.ticker-track{color:#101010}.ticker-track i{background:#101010}
/* Black: calculation, with white working surfaces. */
.calculator{background:#101010;color:#fff}.calculator .eyebrow{color:#ff956e}.calculator .section-heading h2 .muted{color:#c6c6c6}.calculator .section-heading>p{color:#d0d0d0}.calc-form{background:#fff;color:#101010;border-color:#fff}.segmented{background:#e9e9e9}.calc-form .navy{background:#ff672f;color:#101010}.calc-form .navy:hover{background:#ff8759;box-shadow:none;transform:translateY(-2px)}
.route-overview{background:#fff;color:#101010;border-color:#fff}.result-card{background:#222;border:1px solid #555}.result-foot{background:#2b2b2b}.calculation-note{color:#fff}.calculation-note p{color:#cecece}.calculation-note a{color:#ff956e}.calculation-note .note-icon{border-color:#bbb}
/* White: app, black device artwork. */
.app-section{background:#fff;color:#101010}.app-copy .eyebrow{color:#9b2d08}.app-copy h2>span{color:#101010}.app-copy>p:not(.eyebrow):not(.app-notice):not(.app-planning){color:#4b4b4b}.app-copy>p.app-feature-label{color:#101010!important}.app-features li:before{color:#a6310a}.app-copy .app-notice{color:#555}.app-copy .text-link{color:#101010;border-color:#555}.app-visual>img{border-radius:5px}.app-visual>figcaption{color:#555}.store-tile>div>span{color:#fff}.store-tile{color:#fff}
/* Black: platform. */
.platform-new{background:#101010;color:#fff}.platform-intro .eyebrow{color:#ff956e}.platform-intro h2>span{color:#ff8658}.platform-intro>p:last-child,.platform-pillars p{color:#d0d0d0}.platform-pillars>article{border-color:#777}.pillar-number{color:#ff956e}
/* White: questions. */
.faq{background:#fff;color:#101010}.faq .text-link{color:#96310e}.faq-list,.faq-list details{border-color:#bbb}.faq-list summary{color:#101010}.faq-list summary>span{color:#96310e}.faq-list details p{color:#4b4b4b}.faq-list details p a{color:#96310e}.faq-list details[open]{background:#f5f5f5}
/* Black: contact. */
.contact-band{background:#101010;color:#fff}.contact-band .eyebrow{color:#ff956e}.contact-links a{color:#fff;border-color:#666}.contact-links a:hover{color:#ff956e}.contact-links a span{color:#ff956e}.contact-links p{color:#cecece}
@media(min-width:1700px){.hero-new-inner{padding-block:75px}.hero-new h1{font-size:6.5rem}}
@media(max-width:1180px){.hero-new-inner{gap:30px}.hero-new h1{font-size:clamp(3.7rem,6.1vw,5.3rem)}.hero-new-copy>p.hero-tagline{font-size:2.6rem}.hero-launch>strong{font-size:3.3rem}}
@media(max-width:960px){.hero-new-inner{grid-template-columns:1fr;padding-block:46px;gap:35px}.hero-new h1{font-size:5.4rem}.hero-new-copy>p.hero-tagline{font-size:3.25rem}.hero-new-copy>p:not(.hero-eyebrow):not(.hero-tagline){max-width:580px}.hero-launch{margin-top:0;border-top:0;padding-top:0}.hero-launch>strong{font-size:4rem}}
@media(max-width:680px){.hero-new-inner{padding-block:34px 32px;gap:30px}.hero-new h1{font-size:clamp(3.1rem,13.3vw,5.3rem);margin-bottom:20px}.hero-new-copy>p.hero-tagline{font-size:clamp(2rem,8.5vw,3rem);margin-bottom:24px}.hero-new-copy>p:not(.hero-eyebrow):not(.hero-tagline){font-size:1rem}.hero-eyebrow{font-size:.6875rem}.hero-launch{border-top:2px solid #101010;margin-top:23px;padding-top:20px;column-gap:20px}.hero-launch>strong{font-size:3.3rem}.hero-new-actions .button{font-size:.8125rem}.app-copy h2{font-size:clamp(2.7rem,10.5vw,3.6rem)}}
@media(max-width:370px){.hero-new h1{font-size:2.95rem}.hero-new-copy>p.hero-tagline{font-size:2rem}.hero-launch>strong{font-size:2.7rem}.hero-launch{column-gap:15px}.app-copy h2{font-size:2.6rem}}
