body.case-open{overflow:hidden}.case-dialog{--case-accent:#1265fb;--case-tint:#eef5ff;box-sizing:border-box;width:min(1360px,96vw);max-width:96vw;max-height:92dvh;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:#102137;overflow:auto;box-shadow:0 30px 100px #0005}.case-dialog::backdrop{background:#07172cd9;backdrop-filter:blur(6px)}.case-dialog *{box-sizing:border-box}.case-dialog [data-case-content]{background:linear-gradient(120deg,#fff 12%,var(--case-tint) 75%,#fff)}.case-close{position:sticky;top:14px;float:right;z-index:3;margin:14px 14px -58px 0;width:44px;height:44px;border:1px solid #dce3ec;border-radius:50%;background:#fff;color:#152a44;font-size:28px;cursor:pointer;box-shadow:0 4px 15px #10213712}.case-topline{padding:32px 78px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:2px;font-weight:700;color:#627286}.case-hero{padding:54px 40px 50px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center;min-height:510px}.case-label{color:var(--case-accent);font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:800}.case-copy h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:20px 0;color:#13273c;overflow-wrap:break-word}.case-description{font-size:16px;line-height:1.7;color:#56677b;max-width:440px}.case-tags{display:flex;gap:18px;margin:28px 0}.case-tags>div{flex:1;min-width:0}.case-tags b{display:grid;place-items:center;width:42px;height:42px;background:var(--case-tint);color:var(--case-accent);border:1px solid color-mix(in srgb,var(--case-accent) 20%,white);border-radius:50%;font-size:14px;margin-bottom:10px}.case-tags span{font-size:12px;font-weight:700;line-height:1.4;display:block}.case-link{display:inline-flex;padding:13px 19px;border-radius:9px;background:var(--case-accent);color:white;text-decoration:none;font-weight:700;font-size:14px}.case-devices{position:relative;padding:26px 42px 48px 0;min-width:0}.case-laptop{border-radius:18px 18px 5px 5px;background:#13171b;padding:13px 11px 18px;border:2px solid #434950;box-shadow:0 20px 38px #12233d20;position:relative}.case-screen{aspect-ratio:1.48;overflow:hidden;background:white}.case-screen img{display:block;width:100%;height:auto}.case-laptop-base{position:absolute;left:-7%;bottom:-18px;width:114%;height:20px;background:linear-gradient(#dfe4e8,#a5adb5);border-radius:2px 2px 45% 45%;box-shadow:0 10px 16px #0002}.case-laptop-base:after{content:'';position:absolute;top:0;left:40%;width:20%;height:5px;background:#929ca5;border-radius:0 0 9px 9px}.case-phone{position:absolute;right:0;bottom:8px;width:29%;padding:6px;border:2px solid #54595e;border-radius:27px;background:#14171b;box-shadow:0 13px 24px #10213735}.case-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:19px;background:white}.case-phone-camera{position:absolute;z-index:1;left:35%;top:7px;width:30%;height:9px;background:#14171b;border-radius:0 0 8px 8px}.case-interface{padding:25px 30px 32px;background:#ffffffb3;border-top:1px solid #fff}.case-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 8px 20px}.case-section-title h3{font-size:19px;margin:0}.case-section-title a,.case-footer a{color:var(--case-accent);font-size:13px;font-weight:700;text-decoration:none}.case-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.case-gallery figure{margin:0;padding:10px;border:1px solid #e4eaf1;border-radius:11px;background:white;min-width:0}.case-gallery figcaption{font-size:11px;font-weight:700;margin:4px 0 12px;color:#52677c}.case-gallery figure>div{aspect-ratio:.95;overflow:hidden;border-radius:6px;background:var(--case-tint)}.case-gallery img{display:block;width:100%;height:100%;object-fit:cover}.case-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 40px;background:#fff;font-size:12px;color:#748296}.case-dialog a:focus-visible,.case-close:focus-visible{outline:3px solid var(--case-accent);outline-offset:4px}
@media(max-width:800px){.case-hero{grid-template-columns:1fr;padding:24px;gap:20px}.case-copy h2{font-size:34px;max-width:580px}.case-description{max-width:none}.case-devices{max-width:620px;width:100%;margin:auto}.case-topline{padding:26px 65px 0 24px;font-size:9px;letter-spacing:1px}.case-topline>span:last-child{display:none}.case-tags{max-width:420px}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery figure:last-child{grid-column:1/-1}.case-gallery figure:last-child>div{aspect-ratio:2}.case-footer{padding:24px;flex-direction:column}.case-interface{padding:24px 16px}.case-section-title{align-items:start}.case-section-title h3{font-size:17px}.case-section-title a{font-size:12px}.case-dialog{max-height:94dvh;border-radius:14px}.case-copy h2{letter-spacing:-1px}.case-laptop{padding:8px 7px 12px;border-radius:12px 12px 3px 3px}.case-phone{border-radius:20px;padding:4px}.case-phone img{border-radius:13px}.case-devices{padding-right:28px}.case-phone-camera{height:6px;top:5px}}