.ps-popcards{--pp-g1:var(--ps-paper-200);--pp-g2:var(--ps-paper-50);--pp-tile:var(--ground-surface);--pp-pill:var(--ps-paper-50);--pp-p1:#f6f2ea;--pp-p2:var(--ps-paper-50);--pp-p3:#e8e2d8;--pp-p4:var(--ps-paper-100);--pp-p5:#ece7de;--pp-fl:var(--text-accent);--pp-fl-bg:var(--ps-chilli-50);--pp-disc:var(--ps-paper-200);--pp-disc-dot:var(--ps-paper-400);--pp-alpha:1;--pp-title:28px;--pp-title-weight:700;--pp-body:18px;background:var(--ground-page)}.ps-popcards .container{margin-inline:auto;max-width:calc(var(--page-max) + var(--page-x)*2);padding-inline:var(--page-x)}.ps-popcards{font-family:var(--font-text)}.ps-popcards p,.ps-popcards ul{margin:0}.ps-popcards{padding:var(--section-y) 0;--pp-ease:cubic-bezier(.22,1,.36,1)}.ps-popcards .cards{display:grid;gap:16px;grid-template-columns:1fr;list-style:none;margin:0 auto;max-width:var(--page-max);padding:0}@media (min-width:768px){.ps-popcards .cards{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1280px){.ps-popcards .cards{gap:24px}}.ps-popcards .card{align-items:center;animation:pp-reveal .7s var(--pp-ease) both;animation-delay:calc(var(--i)*.1s);background:linear-gradient(to bottom,color-mix(in srgb,var(--pp-g1) calc(var(--pp-alpha,.7)*100%),transparent),color-mix(in srgb,var(--pp-g2) calc(var(--pp-alpha,.7)*100%),transparent));border-radius:18px;display:flex;flex-direction:column;overflow:hidden;padding:54px 24px 48px;position:relative;text-align:center}.ps-popcards .art{height:125px;position:relative;width:100%}@media (min-width:768px){.ps-popcards .art{height:147px}}@media (min-width:1024px){.ps-popcards .art{height:173px}}@media (min-width:1280px){.ps-popcards .art{height:203px}}.ps-popcards .tilewrap{left:50%;position:absolute;scale:.58;top:50%;translate:-50% -50%}@media (min-width:768px){.ps-popcards .tilewrap{scale:.68}}@media (min-width:1024px){.ps-popcards .tilewrap{scale:.8}}@media (min-width:1280px){.ps-popcards .tilewrap{scale:.94}}.ps-popcards .tile{align-items:center;background:var(--pp-tile);border-radius:14px;color:var(--text-heading);display:flex;font-family:var(--font-text),system-ui,sans-serif;height:216px;justify-content:center;overflow:hidden;position:relative;width:216px}.ps-popcards .txt{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:36px}.ps-popcards .txt h3{color:var(--text-heading);font-family:var(--font-display),system-ui,sans-serif;font-size:var(--pp-title,28px);font-weight:var(--pp-title-weight,600);letter-spacing:-.025em;line-height:1.33;margin:0}.ps-popcards .txt p{color:var(--text-secondary);font-size:var(--pp-body,18px);font-weight:400;letter-spacing:-.025em;line-height:1.5;margin:0}.ps-popcards .txt .link{margin-top:4px}.ps-popcards .price{gap:16px}.ps-popcards .fee,.ps-popcards .price{align-items:center;display:flex;flex-direction:column}.ps-popcards .fee{gap:8px;transition:translate .7s var(--pp-ease),scale .7s var(--pp-ease),opacity .7s var(--pp-ease);will-change:transform}.ps-popcards .fee p{margin:0}.ps-popcards .fee .lbl{font-size:16px;font-weight:600;letter-spacing:-.025em}.ps-popcards .fee .big{font-size:40px;font-weight:500;letter-spacing:-.03em;line-height:1}.ps-popcards .chipw{display:inline-flex;transition:opacity .5s var(--pp-ease) .3s}.ps-popcards .chip{align-items:center;background:var(--pp-pill);border-radius:999px;box-shadow:0 0 0 1px var(--ps-grey-100);display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:-.025em;padding:4px 10px}.ps-popcards .chip svg{height:11px;width:11px}.ps-popcards .price .chip{font-size:14px;padding:4px 14px}.ps-popcards .pills{align-items:center;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;pointer-events:none;position:absolute;translate:0 36px}.ps-popcards .pill{background:var(--pp-pill);border-radius:8px;font-size:16px;font-weight:600;letter-spacing:-.025em;opacity:0;padding:6px 14px;transition:translate .3s var(--pp-ease),opacity .3s var(--pp-ease);translate:0 16px;will-change:transform}.ps-popcards .rows{display:flex;flex-direction:column;gap:10px;padding:0 12px;position:relative;transition:translate .5s var(--pp-ease),scale .5s var(--pp-ease);width:100%;will-change:transform;z-index:1}.ps-popcards .row{align-items:center;background:color-mix(in srgb,var(--pp-pill) 90%,transparent);border-radius:999px;display:flex;gap:8px;justify-content:space-between;padding:6px 6px 6px 8px}.ps-popcards .row .who{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:-.025em}.ps-popcards .row .fl{background:var(--pp-fl-bg);border-radius:50%;color:var(--pp-fl);display:grid;height:26px;place-content:center;width:26px}.ps-popcards .row .fl svg{height:15px;width:15px}.ps-popcards .disc{background-color:var(--pp-disc);background-image:radial-gradient(color-mix(in srgb,var(--pp-disc-dot) 100%,transparent) 1.6px,transparent 1.9px);background-size:9px 9px;border-radius:50%;bottom:0;height:430px;left:50%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 72%);opacity:0;position:absolute;transition:translate .7s var(--pp-ease),opacity .7s var(--pp-ease);translate:-50% 84%;width:430px;will-change:transform}.ps-popcards .ph{background:var(--pp-pill);border:1px solid color-mix(in srgb,var(--text-heading) 8%,transparent);border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:11px 12px 10px;text-align:left;width:148px}.ps-popcards .ph-h{display:flex;flex-direction:column;margin-bottom:2px}.ps-popcards .ph-h b{font-size:12px;font-weight:600;letter-spacing:-.02em}.ps-popcards .ph-h small{color:var(--text-secondary);font-size:10px}.ps-popcards .ph-r{border-bottom:1px solid color-mix(in srgb,var(--text-heading) 8%,transparent);display:flex;font-size:10.5px;justify-content:space-between;padding:2px 0}.ps-popcards .ph-r b{font-weight:600}.ps-popcards .ph-btn{background:var(--ground-accent);border-radius:8px;color:var(--text-on-accent);font-size:10.5px;font-weight:600;margin-top:3px;padding:6px 0;text-align:center}.ps-popcards .crn{border:0 solid color-mix(in srgb,var(--text-secondary) 70%,transparent);height:28px;opacity:0;position:absolute;transition:translate .5s var(--pp-ease),opacity .5s var(--pp-ease);width:28px;will-change:transform}.ps-popcards .crn.tl{border-left-width:3px;border-top-left-radius:8px;border-top-width:3px;left:8px;top:8px;translate:-8px -8px}.ps-popcards .crn.tr{border-right-width:3px;border-top-right-radius:8px;border-top-width:3px;right:8px;top:8px;translate:8px -8px}.ps-popcards .crn.bl{border-bottom-left-radius:8px;border-bottom-width:3px;border-left-width:3px;bottom:8px;left:8px;translate:-8px 8px}.ps-popcards .crn.br{border-bottom-right-radius:8px;border-bottom-width:3px;border-right-width:3px;bottom:8px;right:8px;translate:8px 8px}.ps-popcards .scan{border-radius:8px;display:none;inset:8px;overflow:hidden;pointer-events:none;position:absolute}.ps-popcards .scan i{animation:pp-scan 1s linear .15s both;display:block;inset:0;position:absolute}.ps-popcards .scan i:after{background:linear-gradient(to top,transparent,color-mix(in srgb,var(--pp-tile) 75%,transparent));bottom:0;content:"";height:80px;left:0;position:absolute;right:0}@media (hover:hover) and (pointer:fine){.ps-popcards .card:hover .fee{opacity:.2;scale:.75;translate:0 -32px}.ps-popcards .card:hover .chipw{opacity:0;transition-delay:0s;transition-duration:.3s}.ps-popcards .card:hover .pill{opacity:1;transition-delay:var(--d);transition-duration:.7s;translate:0}.ps-popcards .card:hover .rows{scale:.88;translate:0 -32px}.ps-popcards .card:hover .disc{opacity:1;translate:-50% 72%}.ps-popcards .card:hover .crn{opacity:1;translate:0}.ps-popcards .card:hover .scan{display:block}}.ps-popcards .card.on .fee{opacity:.2;scale:.75;translate:0 -32px}.ps-popcards .card.on .chipw{opacity:0}.ps-popcards .card.on .pill{opacity:1;transition-delay:var(--d);transition-duration:.7s;translate:0}.ps-popcards .card.on .rows{scale:.88;translate:0 -32px}.ps-popcards .card.on .disc{opacity:1;translate:-50% 72%}.ps-popcards .card.on .crn{opacity:1;translate:0}.ps-popcards .card.on .scan{display:block}@media (prefers-reduced-motion:reduce){.ps-popcards .card,.ps-popcards .crn,.ps-popcards .disc,.ps-popcards .fee,.ps-popcards .pill,.ps-popcards .rows{animation:none;transition:none}.ps-popcards .scan{display:none!important}}.ps-popcards .tile{align-items:stretch;justify-content:stretch;padding:14px}.ps-popcards .pt{color:var(--ps-grey-900);display:flex;flex-direction:column;font-family:var(--font-text),system-ui,sans-serif;height:100%;letter-spacing:0;text-align:left;width:100%}.ps-popcards .pt-h{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.ps-popcards .pt-h b{font-size:14px;font-weight:600;letter-spacing:-.01em}.ps-popcards .pt-h small{color:var(--ps-grey-500);font-size:10px}.ps-popcards .pt-stats{display:grid;gap:6px;grid-template-columns:1fr;margin-bottom:auto}.ps-popcards .pt-stat{align-items:center;background:var(--pp-pill);border-radius:10px;box-shadow:0 0 0 1px var(--ps-grey-100);display:flex;gap:8px;justify-content:space-between;padding:6px 8px 6px 10px}.ps-popcards .pt-stat small{color:var(--ps-grey-500);display:block;font-size:9px}.ps-popcards .pt-stat b{display:block;font-size:13px;font-weight:600;letter-spacing:-.01em}.ps-popcards .pt-stat small+b{margin-top:1px}.ps-popcards .pt-sq{background:var(--ps-grey-100);border-radius:7px;color:var(--ps-grey-900);display:grid;flex:none;height:26px;place-content:center;width:26px}.ps-popcards .pt-sq .i{display:contents}.ps-popcards .pt-sq svg{display:block;height:14px;width:14px}.ps-popcards .pt-stat .pt-sq{border-radius:6px;height:24px;order:2;width:24px}.ps-popcards .pt-stat .pt-sq svg{height:13px;width:13px}.ps-popcards .pt-sq.brand{background:color-mix(in srgb,var(--ps-chilli-50) 55%,#fff);color:var(--ps-chilli-700)}.ps-popcards .pt-sq.good{background:var(--ps-mint-100);color:var(--ps-mint-700)}.ps-popcards .pt-sq.info{background:color-mix(in srgb,var(--ps-blueberry-50) 45%,#fff);color:var(--ps-blueberry-700)}.ps-popcards .pt-btn{background:var(--ps-chilli-500);border-radius:10px;color:#fff;display:grid;font-size:12px;font-weight:600;height:36px;letter-spacing:-.01em;place-items:center;position:relative;transition:background .4s var(--pp-ease)}.ps-popcards .pt-btn>span{align-items:center;display:inline-flex;gap:6px;grid-area:1/1;transition:opacity .3s var(--pp-ease),translate .3s var(--pp-ease)}.ps-popcards .pt-btn svg{height:12px;width:12px}.ps-popcards .pt-btn .ok{opacity:0;translate:0 6px}.ps-popcards .card:hover .pt-btn{background:var(--ps-mint-700)}.ps-popcards .card:hover .pt-btn .go{opacity:0;translate:0 -6px}.ps-popcards .card:hover .pt-btn .ok{opacity:1;translate:0}.ps-popcards .pt-rows{gap:8px;justify-content:center}.ps-popcards .pt-row{align-items:center;background:var(--pp-pill);border-radius:10px;box-shadow:0 0 0 1px var(--ps-grey-100);display:flex;gap:8px;padding:7px 8px;transition:translate .4s var(--pp-ease);transition-delay:calc(var(--i)*50ms)}.ps-popcards .pt-who{display:flex;flex:1;flex-direction:column;min-width:0}.ps-popcards .pt-who b{font-size:12px;font-weight:600;letter-spacing:-.01em}.ps-popcards .pt-who small{color:var(--ps-grey-500);font-size:9px}.ps-popcards .pt-chip{align-items:center;background:var(--ps-grey-100);border-radius:999px;color:var(--ps-grey-900);display:grid;font-size:9px;font-weight:600;height:20px;letter-spacing:.04em;padding:0 7px;position:relative;text-transform:uppercase;transition:background .3s var(--pp-ease),color .3s var(--pp-ease);transition-delay:calc(var(--i)*80ms)}.ps-popcards .pt-chip>span{align-items:center;display:inline-flex;gap:3px;grid-area:1/1;transition:opacity .3s var(--pp-ease);transition-delay:calc(var(--i)*80ms)}.ps-popcards .pt-chip svg{height:9px;width:9px}.ps-popcards .pt-chip .s2{opacity:0}.ps-popcards .card:hover .pt-row{translate:0 -2px}.ps-popcards .card:hover .pt-chip{background:var(--ps-mint-100);color:var(--ps-mint-700)}.ps-popcards .card:hover .pt-chip .s1{opacity:0}.ps-popcards .card:hover .pt-chip .s2{opacity:1}.ps-popcards .pt-devs{align-items:center;flex-direction:row;gap:12px;justify-content:center}.ps-popcards .pt-dev{background:#fff;box-shadow:0 0 0 2px var(--ps-grey-900),0 0 0 3px var(--ps-grey-700);display:flex;flex-direction:column;position:relative;transition:translate .5s var(--pp-ease);transition-delay:calc(var(--i)*60ms)}.ps-popcards .pt-dev.phone{border-radius:9px;height:70px;padding:9px 4px 6px;width:36px}.ps-popcards .pt-dev.tablet{border-radius:8px;height:84px;padding:8px 6px;width:64px}.ps-popcards .pt-dev.desktop{border-radius:6px 6px 3px 3px;height:64px;padding:7px 8px;width:98px}.ps-popcards .pt-mini{display:flex;flex-direction:column;gap:4px;height:100%;justify-content:flex-end;width:100%}.ps-popcards .pt-mini i{background:var(--ps-grey-100);border-radius:3px;display:block;height:4px}.ps-popcards .pt-mini .l1{background:var(--ps-grey-200);width:70%}.ps-popcards .pt-mini .l2{margin-bottom:auto;width:45%}.ps-popcards .pt-mini .bar{background:var(--ps-chilli-500);border-radius:4px;height:9px}.ps-popcards .pt-dev.phone{--dy:-34px}.ps-popcards .pt-dev.tablet{--dy:-5px}.ps-popcards .pt-dev.desktop{--dy:36px}.ps-popcards .card:hover .pt-dev{translate:0 var(--dy)}.ps-popcards .txt{padding:0 10%}@media (max-width:767px){.ps-popcards .card{align-items:center;flex-direction:row;gap:16px;padding:18px 20px 18px 18px;text-align:left}.ps-popcards .art{flex:none;height:125px;width:125px}.ps-popcards .txt{align-items:flex-start;gap:6px;margin-top:0;min-width:0;padding:0}.ps-popcards .txt h3{font-size:22px;line-height:1.2}.ps-popcards .txt p{font-size:15px;line-height:1.45}}.ps-popcards,section.f1{background:var(--ground-warm)}@keyframes pp-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pp-scan{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}