/* Product narrative: the existing Hibrit palette and typography. */
.logistics-page h1,.logistics-page h2{line-height:1.1;letter-spacing:-.045em;overflow-wrap:break-word}
.logistics-page h3{line-height:1.22;letter-spacing:-.025em}
.logistics-page .eyebrow,.logistics-page .card-num{font-size:14px;letter-spacing:.08em}
.logistics-page .logistics-caption{font-size:13px;line-height:1.6;color:#566159}
.logistics-page .logistics-lead{font-size:17px;line-height:1.75;max-width:720px;color:#566159}
.logistics-hero .hero-text{max-width:640px;font-size:19px;color:#263431}
.logistics-hero .button{margin-top:15px;font-size:15px;line-height:1.4}
.logistics-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.logistics-overview{background:#11191b;color:#f6f3ed;padding:35px;border-top:3px solid #ff4d0a;box-shadow:12px 12px 0 #e4dfd5}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}
.overview-heading img{border-radius:8px}.overview-heading>span{font:600 14px/1.5 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#b8c5be}
.logistics-overview ol{margin:0;padding:0;list-style:none}
.logistics-overview li{display:flex;gap:24px;padding:25px 0;border-top:1px solid #344044}
.logistics-overview li>span{color:#ff824a;font-size:14px;padding-top:5px}
.logistics-overview h2{font-size:28px;margin:0 0 8px;letter-spacing:-.03em}
.logistics-overview li p{margin:0;font-size:16px;line-height:1.6;color:#b8c5be}
.overview-note{font-size:14px;color:#ff824a;border-top:1px solid #344044;padding-top:23px;margin-bottom:0;line-height:1.7}
.logistics-page .info-grid{gap:32px}
.logistics-page .info-grid p{font-size:16px;max-width:none;line-height:1.75;color:#566159}
.logistics-page .info-grid .audience-benefit{color:#263431;border-left:2px solid #ff4d0a;padding-left:16px;margin-top:22px}
.logistics-demo{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:5vw}
.logistics-demo .demo-intro .logistics-caption{color:#b8c5be}
.logistics-demo .demo-intro h2{font-size:clamp(38px,4.7vw,64px)}
.logistics-demo .demo-stage{grid-template-columns:minmax(155px,.65fr) minmax(0,1fr)}
.logistics-demo .demo-tabs button{min-height:66px;font-size:14px;padding:12px 14px}
.logistics-demo .demo-tabs button span{font-size:13px}
.logistics-demo .demo-tabs button[aria-selected="true"]{color:#11191b;font-weight:700}
.logistics-demo .demo-device{min-height:460px;box-shadow:8px 10px 0 #7f2804;border-radius:16px}
.logistics-demo .demo-device-top{font-size:12px;letter-spacing:.04em;gap:10px}
.logistics-demo .demo-device-top i{display:none}
.logistics-demo .demo-panel{padding:28px 0 45px}
.logistics-demo .demo-panel h3{font-size:clamp(28px,2.5vw,40px);letter-spacing:-.04em;margin:70px 0 22px;line-height:1.15}
.logistics-demo .demo-label{font-size:13px;color:#a93000;letter-spacing:.06em;position:relative;z-index:1}
.logistics-demo .demo-number{top:40px;font-size:72px}
.logistics-demo .demo-progress span{--demo-progress:.1667}
.logistics-page :is(a,button,[role="tabpanel"]):focus-visible{outline:3px solid #ff824a;outline-offset:5px}
.logistics-return{padding:85px 8vw;background:#eeeae1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center}
.logistics-return h2{font-size:clamp(38px,4.5vw,62px)}
.logistics-return p{font-size:17px;line-height:1.75;color:#435148}
.logistics-return .route-example-label{font-size:13px;letter-spacing:.09em;color:#a93000}
.logistics-return .route-example{font:600 clamp(24px,2.6vw,36px)/1.5 'Space Grotesk',sans-serif;color:#182023;padding-bottom:24px;border-bottom:1px solid #bbc3b6}
.route-example span{font:400 16px/1.6 'DM Sans',sans-serif;color:#566159}
.logistics-status .progress-card h3{font-size:24px}
.logistics-status .progress-card p{font-size:16px;line-height:1.7}
.logistics-status .progress-card .fact-note{font-size:13px}
.logistics-page footer{padding-bottom:100px}
@media(max-width:1150px){.logistics-demo{grid-template-columns:1fr}.logistics-demo .demo-stage{grid-template-columns:minmax(170px,.65fr) minmax(0,1fr)}.logistics-demo .demo-panel h3{font-size:36px}.logistics-demo .demo-device{min-height:440px}.logistics-page .info-grid{gap:22px}}
@media(max-width:760px){.logistics-hero{display:block}.logistics-overview{margin-top:35px;padding:24px}.logistics-page .info-grid{grid-template-columns:1fr}.logistics-page .detail-content h2{font-size:38px}.logistics-demo .demo-stage{grid-template-columns:1fr}.logistics-demo .demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.logistics-demo .demo-tabs button{font-size:14px;min-height:80px}.logistics-demo .demo-device{padding:22px;min-height:430px}.logistics-return{grid-template-columns:1fr;padding:55px 7vw;gap:20px}.logistics-demo .demo-panel h3{font-size:32px}.logistics-page .page-cta h2{font-size:36px}.logistics-page .hero-text{font-size:18px}}
.logistics-demo .flow-detail{margin:24px 0 0;border-top:1px solid #c4ccc1}
.flow-detail>div{padding-top:16px}
.flow-detail dt{font-size:14px;font-weight:700;color:#263431;line-height:1.5}
.flow-detail dd{margin:5px 0 0;font-size:15px;line-height:1.65;color:#566159}
.logistics-demo .demo-panel h3{margin-top:58px}
.logistics-demo .demo-panel{padding-bottom:42px}
.logistics-demo .demo-device{align-self:start}
.logistics-demo .demo-device:after{display:none}
.logistics-page .logistics-goals{background:#eeeae1}
.logistics-goals .info-grid article{border-top:2px solid #c1c8bc}
.logistics-goals .info-grid article:first-child{border-top-color:#ff4d0a}
.logistics-goals .goal-check{padding:16px 18px;background:#ffffff90;border-left:2px solid #ff4d0a}
.goal-check strong{color:#263431}
@media(prefers-reduced-motion:reduce){.logistics-demo .demo-tabs button,.logistics-demo .demo-progress span{transition:none}}