.case-study-page{background:#fff;padding-bottom:0}.case-story-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:30px 7% 60px;background:linear-gradient(120deg,#fff,#f3f7fb)}.case-eyebrow{font:12px Arial,sans-serif;letter-spacing:2px;color:#587e9a;display:flex;align-items:center;gap:18px}.case-eyebrow>span{font:13px "Microsoft YaHei",sans-serif;letter-spacing:0;background:#e9f1fb;color:#2266b8;padding:6px 12px;border-radius:4px}.case-hero-intro h1{white-space:normal;font-size:39px;letter-spacing:-1px;line-height:1.55;margin:24px 0 20px}.case-hero-desc{font-size:17px;color:#5b7586;line-height:1.95;margin:0 0 24px;max-width:640px}.case-customer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#687e8d;margin-bottom:30px}.case-customer>span:last-child{border-left:1px solid #cddae3;padding-left:12px;margin-left:4px;color:#8a9ca8}.case-hero-picture{height:345px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #e0e8ee;background:#fff;border-radius:10px;padding:24px 24px 60px;overflow:hidden}.case-hero-picture>img{width:100%;height:100%;object-fit:contain}.case-hero-zoom{position:absolute;right:18px;bottom:15px;font-size:13px;padding:9px 13px;background:#edf5fd;color:#2367bb;border:1px solid #cfe0f0;border-radius:5px;min-height:40px}.case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 7%;border-top:1px solid #dce6ed;border-bottom:1px solid #dce6ed;padding:30px 0}.case-metrics>div{padding:4px 25px;border-right:1px solid #e1e8ee;display:flex;flex-direction:column;gap:14px}.case-metrics>div:first-child{padding-left:0}.case-metrics>div:last-child{border:0}.case-metrics strong{font-size:29px;font-weight:500;color:#1766d8;line-height:1.5;overflow-wrap:anywhere}.case-metrics span{font-size:13px;color:#6d8393;line-height:1.7}.case-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:55px;padding:20px 7% 55px;align-items:start}.case-editorial-section{padding:42px 0;border-bottom:1px solid #e3eaf0;scroll-margin-top:110px}.case-editorial-section .section-label{margin-bottom:14px;font-size:13px}.case-editorial-section h2{font-size:29px;line-height:1.6;letter-spacing:-.5px;margin:0 0 25px;font-weight:500}.case-background{font-size:17px;line-height:2.1;color:#526e80;margin:0}.case-approach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-approach{padding:25px;background:#f5f8fb;border:1px solid #e3ebf1;border-radius:7px}.case-approach>span{font:12px Arial,sans-serif;letter-spacing:1px;color:#4486db}.case-approach h3{font-size:18px;font-weight:500;color:#2c4b61;line-height:1.7;margin:14px 0}.case-approach p{font-size:15px;line-height:2;color:#617d8e;margin:0}.case-project-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.case-project-figure{margin:0;border:1px solid #dce7ef;border-radius:8px;overflow:hidden;background:#fff;min-width:0}.case-project-figure.figure-wide{grid-column:1/-1}.case-figure-open{display:flex;align-items:center;justify-content:center;padding:20px;position:relative;width:100%;height:250px;background:#f5f8fb;border:0;cursor:zoom-in}.case-figure-open img{width:100%;height:100%;object-fit:contain}.figure-wide .case-figure-open{height:auto;min-height:250px;padding:25px 25px 55px}.figure-wide .case-figure-open img{height:auto;max-height:500px;object-fit:contain}.case-figure-open>span{position:absolute;right:14px;bottom:12px;font-size:12px;color:#3473b7;padding:7px 11px;border:1px solid #d5e2ef;background:#ffffffed;border-radius:5px}.case-project-figure figcaption{padding:22px 25px}.figure-number{font:10px Arial,sans-serif;letter-spacing:1.5px;color:#7b96aa}.case-project-figure figcaption h3{font-size:20px;line-height:1.6;font-weight:500;color:#274e6b;margin:12px 0}.case-project-figure figcaption p{font-size:15px;line-height:1.95;color:#6b8497;margin:0}.case-outcome-list{display:grid;gap:16px}.case-outcome-list>div{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;background:#f4f8f1;border-radius:6px}.case-outcome-list>div>span{font-size:17px;line-height:1.9;color:#6b9c3e}.case-outcome-list p{font-size:16px;line-height:1.95;color:#4f6c46;margin:0}.case-story-sidebar{position:sticky;top:120px;padding-top:42px}.case-toc{padding:25px;border:1px solid #dfe8ef;border-radius:7px;background:#fff;display:flex;flex-direction:column;gap:20px}.case-toc h3,.case-sidebar-contact h3{font-size:17px;font-weight:500;color:#395c74;margin:0 0 5px}.case-toc>a{font-size:14px;color:#708ca0;line-height:1.7}.case-toc>a:hover{color:#1768df}.case-sidebar-contact{margin-top:22px;border-radius:7px;background:#edf4fb;padding:25px}.case-sidebar-contact p{font-size:14px;line-height:2;color:#6d899d;margin:17px 0 22px}.case-sidebar-contact .button{font-size:14px;padding:13px 15px;gap:0;display:flex;min-height:46px}.case-email{display:block;font:14px Arial,sans-serif;color:#4c789a;overflow-wrap:anywhere;margin-top:20px}.case-related-products{display:grid;gap:15px}.case-related-products>a{display:block;border:1px solid #dce6ef;border-radius:6px;padding:20px 24px;transition:background .2s}.case-related-products>a:hover{background:#f1f7fd}.case-related-products small{font-size:12px;color:#8198aa}.case-related-products h3{font-size:19px;font-weight:500;color:#365e7d;line-height:1.7;margin:12px 0 0}.case-related-products h3>span{float:right;color:#1768df}.case-bottom-navigation{padding:35px 7%;background:#f3f7fa;border-top:1px solid #e0e9ef;display:flex;align-items:center;justify-content:space-between;gap:30px}.case-bottom-navigation>a{font-size:16px;color:#537a97;line-height:1.9}.case-bottom-navigation>a:last-child{text-align:right}.case-bottom-navigation small{display:block;font-size:12px;color:#91a5b3;margin-bottom:8px}.case-bottom-navigation a span{margin-left:20px}.case-architecture{display:grid;gap:10px;padding:22px;background:#f2f7fc;border:1px solid #dbe8f3;border-radius:9px}.architecture-layer{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:18px;background:white;border:1px solid #dce8f2;padding:16px 20px;border-radius:5px}.architecture-layer>span{font-size:15px;color:#1767cf;font-weight:500}.architecture-layer p{font-size:15px;line-height:1.8;color:#5c7b90;margin:0}.architecture-caption{font-size:14px;line-height:2;color:#7c95a6;margin-top:20px}.case-hero-picture:has(.compact-architecture){padding:15px;height:390px}.compact-architecture{width:100%;padding:10px;gap:7px}.compact-architecture .architecture-layer{grid-template-columns:64px 1fr;padding:10px 12px;gap:10px}.compact-architecture .architecture-layer>span{font-size:12px}.compact-architecture .architecture-layer p{font-size:12px}.case-image-modal{width:1250px;max-width:96vw;max-height:94svh;overflow:auto;padding:50px 25px 25px}.case-image-modal>img{display:block;max-width:100%;max-height:73svh;object-fit:contain;margin:0 auto}.case-image-modal>h3{font-size:20px;font-weight:500;color:#375d79;margin:22px 0 12px}.case-image-modal>p{font-size:15px;line-height:1.9;color:#6c899e;margin:0}.case-image-modal .close{width:42px;height:42px;right:10px;top:3px}@media(min-width:1750px){.case-story-hero,.case-reading-layout,.case-bottom-navigation{padding-left:max(7%,calc((100vw - 1500px)/2));padding-right:max(7%,calc((100vw - 1500px)/2))}.case-metrics{margin-left:max(7%,calc((100vw - 1500px)/2));margin-right:max(7%,calc((100vw - 1500px)/2))}}@media(max-width:1100px){.case-story-hero{gap:30px}.case-hero-intro h1{font-size:32px}.case-hero-picture{height:305px}.case-reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.case-approach{padding:20px}.case-metrics strong{font-size:25px}.case-story-sidebar .case-toc,.case-sidebar-contact{padding:20px}}@media(max-width:900px){.case-reading-layout{grid-template-columns:1fr}.case-story-sidebar{position:static;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-sidebar-contact{margin:0}.case-hero-intro h1{font-size:30px}.case-story-hero{padding-bottom:40px}.case-hero-desc{font-size:16px}.case-metrics>div{padding-left:15px;padding-right:15px}.case-metrics strong{font-size:23px}.case-figure-open{height:230px}}@media(max-width:680px){.case-story-hero{grid-template-columns:1fr;padding:18px 6% 35px;gap:30px}.case-eyebrow{font-size:10px;gap:12px;letter-spacing:1px}.case-eyebrow>span{font-size:12px}.case-hero-intro h1{font-size:30px;margin-top:18px}.case-hero-desc{font-size:16px}.case-customer{font-size:12px;gap:8px;margin-bottom:25px}.case-hero-intro .button{font-size:15px;gap:20px}.case-hero-picture{height:270px;padding:18px 18px 58px}.case-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 6%;padding:10px 0}.case-metrics>div,.case-metrics>div:first-child{padding:18px 12px;gap:8px}.case-metrics>div:nth-child(2){border-right:0}.case-metrics>div:nth-child(-n+2){border-bottom:1px solid #e1e8ee}.case-metrics strong{font-size:23px}.case-metrics span{font-size:12px}.case-reading-layout{padding:0 6% 35px;gap:28px}.case-editorial-section{padding:34px 0;scroll-margin-top:90px}.case-editorial-section h2{font-size:25px;margin-bottom:22px}.case-background{font-size:16px;line-height:2}.case-approach-grid{grid-template-columns:1fr;gap:15px}.case-approach{padding:22px}.case-approach h3{font-size:19px}.case-approach p{font-size:16px}.case-project-images{grid-template-columns:1fr;gap:20px}.case-project-figure.figure-wide{grid-column:auto}.case-figure-open,.figure-wide .case-figure-open{height:auto;min-height:180px;padding:18px 15px 53px}.case-figure-open>img,.figure-wide .case-figure-open>img{height:auto;max-height:420px}.case-project-figure figcaption{padding:20px}.case-project-figure figcaption h3{font-size:20px}.case-project-figure figcaption p{font-size:15px}.case-outcome-list>div{padding:17px}.case-outcome-list p{font-size:16px}.case-related-products>a{padding:20px}.case-related-products h3{font-size:18px}.case-story-sidebar{display:block}.case-toc{display:none}.case-sidebar-contact{padding:24px}.case-sidebar-contact h3{font-size:20px}.case-sidebar-contact p{font-size:16px}.case-sidebar-contact .button{font-size:16px}.case-bottom-navigation{padding:27px 6%;display:block}.case-bottom-navigation>a{font-size:15px;display:block}.case-bottom-navigation>a:last-child{margin-top:24px;text-align:left;border-top:1px solid #dae6ee;padding-top:22px}.case-architecture{padding:12px;gap:9px}.architecture-layer{grid-template-columns:64px 1fr;gap:10px;padding:13px 12px}.architecture-layer>span{font-size:14px}.architecture-layer p{font-size:14px}.case-hero-picture:has(.compact-architecture){height:auto}.compact-architecture .architecture-layer>span{font-size:12px}.compact-architecture .architecture-layer p{font-size:12px}.case-image-modal{padding:45px 14px 20px}.case-image-modal>h3{font-size:19px}.case-image-modal>p{font-size:14px}}

.case-assistant-section{background:linear-gradient(145deg,#f2f7ff,#f8fafc);padding:32px;border:1px solid #dce8f5;border-radius:10px;margin-top:38px}.case-assistant-section .case-background{font-size:16px}.case-assistant-figure{margin:28px 0}.case-assistant-features{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-assistant-features>div>span{font:12px Arial;color:#4381cb}.case-assistant-features h3{font-size:19px;font-weight:500;color:#2c5272;margin:12px 0}.case-assistant-features p{font-size:16px;line-height:1.95;color:#607d93;margin:0}.case-assistant-link{display:inline-block;color:#1766d8;font-size:16px;margin-top:28px;border-bottom:1px solid #b5cfef;padding-bottom:7px}@media(max-width:680px){.case-assistant-section{padding:22px 18px}.case-assistant-features{grid-template-columns:1fr;gap:22px}.case-assistant-figure figcaption{padding:18px}}
