@layer components{.unlock-modal{--um-bg: #0a0b11;--um-text: #fff;--um-text-muted: #aeb3c2;--um-text-dim: #7c8194;--um-border: rgb(255 255 255 / 10%);--um-mark-thin: #cfd3dd;--um-plus: #00e6a0;--um-pill-border: rgb(0 192 168 / 32%);--um-pill-border-hover: #00c0a8;--um-pill-bg: rgb(0 192 168 / 5%);--um-pill-bg-hover: rgb(0 192 168 / 10%);--um-cta-bg: #00e6a0;--um-cta-text: #000;--um-cta-shadow: 0 0 34px rgb(0 230 160 / 38%);--um-pricing-bg: rgb(255 255 255 / 2%);--um-pricing-border: rgb(255 255 255 / 12%);--um-pricing-badge: #00e6a0;position:fixed;inset:0;margin:auto;width:min(452px,100vw - 2rem);max-height:96vh;overflow-y:auto;border:1px solid var(--um-border);border-radius:20px;padding:0;background:var(--um-bg);color:var(--um-text);box-shadow:0 44px 120px rgba(0,0,0,.78)}.unlock-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}html:not(.dark) .unlock-modal{--um-bg: var(--color-surface);--um-text: var(--color-text);--um-text-muted: var(--color-text-secondary);--um-text-dim: var(--color-text-muted);--um-border: var(--color-border);--um-mark-thin: var(--color-text-secondary);--um-pricing-bg: var(--color-hover-subtle);--um-pricing-border: var(--color-border);box-shadow:0 20px 60px rgba(0,0,0,.18)}html:not(.dark) .unlock-modal::backdrop{background:rgba(0,0,0,.5)}.unlock-modal__card{position:relative;padding:24px 22px 20px}.unlock-modal__close-wrap{position:absolute;top:12px;right:12px}.unlock-modal__close{background:none;border:none;cursor:pointer;color:var(--um-text-dim);padding:2px;display:flex;transition:color .15s}.unlock-modal__close:hover{color:var(--um-text)}.unlock-modal__close-icon{width:18px;height:18px}.unlock-modal__title{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0 0 9px;font-size:24px;font-weight:300;letter-spacing:-0.01em;color:var(--um-text)}.unlock-modal__title-lead{font-weight:300}.unlock-modal__mark{display:inline-flex;align-items:baseline}.unlock-modal__mark-bold{font-weight:800;color:var(--um-text)}.unlock-modal__mark-thin{font-weight:300;color:var(--um-mark-thin)}.unlock-modal__mark-plus{font-weight:800;color:var(--um-plus)}.unlock-modal__tagline{margin:0 0 16px;max-width:380px;font-size:13px;font-weight:600;line-height:1.45;color:var(--um-text-muted)}.unlock-modal__hero{position:relative;aspect-ratio:16/7;overflow:hidden;border-radius:12px;margin-bottom:16px}.unlock-modal__hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.unlock-modal__hero-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:8px;background:rgba(10,11,17,.72);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(4px);font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff}.unlock-modal__hero-badge-icon{width:13px;height:13px}.unlock-modal__included{display:flex;align-items:center;gap:8px;margin-bottom:9px}.unlock-modal__included-label{font-size:13px;font-weight:300;letter-spacing:.04em;color:var(--um-text)}.unlock-modal__included-logo{height:19px;width:auto;display:block}.unlock-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.unlock-modal__pill{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;padding:10px 8px;border:1px solid var(--um-pill-border);border-radius:10px;background:var(--um-pill-bg);cursor:pointer;transition:border-color .15s,background .15s}.unlock-modal__pill:hover{border-color:var(--um-pill-border-hover);background:var(--um-pill-bg-hover)}.unlock-modal__cta{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:4px;padding:16px;border-radius:12px;background:var(--um-cta-bg);color:var(--um-cta-text);box-shadow:var(--um-cta-shadow);font-size:19px;font-weight:800;text-decoration:none;cursor:pointer;transition:opacity .15s}.unlock-modal__cta:hover{opacity:.92}.unlock-modal__cta-icon{width:18px;height:18px;flex-shrink:0;color:var(--um-cta-text)}.unlock-modal__pricing{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:11px 16px;border:1px solid var(--um-pricing-border);border-radius:13px;background:var(--um-pricing-bg)}.unlock-modal__pricing-badge{font-size:10.5px;font-weight:800;letter-spacing:.09em;color:var(--um-pricing-badge)}.unlock-modal__pricing-amount{display:flex;align-items:baseline;gap:7px}.unlock-modal__pricing-price{font-size:22px;font-weight:800;letter-spacing:-0.01em;color:var(--um-text)}.unlock-modal__pricing-period{font-size:12px;font-weight:600;color:var(--um-text-dim)}}