.device-stage.svelte-1uha8ag{isolation:isolate;perspective:1200px;width:100%;max-width:39rem;min-height:26rem;margin-inline:auto;position:relative}.device-card.svelte-1uha8ag{background:var(--card);box-shadow:0 8px 0 color-mix(in oklch, var(--background) 72%, transparent);border-radius:.75rem;margin:0;transition:transform .32s cubic-bezier(.16,1,.3,1),filter .24s ease-out;position:absolute;overflow:hidden}.device-mac.svelte-1uha8ag{z-index:1;width:94%;top:1.5rem;left:0;transform:rotate(-1.5deg)translateZ(0)}.device-ipad.svelte-1uha8ag{z-index:2;width:69%;bottom:.5rem;right:0;transform:rotate(2deg)translateZ(2rem)}.device-iphone.svelte-1uha8ag{z-index:3;width:32%;box-shadow:none;background:0 0;bottom:0;left:3%;overflow:visible;transform:rotate(-2.5deg)translateZ(4rem)}.device-label.svelte-1uha8ag{background:color-mix(in oklch, var(--background) 82%, transparent);color:var(--foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .55rem;font-size:.7rem;font-weight:650;line-height:1;display:flex;position:absolute;top:.55rem;left:.55rem}.device-label.svelte-1uha8ag svg{width:.8rem;height:.8rem;color:var(--primary)}.device-stage.svelte-1uha8ag:has(.device-card:where(.svelte-1uha8ag):hover) .device-card:where(.svelte-1uha8ag):not(:hover){filter:brightness(.72)saturate(.78)}.device-mac.svelte-1uha8ag:hover{transform:translateY(-.6rem)rotate(-.4deg)translateZ(1rem)}.device-ipad.svelte-1uha8ag:hover{transform:translate(-.3rem,-.75rem)rotate(.7deg)translateZ(3rem)}.device-iphone.svelte-1uha8ag:hover{transform:translate(.4rem,-.85rem)rotate(-.7deg)translateZ(5rem)}@media (width>=640px){.device-stage.svelte-1uha8ag{min-height:34rem}.device-label.svelte-1uha8ag{font-size:.75rem;top:.75rem;left:.75rem}}@media (width>=1024px){.device-stage.svelte-1uha8ag{min-height:38rem}}@media (width>=2560px){.device-stage.svelte-1uha8ag{transform-origin:0;transform:scale(1.5)}}@media (width>=3200px){.device-stage.svelte-1uha8ag{transform:scale(1.75)}}@media (width>=3840px){.device-stage.svelte-1uha8ag{transform:scale(2)}}@media (prefers-reduced-motion:reduce){.device-card.svelte-1uha8ag{transition:none}.device-stage.svelte-1uha8ag:has(.device-card:where(.svelte-1uha8ag):hover) .device-card:where(.svelte-1uha8ag):not(:hover){filter:none}}