/* Case stories share the typography, forms and palette of the landing page. */
:is(.cases-section,.case-page) [data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
:is(.cases-section,.case-page) [data-icon]>.ui-icon{width:18px;height:18px}
:is(.cases-section,.case-page) .order-record>[data-icon]{width:24px;height:24px;color:#b95322}
:is(.cases-section,.case-page) .order-record>[data-icon]>.ui-icon{width:24px;height:24px}
.cases-section{padding:90px 5.5% 88px;background:linear-gradient(#f6eddf,#f7efdf);border-bottom:1px solid #dfd1bb;scroll-margin-top:30px}
.cases-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:end;margin-bottom:38px}
.cases-heading h2{font-size:clamp(30px,3.35vw,55px);line-height:1.12;letter-spacing:-.055em;margin-top:17px;font-weight:750}
.cases-heading>p{font-size:17px;line-height:1.7;color:#65665d;max-width:520px}
.case-teasers{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-teaser{min-width:0;background:#fffaf2;border:1px solid #ded1bc;border-radius:25px;padding:30px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,box-shadow .2s}
.case-teaser:hover{border-color:#c18953;box-shadow:0 12px 35px #52321409}
.case-card-top{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:22px}
.case-kind{display:inline-flex;align-items:center;min-height:28px;border:1px solid #d4c3a9;border-radius:30px;padding:5px 11px;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.02em;color:#79512d;background:#f6ecdc;white-space:nowrap}
.case-logistics .case-kind,.logistics-diagram .diagram-caption{color:#665083}.case-logistics .case-kind{border-color:#d8cbe5;background:#f0eaf6}
.case-industry{font-size:12px;color:#777266}
.case-teaser h3{font-size:clamp(23px,2.25vw,36px);line-height:1.2;letter-spacing:-.045em;max-width:95%;font-weight:750}
.case-teaser h3 a:hover{color:#a73d13}
.case-card-copy{font-size:15px;line-height:1.7;color:#66645b;margin-top:17px;margin-bottom:26px;min-height:103px;max-width:530px}
.case-diagram{border:1px solid #e7d9c3;border-radius:16px;padding:22px;background:linear-gradient(135deg,#f5e9d4,#fcf7ec);color:#35392d;min-width:0}
.diagram-caption{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:#8a6137;margin-bottom:18px}
.order-record{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dcc7a8;background:#fffbf3;border-radius:10px}
.order-record>.ui-icon{width:24px;height:24px;color:#b95322;flex-shrink:0}.order-record strong{font-size:14px;font-weight:750;display:block}.order-record small{display:block;font-size:11px;color:#807460;line-height:1.5;margin-top:4px}.record-dot{width:8px;height:8px;border:2px solid #fff3dd;border-radius:50%;background:#d57f33;box-shadow:0 0 0 3px #f1dabc;margin-left:auto;flex-shrink:0}
.order-path{list-style:none;margin:17px 0 0;padding:0 0 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.order-path li{position:relative;padding-left:28px;min-height:42px}.order-path li>span{font-size:10px;color:#b37039;position:absolute;left:0;top:3px}.order-path strong{font-size:12px;line-height:1.4;display:block;font-weight:750}.order-path small{font-size:10px;color:#807967;display:block;line-height:1.5;margin-top:4px}
.diagram-outcome{display:flex;gap:8px;align-items:center;border-top:1px solid #ddccb1;margin-top:18px;padding-top:14px;font-size:12px;font-weight:650}.diagram-outcome .ui-icon{width:16px;height:16px;flex-shrink:0;color:#8b683c}
.logistics-diagram{background:linear-gradient(135deg,#eee8f2,#f7f1ec);border-color:#ddd1e1}.constraint-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.constraint-row span{border:1px solid #d8cddb;background:#faf6fb;border-radius:5px;padding:6px 8px;font-size:10px;color:#746381}
.fleet-choice{display:flex;gap:11px;align-items:center;padding:11px 12px;border:1px solid #ded5dc;background:#f9f5f7;border-radius:9px;margin-bottom:9px}.fleet-choice>span{color:#9b8d98;flex-shrink:0;width:18px;text-align:center}.fleet-choice strong{font-size:12px;line-height:1.4;display:block}.fleet-choice small{font-size:10px;line-height:1.5;color:#817787;display:block;margin-top:2px}.fleet-choice.is-fit{background:#fffcf6;border-color:#c5b1d4}.fleet-choice.is-fit>.ui-icon{width:18px;height:18px;color:#7c4eaa}
.route-line{display:flex;align-items:center;gap:8px;margin:17px 0 0;font-size:10px;color:#6b5b72}.route-line span{white-space:nowrap}.route-line i{height:2px;background:#b9a0c9;flex:1;min-width:8px;position:relative}.route-line i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#8b66a6}.logistics-diagram .diagram-outcome{border-color:#d9cce0}.logistics-diagram .diagram-outcome .ui-icon{color:#855ca1}.diagram-note{font-size:9px;color:#8d7b98;display:block;margin-top:8px}
.case-teaser>.case-diagram{margin-top:auto;min-height:350px;display:flex;flex-direction:column}
.case-teaser>.case-diagram .diagram-outcome{margin-top:auto;padding-top:14px}
.case-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:23px}.case-card-bottom>span{font-size:11px;line-height:1.5;max-width:180px;color:#898070}.case-read{display:inline-flex;gap:14px;align-items:center;white-space:nowrap;font-size:13px;font-weight:750;color:#a43f16;min-height:40px}.case-read .ui-icon{width:18px;height:18px}
@media(max-width:980px){.cases-section{padding:58px 6%}.cases-heading{grid-template-columns:1fr;gap:22px}.cases-heading>p{font-size:16px}.case-teaser{padding:24px}.case-card-copy{min-height:154px}.case-card-bottom{align-items:flex-start;flex-direction:column;gap:5px}.case-card-bottom>span{max-width:none}.header .main-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}.header .main-nav a{justify-content:center}}
@media(max-width:650px){.cases-section{padding:50px 6%}.cases-heading h2{font-size:32px}.case-teasers{grid-template-columns:1fr;gap:20px}.case-teaser h3{font-size:27px;max-width:100%}.case-card-copy{min-height:0}.case-card-top{gap:10px;margin-bottom:20px}.case-card-bottom{flex-direction:row;align-items:center;gap:15px}.case-card-bottom>span{max-width:140px}.case-teaser>.case-diagram{min-height:0}.case-diagram{padding:18px}.case-read{font-size:12px;gap:8px}}
/* Detail pages: a readable editorial layout, without stretching the scene. */
body.case-page{min-width:0;background:#f7efdf;color:#272d24;font-family:Manrope,Arial,sans-serif;overflow-x:clip}.case-page .ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.case-page .brand{font-size:29px;letter-spacing:-1.7px}.case-page .brand-dot{height:4px;width:4px;margin-left:3px}.case-page .button{font-size:13px;line-height:1.3;min-height:48px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:30px;background:#c94d18;color:#fff;white-space:normal;box-shadow:0 6px 20px #ba4b1710}.case-page .button>.ui-icon{width:19px;height:19px}.case-page .button:hover{background:#ad4013}
.case-site-header{max-width:1530px;margin:auto;min-height:96px;padding:22px 5.5%;display:flex;align-items:center;gap:36px}.case-site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}.case-site-header nav a{font-size:13px;color:#6c695e;line-height:1.5;padding:10px 0}.case-site-header nav a:hover{color:#a9421a}.case-wrap{width:89%;max-width:1330px;margin:auto}.case-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#8c8170;padding:30px 0 0;border-top:1px solid #e3d6c2}.case-breadcrumbs a{color:#665e51}.case-breadcrumbs a:hover{color:#b44b20}
.case-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:6%;padding:48px 0 65px;align-items:center;border-bottom:1px solid #d9c9ae}.case-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:27px}.case-meta>span:last-child{font-size:11px;color:#908472}.case-hero-industry{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#867255;margin-bottom:18px;line-height:1.6}.case-hero h1{font-size:clamp(38px,4.1vw,65px);font-weight:750;letter-spacing:-.06em;line-height:1.08;max-width:790px}.case-lead{font-size:17px;line-height:1.8;margin-top:27px;color:#67665b;max-width:690px}.case-tags{display:flex;gap:8px 16px;flex-wrap:wrap;list-style:none;padding:0;margin:23px 0}.case-tags li{font-size:11px;line-height:1.5;color:#8c6a46;padding:0 0 7px;border-bottom:1px solid #ddcbb0}.case-hero-jump{font-size:12px;line-height:1.5;display:inline-flex;gap:13px;align-items:center;padding:12px 0;color:#7d512d;font-weight:700}.case-hero-jump>.ui-icon{height:17px;width:17px}.case-hero>.case-diagram{box-shadow:0 15px 45px #6f4b1a0a}
.case-reading{display:grid;grid-template-columns:205px minmax(0,1fr);gap:7%;align-items:start;padding-top:70px}.case-contents{position:sticky;top:35px;display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding-top:5px}.case-contents>p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9b8466;margin-bottom:9px}.case-contents a{font-size:12px;line-height:1.6;color:#776d5f}.case-contents a:hover{color:#af451a}.case-contents button{margin-top:9px;border-top:1px solid #dac9af;padding:19px 0 0;background:none;text-align:left;font-size:12px;font-weight:700;color:#a5461d;line-height:1.7;display:flex;gap:15px}.case-contents button>.ui-icon{width:17px;height:17px;margin-top:3px}
.case-story{max-width:900px}.case-chapter{margin-bottom:76px;scroll-margin-top:36px}.case-chapter-number{font-size:10px!important;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#ae7240!important;margin:0 0 19px!important}.case-chapter h2{font-size:clamp(28px,2.8vw,43px);line-height:1.18;font-weight:750;letter-spacing:-.045em;max-width:810px;margin-bottom:26px}.case-chapter>p{font-size:16px;line-height:1.95;color:#666459;margin-top:20px;max-width:770px}.case-challenges{display:grid;gap:18px}.case-challenges article{padding:25px 27px;border-radius:15px;border:1px solid #dfd0b8;background:#fcf7ed}.case-story h3{font-size:18px;line-height:1.45;letter-spacing:-.025em;font-weight:750}.case-challenges article>p{font-size:14px;line-height:1.9;color:#706859;margin-top:11px}.challenge-value{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:17px;border-top:1px solid #e9dcc7;color:#79603b}.challenge-value>.ui-icon{width:17px;height:17px;margin-top:3px;color:#8d794b}.challenge-value p{font-size:13px;line-height:1.8;color:#716247}
.case-steps{list-style:none;padding:0;margin:0}.case-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;position:relative;padding:0 0 30px}.case-steps li:not(:last-child):before{content:'';position:absolute;left:20px;top:41px;bottom:0;width:1px;background:#d6b98f}.case-step-index{position:relative;border:1px solid #d7bd98;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#a96932;background:#faf2e3}.case-step-role{font-size:10px;line-height:1.5;letter-spacing:.03em;color:#ae7b47;display:block;margin:0 0 7px}.case-steps h3{font-size:19px}.case-steps p{font-size:14px;color:#6b665a;line-height:1.95;margin-top:12px;max-width:710px}
.case-example{border-left:3px solid #c47536;padding:28px 32px 32px;background:linear-gradient(90deg,#eddec2,#f3e8d5);border-radius:0 15px 15px 0}.case-example h2{font-size:29px}.case-example>p{font-size:15px;line-height:1.9}.case-benefits{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.case-benefits article{padding:22px 0;border-top:1px solid #cdb994}.case-benefits h3{font-size:16px}.case-benefits p{font-size:14px;color:#706959;line-height:1.9;margin-top:12px}.case-takeaway{font-size:23px;line-height:1.55;letter-spacing:-.03em;font-weight:650;margin:30px 0 25px;padding:25px 0 25px 23px;border-left:2px solid #be753e;color:#5d513d}.case-chapter>.case-status-note{font-size:11px;line-height:1.9;color:#9b8a73;max-width:780px}
.case-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:48px;background:#30372b;border-radius:22px;color:#fbf5e9;margin-bottom:65px}.case-cta .eyebrow{color:#bdc2a7;font-size:10px}.case-cta h2{font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.045em;line-height:1.2;margin-top:18px;max-width:740px}.case-cta p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c0c4b3;max-width:670px;margin-top:18px}.case-cta>.button{flex-shrink:0;max-width:270px;background:#e2642c;min-height:54px}.case-related{padding:0 0 70px}.case-related>.eyebrow{font-size:10px;color:#9b8466}.case-related>a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0;border-bottom:1px solid #d6c4a6}.case-related h2{font-size:25px;letter-spacing:-.035em;line-height:1.4;margin:14px 0 10px}.case-related p:not(.eyebrow){font-size:12px;color:#8a7c67}.case-related>a>.ui-icon{width:30px;height:30px;color:#a26a3b}.case-related>a:hover h2{color:#a6461f}.case-page .site-footer{margin:0;padding:60px 5.5% 22px}.case-page .site-footer .brand{font-size:29px}.case-page .contact-topics button.is-active{background:#f5e1c4;color:#8d491e;border-color:#dcb48a}.case-page.has-open-dialog,html.has-open-dialog{overflow:hidden}
@media(min-width:1700px){.cases-section{padding-left:max(5.5%,calc((100vw - 1495px)/2));padding-right:max(5.5%,calc((100vw - 1495px)/2))}}
@media(max-width:1100px){.case-hero{gap:4%;grid-template-columns:minmax(0,1.1fr) minmax(290px,.85fr)}.case-hero h1{font-size:46px}.case-hero>.case-diagram{padding:18px}.case-lead{font-size:15px}.case-reading{grid-template-columns:175px minmax(0,1fr);gap:5%}.case-cta{padding:35px;gap:30px}.case-cta>.button{max-width:210px}}
@media(max-width:800px){.case-site-header{gap:20px;padding:22px 6%;flex-wrap:wrap}.case-site-header nav{order:3;width:100%;margin:0;gap:25px;border-top:1px solid #dfd0b8;padding-top:8px}.case-site-header>.button{margin-left:auto;font-size:12px;min-height:42px;padding:10px 16px;gap:12px}.case-page .brand{font-size:26px}.case-wrap{width:88%}.case-breadcrumbs{padding-top:22px;font-size:10px}.case-hero{grid-template-columns:1fr;padding-top:32px;gap:30px;padding-bottom:42px}.case-hero h1{font-size:45px;max-width:650px}.case-lead{font-size:16px}.case-hero>.case-diagram{max-width:500px;width:100%;padding:22px}.case-reading{display:block;padding-top:36px}.case-contents{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px 22px;border-bottom:1px solid #dcccaf;padding-bottom:25px;margin-bottom:45px}.case-contents>p{width:100%;margin-bottom:3px}.case-contents>a{font-size:12px}.case-contents>button{display:none}.case-chapter{margin-bottom:55px}.case-chapter h2{font-size:32px}.case-chapter>p{font-size:15px}.case-cta{display:block;padding:32px 27px;margin-bottom:45px}.case-cta>.button{max-width:none;margin-top:24px}.case-cta h2{font-size:33px}.case-related{padding-bottom:45px}.case-page .site-footer{padding:42px 6% 20px}}
@media(max-width:480px){.case-site-header nav a{font-size:11px}.case-site-header>.button{font-size:11px;padding:10px 14px;gap:10px}.case-site-header>.button>.ui-icon{width:15px;height:15px}.case-hero h1{font-size:36px;line-height:1.13}.case-lead{font-size:15px;line-height:1.85}.case-meta{gap:9px;margin-bottom:24px}.case-meta>span:last-child{font-size:10px}.case-hero-industry{font-size:10px}.case-hero>.case-diagram{padding:17px}.case-chapter h2{font-size:28px}.case-challenges article{padding:22px}.case-story h3{font-size:17px}.case-step-role{font-size:9px}.case-steps li{grid-template-columns:34px minmax(0,1fr);gap:15px}.case-step-index{width:34px;height:34px;font-size:10px}.case-steps li:not(:last-child):before{left:16px;top:34px}.case-steps p{font-size:13px}.case-example{padding:24px 21px}.case-example h2{font-size:26px}.case-example>p{font-size:14px}.case-benefits{grid-template-columns:1fr;gap:0}.case-takeaway{font-size:20px;padding:20px 0 20px 18px}.case-cta h2{font-size:29px}.case-related h2{font-size:22px}.case-related>a>.ui-icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.case-teaser{transition:none}}

.case-demo-invite{margin:24px 0;padding:22px;background:#fffaf1;border:1px solid #e6d5bc;border-radius:12px}.case-demo-invite p{margin:0 0 14px;color:#87775f;font-size:13px;line-height:1.6}.case-demo-invite button{border:1px solid #d1b18b;border-radius:20px;background:white;color:#90603c;font:inherit;font-size:12px;padding:10px 16px;cursor:pointer}.case-demo-invite button:focus-visible{outline:2px solid #d66b36;outline-offset:4px}