/* Case gallery: real site screenshots, captured from the linked public sites. */
.case-hero{position:relative;padding:64px 0 36px;border-bottom:1px solid #25384e;background:radial-gradient(ellipse at 80% 20%,#12334c55,transparent 65%)}
.case-hero h1{max-width:920px;line-height:1.18;margin:19px 0 20px}
.case-hero>p{font-size:14px;max-width:760px}
.case-hero-actions{display:flex;align-items:center;gap:23px;margin-top:26px;flex-wrap:wrap}
.case-hero-actions .product-link{padding:12px 21px;font-size:12px}
.case-talk{font-size:12px;color:#b7cfdf}
.cases-count{display:flex;align-items:center;gap:10px;margin-top:29px;font-size:11px;flex-wrap:wrap;padding-bottom:8px}
.cases-count strong{font:500 24px var(--heading);color:#e0f2fe}
.case-summary-divider{height:16px;width:1px;background:#3b526b;margin:0 8px}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:37px 0 54px}
.case-card{padding:0;min-height:0;overflow:hidden;background:linear-gradient(150deg,#122236,#0c1728);border:1px solid #2b4056;border-radius:12px;box-shadow:0 8px 28px #0000000d}
.case-copy{padding:26px 27px 22px;flex:1}
.case-top{margin-bottom:17px;gap:20px;letter-spacing:1px;font-size:9px;align-items:center}
.case-category{letter-spacing:.2px;color:#a8c5db;background:#1b3449;padding:5px 9px;border-radius:4px;font-size:9px;text-align:right}
.case-card h2{font-size:25px;line-height:1.3;margin:0 0 14px;letter-spacing:-.7px}
.case-card h2 a:hover{color:#7dd3fc}
.case-card p{font-size:12px;line-height:1.95;margin:0;color:#a4b9cc}
.case-preview{display:block;position:relative;overflow:hidden;margin:0 18px;border:1px solid #425a70;border-radius:7px;background:#f0f4f7}
.case-browserbar{height:29px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#1b2a3c;color:#a5b8c9;font-size:8px;line-height:1.5}
.browser-dots{letter-spacing:2px;color:#718aa1;font-size:7px}
.case-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .35s ease}
.case-preview:hover img{transform:scale(1.025)}
.case-image-caption{position:absolute;left:10px;bottom:9px;background:#0c1727d9;color:#cde4f3;padding:4px 7px;border:1px solid #8faec333;border-radius:3px;font-size:7px;pointer-events:none}
.case-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 25px 23px}
.case-domain{font-size:10px;color:#849eb6;overflow-wrap:anywhere}
.case-visit-links{display:flex;gap:8px;flex-wrap:wrap}
.case-visit-links a{font-size:10px;padding:7px 10px;background:#14374a;border:1px solid #2b5f77;color:#9bdff7;border-radius:4px}
.case-visit-links a:hover{background:#1a5068;color:white}
.case-closing{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 0;border-top:1px solid #263c52;border-bottom:1px solid #263c52}
.case-closing h2{font-size:29px;letter-spacing:-1px;margin:12px 0}
.case-closing p{font-size:12px;color:#90abc0;line-height:1.9}
.case-closing>.product-link{flex-shrink:0;padding:13px 22px}
.case-capture-note{font-size:9px;color:#70899f;margin:16px 0 30px;line-height:1.8}
@media(max-width:1000px){.case-copy{padding:23px}.case-card h2{font-size:22px}.case-grid{gap:22px}}
@media(max-width:700px){.case-grid{grid-template-columns:1fr;gap:23px}.case-hero{padding-top:40px}.case-copy{padding:24px}.case-card h2{font-size:24px}.case-preview{margin:0 16px}.case-closing{display:block}.case-closing>.product-link{margin-top:22px}.case-closing h2{font-size:26px}}
@media(max-width:380px){.case-copy{padding:20px}.case-category{font-size:8px}.case-card-footer{padding:17px 20px}.case-domain{font-size:9px}.case-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.case-preview:hover img{transform:none}}