.product-stage.svelte-1ww5r9e{isolation:isolate;background:0 0;justify-content:center;align-items:flex-start;min-height:360px;padding:52px 8% 0;display:flex;position:relative;overflow:hidden}.browser-frame.svelte-1ww5r9e{transform-origin:50%;width:100%;transition:transform .65s var(--ease);background:#fff;border-radius:8px 8px 0 0;flex:none;overflow:hidden;transform:rotate(-2deg)}.product-stage.svelte-1ww5r9e:hover .browser-frame:where(.svelte-1ww5r9e){transform:rotate(0)translateY(-5px)}.browser-top.svelte-1ww5r9e{color:#0a372f;background:#dcece4;justify-content:space-between;align-items:center;height:34px;padding:0 14px;font-size:11px;line-height:1;display:flex}.browser-dots.svelte-1ww5r9e{gap:5px;display:flex}.browser-dots.svelte-1ww5r9e i:where(.svelte-1ww5r9e){background:#077777;border-radius:50%;width:6px;height:6px}.browser-frame.svelte-1ww5r9e img:where(.svelte-1ww5r9e){aspect-ratio:1.5;object-fit:cover;object-position:top}.phone-frame.svelte-1ww5r9e{background:#0a372f;border-radius:24px;width:20%;padding:7px;position:absolute;bottom:-12%;right:5%;overflow:hidden;transform:rotate(7deg)}.phone-notch.svelte-1ww5r9e{z-index:1;background:#0a372f;border-radius:20px;width:32%;height:9px;position:absolute;top:10px;left:34%}.phone-frame.svelte-1ww5r9e img:where(.svelte-1ww5r9e){border-radius:18px}.compact.svelte-1ww5r9e{aspect-ratio:1.55;min-height:0;padding:32px 7% 0}.compact.svelte-1ww5r9e .browser-frame:where(.svelte-1ww5r9e){transform:rotate(-3deg)}@media (width<=767px){.product-stage.svelte-1ww5r9e{min-height:220px;padding:28px 7% 0}.browser-top.svelte-1ww5r9e{height:24px;padding:0 8px;font-size:9px}.browser-dots.svelte-1ww5r9e i:where(.svelte-1ww5r9e){width:4px;height:4px}.phone-frame.svelte-1ww5r9e{border-radius:16px;width:24%;padding:4px;bottom:-7%;right:4%}.phone-frame.svelte-1ww5r9e img:where(.svelte-1ww5r9e){border-radius:12px}.phone-notch.svelte-1ww5r9e{height:6px;top:6px}.compact.svelte-1ww5r9e{aspect-ratio:1.5;min-height:0;padding-top:24px}}