.pa-stage{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:14px;background:radial-gradient(90% 75% at 50% 115%,oklch(from var(--color-accent) l c h/.28),transparent 64%),oklch(.15 .008 300);isolation:isolate}.pa-wide{aspect-ratio:16/10}.pa-browser{position:absolute;overflow:hidden;border:1px solid oklch(1 0 0/.12);border-radius:9px;background:oklch(.21 .012 300);box-shadow:0 18px 40px -18px oklch(0 0 0/.7)}.pa-bar{display:flex;align-items:center;gap:4px;height:16px;padding:0 7px;border-bottom:1px solid oklch(1 0 0/.08);background:oklch(.22 .01 300)}.pa-bar i{width:5px;height:5px;border-radius:50%;background:oklch(1 0 0/.22)}.pa-url{height:6px;width:38%;margin-left:8px;border-radius:3px;background:oklch(1 0 0/.1)}.pa-view{position:absolute;inset:16px 0 0;overflow:hidden}.pa-line{height:5px;border-radius:3px;background:oklch(1 0 0/.16)}.pa-line.dim{background:oklch(1 0 0/.09)}.pa-line.big{height:8px;background:oklch(1 0 0/.75)}.pa-btn{position:relative;height:10px;width:34%;border-radius:6px;background:linear-gradient(90deg,oklch(.55 .18 250),oklch(.55 .18 295),oklch(.5 .19 320))}.pa-img{border-radius:5px;background:linear-gradient(135deg,oklch(.42 .12 295),oklch(.3 .08 250))}.pa-img.b{background:linear-gradient(135deg,oklch(.5 .13 200),oklch(.32 .08 250))}.pa-img.c{background:linear-gradient(135deg,oklch(.55 .15 40),oklch(.36 .1 340))}.pa-img.d{background:linear-gradient(135deg,oklch(.5 .12 150),oklch(.3 .07 210))}.pa-col{display:flex;flex-direction:column;gap:5px}.pa-row{display:flex;gap:6px}.pa-landing .pa-browser{left:18%;right:18%;top:10%;bottom:-30%}.pa-scroll{display:flex;flex-direction:column;gap:12px;padding:12px;animation:pa-scroll 10s cubic-bezier(.65,0,.35,1) infinite}@keyframes pa-scroll{0%,12%{transform:translateY(0)}50%,62%{transform:translateY(-52%)}to{transform:translateY(0)}}.pa-btn.pulse:after{content:"";position:absolute;inset:-3px;border-radius:8px;border:1px solid oklch(.7 .14 295);opacity:0;animation:pa-ring 2.2s ease-out infinite}@keyframes pa-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.9)}}.pa-site .pa-browser{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.pa-site .back2{left:26%;right:6%;top:8%;bottom:22%;opacity:.45;transform:translate(0)}.pa-site .back1{left:18%;right:14%;top:14%;bottom:16%;opacity:.7}.pa-site .front{left:9%;right:23%;top:21%;bottom:7%}.group\/tier:hover .pa-site .back2,.pa-stage:hover.pa-site .back2{transform:translate(6%,-6%) rotate(3deg)}.group\/tier:hover .pa-site .back1,.pa-stage:hover.pa-site .back1{transform:translate(3%,-3%) rotate(1.5deg)}.pa-nav{position:relative;display:flex;gap:0;padding:7px 8px 0}.pa-nav span{flex:1;display:flex;justify-content:center;padding-bottom:5px}.pa-nav span i{display:block;width:60%;height:4px;border-radius:2px;background:oklch(1 0 0/.3)}.pa-tab{position:absolute;bottom:0;left:8px;width:calc((100% - 16px) / 4);height:2px;border-radius:1px;background:oklch(.7 .14 295);animation:pa-tab 9s cubic-bezier(.65,0,.35,1) infinite}@keyframes pa-tab{0%,20%{transform:translateX(0)}25%,45%{transform:translateX(100%)}50%,70%{transform:translateX(200%)}75%,95%{transform:translateX(300%)}to{transform:translateX(0)}}.pa-pages-wrap{position:absolute;inset:22px 0 0;overflow:hidden;border-top:1px solid oklch(1 0 0/.07)}.pa-pages{display:flex;width:400%;height:100%;animation:pa-pages 9s cubic-bezier(.65,0,.35,1) infinite}.pa-pages>div{width:25%;padding:9px;display:flex;flex-direction:column;gap:6px}@keyframes pa-pages{0%,20%{transform:translateX(0)}25%,45%{transform:translateX(-25%)}50%,70%{transform:translateX(-50%)}75%,95%{transform:translateX(-75%)}to{transform:translateX(0)}}.pa-shop .pa-browser{left:12%;right:12%;top:10%;bottom:-8%}.pa-shophead{display:flex;align-items:center;justify-content:space-between;padding:7px 9px}.pa-cart{position:relative;width:14px;height:11px;border:1.5px solid oklch(1 0 0/.55);border-top:0;border-radius:0 0 3px 3px}.pa-cart:before{content:"";position:absolute;left:2px;right:2px;top:-5px;height:5px;border:1.5px solid oklch(1 0 0/.55);border-bottom:0;border-radius:5px 5px 0 0}.pa-badge{position:absolute;top:-7px;right:-8px;width:11px;height:11px;overflow:hidden;border-radius:50%;background:oklch(.55 .18 295);animation:pa-bump 6s ease-out infinite}.pa-badge b{display:flex;flex-direction:column;font:700 7px/11px var(--font-sans,system-ui);color:#fff;text-align:center;transform:translateY(-22px);animation:pa-count 6s steps(1) infinite}@keyframes pa-count{0%{transform:translateY(0)}42%{transform:translateY(-11px)}92%{transform:translateY(-22px)}}@keyframes pa-bump{0%,40%,50%,90%,to{transform:scale(1)}44%,94%{transform:scale(1.45)}}.pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 9px 9px}.pa-card{display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:6px;background:oklch(1 0 0/.04)}.pa-card .pa-img{aspect-ratio:1}.pa-card .price{height:5px;width:45%;border-radius:3px;background:oklch(.7 .14 295)}.pa-card.hot{animation:pa-hot 6s ease-in-out infinite}.pa-card.hot2{animation:pa-hot 6s ease-in-out 3s infinite}@keyframes pa-hot{0%,22%,48%,to{box-shadow:0 0 0 0 transparent;transform:translateY(0)}28%,40%{box-shadow:0 0 0 1.5px oklch(.7 .14 295);transform:translateY(-2px)}}.pa-fly{position:absolute;width:8px;height:8px;border-radius:50%;background:oklch(.7 .14 295);box-shadow:0 0 10px oklch(.7 .14 295);opacity:0}.pa-fly.one{left:30%;top:46%;animation:pa-fly1 6s ease-in infinite}.pa-fly.two{left:63%;top:74%;animation:pa-fly2 6s ease-in 3s infinite}@keyframes pa-fly1{0%,30%{opacity:0;transform:translate(0) scale(1)}32%{opacity:1}42%{opacity:1;transform:translate(178%,-330%) scale(.6)}44%,to{opacity:0;transform:translate(178%,-330%) scale(.4)}}@keyframes pa-fly2{0%,30%{opacity:0;transform:translate(0) scale(1)}32%{opacity:1}42%{opacity:1;transform:translate(-150%,-600%) scale(.6)}44%,to{opacity:0;transform:translate(-150%,-600%) scale(.4)}}.pa-phone-stage{aspect-ratio:3/5;display:grid;place-items:center}.pa-phone{position:relative;height:88%;aspect-ratio:9/18;container-type:inline-size;overflow:hidden;border:1.5px solid oklch(1 0 0/.16);border-radius:22px;background:oklch(.13 .008 300);box-shadow:0 24px 50px -20px oklch(0 0 0/.8),0 0 0 4px oklch(.2 .01 300);font-family:var(--font-sans,system-ui);color:var(--color-ink)}.pa-notch{position:absolute;top:6px;left:50%;width:28%;height:9px;transform:translateX(-50%);border-radius:6px;background:#000}.pa-screen{position:absolute;inset:22px 9px 10px;display:flex;flex-direction:column;gap:7px}.pa-head{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid oklch(1 0 0/.08);font-size:5.4cqw;font-weight:700}.pa-ava{width:11cqw;height:11cqw;flex:none;border-radius:50%;background:linear-gradient(135deg,oklch(.55 .18 250),oklch(.55 .18 295))}.pa-sub{display:block;font-weight:500}.pa-field,.pa-sub{font-size:4.5cqw;color:var(--color-ink-3)}.pa-field{display:flex;flex-direction:column;gap:3px}.pa-input{position:relative;height:11cqw;padding:0 6px;display:flex;align-items:center;border:1px solid oklch(1 0 0/.12);border-radius:5px;background:oklch(1 0 0/.03);font-size:5.4cqw;font-weight:600;color:var(--color-ink)}.pa-input.focus{border-color:oklch(.7 .14 295)}.pa-price{position:relative;display:inline-grid}.pa-price>span{grid-area:1/1}.pa-price .old{opacity:0;animation:pa-old 7s steps(1) infinite}.pa-price .new{animation:pa-new 7s steps(1) infinite}@keyframes pa-old{0%{opacity:1}30%{opacity:0}}@keyframes pa-new{0%{opacity:0}30%{opacity:1}}.pa-caret{width:1px;height:6cqw;margin-left:1px;background:oklch(.7 .14 295);animation:pa-blink 1s steps(1) infinite}@keyframes pa-blink{50%{opacity:0}}.pa-save{margin-top:2px;height:12cqw;display:grid;place-items:center;border-radius:10px;background:oklch(.55 .18 295);font-size:5cqw;font-weight:700;color:#fff;animation:pa-press 7s ease-in-out infinite}@keyframes pa-press{0%,40%,48%,to{transform:scale(1)}44%{transform:scale(.94)}}.pa-toast{margin-top:auto;padding:6px 8px;display:flex;align-items:center;gap:5px;border-radius:7px;background:oklch(.3 .08 150/.45);border:1px solid oklch(.7 .14 150/.4);font-size:4.8cqw;font-weight:600;animation:pa-toast 7s ease-out infinite}.pa-toast:before{content:"✓";color:oklch(.8 .15 150);font-weight:800}@keyframes pa-toast{0%,46%{opacity:0;transform:translateY(8px)}52%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.pa-live{margin-top:4px;padding:6px;display:flex;flex-direction:column;gap:4px;border-radius:7px;background:oklch(1 0 0/.04);border:1px solid oklch(1 0 0/.08);font-size:4.8cqw}.pa-live .pa-img{height:16cqw}.pa-live .pa-price{font-weight:700;color:oklch(.75 .14 295)}.pa-live .pa-price .new,.pa-live .pa-price .old{animation-delay:1.4s}.pa-chat{display:flex;flex-direction:column;gap:5px;margin-top:auto}.pa-msg{align-self:flex-start;max-width:92%;padding:6px 8px;border-radius:9px 9px 9px 3px;background:oklch(.24 .012 300);font-size:4.5cqw;line-height:1.5;color:var(--color-ink-dim)}.pa-msg b{color:var(--color-ink);font-weight:700}.pa-msg time{display:block;text-align:right;font-size:3.9cqw;color:var(--color-ink-3)}.pa-msg.m1{animation:pa-in1 8s ease-out infinite}.pa-msg.m2{animation:pa-in2 8s ease-out infinite}@keyframes pa-in1{0%,8%{opacity:0;transform:translateY(10px) scale(.96)}14%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes pa-in2{0%,34%{opacity:0;transform:translateY(10px) scale(.96)}40%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}.pa-ping{position:absolute;top:28px;right:12px;width:7px;height:7px;border-radius:50%;background:oklch(.65 .2 25);animation:pa-ping 8s ease-out infinite}@keyframes pa-ping{0%,10%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.4)}20%,88%{opacity:1;transform:scale(1)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pa-stage *,.pa-stage :after,.pa-stage :before{animation:none!important;transition:none!important}.pa-btn.pulse:after,.pa-fly,.pa-price .old{opacity:0}.pa-price .new{opacity:1}}