.home-shot{isolation:isolate;-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative;overflow:clip}.home-shot[data-kind=flow]{border-radius:var(--radius-2xl)}.home-shot-img{pointer-events:none;width:100%;height:auto;display:block}.home-shot-img[data-theme-img=dark],:root[data-theme=dark] .home-shot-img[data-theme-img=light]{display:none}:root[data-theme=dark] .home-shot-img[data-theme-img=dark]{display:block}@media (prefers-reduced-motion:no-preference){.home-shot .home-shot-img{animation:home-shot-settle calc(var(--dur-slower) * 4) var(--ease-decelerate) both}.home-shot[data-play=wait] .home-shot-img{animation:1s linear both home-shot-hold}}@keyframes home-shot-settle{0%{scale:1.03}to{scale:1}}@keyframes home-shot-hold{0%,to{scale:1.03}}#products [data-edge-light]{z-index:1;background-color:var(--bg-surface);position:relative}#products [data-product=figma]{--edge-product:var(--product-figma-on-tint)}#products [data-product=code]{--edge-product:var(--product-code)}#products [data-product=complete]{--edge-product:var(--action-primary)}.home-shot[data-kind=product]{display:grid}.home-shot[data-kind=product]>.home-shot-img{grid-area:1/1}@media (hover:hover) and (pointer:fine){#products [data-edge-light]{transition:scale var(--motion-default), border-radius var(--motion-state)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#products [data-edge-light]:hover{z-index:3;border-radius:var(--radius-xl);box-shadow:0 var(--space-3xs) var(--space-2xs) calc(-1 * var(--space-3xs)) color-mix(in srgb, var(--text-primary) 8%, transparent), 0 var(--space-xs) var(--space-lg) calc(-1 * var(--space-sm)) color-mix(in srgb, var(--text-primary) 16%, transparent);scale:1.02}#products [data-edge-light]:hover .home-shot{border-radius:var(--radius-xl) var(--radius-xl) 0 0}}