/* Only the host shell lives here. Pricing presentation belongs to the API. */
.pricing-page{position:relative;min-height:420px;background:#f8fafc}
.pricing-page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#shared-pricing-embed{display:block;width:100%;height:420px;border:0;color-scheme:light}
#shared-pricing-embed[hidden],.pricing-embed-status[hidden],.pricing-embed-actions[hidden]{display:none}
.pricing-embed-status{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px 24px;text-align:center}
.pricing-embed-status p,.pricing-no-script{max-width:620px;color:var(--muted);font-size:16px;line-height:1.7}
.pricing-embed-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.pricing-embed-actions .text-link{margin:0}
.pricing-no-script{margin:0 auto;padding:64px 24px;text-align:center}
.pricing-no-script a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.pricing-page a:focus-visible,.pricing-page button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:600px){.pricing-embed-status{padding:40px 20px}.pricing-embed-actions{flex-direction:column;gap:18px}}