/* Case study proof previews v4 — unique file name intentionally busts stale browser/CDN cache. */
.case-v4-proofs{display:flex;flex-direction:column;gap:14px;min-width:0;padding-top:0}
.case-v4-proof-card{margin:0;border:1px solid rgba(73,211,255,.28);border-radius:18px;background:linear-gradient(180deg,rgba(6,16,35,.94),rgba(3,9,22,.96));box-shadow:0 18px 55px rgba(0,0,0,.22),0 0 28px rgba(41,171,255,.06);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.case-v4-proof-card:hover{transform:translateY(-2px);border-color:rgba(79,222,255,.52);box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 34px rgba(41,171,255,.10)}
.case-v4-proof-card>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#020713}
.case-v4-proof-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px 12px;border-top:1px solid rgba(103,188,255,.12);background:linear-gradient(180deg,rgba(7,17,37,.96),rgba(4,10,23,.98))}
.case-v4-proof-card figcaption>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.case-v4-proof-card figcaption strong{color:#f2f7ff;font-size:10px;line-height:1.25;letter-spacing:-.01em}
.case-v4-proof-card figcaption small{color:#7189a9;font-size:7.2px;line-height:1.2;text-transform:uppercase;letter-spacing:.085em}
.case-v4-original-link{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:31px!important;padding:0 11px!important;border:1px solid rgba(75,210,255,.35)!important;border-radius:9px!important;background:rgba(41,154,234,.08)!important;color:#7be5ff!important;font-family:inherit!important;font-size:8px!important;font-weight:850!important;line-height:1!important;letter-spacing:.045em!important;text-decoration:none!important;text-transform:uppercase!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;appearance:none!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important}
.case-v4-original-link:hover{background:rgba(53,184,255,.14)!important;border-color:rgba(82,225,255,.66)!important;color:#fff!important;transform:translateY(-1px)}
.case-v4-original-link span{font-size:11px;line-height:1}

/* Native original screenshot viewer. The href on every CTA remains a fallback if JS is blocked. */
.case-original-dialog-v4{width:min(780px,calc(100vw - 28px));height:min(92vh,980px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid rgba(75,211,255,.38);border-radius:24px;background:#050b18;color:#fff;overflow:hidden;box-shadow:0 45px 150px rgba(0,0,0,.76),0 0 70px rgba(38,170,255,.14)}
.case-original-dialog-v4::backdrop{background:rgba(1,5,14,.88);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}
.case-original-shell-v4{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(155deg,#0b1830,#030713 70%)}
.case-original-head-v4{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(103,187,255,.14);background:rgba(9,22,45,.96)}
.case-original-head-v4>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.case-original-head-v4 span{font-size:7px;font-weight:900;letter-spacing:.14em;color:#5edbff}
.case-original-head-v4 strong{font-size:13px;line-height:1.3;color:#f4f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-original-close-v4{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:11px!important;border:1px solid rgba(131,198,255,.18)!important;background:rgba(255,255,255,.035)!important;color:#d8e9ff!important;font-size:25px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;appearance:none!important}
.case-original-close-v4:hover{border-color:#61dbff!important;color:#fff!important}
.case-original-scroll-v4{min-height:0;overflow:auto;overscroll-behavior:contain;background:#080b0c;display:block;text-align:center;scrollbar-color:#24446a #08101d}
.case-original-scroll-v4 img{display:block;width:min(100%,680px);height:auto;margin:0 auto;background:#080b0c}
.case-original-foot-v4{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid rgba(103,187,255,.12);background:rgba(9,22,45,.96)}
.case-original-foot-v4 span{font-size:8px;line-height:1.35;color:#7d91ad}
.case-original-foot-v4 button{min-height:32px!important;padding:0 12px!important;border-radius:9px!important;border:1px solid rgba(88,207,255,.34)!important;background:rgba(73,184,255,.08)!important;color:#a9ebff!important;font:inherit!important;font-size:9px!important;font-weight:850!important;cursor:pointer!important;appearance:none!important}
.case-original-dialog-v4[open]{animation:caseV4In .2s ease both}
@keyframes caseV4In{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .case-v4-proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .case-v4-proof-card figcaption{padding:9px;align-items:flex-start;flex-direction:column;gap:8px}
  .case-v4-original-link{width:100%;min-height:32px!important}
}
@media(max-width:680px){
  .case-v4-proofs{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;margin:0 -17px;padding:0 17px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .case-v4-proofs::-webkit-scrollbar{display:none}
  .case-v4-proof-card{flex:0 0 88%;scroll-snap-align:center;border-radius:16px}
  .case-v4-proof-card figcaption{padding:10px 10px 11px;flex-direction:row;align-items:center;gap:10px}
  .case-v4-proof-card figcaption strong{font-size:9.5px}
  .case-v4-proof-card figcaption small{font-size:6.7px}
  .case-v4-original-link{width:auto;min-height:30px!important;padding:0 9px!important;font-size:7.3px!important}
  .case-original-dialog-v4{width:calc(100vw - 16px);height:95vh;border-radius:18px}
  .case-original-head-v4{padding:11px 12px}.case-original-head-v4 strong{font-size:11px}.case-original-close-v4{width:34px!important;height:34px!important;min-width:34px!important}
  .case-original-scroll-v4 img{width:100%}
  .case-original-foot-v4{padding:9px 10px}.case-original-foot-v4 span{font-size:7px}.case-original-foot-v4 button{min-height:30px!important;font-size:8px!important}
}