@layer components{.paywall-modal{--pm-bg: #0a0b11;--pm-text: #fff;--pm-text-muted: #aeb3c2;--pm-text-dim: #7c8194;--pm-border: rgb(255 255 255 / 10%);--pm-chip-bg: rgb(0 192 168 / 5%);--pm-chip-border: rgb(0 192 168 / 32%);--pm-chip-hover-border: #00c0a8;--pm-chip-hover-bg: rgb(0 192 168 / 10%);--pm-pricing-bg: rgb(255 255 255 / 2%);--pm-pricing-border: rgb(255 255 255 / 12%);--pm-pricing-badge: #00e6a0;--pm-pricing-text: #8b91a4;--pm-cta-bg: #00e6a0;--pm-cta-text: #000;--pm-cta-shadow: 0 0 34px rgb(0 230 160 / 38%);--pm-badge-bg: rgb(6 8 12 / 50%);--pm-badge-border: rgb(255 255 255 / 20%);--pm-hero-gradient: linear-gradient(135deg, #1a1230 0%, #0a0b11 100%);--pm-close-color: rgb(255 255 255 / 45%);--pm-close-hover: rgb(255 255 255 / 90%);--pm-unlock-color: #fff;position:fixed;inset:0;margin:auto;border:1px solid var(--pm-border);border-radius:20px;padding:0;background:var(--pm-bg);color:var(--pm-text);width:min(452px,100vw - 2rem);max-height:96vh;overflow-y:auto;box-shadow:0 44px 120px rgba(0,0,0,.78)}.paywall-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}html:not(.dark) .paywall-modal{--pm-bg: var(--color-surface);--pm-text: var(--color-text);--pm-text-muted: var(--color-text-secondary);--pm-text-dim: var(--color-text-muted);--pm-border: var(--color-border);--pm-chip-bg: rgb(0 162 136 / 5%);--pm-chip-border: rgb(0 162 136 / 25%);--pm-chip-hover-border: var(--color-primary-green);--pm-chip-hover-bg: rgb(0 162 136 / 10%);--pm-pricing-bg: var(--color-hover-subtle);--pm-pricing-border: var(--color-border);--pm-pricing-badge: var(--color-primary-green);--pm-pricing-text: var(--color-text-secondary);--pm-badge-bg: rgb(0 0 0 / 40%);--pm-badge-border: rgb(255 255 255 / 20%);--pm-hero-gradient: linear-gradient(135deg, #dde3f0 0%, #c8d0e4 100%);--pm-close-color: rgb(0 0 0 / 35%);--pm-close-hover: rgb(0 0 0 / 80%);--pm-unlock-color: var(--color-text);box-shadow:0 20px 60px rgba(0,0,0,.18)}html:not(.dark) .paywall-modal::backdrop{background:rgba(0,0,0,.5)}.paywall-modal__card{padding:22px 22px 20px}.paywall-modal__close-wrap{display:flex;justify-content:flex-end;margin-bottom:4px}.paywall-modal__close{background:none;border:none;cursor:pointer;color:var(--pm-close-color);padding:2px;display:flex;align-items:center;transition:color .15s}.paywall-modal__close:hover{color:var(--pm-close-hover)}.paywall-modal__close-icon{width:18px;height:18px}.paywall-modal__header{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:9px}.paywall-modal__unlock{font-size:24px;font-weight:300;letter-spacing:-0.01em;color:var(--pm-text-muted)}.paywall-modal__brand{display:flex;align-items:baseline;font-size:24px;letter-spacing:-0.016em;text-transform:lowercase;color:var(--pm-text)}.paywall-modal__brand-bold{font-weight:800}.paywall-modal__brand-thin{color:var(--pm-text-muted);font-weight:300;text-transform:uppercase}.paywall-modal__brand-plus{font-weight:800;color:#00e6a0}.paywall-modal__desc{font-size:12.5px;font-weight:600;line-height:1.45;color:var(--pm-text-muted);margin-bottom:10px;max-width:380px}.paywall-modal__hero{position:relative;border-radius:13px;overflow:hidden;margin-bottom:12px;height:142px;background:var(--pm-hero-gradient);display:flex;align-items:flex-start;justify-content:flex-end}.paywall-modal__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}.paywall-modal__premium-badge{position:relative;margin:10px 11px;display:flex;align-items:center;gap:6px;background:var(--pm-badge-bg);border:1px solid var(--pm-badge-border);border-radius:8px;padding:5px 9px;backdrop-filter:blur(4px);font-size:9px;font-weight:800;letter-spacing:.09em;color:#fff}.paywall-modal__badge-icon{width:11px;height:11px;flex-shrink:0}.paywall-modal__also-included{display:flex;align-items:center;gap:8px;margin-bottom:9px}.paywall-modal__also-label{font-size:13px;font-weight:300;letter-spacing:.04em;color:var(--pm-text)}.paywall-modal__logo{height:20px;width:auto;display:block}.paywall-modal__tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.paywall-modal__tool-chip{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;border:1px solid var(--pm-chip-border);border-radius:10px;padding:8px;font-size:clamp(12px,3.1vw,14px);font-weight:300;text-transform:lowercase;color:var(--pm-text-muted);background:var(--pm-chip-bg)}.paywall-modal__tool-chip:hover{border-color:var(--pm-chip-hover-border);background:var(--pm-chip-hover-bg)}.paywall-modal__tool-bold{font-weight:800;color:var(--pm-text)}.paywall-modal__tool-plus{font-weight:800;color:#00e6a0}.paywall-modal__cta{display:flex;align-items:center;justify-content:center;gap:11px;background:var(--pm-cta-bg);border-radius:12px;padding:14px;cursor:pointer;box-shadow:var(--pm-cta-shadow);margin-bottom:10px;color:var(--pm-cta-text);font-size:18px;font-weight:800;letter-spacing:.01em;text-decoration:none;transition:opacity .15s}.paywall-modal__cta:hover{opacity:.92}.paywall-modal__cta-icon{width:18px;height:18px;flex-shrink:0;color:var(--pm-cta-text)}.paywall-modal__pricing{border:1px solid var(--pm-pricing-border);border-radius:13px;padding:11px 16px;margin-bottom:0;background:var(--pm-pricing-bg);display:flex;align-items:center;justify-content:space-between}.paywall-modal__pricing-badge{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--pm-pricing-badge)}.paywall-modal__pricing-amount{display:flex;align-items:baseline;gap:7px}.paywall-modal__pricing-price{font-size:22px;font-weight:800;color:var(--pm-text);letter-spacing:-0.01em}.paywall-modal__pricing-period{font-size:12px;font-weight:600;color:var(--pm-pricing-text)}.paywall-modal__trust{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:11px;font-size:12px;font-weight:600;color:var(--pm-text-dim)}.paywall-modal__dismiss-form{text-align:center;margin-top:11px}.paywall-modal__dismiss{background:none;border:none;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--pm-text-dim);transition:color .15s}.paywall-modal__dismiss:hover{color:var(--pm-text-muted)}}