.showcase.svelte-1md2ulq{width:calc(var(--phone-w,180px) + 40px);justify-items:center;gap:16px;display:grid}.phone.svelte-1md2ulq{width:var(--phone-w,180px);aspect-ratio:560/1137;border-radius:calc(var(--phone-w,180px) * .2);box-shadow:0 0 0 2px #3a414d, 0 30px 60px #00000080, 0 0 80px color-mix(in srgb, var(--accent) 18%, transparent);opacity:0;background:#0b0d11;padding:7px;transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(28px)rotate(-2deg)scale(.97)}.phone.svelte-1md2ulq img:where(.svelte-1md2ulq){border-radius:calc(var(--phone-w,180px) * .16);object-fit:cover;width:100%;height:100%;display:block}.island.svelte-1md2ulq{top:calc(var(--phone-w,180px) * .07);z-index:1;width:calc(var(--phone-w,180px) * .3);height:calc(var(--phone-w,180px) * .088);background:#000;border-radius:10px;position:absolute;left:50%;transform:translate(-50%)}.bubble.svelte-1md2ulq{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;opacity:0;background:#ffffff0f;border:1px solid #ffffff1f;gap:3px;width:100%;padding:12px 14px;transition:opacity .8s .25s,transform .8s .25s;display:grid;transform:translateY(14px)}.kicker.svelte-1md2ulq{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:600}.bubble.svelte-1md2ulq strong:where(.svelte-1md2ulq){font-size:16px}.bubble.svelte-1md2ulq p:where(.svelte-1md2ulq){color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.on.svelte-1md2ulq .phone:where(.svelte-1md2ulq),.on.svelte-1md2ulq .bubble:where(.svelte-1md2ulq){opacity:1;transform:none}.dots.svelte-1md2ulq{gap:6px;display:flex}.dots.svelte-1md2ulq span:where(.svelte-1md2ulq){background:#ffffff40;border-radius:50%;width:6px;height:6px;transition:width .3s,background .3s}.dots.svelte-1md2ulq .current:where(.svelte-1md2ulq){background:var(--accent);border-radius:3px;width:18px}