.is-cases #app{overflow:hidden;background:#fff}
.is-cases .cases-hero{min-height:300px;position:relative;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(2,29,67,.96) 0%,rgba(3,43,88,.77) 47%,rgba(2,26,58,.18) 82%),url('/assets/hero-docks.webp');background-size:cover;background-position:center}
.is-cases .cases-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(9,119,236,.13),transparent 45%);pointer-events:none}
.is-cases .cases-hero-inner{position:relative;z-index:1;padding-top:32px;padding-bottom:32px}
.is-cases .cases-crumb{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#d9e7f7;font-size:.78rem;font-weight:700;text-transform:uppercase}
.is-cases .cases-crumb a:hover{text-decoration:underline}
.is-cases .cases-hero h1{margin:0 0 10px;font-size:clamp(2.5rem,4.5vw,4rem);line-height:.98;letter-spacing:-.04em}
.is-cases .cases-hero p{max-width:760px;margin:0;color:#e3edf8;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.45}
.is-cases .cases-intro{padding:46px 0;background:#fff}
.is-cases .cases-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);align-items:center;gap:50px}
.is-cases .cases-intro h2,.is-cases .cases-section-heading h2,.is-cases .cases-partnership h2{margin:0;color:#062d68;font-size:clamp(1.75rem,2.5vw,2.55rem);line-height:1.08;letter-spacing:-.035em}
.is-cases .cases-intro article>p,.is-cases .cases-partnership article>p{margin:16px 0 0;color:#536b85;font-size:1rem;line-height:1.58}
.is-cases .cases-segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.is-cases .cases-segment-grid>div{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 10px;border:1px solid #e2eaf2;border-radius:9px;background:#f8fafc;text-align:center}
.is-cases .cases-segment-grid svg,.is-cases .cases-context-list svg,.is-cases .cases-partnership aside svg{width:38px;height:38px;fill:none;stroke:#0873df;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.is-cases .cases-segment-grid span{color:#153f73;font-size:.78rem;font-weight:700;line-height:1.25}
.is-cases .cases-featured{padding:38px 0 48px;background:#f4f7fa}
.is-cases .cases-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}
.is-cases .cases-section-heading>span{width:28px;height:3px;flex:0 0 28px;margin-top:12px;border-radius:2px;background:#0b82f4}
.is-cases .cases-section-heading p{margin:5px 0 0;color:#60748b;font-size:.88rem}
.is-cases .cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.is-cases .case-card{min-width:0;overflow:hidden;border:1px solid #dfe7ef;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(3,31,72,.07)}
.is-cases .case-card img{width:100%;height:210px;display:block;object-fit:cover;object-position:center;transition:transform .25s ease}
.is-cases .case-card>div{min-height:142px;padding:20px 19px}
.is-cases .case-card h3{margin:0 0 10px;color:#062d68;font-size:1rem;line-height:1.3}
.is-cases .case-card h3 span{white-space:nowrap}
.is-cases .case-card p{margin:0;color:#536b85;font-size:.86rem;line-height:1.48}
.is-cases .case-card:hover img{transform:scale(1.02)}
.is-cases .cases-panorama{min-height:290px;position:relative;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(2,29,67,.98) 0%,rgba(2,37,79,.9) 37%,rgba(2,36,76,.2) 70%),url('/assets/hero-warehouse.webp');background-position:center;background-size:cover}
.is-cases .cases-panorama-inner{padding-top:35px;padding-bottom:35px}
.is-cases .cases-panorama article{max-width:510px}
.is-cases .cases-panorama h2{margin:0 0 13px;font-size:clamp(2rem,3.3vw,3.15rem);line-height:1;letter-spacing:-.04em}
.is-cases .cases-panorama p{margin:0 0 20px;color:#e0eaf5;font-size:.98rem;line-height:1.5}
.is-cases .cases-panorama a,.is-cases .cases-distributor a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;border-radius:6px;background:#087cf2;color:#fff;font-size:.76rem;font-weight:900;box-shadow:0 8px 20px rgba(8,124,242,.23);transition:transform .2s ease,background-color .2s ease}
.is-cases .cases-panorama a:hover,.is-cases .cases-distributor a:hover{transform:translateY(-2px);background:#086bd0}
.is-cases .cases-context{padding:36px 0;background:#fff}
.is-cases .cases-context .cases-section-heading{align-items:center;margin-bottom:20px}
.is-cases .cases-context .cases-section-heading>span{margin-top:0}
.is-cases .cases-context .cases-section-heading h2{font-size:clamp(1.4rem,2vw,2rem)}
.is-cases .cases-context-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.is-cases .cases-context-list>div{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;border-radius:7px;background:#f6f9fc;text-align:center}
.is-cases .cases-context-list svg{width:29px;height:29px}
.is-cases .cases-context-list span{color:#234a79;font-size:.7rem;font-weight:700;line-height:1.2}
.is-cases .cases-partnership{padding:42px 0 20px;background:#fff;border-top:1px solid #edf1f5}
.is-cases .cases-partnership-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:center;gap:52px}
.is-cases .cases-kicker{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#164c83;font-size:.72rem;font-weight:900;letter-spacing:.07em}
.is-cases .cases-kicker:before{content:"";width:25px;height:3px;border-radius:2px;background:#0b82f4}
.is-cases .cases-partnership aside{padding:28px;border:1px solid #e0e8f1;border-radius:10px;background:#f7fafc;box-shadow:0 5px 16px rgba(3,31,72,.045)}
.is-cases .cases-partnership aside svg{width:52px;height:52px;margin-bottom:13px}
.is-cases .cases-partnership aside h3{margin:0 0 10px;color:#062d68;font-size:1.15rem}
.is-cases .cases-partnership aside p{margin:0;color:#5a6f87;font-size:.88rem;line-height:1.5}
.is-cases .cases-note{margin-top:28px;padding-top:15px;border-top:1px solid #e6ebf1;color:#7a8a9c;font-size:.72rem;line-height:1.5}
.is-cases .cases-distributor{padding:30px 0;color:#fff;background:linear-gradient(115deg,#052c61,#07539f)}
.is-cases .cases-distributor-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.is-cases .cases-distributor h2{margin:0 0 5px;font-size:1.45rem;letter-spacing:-.02em}
.is-cases .cases-distributor p{max-width:700px;margin:0;color:#dce8f4;font-size:.88rem;line-height:1.45}
.is-cases .cases-distributor a{flex:0 0 auto;min-width:250px}
@media(max-width:1050px){
  .is-cases .cases-intro-grid{grid-template-columns:1fr;gap:26px}
  .is-cases .cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-cases .cases-context-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .is-cases .cases-partnership-grid{grid-template-columns:1.25fr .75fr;gap:28px}
}
@media(max-width:767px){
  .is-cases .cases-hero{min-height:330px;background-position:58% center}
  .is-cases .cases-hero-inner{padding-top:30px;padding-bottom:30px}
  .is-cases .cases-hero h1{max-width:330px;font-size:2.55rem}
  .is-cases .cases-hero p{max-width:330px;font-size:.96rem}
  .is-cases .cases-intro{padding:34px 0}
  .is-cases .cases-intro-grid{gap:23px}
  .is-cases .cases-intro h2,.is-cases .cases-section-heading h2,.is-cases .cases-partnership h2{font-size:1.9rem}
  .is-cases .cases-intro article>p,.is-cases .cases-partnership article>p{font-size:.95rem}
  .is-cases .cases-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .is-cases .cases-segment-grid>div{min-height:104px}
  .is-cases .cases-featured{padding:32px 0 38px}
  .is-cases .cases-section-heading{gap:10px}
  .is-cases .cases-grid{grid-template-columns:1fr;gap:14px}
  .is-cases .case-card img{height:220px}
  .is-cases .case-card>div{min-height:0;padding:18px}
  .is-cases .case-card h3 span{white-space:normal}
  .is-cases .cases-panorama{min-height:350px;background-position:62% center}
  .is-cases .cases-panorama article{max-width:330px}
  .is-cases .cases-panorama h2{font-size:2.25rem}
  .is-cases .cases-panorama a{width:100%;max-width:300px}
  .is-cases .cases-context{padding:32px 0}
  .is-cases .cases-context-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .is-cases .cases-context-list>div{min-height:84px}
  .is-cases .cases-partnership{padding-top:34px}
  .is-cases .cases-partnership-grid{grid-template-columns:1fr;gap:24px}
  .is-cases .cases-partnership aside{padding:23px}
  .is-cases .cases-note{margin-top:24px}
  .is-cases .cases-distributor{padding:27px 0}
  .is-cases .cases-distributor-inner{display:block}
  .is-cases .cases-distributor h2{font-size:1.25rem}
  .is-cases .cases-distributor a{width:100%;min-width:0;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.is-cases .case-card img,.is-cases .cases-panorama a,.is-cases .cases-distributor a{transition:none}}