:root{--case-blue:#1769e0;--case-deep:#08274e;--case-title:#14213d;--case-text:#46566d;--case-muted:#79879a;--case-bg:#f4f7fb;--case-line:#e1e8f1;--case-cyan:#4dd9e8;--case-shadow:0 18px 48px rgba(15,45,85,.09)}
.cases-page,.case-detail-page{color:var(--case-title);overflow:hidden}.cases-page .shell,.case-detail-page .shell{width:min(1180px,calc(100% - 40px))}
.cases-hero{padding:158px 0 82px;background:linear-gradient(118deg,#071f3d,#0a4276);color:#fff;position:relative;overflow:hidden}.cases-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent)}.cases-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(77,217,232,.18);border-radius:50%;right:-120px;top:-150px;box-shadow:0 0 90px rgba(23,105,224,.2)}.cases-hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;position:relative;z-index:1}.cases-hero-layout>div:first-child>span,.cases-heading span,.cases-cta span,.case-detail-cta span{font-size:11px;font-weight:700;letter-spacing:.17em;color:#68dded}.cases-hero h1{font-size:52px;line-height:1.15;margin:15px 0 18px}.cases-hero p{max-width:650px;color:#bfd0e2;font-size:16px;margin:0}.cases-trust{border:1px solid rgba(255,255,255,.16);background:rgba(7,31,61,.56);padding:25px 28px;backdrop-filter:blur(9px)}.cases-trust small{display:block;color:#6c91b5;font-size:9px;letter-spacing:.16em}.cases-trust strong{display:block;font-size:18px;margin:8px 0 14px}.cases-trust ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.cases-trust li{font-size:12px;color:#abc0d5}.cases-trust li:before{content:"✓";color:var(--case-cyan);margin-right:9px}
.cases-catalog{padding:84px 0 92px;background:var(--case-bg)}.cases-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.cases-heading span{color:var(--case-blue)}.cases-heading h2{font-size:34px;margin:7px 0 0}.cases-heading>p{max-width:440px;margin:0;color:var(--case-text);font-size:14px}.case-filters{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid var(--case-line)}.case-filters button{border:1px solid var(--case-line);background:#fff;color:var(--case-text);border-radius:7px;padding:10px 14px;cursor:pointer;font-size:13px;transition:.2s}.case-filters button span{margin-left:5px;color:#9aa8b9}.case-filters button:hover,.case-filters button.is-active{background:var(--case-blue);border-color:var(--case-blue);color:#fff}.case-filters button.is-active span{color:#dbe8ff}.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:32px}.case-card{background:#fff;border:1px solid var(--case-line);padding:29px 31px 26px;position:relative;min-height:430px;transition:.25s}.case-card:hover{transform:translateY(-5px);box-shadow:var(--case-shadow);border-color:#cdd9e8}.case-card[hidden]{display:none}.case-card-top{display:flex;justify-content:space-between;align-items:center}.case-card-top>span{font-size:11px;font-weight:700;color:var(--case-blue)}.case-card-top>b{font-size:10px;font-weight:600;background:#fff4dc;color:#926715;border-radius:20px;padding:5px 9px}.case-index{font:42px Georgia,serif;color:#d6dee9;margin-top:31px}.case-card h2{font-size:24px;line-height:1.35;margin:7px 0 13px}.case-card p{color:var(--case-text);font-size:14px;min-height:69px}.case-card dl{border-top:1px solid var(--case-line);margin:24px 0 21px;padding-top:17px;display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.case-card dl div{min-width:0}.case-card dt{font-size:10px;color:var(--case-muted)}.case-card dd{margin:3px 0 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-link{display:flex;justify-content:space-between;color:var(--case-blue);font-size:12px;font-weight:700}.case-empty{margin-top:32px;background:#fff;border:1px dashed #c4d0de;padding:55px;text-align:center}.case-empty b{font-size:18px}.case-empty p{color:var(--case-muted);font-size:13px}.case-release-note{margin-top:28px;border-left:3px solid var(--case-blue);background:#eaf2fd;padding:18px 21px;display:grid;grid-template-columns:120px 1fr;gap:20px}.case-release-note span{font-size:12px;font-weight:700;color:var(--case-blue)}.case-release-note p{margin:0;color:var(--case-text);font-size:12px}.cases-cta,.case-detail-cta{padding:66px 0;background:linear-gradient(110deg,#0a3979,#1769e0);color:#fff}.cases-cta .shell,.case-detail-cta .shell{display:flex;justify-content:space-between;align-items:center;gap:35px}.cases-cta h2,.case-detail-cta h2{font-size:30px;margin:6px 0}.cases-cta p,.case-detail-cta p{margin:0;color:#cfdef0}.cases-cta a,.case-detail-cta a{background:#fff;color:var(--case-blue);padding:13px 21px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap}
.case-detail-hero{padding:145px 0 72px;background:linear-gradient(120deg,#071f3d,#0b3869);color:#fff}.case-back{display:inline-block;color:#a9bfd4;font-size:12px;margin-bottom:31px}.case-detail-meta{display:flex;gap:10px;align-items:center}.case-detail-meta span,.case-detail-meta b{font-size:10px;border-radius:20px;padding:5px 10px}.case-detail-meta span{background:rgba(73,178,255,.16);color:#6edcf0}.case-detail-meta b{background:rgba(255,199,91,.14);color:#ffd17a}.case-detail-hero h1{font-size:45px;line-height:1.25;margin:17px 0}.case-detail-hero>div>p{font-size:16px;color:#b9cde0;max-width:760px}.case-detail-facts{display:grid;grid-template-columns:.7fr 1.6fr .7fr;margin-top:42px;border-top:1px solid rgba(255,255,255,.15)}.case-detail-facts>div{padding:20px 20px 0 0}.case-detail-facts small,.case-detail-facts strong{display:block}.case-detail-facts small{font-size:10px;color:#7894af}.case-detail-facts strong{font-size:13px;margin-top:4px}.case-detail-body{padding:73px 0 88px;background:#fff}.case-detail-layout{display:grid;grid-template-columns:minmax(0,780px) 270px;gap:85px;align-items:start}.case-prose{font-size:16px;color:#3b4e65}.case-prose>p:first-child{font-size:18px;color:#243a53;border-left:3px solid var(--case-blue);padding:13px 18px;background:var(--case-bg)}.case-prose h2{font-size:26px;color:var(--case-title);margin:48px 0 15px;padding-top:7px;border-top:1px solid var(--case-line)}.case-prose p{margin:0 0 19px}.case-prose ul{padding-left:20px}.case-prose li{margin:8px 0}.case-sidebar{position:sticky;top:110px;display:grid;gap:16px}.case-sidebar>div,.case-sidebar nav{border:1px solid var(--case-line);padding:22px;background:var(--case-bg)}.case-sidebar small{color:var(--case-blue);font-size:9px;letter-spacing:.14em}.case-sidebar strong{display:block;font-size:17px;margin:5px 0 9px}.case-sidebar p{font-size:11px;color:var(--case-text);margin:0}.case-sidebar nav{background:#fff;display:grid;gap:9px}.case-sidebar nav b{font-size:12px;margin-bottom:3px}.case-sidebar nav span{font-size:11px;color:var(--case-muted);padding-left:12px;border-left:1px solid var(--case-line)}
@media(max-width:900px){.cases-hero-layout{grid-template-columns:1fr;gap:35px}.cases-trust{max-width:560px}.case-detail-layout{grid-template-columns:1fr;gap:35px}.case-sidebar{position:static;grid-template-columns:1fr 1fr}.case-sidebar nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cases-page .shell,.case-detail-page .shell{width:calc(100% - 32px)}.cases-hero{padding:125px 0 62px}.cases-hero h1{font-size:39px}.cases-heading{display:block}.cases-heading h2{font-size:28px}.cases-heading>p{margin-top:13px}.cases-catalog{padding:65px 0}.case-list{grid-template-columns:1fr}.case-card{padding:24px;min-height:0}.case-card p{min-height:0}.case-release-note{grid-template-columns:1fr;gap:7px}.cases-cta .shell,.case-detail-cta .shell{display:block}.cases-cta h2,.case-detail-cta h2{font-size:26px}.cases-cta a,.case-detail-cta a{display:block;text-align:center;margin-top:22px}.case-detail-hero{padding:120px 0 57px}.case-detail-hero h1{font-size:34px}.case-detail-facts{grid-template-columns:1fr}.case-detail-facts>div{padding-top:14px}.case-detail-body{padding:55px 0}.case-sidebar{grid-template-columns:1fr}.case-sidebar nav{grid-template-columns:1fr 1fr}.case-prose h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cases-page *,.case-detail-page *{animation:none!important;transition:none!important}.cases-page .reveal{opacity:1!important;transform:none!important}}
