.pa-stage{flex-direction:column;align-items:center;gap:1.5rem;margin:0;display:flex}.pa-stage-art{isolation:isolate;flex-direction:column;align-items:center;gap:1.25rem;width:min(19rem,80vw);display:flex;position:relative}.pa-stage-art:before{z-index:-1;content:"";background-image:radial-gradient(color-mix(in oklab, var(--paper-muted) 40%, transparent) 1px, transparent 1.5px);background-size:18px 18px;position:absolute;inset:-2.5rem -45%;-webkit-mask-image:radial-gradient(closest-side,#000 35%,#0000);mask-image:radial-gradient(closest-side,#000 35%,#0000)}@media (min-width:640px){.pa-stage-note{z-index:3;width:17rem;position:absolute;top:2.6rem;right:-32%}}.pa-design figcaption{max-width:26rem;color:var(--paper-muted);text-align:center;text-wrap:pretty;font-size:.875rem;line-height:1.5}.pa-designs{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--paper-border) transparent;gap:1.5rem;margin:0;padding:.5rem 1.25rem 1.5rem;scroll-padding-inline:1.25rem;list-style:none;display:flex;position:relative;overflow-x:auto}.pa-design{scroll-snap-align:start;flex:none;width:min(17.5rem,78vw)}@media (min-width:640px){.pa-designs{padding-inline:2rem;scroll-padding-inline:2rem}}@media (min-width:1024px){.pa-designs{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;max-width:80rem;margin-inline:auto;display:grid;overflow:visible}.pa-design{width:auto}}.pa-design figure{flex-direction:column;align-items:center;gap:1.25rem;margin:0;display:flex}.pa-design .phone-comp{max-width:18.75rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pa-design .pc-phone{transition:transform .42s cubic-bezier(.16,1,.3,1)}.pa-design:hover .pc-phone{transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){.pa-stage-phone{animation:1.1s cubic-bezier(.16,1,.3,1) both pa-rise}.pa-stage-note{animation:.9s cubic-bezier(.16,1,.3,1) .7s both pa-land}.pa-stage .pc-dots i{animation:1.2s ease-in-out infinite pa-blink}.pa-stage .pc-dots i:nth-child(2){animation-delay:.15s}.pa-stage .pc-dots i:nth-child(3){animation-delay:.3s}}@keyframes pa-rise{0%{transform:translateY(1.5rem)}to{transform:none}}@keyframes pa-land{0%{transform:translateY(-1.25rem)scale(.96)}to{transform:none}}@keyframes pa-blink{0%,80%,to{opacity:.3}40%{opacity:1}}