.case-responsive-showcase{background:var(--bg,#fff)}.case-responsive-showcase h2{text-wrap:balance}.case-responsive-showcase p{max-width:65ch;text-wrap:pretty}.device-stage{display:grid;grid-template-columns: minmax(0,1.9fr) minmax(0,1fr) minmax(0,.5fr);gap:28px;align-items:center;padding:40px 0 8px;direction:ltr}.device-item{margin:0;min-width:0}.device-item .device-screen{position:relative;display:block;width:100%;padding:0;border:9px solid #24282d;border-radius:16px;background:#24282d;box-shadow:none;overflow:hidden;cursor:zoom-in}.device-item .device-screen:hover{box-shadow:0 12px 30px #17232b24}.device-item .device-screen:focus-visible{outline:3px solid var(--accent,#8e2945);outline-offset:6px}.device-item img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}.device-desktop .device-screen{border-radius:8px;border-bottom-width:18px}.device-desktop{position:relative}.device-desktop:after{content:"";display:block;position:absolute;left:25%;right:25%;height:8px;bottom:32px;background:#777d84;border-radius:0 0 8px 8px}.device-item figcaption{display:flex;gap:8px;justify-content:center;align-items:baseline;margin-top:22px;font-size:14px;font-weight:600;color:var(--text,#25252a)}.device-item figcaption span{font-size:12px;font-weight:400;opacity:.7}.device-phone .device-screen{border-width:6px;border-radius:20px}.device-tablet .device-screen{border-width:8px;border-radius:15px}[dir=rtl] .device-item figcaption{direction:rtl}@media(max-width:700px){.device-stage{grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:28px 24px;align-items:center;padding-top:24px}.device-desktop{grid-column:1/-1}.device-item figcaption{font-size:13px;flex-wrap:wrap;gap:3px 7px}.device-tablet{max-width:320px}.device-phone{max-width:160px}.device-desktop:after{bottom:32px}.case-responsive-showcase .case-section-title{text-align:start}}@media(prefers-reduced-motion:reduce){.device-screen{transition:none}}