.case-hero{padding:122px 0 82px;background:radial-gradient(circle at 8% 15%,rgba(18,214,210,.15),transparent 28%),linear-gradient(150deg,#f8fbfb,#eaf5f3)}
.case-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:58px}.case-hero .breadcrumb{display:flex;gap:9px;margin-bottom:22px;color:#718397;font-size:11px}.case-hero .breadcrumb a{color:#506980}.case-eyebrow{display:inline-flex;padding:7px 12px;color:var(--teal-dark);background:#dff2ef;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:1px}.case-hero h1{margin:18px 0;color:var(--navy);font-size:clamp(36px,4.7vw,59px);line-height:1.42;letter-spacing:-1.7px}.case-hero p{margin:0;color:#526a7d;font-size:14px;line-height:2.15}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.case-meta span{padding:8px 11px;color:#496779;background:rgba(255,255,255,.68);border:1px solid rgba(47,145,150,.2);border-radius:9px;font-size:9px}.case-hero-visual{margin:0;padding:11px;background:#fff;border:1px solid #dce9e8;border-radius:25px;box-shadow:0 30px 70px rgba(15,48,91,.16)}.case-hero-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:17px}.case-hero-visual figcaption{padding:13px 8px 5px;color:#718294;font-size:9px;line-height:1.8}
.case-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-kpis article{padding:26px;background:#fff;border:1px solid #dce8e7;border-radius:20px;box-shadow:0 14px 37px rgba(15,48,91,.045)}.case-kpis strong{color:var(--teal-dark);font-size:34px}.case-kpis h3{margin:6px 0;color:var(--navy);font-size:14px}.case-kpis p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}
.case-story-layout{display:grid;grid-template-columns:.7fr 1.3fr;align-items:start;gap:70px}.case-story-layout>header{position:sticky;top:130px}.case-story-layout>header>p{color:var(--muted);font-size:11px;line-height:2}.case-story{display:grid;gap:11px;margin:0;padding:0;list-style:none}.case-story li{display:grid;grid-template-columns:auto 1fr;gap:17px;padding:22px;background:#fff;border:1px solid #dce8e7;border-radius:17px}.case-story li>span{display:grid;width:38px;height:38px;place-items:center;color:#0b3c4e;background:#69dad4;border-radius:11px;font-size:10px;font-weight:900}.case-story h3{margin:0 0 6px;color:var(--navy);font-size:15px}.case-story p{margin:0;color:var(--muted);font-size:10px;line-height:1.95}
.case-method{background:#fff}.case-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-method-grid>div,.case-method-grid>aside{padding:32px;border-radius:24px}.case-method-grid>div{background:#f6fafa;border:1px solid #dbe8e7}.case-method-grid ul{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.case-method-grid li{position:relative;padding-right:22px;color:#5b7183;font-size:11px;line-height:2}.case-method-grid li:before{content:'✓';position:absolute;right:0;color:var(--teal-dark);font-weight:900}.case-method-grid>aside{color:#fff;background:linear-gradient(145deg,#0c2947,#0e4a5c)}.case-method-grid>aside>small{color:#71ddd7;font-size:8px;letter-spacing:1px}.case-method-grid>aside>h2{margin:7px 0 18px;font-size:21px;line-height:1.7}.case-method-grid>aside article{padding:13px 0;border-top:1px solid rgba(255,255,255,.1)}.case-method-grid>aside h3{margin:0;color:#fff;font-size:12px}.case-method-grid>aside p{margin:3px 0 0;color:rgba(255,255,255,.62);font-size:9px;line-height:1.8}
@media(max-width:900px){.case-hero-grid,.case-story-layout,.case-method-grid{grid-template-columns:1fr}.case-story-layout>header{position:static}.case-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.case-hero{padding:92px 0 65px}.case-hero h1{font-size:35px}.case-kpis{grid-template-columns:1fr}.case-method-grid>div,.case-method-grid>aside{padding:24px}}