.hb-refonte .client-app{justify-self:center;width:100%;min-width:0;max-width:540px}.hb-refonte .app-preview-tabs{background:#eeebf7;border:1px solid #e0dbea;border-radius:30px;gap:5px;width:max-content;max-width:100%;margin:0 auto 31px;padding:5px;display:flex}.hb-refonte .app-preview-tabs button{color:#81788d;white-space:nowrap;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:12px 19px;font-size:13px;font-weight:550;transition:background .2s,color .2s,box-shadow .2s;display:flex}.hb-refonte .app-preview-tabs button[aria-selected=true]{color:var(--purple);background:#fff;box-shadow:0 3px 10px #37216b12}.hb-refonte .app-preview-tabs button:hover{color:var(--purple)}.hb-refonte .app-preview-tabs button:focus-visible{outline-color:var(--purple);outline-offset:3px}.hb-refonte .app-preview-stage{perspective:1400px;isolation:isolate;height:710px;position:relative}.hb-refonte .app-preview-front,.hb-refonte .app-preview-back{transform-origin:50% 60%;background:#fffdfb;border:1px solid #e2dcef;border-radius:28px;margin:0;padding:8px;transition:transform .45s cubic-bezier(.2,.6,.3,1);position:absolute;overflow:hidden;box-shadow:3px 5px #e6ddef,0 28px 58px #462a7922}.hb-refonte .app-preview-front{z-index:2;width:324px;top:5px;left:17px;transform:rotate(-5deg)}.hb-refonte .app-preview-back{z-index:1;width:224px;top:110px;right:1px;transform:rotate(9deg);box-shadow:3px 5px #e6ddef,0 20px 45px #462a7920}.hb-refonte .app-preview-front img,.hb-refonte .app-preview-back img{-webkit-user-select:none;user-select:none;border-radius:21px;width:100%;height:auto;display:block}.hb-refonte .app-preview-stage:hover .app-preview-front{transform:rotate(-2deg)translateY(-5px)}.hb-refonte .app-preview-stage:hover .app-preview-back{transform:rotate(6deg)translateY(3px)}.hb-refonte .app-preview-badge{z-index:3;color:#8562ac;pointer-events:none;background:#f0e9ff;border:1px solid #dfd1f3;border-radius:12px;align-items:center;gap:12px;padding:17px 21px;font-size:13px;line-height:1.5;display:flex;position:absolute;bottom:44px;right:0;transform:rotate(6deg);box-shadow:0 12px 25px #61349018}.hb-refonte .app-preview-badge strong{font-weight:600}.hb-refonte .app-preview-caption{text-align:center;color:#7d728f;margin:9px 0 0;font-size:14px;line-height:1.7}.hb-refonte .app-preview-caption>span{text-transform:uppercase;letter-spacing:1.5px;color:#a094af;margin-bottom:3px;font-size:11px;display:block}.hb-refonte .client-section{grid-template-columns:1fr 1fr;gap:84px;padding-top:45px;padding-bottom:100px}.hb-refonte .client-copy{min-width:0}@media (width>=721px) and (width<=1100px){.hb-refonte .client-section{gap:45px}.hb-refonte .app-preview-front{width:280px;left:2px}.hb-refonte .app-preview-back{width:186px;top:94px;right:0}.hb-refonte .app-preview-stage{height:620px}.hb-refonte .app-preview-badge{padding:13px 16px;font-size:12px;bottom:22px;right:-2px}.hb-refonte .app-preview-tabs button{padding:11px 15px;font-size:13px}.hb-refonte .app-preview-tabs{margin-bottom:28px}.hb-refonte .client-copy h2{font-size:43px}}@media (width<=720px){.hb-refonte .client-section{gap:32px;padding:35px 25px 73px}.hb-refonte .client-app{order:1;max-width:380px}.hb-refonte .app-preview-tabs{margin-bottom:25px}.hb-refonte .app-preview-tabs button{gap:7px;min-height:44px;padding:11px 15px;font-size:13px}.hb-refonte .app-preview-stage{aspect-ratio:340/740;height:auto}.hb-refonte .app-preview-front{border-radius:24px;width:88%;padding:6px;top:2%;left:3%;transform:rotate(-3deg);box-shadow:3px 5px #e6ddef,0 22px 40px #462a791c}.hb-refonte .app-preview-front img{border-radius:18px}.hb-refonte .app-preview-back{border-radius:21px;width:67%;padding:6px;top:10%;right:0;transform:rotate(5deg)}.hb-refonte .app-preview-back img{border-radius:15px}.hb-refonte .app-preview-badge{border-radius:10px;gap:9px;padding:12px 15px;font-size:12px;bottom:0;right:-1%;transform:rotate(4deg)}.hb-refonte .app-preview-badge svg{width:19px;height:19px}.hb-refonte .app-preview-caption{margin-top:23px;font-size:13px}.hb-refonte .app-preview-stage:hover .app-preview-front{transform:rotate(-3deg)}.hb-refonte .app-preview-stage:hover .app-preview-back{transform:rotate(5deg)}}@media (prefers-reduced-motion:reduce){.hb-refonte .app-preview-front,.hb-refonte .app-preview-back,.hb-refonte .app-preview-tabs button{transition:none!important}.hb-refonte .app-preview-stage:hover .app-preview-front{transform:rotate(-5deg)}.hb-refonte .app-preview-stage:hover .app-preview-back{transform:rotate(9deg)}}