/* The embedded dashboard owns its pricing UI; this only positions the frame. */
.marketing-pricing-section > .wrap > h1.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
[data-pricing-embed] {
  display: block;
  width: 100%;
  max-width: 1152px;
  height: 1800px;
  margin-inline: auto;
  border: 0;
}
.page-pricing .marketing-pricing-section {
  padding-top: 112px;
  padding-bottom: 32px;
}
.page-pricing .marketing-pricing-section > .wrap {
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 600px) {
  .page-pricing .marketing-pricing-section {
    padding-top: 96px;
    padding-bottom: 20px;
  }
}

.pricing-embed-shell { position: relative; min-height: 320px; }
.pricing-embed-fallback { padding: 28px 20px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--ink); }
.pricing-embed-fallback[hidden] { display: none; }
.pricing-embed-fallback p { margin: 0 0 16px; font-size: 16px; }
.pricing-embed-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: 14px; }
.pricing-embed-actions a { color: var(--green-700); text-underline-offset: 3px; }
.pricing-embed-actions button { min-height: 44px; padding: 8px 16px; border: 1px solid var(--green-200); border-radius: 10px; background: var(--green-50); color: var(--green-700); font: inherit; cursor: pointer; }
.pricing-embed-actions button[hidden] { display: none; }
.pricing-embed-actions :is(a,button):focus-visible { outline: 2px solid var(--green-700); outline-offset: 3px; }
.pricing-embed-shell:not([data-pricing-state="ready"]) [data-pricing-embed] { position: absolute; inset: 0; height: 200px; opacity: 0; pointer-events: none; }