.premium-card{border:1px solid var(--border);border-radius:var(--radius-card,26px);background:var(--card-warm,var(--card));width:100%;max-width:540px;color:var(--fg);font-family:var(--font-product-sans),sans-serif;margin-inline:auto;padding:36px;transition:box-shadow .25s,border-color .25s}.premium-card[data-yearly=true]{border-color:color-mix(in srgb,var(--fg) 25%,var(--border));box-shadow:0 8px 44px #9d987819}.premium-eyebrow{letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:600}.premium-card h2{font-family:var(--font-product-serif),serif;letter-spacing:-.03em;margin:18px 0 28px;font-size:40px;font-weight:400;line-height:1.1}.premium-toggle{border:1px solid var(--border);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:4px;display:grid;position:relative}.premium-toggle-slider{background:var(--fg);z-index:-1;border-radius:999px;width:calc(50% - 4px);transition:transform .25s;position:absolute;top:4px;bottom:4px;left:4px}.premium-card[data-yearly=true] .premium-toggle-slider{transform:translate(100%)}.premium-toggle label{text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:4px;min-height:44px;font-size:13px;display:flex;position:relative}.premium-toggle input{opacity:0;width:1px;height:1px;position:absolute}.premium-toggle label:has(input:checked){color:var(--bg)}.premium-toggle label:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:5px;border-radius:999px}.premium-toggle small{white-space:nowrap;font-size:10px;font-weight:600}.premium-price{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:8px;margin:28px 0 12px;display:flex}.premium-price strong{font-family:var(--font-product-serif),serif;letter-spacing:-.05em;font-size:76px;font-weight:400;line-height:1}.premium-price>span{color:var(--muted);font-size:16px}.premium-value{letter-spacing:.08em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:26px;font-size:9px;display:flex}.premium-value strong{background:var(--hover);border-radius:999px;padding:5px 8px}.premium-billing-note{color:var(--muted);text-align:center;margin:12px 0 20px;font-size:11px}.premium-cta>span,.premium-cta .ppg-button{width:100%}.premium-cta .ppg-button{border-radius:999px;min-height:52px;font-size:14px}.premium-card[data-yearly=true] .premium-cta .ppg-button{box-shadow:0 3px 0 color-mix(in srgb,var(--fg) 20%,transparent)}.premium-benefits{border-top:1px solid var(--border);gap:12px;margin:24px 0 0;padding:24px 0 0;list-style:none;display:grid}.premium-benefits li{align-items:center;gap:10px;font-size:14px;display:flex}.premium-benefits svg{color:var(--muted);flex-shrink:0}.premium-page>header{text-align:center;margin-bottom:40px}.premium-page>header>p:last-child{color:var(--muted);margin-top:20px}.premium-page>header h1{font-family:var(--font-product-serif),serif;margin-top:20px;font-size:clamp(40px,5vw,64px);line-height:1.1}.premium-free-note,.premium-legal{text-align:center;max-width:560px;color:var(--muted);margin:28px auto 0;font-size:13px;line-height:1.8}.premium-legal{font-size:11px}.premium-free-note a,.premium-legal a,.premium-member a{text-underline-offset:4px;text-decoration:underline}.original-landing .landing-premium{padding-block:80px}.premium-paywall-padded{padding:24px}.premium-paywall .premium-card{box-shadow:none;padding:24px}.premium-paywall-intro{margin-bottom:8px;font-size:18px;font-weight:600}.premium-paywall-subtitle{color:var(--muted);margin-bottom:20px;font-size:13px}.premium-later{margin:16px auto 0;padding:12px;font-size:13px;text-decoration:underline;display:block}.premium-member p{margin-bottom:20px}@media (max-width:600px){.premium-card{padding:24px}.premium-price strong{font-size:64px}.premium-card h2{font-size:34px}.premium-paywall-padded{padding:16px}.premium-paywall .premium-card{padding:18px}.premium-toggle label{font-size:12px}.premium-toggle small{font-size:9px}}@media (prefers-reduced-motion:reduce){.premium-card,.premium-toggle-slider{transition:none}}.reduced-motion .premium-card,.reduced-motion .premium-toggle-slider{transition:none}.premium-card h2:has(+.premium-description){margin-bottom:12px}.premium-card .premium-description{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.6}
