.device-preview.svelte-m2s10w{display:grid;align-items:end;gap:.75rem}.device-preview.is-hero.svelte-m2s10w{align-items:center}.device-preview.is-compact.svelte-m2s10w{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) clamp(6.5rem,22%,7.15rem);min-height:18rem;align-items:center;gap:1rem;overflow:hidden;border-radius:.375rem .375rem 0 0;background:radial-gradient(circle at 82% 18%,rgb(20 184 166 / .12),transparent 28%),linear-gradient(135deg,#fafaf9,#f5f5f4);padding:1.1rem 1.25rem;perspective:60rem}.device-preview.is-compact.svelte-m2s10w:after{position:absolute;inset:auto 1.25rem .75rem;z-index:-1;height:3.75rem;border-radius:999px;background:#0f172a1f;filter:blur(24px);content:""}.screenshot-window.svelte-m2s10w{--preview-window-height: 18rem;position:relative;height:var(--preview-window-height);overflow:hidden;background:#fafaf9;overscroll-behavior:contain}.screenshot-window.is-hero.svelte-m2s10w{overflow-y:auto;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}.screenshot-window.is-hero.svelte-m2s10w::-webkit-scrollbar,.screenshot-window.svelte-m2s10w::-webkit-scrollbar{display:none}.desktop-device-frame.is-compact.svelte-m2s10w{z-index:1;width:100%;box-shadow:0 20px 32px #0f172a1f,0 1px #ffffffe6 inset;transform-origin:90% 100%;transition:box-shadow .46s ease-in-out,transform .46s cubic-bezier(.42,0,.2,1);transition-delay:0ms;will-change:transform}.desktop-device-frame.is-hero.svelte-m2s10w,.mobile-device-frame.is-hero.svelte-m2s10w{position:relative}.desktop-screenshot-window.svelte-m2s10w{--preview-window-height: 18rem}.desktop-screenshot-window.is-compact.svelte-m2s10w{--preview-window-height: 12.75rem}.mobile-screenshot-window.svelte-m2s10w{--preview-window-height: auto;width:100%;max-width:100%;aspect-ratio:9 / 18.8;border-radius:.55rem;box-sizing:border-box}.mobile-screenshot-window.is-compact.svelte-m2s10w{border-radius:.68rem}.mobile-screenshot-window.is-hero.svelte-m2s10w{--preview-window-height: auto;aspect-ratio:9 / 19.5;border-radius:.5rem}.mobile-device-frame.svelte-m2s10w{overflow:visible;box-sizing:border-box;justify-self:center;width:min(100%,12.5rem)}.mobile-device-frame.is-compact.svelte-m2s10w{z-index:2;align-self:center;justify-self:end;width:100%;border-width:5px;border-radius:1.15rem;box-shadow:0 22px 32px #0f172a3d,0 0 0 1px #ffffff14 inset;transform-origin:12% 100%;transition:box-shadow .5s ease-in-out,transform .5s cubic-bezier(.42,0,.2,1);transition-delay:0ms;will-change:transform}.mobile-device-frame.is-hero.svelte-m2s10w{width:min(100%,13.25rem)}.group:hover .desktop-device-frame.is-compact.svelte-m2s10w,.group:focus-visible .desktop-device-frame.is-compact.svelte-m2s10w{box-shadow:0 28px 42px #0f172a2e,0 1px #ffffffe6 inset;transition-delay:.19s;transform:translate3d(0,-1rem,0) rotate(-2.4deg) rotateY(5deg)}.group:hover .mobile-device-frame.is-compact.svelte-m2s10w,.group:focus-visible .mobile-device-frame.is-compact.svelte-m2s10w{box-shadow:0 30px 44px #0f172a4d,0 0 0 1px #ffffff14 inset;transition-delay:.23s;transform:translate3d(0,-1.25rem,0) rotate(3.4deg) rotateY(-8deg)}.screenshot-image.svelte-m2s10w{display:block;width:100%;max-width:100%;height:auto;min-height:100%}.scroll-wheel-cue.svelte-m2s10w{position:absolute;left:50%;bottom:1rem;display:grid;place-items:center;width:2.15rem;height:3.15rem;border:2px solid rgb(255 255 255 / .78);border-radius:999px;background:#0f172a99;box-shadow:0 16px 36px #00000047;opacity:.82;pointer-events:none;transform:translate(-50%);transition:opacity .18s ease,background .18s ease,border-color .18s ease}.scroll-wheel-cue.svelte-m2s10w span:where(.svelte-m2s10w){width:.28rem;height:.72rem;border-radius:999px;background:#ffd330;animation:svelte-m2s10w-wheel-scroll 1.25s cubic-bezier(.45,0,.2,1) infinite}.scroll-wheel-cue.svelte-m2s10w:after{position:absolute;bottom:-.62rem;left:50%;width:.52rem;height:.52rem;border-right:2px solid rgb(255 211 48);border-bottom:2px solid rgb(255 211 48);content:"";transform:translate(-50%) rotate(45deg)}.desktop-device-frame.is-hero.svelte-m2s10w:hover .scroll-wheel-cue:where(.svelte-m2s10w),.mobile-device-frame.is-hero.svelte-m2s10w:hover .scroll-wheel-cue:where(.svelte-m2s10w),.desktop-device-frame.is-hero.svelte-m2s10w:focus-within .scroll-wheel-cue:where(.svelte-m2s10w),.mobile-device-frame.is-hero.svelte-m2s10w:focus-within .scroll-wheel-cue:where(.svelte-m2s10w){border-color:#fff;background:#0f172ad6;opacity:1}@keyframes svelte-m2s10w-wheel-scroll{0%,to{opacity:0;transform:translateY(-.42rem)}50%{opacity:1;transform:translateY(.42rem)}}@media(min-width:640px){.desktop-screenshot-window.svelte-m2s10w:not(.is-compact){--preview-window-height: 20rem}.mobile-screenshot-window.svelte-m2s10w:not(.is-compact){--preview-window-height: 18rem}.mobile-screenshot-window.is-hero.svelte-m2s10w{--preview-window-height: auto}}@media(min-width:640px){.device-preview.svelte-m2s10w:not(.is-compact){grid-template-columns:1fr .36fr}}@media(max-width:480px){.device-preview.is-compact.svelte-m2s10w{grid-template-columns:minmax(0,1fr) clamp(5.4rem,24%,5.9rem);min-height:15rem;gap:.75rem;padding:.75rem}.desktop-screenshot-window.is-compact.svelte-m2s10w{--preview-window-height: 10rem}}@media(min-width:1024px){.desktop-screenshot-window.svelte-m2s10w:not(.is-compact):not(.is-hero){--preview-window-height: 24rem}.desktop-screenshot-window.is-hero.svelte-m2s10w{--preview-window-height: 35rem}}