.case-showcase{border:1px solid #ffffff20;border-radius:12px;background:radial-gradient(ellipse at 55% 65%,#8a462328,transparent 65%),#111617;overflow:hidden;min-width:0;box-shadow:0 24px 60px #0003}.case-preview-bar{display:flex;justify-content:space-between;gap:15px;font-family:monospace;font-size:8px;letter-spacing:.8px;padding:19px 23px;color:#929e9b;border-bottom:1px solid #ffffff0c}.case-preview-bar>span+span{color:var(--accent)}.case-stage{position:relative;height:auto;min-height:390px;aspect-ratio:1.5;overflow:hidden;perspective:1100px;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:28px 28px}.case-assembly{position:absolute;inset:0;transform:rotateY(var(--device-tilt,0deg));transition:transform .15s ease-out;transform-style:preserve-3d;z-index:1}.case-laptop{position:absolute;left:8%;width:81%;top:43px;transform:rotate(-4deg);transition:transform .6s,opacity .6s}.case-laptop .laptop{padding:9px 9px 15px;border-radius:12px 12px 4px 4px}.case-laptop .screen{aspect-ratio:1.7;border-radius:3px;scrollbar-width:thin;scrollbar-color:#c5784b #112020}.case-laptop .screen img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.case-desktop-screen{overflow:auto}.case-laptop .laptop-base{height:21px;width:116%;margin-left:-8%;filter:drop-shadow(0 12px 10px #0005)}.case-phone{position:absolute;right:5%;top:133px;width:118px;height:242px;padding:5px;border:2px solid #9ca09e;border-radius:21px;background:#06090a;transform:rotate(6deg);box-shadow:-15px 15px 35px #0008;transition:transform .6s;overflow:hidden}.case-phone-screen{height:100%;border-radius:14px;overflow:auto;scrollbar-width:none}.case-phone-screen::-webkit-scrollbar{display:none}.case-phone img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.case-phone-camera{position:absolute;z-index:2;top:9px;left:36%;width:28%;height:7px;border-radius:5px;background:#050809;pointer-events:none}.case-floor{position:absolute;bottom:26px;left:12%;right:10%;height:30px;border-radius:50%;background:#0008;filter:blur(15px)}.case-preview-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px 10px}.case-device-options{display:flex;gap:4px;padding:4px;border:1px solid #ffffff1c;border-radius:7px;background:#0a1011}.case-device-options button{min-height:40px;padding:8px 16px;border:0;border-radius:4px;background:transparent;color:#879692;font-size:11px}.case-device-options button[aria-pressed=true]{color:#141818;background:var(--accent)}.case-preview-status{font-family:monospace;font-size:9px;color:#a1aaa7;text-align:right}.case-preview-caption{font-size:10px;padding:0 22px;margin:0 0 19px;color:#788783}.case-showcase.is-mobile .case-laptop{opacity:.28;transform:translateX(-20px) rotate(-6deg) scale(.9)}.case-showcase.is-mobile .case-phone{transform:translate(-125px,-40px) rotate(0) scale(1.27)}.case-showcase.is-mobile .case-phone-screen{scrollbar-width:thin;scrollbar-color:#c5784b #112020}.case-showcase.is-mobile .case-phone-screen::-webkit-scrollbar{display:block;width:3px}@media(min-width:1500px){.case-stage{min-height:410px}.case-phone{top:153px}.case-showcase.is-mobile .case-phone{transform:translate(-145px,-45px) rotate(0) scale(1.28)}}@media(max-width:1100px){.case-stage{min-height:360px}.case-phone{width:100px;height:205px;top:117px;right:4%;border-radius:18px}.case-laptop{top:52px;left:7%;width:82%}.case-showcase.is-mobile .case-phone{transform:translate(-90px,-35px) rotate(0) scale(1.25)}}@media(max-width:800px){.case-stage{min-height:400px}.case-laptop{top:45px;width:81%;left:8%}.case-phone{width:120px;height:245px;top:150px;right:5%;border-radius:21px}.case-showcase.is-mobile .case-phone{transform:translate(-135px,-45px) rotate(0) scale(1.27)}}@media(max-width:520px){.case-preview-bar{padding:16px;font-size:7px}.case-stage{min-height:287px}.case-laptop{top:38px;left:5%;width:86%}.case-laptop .laptop{padding:6px 6px 11px;border-radius:9px 9px 3px 3px}.case-phone{width:88px;height:179px;top:95px;right:3%;padding:4px;border-radius:16px}.case-phone-screen{border-radius:10px}.case-phone-camera{top:7px;height:5px}.case-preview-footer{padding:15px 15px 9px;gap:10px}.case-device-options button{padding:8px 11px;font-size:10px}.case-preview-status{font-size:8px}.case-preview-caption{padding:0 15px;font-size:9px}.case-showcase.is-mobile .case-phone{transform:translate(-86px,-23px) rotate(0) scale(1.2)}}