.pp{--pp-radius:1.5rem;--pp-gap:clamp(.9rem, 2vw, 1.25rem);--pp-fg:var(--color-on-surface);--pp-mute:var(--color-on-surface-variant);--pp-card:var(--color-surface-container-lowest);--pp-card-2:var(--color-surface-container-low);--pp-line:var(--color-outline-variant);--pp-accent:var(--color-primary);--pp-accent-fg:var(--color-on-primary);--pp-accent-soft:color-mix(in srgb, var(--color-primary) 10%, transparent);--pp-shadow:0 12px 32px -8px #334f2b24;color:var(--pp-fg);font-family:var(--font-sans)}.pp[data-tone=night]{--pp-fg:#eaf2fb;--pp-mute:#a8bccf;--pp-card:#ffffff0e;--pp-card-2:#ffffff09;--pp-line:#bedcf02e;--pp-accent:#22d3ee;--pp-accent-fg:#062430;--pp-accent-soft:#22d3ee1f;--pp-shadow:0 18px 44px -16px #000000bf}.pp *,.pp :before,.pp :after{box-sizing:border-box}.pp-switch{border:1px solid var(--pp-line);background:var(--pp-card-2);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.pp-switch button{min-height:40px;color:var(--pp-mute);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 1.05rem;font-size:.9rem;font-weight:600;transition:background .18s,color .18s}.pp-switch button:hover{color:var(--pp-fg)}.pp-switch button[aria-pressed=true]{background:var(--pp-accent);color:var(--pp-accent-fg)}.pp-switch small{opacity:.8;font-size:.7rem;font-weight:600;display:block}.pp-free{border:1px dashed var(--pp-line);border-radius:var(--pp-radius);background:var(--pp-card-2);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.6rem;padding:1.15rem 1.35rem;display:flex}.pp-free p{min-width:16rem;color:var(--pp-mute);flex:1;margin:0;font-size:.98rem;line-height:1.55}.pp-free p b{color:var(--pp-fg)}.pp-tiers{gap:var(--pp-gap);margin-top:var(--pp-gap);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.pp-tier{border:1px solid var(--pp-line);border-radius:var(--pp-radius);background:var(--pp-card);text-align:left;flex-direction:column;padding:1.6rem 1.4rem 1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.pp-tier:hover{border-color:color-mix(in srgb, var(--pp-accent) 55%, var(--pp-line));box-shadow:var(--pp-shadow);transform:translateY(-3px)}.pp-tier[data-star=true]{border-color:color-mix(in srgb, var(--pp-accent) 60%, var(--pp-line));box-shadow:var(--pp-shadow)}.pp-tier[data-chosen=true]{border-color:var(--pp-accent);background:var(--pp-accent-soft);box-shadow:var(--pp-shadow);border-width:2px;padding:calc(1.6rem - 1px) calc(1.4rem - 1px) calc(1.4rem - 1px)}.pp-ribbon{background:var(--pp-accent);color:var(--pp-accent-fg);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.28rem .7rem;font-size:.68rem;font-weight:800;position:absolute;inset-block-start:-.72rem;inset-inline-start:1.3rem}.pp-tier h3{letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700}.pp-for{border-block-start:1px solid var(--pp-line);color:var(--pp-mute);margin:auto 0 1.2rem;padding-block-start:1rem;font-size:.88rem;line-height:1.5}.pp-for b{color:var(--pp-fg);font-weight:700}.pp-inc{letter-spacing:-.01em;color:var(--pp-fg);margin:1.15rem 0 0;font-size:.95rem;font-weight:700}.pp-price{letter-spacing:-.03em;margin:.9rem 0 0;font-size:clamp(2rem,3.4vw,2.5rem);font-weight:700;line-height:1}.pp-price s{letter-spacing:0;color:var(--pp-mute);font-size:.95rem;font-weight:500;text-decoration-thickness:1px;display:block}.pp-per{color:var(--pp-mute);margin:.4rem 0 0;font-size:.8rem;line-height:1.4}.pp-tier ul{gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.pp-tier li{color:var(--pp-mute);padding-inline-start:1.5rem;font-size:.92rem;line-height:1.45;position:relative}.pp-tier li b{color:var(--pp-fg);font-weight:700}.pp-tier li:before{content:"";border-inline-start:2px solid var(--pp-accent);border-block-end:2px solid var(--pp-accent);width:.85rem;height:.5rem;position:absolute;inset-block-start:.44rem;inset-inline-start:0;transform:rotate(-45deg)}.pp-btn{min-height:46px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:.95rem;font-weight:600;transition:transform .16s,background .18s,border-color .18s,opacity .18s;display:inline-flex}.pp-btn:hover{transform:translateY(-1px)}.pp-btn--primary{background:var(--pp-accent);color:var(--pp-accent-fg)}.pp-btn--outline{border-color:color-mix(in srgb, var(--pp-accent) 45%, var(--pp-line));color:var(--pp-fg)}.pp-btn--outline:hover{background:var(--pp-accent-soft)}.pp-btn--ghost{color:var(--pp-mute)}.pp-btn--ghost:hover{color:var(--pp-fg)}.pp-btn--lg{min-height:54px;padding:0 1.7rem;font-size:1.02rem}.pp-btn--block{width:100%}.pp-btn-row{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.pp-pay{margin-top:var(--pp-gap);border:1px solid color-mix(in srgb, var(--pp-accent) 40%, var(--pp-line));border-radius:var(--pp-radius);background:var(--pp-card);box-shadow:var(--pp-shadow);padding:clamp(1.35rem,3vw,2.1rem);scroll-margin-top:6rem;animation:.32s both pp-in}@keyframes pp-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.pp-pay{animation:none}.pp-btn:hover,.pp-tier:hover{transform:none}}.pp-pay-head{border-block-end:1px solid var(--pp-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-block-end:1.15rem;display:flex}.pp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--pp-accent);margin:0 0 .4rem;font-size:.72rem;font-weight:800;display:block}.pp-pay-head h3{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.6vw,1.75rem);font-weight:700}.pp-amount{text-align:right}.pp-amount b{letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1;display:block}.pp-amount span{color:var(--pp-mute);margin-top:.3rem;font-size:.82rem;display:block}.pp-bank{gap:.65rem;margin-top:1.35rem;display:grid}.pp-row{border:1px solid var(--pp-line);background:var(--pp-card-2);border-radius:.9rem;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.8rem 1rem;display:flex}.pp-row dt{letter-spacing:.1em;text-transform:uppercase;min-width:7.5rem;color:var(--pp-mute);margin:0;font-size:.74rem;font-weight:700}.pp-row dd{word-break:break-word;flex:1;min-width:10rem;margin:0;font-size:1.02rem;font-weight:600}.pp-row dd.mono{font-variant-numeric:tabular-nums;letter-spacing:.06em}.pp-copy{border:1px solid var(--pp-line);min-height:36px;color:var(--pp-mute);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 .85rem;font-size:.8rem;font-weight:600}.pp-copy:hover{color:var(--pp-fg);border-color:var(--pp-accent)}.pp-copy[data-done=true]{border-color:var(--pp-accent);color:var(--pp-accent)}.pp-steps{counter-reset:pp;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.pp-step{border:1px solid var(--pp-line);background:var(--pp-card-2);counter-increment:pp;border-radius:.9rem;padding:1rem 1.1rem}.pp-step h4{align-items:center;gap:.55rem;margin:0 0 .4rem;font-size:.98rem;font-weight:700;display:flex}.pp-step h4:before{content:counter(pp);background:var(--pp-accent);width:1.55rem;height:1.55rem;color:var(--pp-accent-fg);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.pp-step p{color:var(--pp-mute);margin:0;font-size:.88rem;line-height:1.5}.pp-note{color:var(--pp-mute);margin:1.1rem 0 0;font-size:.86rem;line-height:1.55}.pp-note b{color:var(--pp-fg)}@media (max-width:640px){.pp-pay-head{align-items:flex-start}.pp-amount{text-align:left}}
