.hb-case-showcase{padding:88px 0!important;background:#f7f9fc!important;overflow:hidden}.hb-case-showcase>.mk-wrap{max-width:1248px}.hb-case-showcase .hb-section-head{margin-bottom:20px}.hb-case-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#64748b;font-size:14px}.hb-case-controls button{border:1px solid #dce3ed;border-radius:30px;background:white;padding:10px 17px;color:#334155;font:inherit;cursor:pointer}.hb-case-rows{display:grid;gap:28px}.hb-case-row{overflow:hidden;padding:8px 0 16px}.hb-case-track{display:flex;width:max-content;animation:hbCaseFlow 64s linear infinite;gap:24px}.hb-case-row-1 .hb-case-track{animation-direction:reverse;animation-duration:72s}.hb-case-group{display:flex;gap:24px}.hb-case-card{width:390px;flex:none;overflow:hidden;box-sizing:border-box}.hb-case-stage{height:286px;position:relative;background:linear-gradient(145deg,#eef2f7,#e4eaf2);border-bottom:1px solid #e1e7f0;overflow:hidden}.hb-case-desktop{position:absolute;left:20px;top:28px;width:318px;height:221px;border:5px solid #fff;border-radius:7px;overflow:hidden;box-shadow:0 10px 22px #23344c1c}.hb-case-desktop img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hb-case-phone{position:absolute;right:15px;bottom:12px;width:116px;height:233px;filter:drop-shadow(0 8px 8px #0f172a42)}.hb-phone-shell{position:absolute!important;max-width:none!important;width:150.4%!important;height:112.36%!important;left:-24.96%;top:-8.38%;object-fit:fill!important;clip-path:inset(7.46% 16.91% 3.54% 16.6%);pointer-events:none}.hb-phone-screen{position:absolute;left:3.05%;top:1.55%;width:93.6%;height:96.7%;border-radius:8% / 4%;overflow:hidden;background:#fff}.hb-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hb-phone-camera{position:absolute;top:3.2%;left:48%;width:5%;aspect-ratio:1;border-radius:50%;background:#080a10;border:1px solid #252d3d}.hb-case-card .hb-site-card-body{padding:22px 24px}.hb-case-card h3{font-size:24px;margin:6px 0 8px}.hb-case-card p{font-size:15px;margin-bottom:17px}.hb-case-showcase.is-paused .hb-case-track,.hb-case-rows:hover .hb-case-track,.hb-case-rows:focus-within .hb-case-track{animation-play-state:paused}.hb-case-showcase .hb-site-demo-note{margin-top:16px;font-size:13px}@keyframes hbCaseFlow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}@media(min-width:1500px){.hb-case-row{padding-left:calc((100vw - 1248px)/2)}}@media(max-width:600px){.hb-case-showcase{padding:48px 0!important}.hb-case-showcase .hb-section-head h2{font-size:28px;line-height:1.4}.hb-case-controls{font-size:12px;gap:10px}.hb-case-controls button{padding:9px 12px}.hb-case-card{width:310px}.hb-case-stage{height:246px}.hb-case-desktop{width:260px;height:181px;left:14px;top:25px}.hb-case-phone{width:102px;height:205px;right:12px;bottom:10px}.hb-case-card .hb-site-card-body{padding:19px}.hb-case-card h3{font-size:22px}.hb-case-card p{font-size:14px}.hb-case-track,.hb-case-group{gap:18px}.hb-case-rows{gap:15px}@keyframes hbCaseFlow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}}@media(prefers-reduced-motion:reduce){.hb-case-track{animation:none}.hb-case-row{overflow-x:auto}.hb-case-group:nth-child(2){display:none}}

.hb-case-showcase .hb-case-card{box-shadow:0 5px 12px rgba(35,52,76,.07),0 12px 24px rgba(35,52,76,.11)}