.flip-demo{flex-direction:column;align-items:center;gap:2rem;display:flex}.flip-demo__stage{perspective:1400px;padding:2rem 0 3rem;position:relative}.flip-demo__phone{aspect-ratio:410/793;width:258px;transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:#0000;position:relative}.flip-demo__phone:focus-visible{outline-offset:6px;border-radius:44px;outline:2px solid #9b72cf}.flip-demo__face{backface-visibility:hidden;border:1px solid #ffffff14;border-radius:44px;position:absolute;inset:0}.flip-demo__face--front{overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.flip-demo__face--back{background:linear-gradient(200deg,#232326,#121214);flex-direction:column;align-items:center;display:flex;transform:rotateX(180deg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.flip-demo__screenshot-wrap{position:absolute;inset:0}.flip-demo__screenshot{object-fit:cover}.flip-demo__count-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-variant-numeric:tabular-nums;text-align:center;background:#0000008c;border-radius:9999px;min-width:2.4rem;padding:.3rem .7rem;font-size:1.1rem;font-weight:700;position:absolute;bottom:28px;left:50%;translate:-50%}.flip-demo__status{color:#fff;text-align:center;min-height:1.4em;font-size:.95rem;font-weight:600}.flip-demo__camera{background:#0d0d0e;border:1px solid #ffffff1a;border-radius:28px;width:90px;height:90px;margin-top:24px;margin-right:100px;display:block}.flip-demo__apple{background:#ffffff0f;border-radius:9999px;width:44px;height:44px;margin-top:140px;display:block}.flip-demo__shadow{background:radial-gradient(#000000b3,#0000 70%);border-radius:50%;width:236px;height:26px;position:absolute;bottom:0;left:50%;translate:-50%}.flip-demo__controls{flex-direction:column;align-items:center;gap:.5rem;min-height:5rem;display:flex}.flip-demo__btn{cursor:pointer;white-space:nowrap;color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 2rem;font-family:Inter,system-ui,-apple-system,SF Pro,sans-serif;font-weight:500;transition:all .2s;display:inline-flex}.flip-demo__btn:hover{background-color:#ffffff26;border-color:#ffffff4d}.flip-demo__btn{font-size:.95rem}.flip-demo__btn--primary{cursor:pointer;white-space:nowrap;color:#0a0a0a;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 2rem;font-family:Inter,system-ui,-apple-system,SF Pro,sans-serif;font-weight:500;transition:all .2s;display:inline-flex}.flip-demo__btn--primary:hover{background-color:#e5e5e5}.flip-demo__note{color:#525252;font-size:.78rem}