/* Route-gated subscription/pricing builder styles. Loaded by pricing, billing customize, and the admin design guide. */
.r369-pricing-root {
  background: #f4f9ff;
}

.r369-pricing-root.scroll-smooth {
  scroll-behavior: smooth;
}

.r369-pricing-checkout .bg-amber-50\/60 { background-color: rgba(255, 251, 235, .60); }
.r369-pricing-checkout .bg-\[\#d8f6ef\] { background-color: #d8f6ef; }
.r369-pricing-checkout .bg-\[\#dce7f6\] { background-color: #dce7f6; }
.r369-pricing-checkout .bg-\[\#deebff\] { background-color: #deebff; }
.r369-pricing-checkout .bg-\[\#e7faf7\] { background-color: #e7faf7; }
.r369-pricing-checkout .bg-\[\#ead8ff\] { background-color: #ead8ff; }
.r369-pricing-checkout .bg-\[\#eef7ff\] { background-color: #eef7ff; }
.r369-pricing-checkout .bg-\[\#eefdfb\] { background-color: #eefdfb; }
.r369-pricing-checkout .bg-\[\#effdfa\] { background-color: #effdfa; }
.r369-pricing-checkout .bg-\[\#f2fffd\] { background-color: #f2fffd; }
.r369-pricing-checkout .bg-\[\#f4fffd\] { background-color: #f4fffd; }
.r369-pricing-checkout .bg-\[\#f6fffd\] { background-color: #f6fffd; }
.r369-pricing-checkout .bg-\[\#f7fbff\] { background-color: #f7fbff; }
.r369-pricing-checkout .bg-\[\#f8fbff\] { background-color: #f8fbff; }
.r369-pricing-checkout .bg-\[\#f9fcff\] { background-color: #f9fcff; }
.r369-pricing-checkout .bg-\[\#fbfdff\] { background-color: #fbfdff; }
.r369-pricing-checkout .border-teal-200 { border-color: #99f6e4; }
.r369-pricing-checkout .border-\[\#008b7c\] { border-color: #008b7c; }
.r369-pricing-checkout .border-\[\#009482\] { border-color: #009482; }
.r369-pricing-checkout .border-\[\#0b73ff\] { border-color: #0b73ff; }
.r369-pricing-checkout .border-\[\#30b9ad\] { border-color: #30b9ad; }
.r369-pricing-checkout .border-\[\#8c35ff\] { border-color: #8c35ff; }
.r369-pricing-checkout .border-\[\#aebfe0\] { border-color: #aebfe0; }
.r369-pricing-checkout .border-\[\#bde8e3\] { border-color: #bde8e3; }
.r369-pricing-checkout .border-\[\#bfe9e4\] { border-color: #bfe9e4; }
.r369-pricing-checkout .border-\[\#c9eee9\] { border-color: #c9eee9; }
.r369-pricing-checkout .border-\[\#d4e3f5\] { border-color: #d4e3f5; }
.r369-pricing-checkout .border-\[\#d6e4f5\] { border-color: #d6e4f5; }
.r369-pricing-checkout .border-\[\#d8e5f5\] { border-color: #d8e5f5; }
.r369-pricing-checkout .border-\[\#d9e4f2\] { border-color: #d9e4f2; }
.r369-pricing-checkout .border-\[\#d9e4f3\] { border-color: #d9e4f3; }
.r369-pricing-checkout .border-\[\#dce7f6\] { border-color: #dce7f6; }
.r369-pricing-checkout .text-\[\#007f71\] { color: #007f71; }
.r369-pricing-checkout .text-\[\#008b7c\] { color: #008b7c; }
.r369-pricing-checkout .text-\[\#009482\] { color: #009482; }
.r369-pricing-checkout .text-\[\#071552\] { color: #071552; }
.r369-pricing-checkout .text-\[\#075e55\] { color: #075e55; }
.r369-pricing-checkout .text-\[\#087c72\] { color: #087c72; }
.r369-pricing-checkout .text-\[\#0b73ff\] { color: #0b73ff; }
.r369-pricing-checkout .text-\[\#10225e\] { color: #10225e; }
.r369-pricing-checkout .text-\[\#1c74b8\] { color: #1c74b8; }
.r369-pricing-checkout .text-\[\#234078\] { color: #234078; }
.r369-pricing-checkout .text-\[\#244078\] { color: #244078; }
.r369-pricing-checkout .text-\[\#24427b\] { color: #24427b; }
.r369-pricing-checkout .text-\[\#2b4378\] { color: #2b4378; }
.r369-pricing-checkout .text-\[\#2d477d\] { color: #2d477d; }
.r369-pricing-checkout .text-\[\#314a83\] { color: #314a83; }
.r369-pricing-checkout .text-\[\#45608d\] { color: #45608d; }
.r369-pricing-checkout .text-\[\#516693\] { color: #516693; }
.r369-pricing-checkout .text-\[\#5b6f9b\] { color: #5b6f9b; }
.r369-pricing-checkout .text-\[\#8c35ff\] { color: #8c35ff; }
.r369-pricing-checkout .text-\[28px\] { font-size: 28px; }
.r369-pricing-checkout .text-\[31px\] { font-size: 31px; }
.r369-pricing-checkout .text-\[46px\] { font-size: 46px; }
.r369-pricing-checkout .bottom-10 { bottom: 2.5rem; }
.r369-pricing-checkout .bottom-8 { bottom: 2rem; }
.r369-pricing-checkout .gap-x-6 { column-gap: 1.5rem; }
.r369-pricing-checkout .gap-x-7 { column-gap: 1.75rem; }
.r369-pricing-checkout .gap-x-8 { column-gap: 2rem; }
.r369-pricing-checkout .gap-y-3 { row-gap: .75rem; }
.r369-pricing-checkout .grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr); }
.r369-pricing-checkout .h-\[42px\] { height: 42px; }
.r369-pricing-checkout .h-\[520px\] { height: 520px; }
.r369-pricing-checkout .h-\[560px\] { height: 560px; }
.r369-pricing-checkout .h-\[72px\] { height: 72px; }
.r369-pricing-checkout .h-\[74px\] { height: 74px; }
.r369-pricing-checkout .justify-self-center { justify-self: center; }
.r369-pricing-checkout .max-w-\[1500px\] { max-width: 1500px; }
.r369-pricing-checkout .min-h-\[30px\] { min-height: 30px; }
.r369-pricing-checkout .min-h-\[58px\] { min-height: 58px; }
.r369-pricing-checkout .min-w-12 { min-width: 3rem; }
.r369-pricing-checkout .min-w-\[98px\] { min-width: 98px; }
.r369-pricing-checkout .px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.r369-pricing-checkout .size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.r369-pricing-checkout .size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.r369-pricing-checkout .w-\[230px\] { width: 230px; }
.r369-pricing-checkout .w-\[250px\] { width: 250px; }
.r369-pricing-checkout .r369-card-badge { min-width: 0; }
.r369-pricing-checkout .shadow-\[0_10px_28px_rgba\(146\,64\,14\,\.06\)\] { box-shadow: 0 10px 28px rgba(146, 64, 14, .06); }
.r369-pricing-checkout .shadow-\[0_10px_28px_rgba\(16\,34\,94\,\.05\)\] { box-shadow: 0 10px 28px rgba(16, 34, 94, .05); }
.r369-pricing-checkout .shadow-\[0_14px_34px_rgba\(30\,64\,175\,\.08\)\] { box-shadow: 0 14px 34px rgba(30, 64, 175, .08); }
.r369-pricing-checkout .shadow-\[0_14px_38px_rgba\(0\,148\,130\,\.12\)\] { box-shadow: 0 14px 38px rgba(0, 148, 130, .12); }
.r369-pricing-checkout .hover\:bg-\[\#eef4fb\]:hover { background-color: #eef4fb; }
.r369-pricing-checkout .hover\:bg-\[\#eefdfb\]:hover { background-color: #eefdfb; }
.r369-pricing-checkout .hover\:bg-\[\#effdfa\]:hover { background-color: #effdfa; }
.r369-pricing-checkout .hover\:border-\[\#008b7c\]:hover { border-color: #008b7c; }
.r369-pricing-checkout .hover\:border-\[\#b9d8f1\]:hover { border-color: #b9d8f1; }
.r369-pricing-checkout .hover\:border-teal-300:hover { border-color: #5eead4; }
.r369-pricing-checkout .hover\:text-\[\#008b7c\]:hover { color: #008b7c; }
.r369-pricing-checkout .disabled\:bg-\[\#f5f8fc\]:disabled { background-color: #f5f8fc; }
.r369-pricing-checkout .disabled\:border-\[\#d9e4f2\]:disabled { border-color: #d9e4f2; }
.r369-pricing-checkout .disabled\:text-\[\#7a8bad\]:disabled { color: #7a8bad; }
.r369-pricing-checkout .disabled\:hover\:bg-transparent:disabled:hover { background-color: transparent; }
.r369-pricing-checkout .disabled\:opacity-60:disabled { opacity: .60; }
.r369-pricing-checkout .disabled\:opacity-80:disabled { opacity: .80; }
.r369-pricing-checkout .focus\:ring-4:focus {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.r369-pricing-checkout .focus\:ring-\[\#009482\]:focus { --tw-ring-color: #009482; }
.r369-pricing-checkout .focus\:ring-teal-500\/20:focus { --tw-ring-color: rgba(20, 184, 166, .20); }
.r369-pricing-checkout .focus\:ring-teal-500\/25:focus { --tw-ring-color: rgba(20, 184, 166, .25); }

@media (min-width: 640px) {
  .r369-pricing-checkout .sm\:border-\[\#dce7f6\] { border-color: #dce7f6; }
  .r369-pricing-checkout .sm\:border-r { border-right-width: 1px; }
  .r369-pricing-checkout .sm\:border-t-0 { border-top-width: 0; }
  .r369-pricing-checkout .sm\:flex-col { flex-direction: column; }
  .r369-pricing-checkout .sm\:gap-4 { gap: 1rem; }
  .r369-pricing-checkout .sm\:gap-5 { gap: 1.25rem; }
  .r369-pricing-checkout .sm\:grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; }
  .r369-pricing-checkout .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; }
  .r369-pricing-checkout .sm\:inline-block { display: inline-block; }
  .r369-pricing-checkout .sm\:inline-flex { display: inline-flex; }
  .r369-pricing-checkout .sm\:min-w-\[18rem\] { min-width: 18rem; }
  .r369-pricing-checkout .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .r369-pricing-checkout .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .r369-pricing-checkout .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .r369-pricing-checkout .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .r369-pricing-checkout .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .r369-pricing-checkout .sm\:text-\[34px\] { font-size: 34px; }
  .r369-pricing-checkout .sm\:text-\[36px\] { font-size: 36px; }
  .r369-pricing-checkout .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .r369-pricing-checkout .md\:border-\[\#dce7f6\] { border-color: #dce7f6; }
  .r369-pricing-checkout .md\:border-r { border-right-width: 1px; }
}

@media (min-width: 1024px) {
  .r369-pricing-checkout .lg\:grid-cols-\[auto_1fr_auto_auto\] { grid-template-columns: auto 1fr auto auto; }
  .r369-pricing-checkout .lg\:grid-cols-\[minmax\(0\,1fr\)_410px\] { grid-template-columns: minmax(0, 1fr) 410px; }
  .r369-pricing-checkout .lg\:inline-flex { display: inline-flex; }
  .r369-pricing-checkout .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .r369-pricing-checkout .lg\:self-start { align-self: flex-start; }
  .r369-pricing-checkout .lg\:sticky { position: sticky; }
  .r369-pricing-checkout .lg\:top-6 { top: 1.5rem; }
}

@media (min-width: 1280px) {
  .r369-pricing-checkout .xl\:gap-10 { gap: 2.5rem; }
  .r369-pricing-checkout .xl\:grid-cols-\[minmax\(0\,1fr\)_255px\] { grid-template-columns: minmax(0, 1fr) 255px; }
}

@layer components {

  .billing-resident-builder, .billing-resident-builder .settings-panel-header, .billing-resident-builder .settings-panel-body, .billing-resident-builder .settings-card, .billing-resident-builder .settings-panel {
    min-width: calc(var(--spacing) * 0);
  }

  .billing-wrap-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: .08em;
    letter-spacing: .08em;
    color: #475569;
    text-transform: uppercase;
  }

  .billing-wrap-label:is(.dark *) {
    color: var(--color-gray-300);
  }

  .billing-wrap-label {
    overflow-wrap: anywhere;
  }

  .billing-estimate-card {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 12px 30px var(--tw-shadow-color, #0f172a14);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-width: 1px;
    border-color: #cbd5e1;
  }

  .billing-estimate-card:is(.dark *) {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .billing-estimate-card:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }}

  .billing-estimate-card:is(.dark *) {
    background-color: #151a22;
  }

  .billing-estimate-card .settings-stat-value {
    overflow-wrap: anywhere;
  }}

.billing-context-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.billing-context-grid > div {
  min-width: 0;
  padding: 12px;
}

.billing-context-grid strong,
.billing-context-grid small {
  display: block;
}

.billing-context-grid strong {
  margin-top: 5px;
  color: #0f172a;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.05;
}

.billing-context-grid small {
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-added-summary {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 8px;
  background: rgba(20, 184, 166, .08);
  padding: 12px;
}

.billing-added-summary-head {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 10px;
}

.billing-added-summary-head > .lucide-token ,


.billing-added-summary-head > .ui-icon  {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, .15);
  color: #0f766e;
  font-size: 19px;
}

.billing-added-summary-head strong,
.billing-added-summary-head small,
.billing-added-line strong,
.billing-added-line small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-added-summary-head strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.billing-added-summary-head small {
  margin-top: 3px;
  color: #475569;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-added-line {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .82);
  padding: 9px 10px;
}

.billing-added-line strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
}

.billing-added-line small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-added-line b {
  flex: 0 0 auto;
  color: #0f766e;
  font-size: 13px;
  font-weight: 950;
}

.billing-selected-remove {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #64748b;
  transition: border-color .16s ease, color .16s ease, background .16s ease;
}

.billing-selected-remove:hover {
  border-color: #fb7185;
  background: #fff1f2;
  color: #be123c;
}

.billing-selected-remove .lucide-token ,


.billing-selected-remove .ui-icon  {
  font-size: 17px;
}

.billing-resource-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.billing-resource-summary > div {
  min-width: 0;
  padding: 11px 12px;
}

.billing-resource-summary span,
.billing-resource-summary strong,
.billing-resource-summary small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-resource-summary span {
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.billing-resource-summary strong {
  margin-top: 4px;
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
}

.billing-resource-summary small {
  margin-top: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.billing-ai-selected-package {
  border: 1px solid rgba(20, 184, 166, .2);
  border-radius: 8px;
  background: rgba(20, 184, 166, .08);
  padding: 8px;
}

.billing-ai-selected-package small,
.billing-ai-selected-package span {
  color: #0f766e;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.billing-ai-selected-package b {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-ai-selected-package span {
  display: block;
  margin-top: 2px;
  text-transform: none;
}

.billing-plan-card {
  width: 100%;
  max-width: none;
  border: 2px solid rgba(20, 184, 166, .74);
  border-radius: 24px;
  background: rgba(20, 184, 166, .06);
  padding: 20px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.billing-plan-card h3 {
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}

.billing-plan-card p,
.billing-plan-features {
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}

.billing-plan-price {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-top: 20px;
}

.billing-plan-price span {
  color: #0f172a;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
}

.billing-plan-price small {
  padding-bottom: 3px;
  color: #64748b;
  font-size: 14px;
  font-weight: 800;
}

.billing-plan-features {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}

.billing-plan-features li {
  display: flex;
  gap: 8px;
}

.billing-plan-features .lucide-token ,


.billing-plan-features .ui-icon  {
  color: #0d9488;
  font-size: 18px;
}

.dark .billing-ai-selected-package {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .12);
}

.dark .billing-ai-selected-package small,
.dark .billing-ai-selected-package span {
  color: #5eead4;
}

.dark .billing-ai-selected-package b {
  color: #f8fafc;
}

.dark .billing-plan-card h3,
.dark .billing-plan-price span {
  color: #f8fafc;
}

.dark .billing-plan-card p,
.dark .billing-plan-features {
  color: #cbd5e1;
}

.dark .billing-added-summary {
  border-color: rgba(20, 184, 166, .2);
  background: rgba(20, 184, 166, .1);
}

.billing-customize-workspace {
  overflow: visible;
}

.billing-customize-workspace > .settings-panel-header {
  border-color: #1e293b;
  background: #263445;
  color: #fff;
}

.billing-customize-workspace > .settings-panel-header .settings-heading {
  color: #fff;
}

.billing-customize-workspace > .settings-panel-header .settings-muted {
  color: #dbeafe;
}

.billing-live-total,
.billing-estimate-total {
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 8px;
  background: rgba(20, 184, 166, .08);
}

.billing-live-total {
  min-width: 150px;
  padding: 10px 12px;
  text-align: right;
}

.billing-customize-workspace > .settings-panel-header .billing-live-total {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .1);
}

.billing-live-total > div:last-child {
  color: #0f172a;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
}

.billing-customize-workspace > .settings-panel-header .billing-live-total > div:last-child {
  color: #fff;
}

.billing-tenant-selector,
.billing-estimate-panel,
.billing-addon-builder,
.billing-option-group {
  min-width: 0;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
}

.billing-tenant-selector,
.billing-estimate-panel,
.billing-addon-builder {
  padding: 16px;
}

.billing-addon-builder {
  padding: 14px;
}

.billing-addon-builder-wide {
  grid-column: 1 / -1;
}

.billing-builder-stack {
  display: grid;
  gap: 14px;
}

.billing-package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.billing-package-button {
  display: flex;
  min-width: 0;
  min-height: 74px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  text-align: left;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.billing-package-button:hover,
.billing-package-button.is-selected {
  border-color: #14b8a6;
  background: #f0fdfa;
  box-shadow: 0 12px 28px rgba(20, 184, 166, .12);
}

.billing-package-button:active {
  transform: scale(.99);
}

.billing-package-button strong,
.billing-package-button small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-package-button strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-package-button small {
  margin-top: 6px;
  color: #475569;
  font-size: 13px;
  font-weight: 850;
}

.billing-package-button .lucide-token ,


.billing-package-button .ui-icon  {
  color: #0f766e;
  font-size: 20px;
}

.billing-count-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
  align-items: center;
  gap: 14px;
  margin-top: 16px;
}

.billing-count-copy p {
  margin-top: 4px;
}

.billing-count-stepper {
  display: grid;
  grid-template-columns: 40px minmax(92px, 112px) 40px;
  gap: 8px;
  justify-content: end;
}

.billing-icon-step {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.billing-icon-step:hover:not(:disabled) {
  border-color: #14b8a6;
  background: #f0fdfa;
  color: #0f766e;
}

.billing-icon-step:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.billing-count-input {
  height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 950;
}

.billing-slider-shell {
  margin-top: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px;
}

.billing-slider-limits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.billing-context-grid > div,
.billing-note-row,
.billing-invoice-line,
.billing-resource-summary > div,
.billing-addon-row,
.billing-option-card,
.billing-option-empty {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.billing-note-row {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  margin-top: 12px;
  padding: 11px 12px;
  color: #075985;
  background: rgba(14, 165, 233, .08);
  border-color: rgba(14, 165, 233, .18);
}

.billing-note-row-muted {
  color: #475569;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.billing-note-row p {
  margin: 0;
  color: currentColor;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}

.billing-note-row .lucide-token ,


.billing-note-row .ui-icon  {
  font-size: 20px;
}

.billing-estimate-panel {
  align-self: start;
}

.billing-customize-workspace .billing-option-heading,
.billing-customize-workspace .billing-estimate-top {
  margin-bottom: 14px;
  border: 1px solid #334155;
  border-radius: 8px;
  background: #334155;
  padding: 12px;
  color: #fff;
}

.billing-customize-workspace .billing-option-heading h2,
.billing-customize-workspace .billing-option-heading h3,
.billing-customize-workspace .billing-estimate-top .settings-heading {
  color: #fff;
}

.billing-customize-workspace .billing-option-heading p,
.billing-customize-workspace .billing-estimate-top .settings-muted {
  color: #cbd5e1;
}

.billing-customize-workspace .billing-option-heading > .lucide-token ,


.billing-customize-workspace .billing-option-heading > .ui-icon  {
  background: rgba(255, 255, 255, .12);
  color: #a7f3d0;
}

.billing-customize-workspace .billing-estimate-top .ops-status {
  border: 1px solid rgba(20, 184, 166, .25);
  background: rgba(20, 184, 166, .18);
  color: #ccfbf1;
}

.billing-addon-recommendations {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  border: 1px solid rgba(20, 184, 166, .2);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(240, 253, 250, .95), rgba(255, 255, 255, .94));
  padding: 12px;
}

.billing-addon-recommendations-head h3,
.billing-addon-recommendations-head p {
  margin: 0;
}

.billing-addon-recommendations-head h3 {
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-addon-recommendations-head p {
  margin-top: 4px;
  color: #475569;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.billing-addon-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.billing-addon-card {
  display: grid;
  min-width: 0;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.billing-addon-card.is-selected {
  border-color: rgba(20, 184, 166, .45);
  background: #f0fdfa;
  box-shadow: 0 12px 28px rgba(20, 184, 166, .1);
}

.billing-addon-card > .lucide-token ,


.billing-addon-card > .ui-icon  {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, .12);
  color: #0f766e;
  font-size: 20px;
}

.billing-addon-card h3,
.billing-addon-card p,
.billing-addon-card small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-addon-card h3 {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-addon-card p {
  margin: 4px 0 0;
  color: #475569;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.billing-addon-card small {
  margin-top: 7px;
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.35;
}

.billing-addon-add-button,
.billing-addon-card-selected {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 8px;
  padding-inline: 12px;
  font-size: 12px;
  font-weight: 950;
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.billing-addon-add-button {
  border: 1px solid #0f766e;
  background: #0f766e;
  color: #fff;
}

.billing-addon-add-button:hover {
  background: #115e59;
  border-color: #115e59;
}

.billing-addon-card-selected {
  border: 1px solid rgba(20, 184, 166, .25);
  background: rgba(20, 184, 166, .12);
  color: #0f766e;
}

.billing-addon-add-button:active,
.billing-addon-card-selected:active {
  transform: scale(.99);
}

.billing-addon-card .billing-addon-add-button,
.billing-addon-card .billing-addon-card-selected {
  grid-column: 1 / -1;
}

.billing-addon-groups {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}

.billing-addon-group {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
}

.billing-addon-group + .billing-addon-group {
  border-top: 1px solid #cbd5e1;
}

.billing-addon-group-title {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #1f2937;
  background: #1f2937;
  padding: 11px 12px;
  color: #fff;
}

.billing-addon-group-title h3,
.billing-addon-group-title p,
.billing-addon-group-kicker,
.billing-addon-row h4,
.billing-addon-row p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-addon-group-kicker {
  display: block;
  margin-bottom: 5px;
  color: #a7f3d0;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.billing-addon-group-title h3 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-addon-group-title p {
  margin: 4px 0 0;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.billing-addon-list {
  display: grid;
  gap: 0;
  padding: 0;
}

.billing-addon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding: 12px;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.billing-addon-row:last-child {
  border-bottom-width: 0;
}

.billing-addon-list .billing-addon-row:nth-child(odd) {
  background: #fff;
}

.billing-addon-list .billing-addon-row:nth-child(even) {
  background: #f8fafc;
}

.billing-addon-row.is-selected {
  border-color: rgba(20, 184, 166, .45);
  background: #f0fdfa;
  box-shadow: 0 12px 28px rgba(20, 184, 166, .1);
}

.billing-addon-row.is-disabled {
  background: #f8fafc;
  opacity: .78;
}

.billing-addon-row-main {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(104px, auto);
  align-items: start;
  gap: 10px;
}

.billing-addon-row h4 {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.billing-addon-row p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-addon-value-cue {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  border-radius: 999px;
  background: rgba(15, 118, 110, .08);
  padding: 4px 8px;
  color: #0f766e;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.billing-addon-value-cue .lucide-token ,


.billing-addon-value-cue .ui-icon  {
  font-size: 14px;
}

.billing-addon-meta {
  min-width: 0;
  text-align: right;
}

.billing-addon-meta span,
.billing-addon-meta small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-addon-meta span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.billing-addon-meta small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.billing-addon-controls {
  display: grid;
  grid-template-columns: 34px 54px 34px 34px;
  align-items: center;
  gap: 5px;
  justify-self: end;
}

.billing-addon-row-add {
  justify-self: end;
}

.billing-addon-controls .billing-icon-step {
  width: 34px;
  height: 34px;
}

.billing-addon-quantity {
  height: 34px;
  min-width: 0;
  padding-inline: 6px;
  text-align: center;
  font-weight: 950;
}

.billing-addon-remove {
  width: 34px;
  height: 34px;
  padding: 0;
  justify-content: center;
}

.billing-addon-not-ready {
  display: grid;
  min-width: 130px;
  gap: 3px;
  justify-self: end;
  justify-items: end;
  text-align: right;
}

.billing-addon-not-ready span {
  color: #92400e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.billing-addon-not-ready small {
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

@media (min-width: 1280px) {
  .billing-customize-workspace > .settings-panel-body {
    grid-template-columns: minmax(22rem, 1fr) minmax(22rem, .92fr);
    align-items: start;
  }}

.billing-estimate-top,
.billing-option-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.billing-estimate-total {
  margin-top: 14px;
  padding: 16px;
}

.billing-estimate-total span,
.billing-estimate-total strong,
.billing-estimate-total small {
  display: block;
}

.billing-estimate-total span {
  color: #0f766e;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.billing-estimate-total strong {
  margin-top: 4px;
  color: #0f172a;
  font-size: 34px;
  font-weight: 950;
  line-height: 1;
}

.billing-estimate-total small {
  margin-top: 6px;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.billing-invoice-lines {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.billing-invoice-line {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
}

.billing-invoice-line span,
.billing-invoice-line strong,
.billing-invoice-line small,
.billing-invoice-line b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-invoice-line strong,
.billing-invoice-line small {
  display: block;
}

.billing-invoice-line strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.billing-invoice-line small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-invoice-line b {
  flex: 0 0 auto;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  text-align: right;
}

.billing-invoice-line-selected {
  border-color: rgba(20, 184, 166, .22);
}

.billing-invoice-line-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.billing-invoice-line-muted {
  background: #f8fafc;
}

.billing-invoice-line-discount {
  border-color: rgba(16, 185, 129, .24);
  background: rgba(16, 185, 129, .08);
}

.billing-invoice-line-discount strong,
.billing-invoice-line-discount b {
  color: #047857;
}

.billing-invoice-line-total {
  border-color: rgba(20, 184, 166, .24);
  background: rgba(20, 184, 166, .08);
}

.billing-review-change-groups {
  display: grid;
  gap: 10px;
}

.billing-review-change-group {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.billing-review-change-heading {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
  padding: 11px 12px;
}

.billing-review-change-heading > .lucide-token ,


.billing-review-change-heading > .ui-icon  {
  color: #0f766e;
  font-size: 21px;
}

.billing-review-change-heading h3,
.billing-review-change-heading p,
.billing-review-change-line span,
.billing-review-change-line strong,
.billing-review-change-line small,
.billing-review-change-line b,
.billing-review-change-empty {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-review-change-heading h3 {
  margin: 0;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
}

.billing-review-change-heading p {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-review-change-lines {
  display: grid;
}

.billing-review-change-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid rgba(148, 163, 184, .18);
  padding: 10px 12px;
}

.billing-review-change-line:first-child {
  border-top: 0;
}

.billing-review-change-line strong,
.billing-review-change-line small {
  display: block;
}

.billing-review-change-line strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.billing-review-change-line small {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-review-change-line b {
  flex: 0 0 auto;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  text-align: right;
}

.billing-review-change-empty {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.billing-review-change-empty .lucide-token ,


.billing-review-change-empty .ui-icon  {
  color: #94a3b8;
  font-size: 18px;
}

.billing-review-resources {
  grid-template-columns: minmax(0, 1fr);
}

.billing-review-advanced {
  margin-top: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
  padding: 0;
}

.billing-review-advanced summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding: 11px 12px;
}

.billing-review-advanced summary::-webkit-details-marker {
  display: none;
}

.billing-review-advanced summary > .lucide-token:first-child ,


.billing-review-advanced summary > .ui-icon:first-child  {
  color: #0f766e;
  font-size: 20px;
}

.billing-review-advanced summary strong,
.billing-review-advanced summary small {
  display: block;
}

.billing-review-advanced summary strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.25;
}

.billing-review-advanced summary small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.billing-review-advanced-chevron {
  color: #64748b;
  font-size: 18px;
  transition: transform .18s ease;
}

.billing-review-advanced[open] .billing-review-advanced-chevron {
  transform: rotate(180deg);
}

.billing-review-advanced .billing-review-resources {
  margin-top: 0;
  border-top: 1px solid #e2e8f0;
  padding: 10px;
}

.billing-review-resource-card {
  display: grid;
  gap: 10px;
}

.billing-review-resource-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.billing-review-resource-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 8px;
  background: rgba(20, 184, 166, .1);
  color: #0f766e;
  font-size: 19px;
}

.billing-review-resource-progress {
  margin-top: 0;
}

.billing-storage-meter {
  display: grid;
  gap: 10px;
}

.billing-storage-meter-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.billing-storage-meter-label {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.billing-storage-meter-head strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.15;
}

.billing-storage-free-badge {
  flex: 0 0 auto;
  border: 1px solid rgba(16, 185, 129, .22);
  border-radius: 999px;
  background: rgba(16, 185, 129, .1);
  color: #047857;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.billing-storage-meter-track {
  display: flex;
  height: 14px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #e2e8f0;
}

.billing-storage-meter-track > span {
  display: block;
  min-width: 0;
  height: 100%;
  transition: width .18s ease;
}

.billing-storage-meter-used {
  background: #f97316;
}

.billing-storage-meter-used.is-warning,
.billing-storage-meter-used.is-danger {
  background: #ef4444;
}

.billing-storage-meter-free {
  background: #86efac;
}

.billing-storage-meter-addon {
  background: #38bdf8;
}

.billing-storage-meter-copy {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.billing-storage-meter-copy span {
  min-width: 0;
}

.billing-storage-meter-copy span:last-child {
  text-align: right;
}

.billing-storage-meter-copy strong,
.billing-storage-meter-copy small {
  display: block;
}

.billing-storage-meter-copy strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-storage-meter-copy small {
  margin-top: 2px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.billing-storage-meter-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
}

.billing-storage-meter-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.billing-storage-meter-legend i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.billing-storage-meter-legend .is-free {
  background: #86efac;
}

.billing-storage-meter-legend .is-addon {
  background: #38bdf8;
}

.billing-storage-meter-legend .is-used {
  background: #f97316;
}

.billing-storage-addon-note {
  border: 1px solid rgba(14, 165, 233, .2);
  border-radius: 10px;
  background: rgba(14, 165, 233, .08);
  color: #075985;
  padding: 8px 9px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}

.billing-storage-summary-card {
  display: block;
}

.billing-storage-meter.is-compact {
  gap: 9px;
}

.billing-storage-meter.is-compact .billing-storage-meter-track {
  height: 12px;
}

.billing-review-resource-breakdown {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.billing-review-resource-breakdown > span {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 8px;
}

.billing-review-resource-breakdown small,
.billing-review-resource-caption {
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.billing-review-resource-breakdown b {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-coupon-box {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, .95), rgba(240, 253, 250, .7)),
    #fff;
  padding: 12px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
}

.billing-coupon-head {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.billing-coupon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(20, 184, 166, .28);
  border-radius: 8px;
  background: rgba(20, 184, 166, .12);
  color: #0f766e;
  font-size: 20px;
}

.billing-coupon-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  justify-content: space-between;
}

.billing-coupon-box strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.billing-coupon-title-row > span {
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 999px;
  background: rgba(20, 184, 166, .1);
  color: #0f766e;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.billing-coupon-box small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.billing-coupon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}

.billing-coupon-row > * {
  min-width: 0;
}

.billing-coupon-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.billing-coupon-field > span {
  color: #334155;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.billing-coupon-input {
  width: 100%;
  min-height: calc(var(--spacing) * 11);
  background: rgba(255, 255, 255, .92);
  font-weight: 500;
}

.billing-coupon-apply {
  min-height: 38px;
  white-space: nowrap;
}

.billing-coupon-empty {
  border: 1px dashed rgba(59, 130, 246, .22);
  border-radius: 8px;
  background: rgba(255, 255, 255, .58);
  color: #64748b;
  padding: 8px 9px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.billing-coupon-message {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  min-width: 0;
  border-radius: 8px;
  padding: 9px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.billing-coupon-message > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-coupon-message .lucide-token ,


.billing-coupon-message .ui-icon  {
  font-size: 17px;
}

.billing-coupon-message.is-valid {
  background: rgba(16, 185, 129, .1);
  color: #047857;
}

.billing-coupon-message.is-readonly {
  grid-template-columns: 18px minmax(0, 1fr);
}

.billing-coupon-message.is-info {
  background: rgba(59, 130, 246, .1);
  color: #1d4ed8;
}

.billing-coupon-message.is-loading {
  background: rgba(59, 130, 246, .1);
  color: #1d4ed8;
}

.billing-coupon-message.is-warning {
  background: rgba(245, 158, 11, .1);
  color: #92400e;
}

.billing-coupon-message strong,
.billing-coupon-message small {
  color: inherit;
  overflow-wrap: anywhere;
}

.billing-coupon-message small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 850;
  opacity: .84;
}

.billing-coupon-remove {
  border: 1px solid currentColor;
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: inherit;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.billing-coupon-remove:hover,
.billing-coupon-remove:focus-visible {
  background: rgba(255, 255, 255, .92);
}

.billing-subscription-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, .8);
  border-radius: 24px;
  background: linear-gradient(135deg, #fff 0%, #fff 56%, rgba(240, 253, 250, .72) 100%);
  padding: 20px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

.billing-subscription-hero-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 128px;
  height: 128px;
  border-radius: 999px;
  background: rgba(20, 184, 166, .12);
  filter: blur(36px);
}

.billing-subscription-hero-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.billing-subscription-total-card {
  display: grid;
  gap: 8px;
  min-width: 16rem;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  padding: 16px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .06);
  backdrop-filter: blur(10px);
}

.billing-subscription-workspace {
  display: grid;
  gap: 24px;
}

.billing-subscription-review-aside {
  display: none;
}

.billing-builder-step-nav {
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: #fff;
  padding: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.billing-builder-step-button {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  padding: 10px 12px;
  color: #475569;
  font-size: 14px;
  font-weight: 850;
  text-align: left;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.billing-builder-step-button:hover,
.billing-builder-step-button:focus-visible {
  background: #f1f5f9;
}

.billing-builder-step-button.is-active {
  background: #0d9488;
  color: #fff;
  box-shadow: 0 10px 20px rgba(13, 148, 136, .18);
}

.billing-count-control-large {
  align-items: center;
}

.billing-tenant-slider-shell {
  display: grid;
  gap: 9px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
  padding: 12px;
}

.billing-tenant-slider {
  width: 100%;
  accent-color: #0d9488;
}

.billing-step-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.billing-step-actions .settings-btn-secondary:first-child {
  margin-right: auto;
}

.billing-addon-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  background: #f8fafc;
  padding: 4px;
}

.billing-addon-tab {
  flex: 0 0 auto;
  border-radius: 12px;
  padding: 9px 12px;
  color: #475569;
  font-size: 14px;
  font-weight: 850;
}

.billing-addon-tab.is-active {
  background: #fff;
  color: #0f766e;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
}

.billing-storage-note {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 12px;
  border: 1px solid #bae6fd;
  border-radius: 16px;
  background: #f0f9ff;
  color: #075985;
  padding: 14px;
  font-size: 14px;
  line-height: 1.45;
}

.billing-storage-note strong {
  display: block;
  color: #0c4a6e;
  font-weight: 900;
}

.billing-storage-note p {
  margin-top: 4px;
}

.billing-addon-name-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.billing-addon-toggle-added {
  justify-self: end;
}

.billing-subscription-review-panel {
  position: sticky;
  top: 96px;
  border-radius: 24px;
  padding: 20px;
}

.billing-coupon-details {
  margin-top: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f8fafc;
  padding: 12px;
}

.billing-coupon-details summary {
  cursor: pointer;
  color: #334155;
  font-size: 14px;
  font-weight: 850;
  list-style: none;
}

.billing-coupon-details summary::-webkit-details-marker {
  display: none;
}

.billing-coupon-details .billing-coupon-box {
  margin-top: 10px;
  border-color: rgba(226, 232, 240, .9);
  box-shadow: none;
}

.billing-mobile-total-bar {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  border-top: 1px solid #e2e8f0;
  background: rgba(255, 255, 255, .95);
  padding: 12px;
  box-shadow: 0 -18px 40px rgba(15, 23, 42, .16);
  backdrop-filter: blur(12px);
}

.billing-mobile-total-inner {
  display: flex;
  max-width: 80rem;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 auto;
}

.billing-estimate-panel form {
  margin-top: 12px;
}

.billing-options-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.billing-option-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  box-shadow: none;
}

.billing-option-heading {
  justify-content: flex-start;
}

.billing-option-heading > .lucide-token ,


.billing-option-heading > .ui-icon  {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, .1);
  color: #0f766e;
  font-size: 20px;
}

.billing-option-heading h2,
.billing-option-heading h3 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-option-heading p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.billing-option-list {
  display: grid;
  gap: 8px;
}

.billing-option-card,
.billing-option-empty {
  min-width: 0;
  padding: 10px;
}

.billing-option-card span,
.billing-option-card strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-option-card span {
  color: #0f172a;
  font-size: 13px;
  font-weight: 900;
}

.billing-option-card strong {
  margin-top: 4px;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.billing-option-card-action {
  display: grid;
  gap: 8px;
}

.billing-option-empty {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.dark .billing-live-total,
.dark .billing-estimate-total,
.dark .billing-package-button:hover,
.dark .billing-package-button.is-selected,
.dark .billing-addon-row.is-selected,
.dark .billing-invoice-line-total,
.dark .billing-option-heading > .lucide-token ,

.dark .billing-option-heading > .ui-icon  {
  background: rgba(20, 184, 166, .12);
}

.dark .billing-tenant-selector,
.dark .billing-estimate-panel,
.dark .billing-addon-builder,
.dark .billing-option-group,
.dark .billing-package-button,
.dark .billing-context-grid > div,
.dark .billing-invoice-line,
.dark .billing-review-change-group,
.dark .billing-resource-summary > div,
.dark .billing-addon-row,
.dark .billing-option-card,
.dark .billing-option-empty,
.dark .billing-icon-step,
.dark .billing-selected-remove {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
}

.dark .billing-slider-shell,
.dark .billing-note-row-muted,
.dark .billing-invoice-line-muted,
.dark .billing-review-change-heading,
.dark .billing-coupon-box,
.dark .billing-addon-recommendations,
.dark .billing-added-line,
.dark .billing-addon-row.is-disabled {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .04);
}

.dark .billing-addon-group + .billing-addon-group {
  border-color: rgba(255, 255, 255, .1);
}

.dark .billing-live-total > div:last-child,
.dark .billing-package-button strong,
.dark .billing-context-grid strong,
.dark .billing-estimate-total strong,
.dark .billing-invoice-line strong,
.dark .billing-invoice-line b,
.dark .billing-review-change-heading h3,
.dark .billing-review-change-line strong,
.dark .billing-review-change-line b,
.dark .billing-resource-summary strong,
.dark .billing-coupon-box strong,
.dark .billing-addon-group-title h3,
.dark .billing-addon-row h4,
.dark .billing-addon-meta span,
.dark .billing-option-heading h2,
.dark .billing-option-heading h3,
.dark .billing-option-card span {
  color: #f8fafc;
}

.dark .billing-package-button small,
.dark .billing-context-grid small,
.dark .billing-estimate-total small,
.dark .billing-invoice-line small,
.dark .billing-review-change-heading p,
.dark .billing-review-change-line small,
.dark .billing-review-change-empty,
.dark .billing-resource-summary span,
.dark .billing-resource-summary small,
.dark .billing-coupon-box small,
.dark .billing-addon-group-title p,
.dark .billing-addon-group-kicker,
.dark .billing-addon-row p,
.dark .billing-addon-meta small,
.dark .billing-addon-not-ready small,
.dark .billing-option-heading p,
.dark .billing-option-card strong,
.dark .billing-option-empty,
.dark .billing-slider-limits {
  color: #94a3b8;
}

.dark .billing-coupon-box {
  border-color: rgba(96, 165, 250, .22);
  background:
    linear-gradient(135deg, rgba(30, 41, 59, .95), rgba(15, 118, 110, .18)),
    rgba(15, 23, 42, .88);
}

.dark .billing-coupon-message.is-valid {
  background: rgba(16, 185, 129, .14);
  color: #6ee7b7;
}

.dark .billing-coupon-message.is-info,
.dark .billing-coupon-message.is-loading {
  background: rgba(59, 130, 246, .14);
  color: #93c5fd;
}

.dark .billing-coupon-message.is-warning {
  background: rgba(245, 158, 11, .14);
  color: #fcd34d;
}

.dark .billing-coupon-remove {
  background: rgba(15, 23, 42, .72);
}

.dark .billing-coupon-remove:hover,
.dark .billing-coupon-remove:focus-visible {
  background: rgba(30, 41, 59, .94);
}

.dark .billing-coupon-icon,
.dark .billing-coupon-title-row > span {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .13);
  color: #5eead4;
}

.dark .billing-review-resource-icon {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .13);
  color: #5eead4;
}

.dark .billing-review-advanced {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-review-advanced .billing-review-resources {
  border-color: rgba(255, 255, 255, .1);
}

.dark .billing-review-advanced summary strong {
  color: #f8fafc;
}

.dark .billing-review-advanced summary small,
.dark .billing-review-advanced-chevron {
  color: #94a3b8;
}

.dark .billing-storage-meter-label,
.dark .billing-storage-meter-copy small,
.dark .billing-storage-meter-legend span {
  color: #94a3b8;
}

.dark .billing-storage-meter-head strong,
.dark .billing-storage-meter-copy strong {
  color: #f8fafc;
}

.dark .billing-storage-free-badge {
  border-color: rgba(52, 211, 153, .24);
  background: rgba(16, 185, 129, .13);
  color: #6ee7b7;
}

.dark .billing-storage-meter-track {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(30, 41, 59, .9);
}

.dark .billing-storage-addon-note {
  border-color: rgba(56, 189, 248, .24);
  background: rgba(14, 165, 233, .12);
  color: #bae6fd;
}

.dark .billing-review-resource-breakdown > span {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .52);
}

.dark .billing-review-resource-breakdown b {
  color: #f8fafc;
}

.dark .billing-review-resource-breakdown small,
.dark .billing-review-resource-caption {
  color: #94a3b8;
}

.dark .billing-coupon-field > span {
  color: #cbd5e1;
}

.dark .billing-coupon-input,
.dark .billing-coupon-empty {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .56);
}

.dark .billing-coupon-message strong,
.dark .billing-coupon-message small {
  color: inherit;
}

.dark .billing-subscription-hero {
  border-color: rgba(30, 41, 59, .95);
  background: linear-gradient(135deg, #020617 0%, #020617 58%, rgba(15, 118, 110, .22) 100%);
}

.dark .billing-subscription-total-card,
.dark .billing-builder-step-nav,
.dark .billing-plan-card,
.dark .billing-tenant-slider-shell {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .84);
}

.dark .billing-builder-step-button {
  color: #cbd5e1;
}

.dark .billing-builder-step-button:hover,
.dark .billing-builder-step-button:focus-visible {
  background: rgba(255, 255, 255, .06);
}

.dark .billing-addon-tabs,
.dark .billing-coupon-details {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-addon-tab {
  color: #cbd5e1;
}

.dark .billing-addon-tab.is-active {
  background: rgba(15, 23, 42, .95);
  color: #5eead4;
}

.dark .billing-storage-note {
  border-color: rgba(14, 165, 233, .34);
  background: rgba(8, 47, 73, .42);
  color: #bae6fd;
}

.dark .billing-storage-note strong,
.dark .billing-coupon-details summary {
  color: #e0f2fe;
}

.dark .billing-mobile-total-bar {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(2, 6, 23, .95);
}

.dark .billing-customize-workspace > .settings-panel-header,
.dark .billing-customize-workspace .billing-option-heading,
.dark .billing-customize-workspace .billing-estimate-top {
  border-color: rgba(255, 255, 255, .12);
  background: #1f2937;
}

.dark .billing-customize-workspace .billing-option-heading > .lucide-token ,


.dark .billing-customize-workspace .billing-option-heading > .ui-icon  {
  background: rgba(20, 184, 166, .16);
  color: #99f6e4;
}

.dark .billing-addon-group {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .04);
}

.dark .billing-addon-group-title {
  border-color: rgba(255, 255, 255, .12);
  background: #111827;
}

.dark .billing-addon-list .billing-addon-row:nth-child(odd) {
  background: rgba(255, 255, 255, .035);
}

.dark .billing-addon-list .billing-addon-row:nth-child(even) {
  background: rgba(255, 255, 255, .07);
}

.dark .billing-addon-row.is-selected {
  background: rgba(20, 184, 166, .12);
}

.dark .billing-addon-row.is-disabled {
  background: rgba(255, 255, 255, .03);
}

.dark .billing-added-summary-head strong,
.dark .billing-added-line strong,
.dark .billing-added-line b,
.dark .billing-addon-recommendations-head h3,
.dark .billing-addon-card h3 {
  color: #f8fafc;
}

.dark .billing-added-summary-head small,
.dark .billing-added-line small,
.dark .billing-addon-recommendations-head p,
.dark .billing-addon-card p {
  color: #94a3b8;
}

.dark .billing-addon-card {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
}

.dark .billing-addon-card.is-selected {
  border-color: rgba(20, 184, 166, .4);
  background: rgba(20, 184, 166, .12);
}

.dark .billing-addon-card small,
.dark .billing-addon-value-cue,
.dark .billing-addon-card-selected {
  color: #99f6e4;
}

.dark .billing-addon-value-cue,
.dark .billing-addon-card > .lucide-token ,

.dark .billing-addon-card > .ui-icon  {
  background: rgba(20, 184, 166, .14);
}

@media (max-width: 1199px) {
  .billing-options-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-addon-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }}

@media (max-width: 767px) {
  .billing-live-total {
    width: 100%;
    text-align: left;
  }

  .billing-package-grid,
  .billing-count-control,
  .billing-context-grid,
  .billing-resource-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-count-stepper {
    justify-content: stretch;
  }

  .billing-count-input {
    max-width: none;
  }

  .billing-slider-limits,
  .billing-invoice-line {
    align-items: flex-start;
    flex-direction: column;
  }

  .billing-addon-row,
  .billing-addon-row-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-addon-meta,
  .billing-addon-not-ready {
    justify-items: start;
    text-align: left;
  }

  .billing-addon-controls {
    grid-template-columns: 34px minmax(64px, 1fr) 34px 34px;
    width: 100%;
  }

  .billing-addon-row-add {
    width: 100%;
  }

  .billing-added-line,
  .billing-addon-row-main {
    align-items: flex-start;
  }

  .billing-coupon-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-coupon-apply {
    width: 100%;
  }

  .billing-coupon-message {
    grid-template-columns: 18px minmax(0, 1fr);
  }

  .billing-coupon-remove {
    grid-column: 2;
    justify-self: start;
  }

  .billing-invoice-line b {
    text-align: left;
  }}

@media (min-width: 1024px) {
  .billing-subscription-hero {
    padding: 24px;
  }

  .billing-subscription-hero-inner {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }}

@media (min-width: 1280px) {
  .billing-subscription-workspace {
    grid-template-columns: minmax(0, 1fr) 24rem;
  }

  .billing-subscription-review-aside {
    display: block;
  }

  .billing-ux-review-coupon-mobile {
    display: none !important;
  }

  .billing-mobile-total-bar {
    display: none;
  }}

.billing-ux-setup-banner {
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}

.billing-ux-setup-banner::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .55), transparent 45%),
    radial-gradient(circle at 96% 15%, rgba(20, 184, 166, .14), transparent 30%);
}

.billing-ux-setup-banner > * {
  position: relative;
}

.billing-ux-setup-copy {
  align-items: flex-start;
}

.billing-ux-setup-copy h2,
.billing-ux-setup-copy p,
.billing-ux-status-chip,
.billing-ux-setup-summary-item {
  overflow-wrap: anywhere;
}

.billing-ux-setup-summary {
  line-height: 1.2;
}

.billing-ux-setup-summary-item {
  min-width: 0;
}

.billing-ux-setup-summary-separator {
  flex: 0 0 auto;
}

.billing-ux-setup-primary {
  min-height: 38px;
  justify-content: center;
  box-shadow: 0 12px 28px rgba(15, 118, 110, .24);
}

.billing-ux-setup-actions {
  align-items: center;
}

.billing-ux-setup-note {
  align-self: center;
  max-width: 10rem;
  line-height: 1.25;
}

.billing-builder-step-nav {
  position: relative;
}

.billing-builder-step-button {
  min-height: 42px;
  justify-content: center;
  padding: 8px 10px;
}

.billing-builder-step-button.is-active {
  background:
    linear-gradient(135deg, #0f766e, #0d9488);
}

.billing-ux-coverage-header,
.billing-ux-addons-header,
.billing-ux-review-header {
  border-color: rgba(15, 118, 110, .42) !important;
  background:
    linear-gradient(135deg, #0f2f3f 0%, #174e5e 54%, #0f766e 100%) !important;
  color: #fff;
  padding: 14px 16px !important;
}

.billing-ux-coverage-header .settings-heading,
.billing-ux-addons-header .settings-heading,
.billing-ux-review-header .settings-heading,
.billing-ux-coverage-header .settings-muted,
.billing-ux-addons-header .settings-muted,
.billing-ux-review-header .settings-muted {
  color: #fff;
}

.billing-ux-section-kicker,
.billing-ux-step-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0f766e;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.billing-ux-coverage-header .billing-ux-section-kicker,
.billing-ux-addons-header .billing-ux-step-kicker,
.billing-ux-review-header .ops-status {
  color: #ccfbf1;
}

.billing-ux-section-heading {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.billing-ux-coverage-intro,
.billing-ux-section-block,
.billing-ux-allowance-panel,
.billing-ux-continue-panel,
.billing-ux-addon-actions,
.billing-ux-primary-action {
  min-width: 0;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
}

.billing-ux-coverage-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  background:
    linear-gradient(135deg, rgba(240, 253, 250, .72), #fff);
}

.billing-ux-selected-summary {
  justify-self: stretch;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 12px;
  background: rgba(20, 184, 166, .1);
  padding: 10px;
}

.billing-ux-selected-summary strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
}

.billing-ux-section-block {
  display: grid;
  gap: 10px;
}

.billing-ux-section-copy p {
  margin-top: 4px;
}

.billing-ux-package-grid {
  gap: 8px;
}

.billing-ux-package-button {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 76px;
  align-items: stretch;
  gap: 5px;
  border-radius: 12px;
  padding: 10px;
}

.billing-ux-package-button.is-selected {
  outline: 2px solid rgba(20, 184, 166, .38);
  outline-offset: 2px;
}

.billing-ux-package-copy {
  display: grid;
  gap: 3px;
}

.billing-ux-package-price {
  align-self: end;
  flex: 0 0 auto;
  color: #0f766e;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
  white-space: nowrap;
}

.billing-ux-package-check {
  position: absolute;
  top: 8px;
  right: 8px;
}

.billing-ux-count-control {
  margin-top: 0;
  gap: 10px;
}

.billing-ux-slider-shell {
  margin-top: 0;
  border-radius: 12px;
  padding: 10px;
}

.billing-ux-context-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.billing-ux-context-card {
  border-radius: 12px !important;
  padding: 10px !important;
}

.billing-ux-context-card:nth-child(3) {
  border-color: rgba(20, 184, 166, .26);
  background: rgba(20, 184, 166, .08);
}

.billing-ux-allowance-panel {
  display: grid;
  gap: 8px;
  border-color: rgba(14, 165, 233, .24);
  background: #f0f9ff;
}

.billing-ux-allowance-copy {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
}

.billing-ux-allowance-copy > .lucide-token ,


.billing-ux-allowance-copy > .ui-icon  {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(14, 165, 233, .14);
  color: #0369a1;
  font-size: 18px;
}

.billing-ux-allowance-copy p,
.billing-ux-allowance-detail {
  margin: 4px 0 0;
  color: #0c4a6e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.billing-ux-allowance-detail {
  margin: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, .72);
  padding: 8px 9px;
}

.billing-ux-continue-panel,
.billing-ux-addon-actions {
  align-items: center;
  background: #f8fafc;
}

.billing-ux-continue-panel {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.billing-ux-continue-copy strong,
.billing-ux-continue-copy span {
  display: block;
}

.billing-ux-continue-copy strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
}

.billing-ux-continue-copy span {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.billing-ux-continue-button {
  min-height: 38px;
}

.billing-ux-addon-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  overflow: visible;
}

.billing-ux-addon-tab {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 10px;
  text-align: left;
  white-space: normal;
}

.billing-ux-addon-tab-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgba(13, 148, 136, .1);
  color: #0f766e;
  font-size: 18px;
}

.billing-ux-addon-tab-copy {
  min-width: 0;
}

.billing-ux-addon-tab-label {
  display: block;
  color: inherit;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.billing-ux-addon-tab-context {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.billing-ux-addon-tab-count {
  align-self: center;
  border-radius: 999px;
  background: #e0f2fe;
  color: #075985;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.billing-ux-addon-tab.is-active .billing-ux-addon-tab-context {
  color: #0f766e;
}

.billing-ux-addon-group {
  overflow: visible;
  border: 0;
  border-radius: 14px;
  background: transparent;
}

.billing-ux-addon-list {
  gap: 10px;
  padding: 10px 0 0;
}

.billing-ux-addon-group-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  border: 1px solid rgba(20, 184, 166, .2);
  border-bottom: 1px solid rgba(20, 184, 166, .2);
  background:
    linear-gradient(135deg, rgba(240, 253, 250, .96), rgba(248, 250, 252, .98)) !important;
  color: #0f172a;
  padding: 16px;
}

.billing-ux-addon-guide-main {
  min-width: 0;
}

.billing-ux-addon-guide-copy {
  min-width: 0;
}

.billing-ux-addon-guide-summary {
  grid-column: 1 / -1;
  margin: -4px 0 0;
  color: #475569;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.billing-ux-addon-guide-side {
  display: grid;
  align-content: start;
  justify-items: end;
  gap: 5px;
  min-width: 7rem;
}

.billing-ux-addon-guide-count {
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.billing-ux-addon-guide-cues {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 2px;
}

.billing-ux-addon-guide-cues span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(20, 184, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: #334155;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.15;
}

.billing-ux-addon-guide-cues .lucide-token ,


.billing-ux-addon-guide-cues .ui-icon  {
  color: #0d9488;
  font-size: 15px;
}

.billing-ux-addon-row {
  border: 1px solid rgba(203, 213, 225, .92);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94) !important;
  padding: 14px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
}

.billing-ux-addon-row:hover {
  border-color: rgba(20, 184, 166, .34);
  background: #fff !important;
}

.billing-ux-addon-row.is-selected {
  border-color: rgba(20, 184, 166, .6);
  background: #f0fdfa !important;
}

.billing-ux-addon-row-main {
  grid-template-columns: minmax(0, 1fr) minmax(8.5rem, auto);
  gap: 12px;
}

.billing-ux-addon-meta {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: rgba(248, 250, 252, .92);
  padding: 9px 10px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
}

.billing-ux-addon-meta small:first-child {
  color: #64748b;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.billing-ux-addon-empty {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px;
}

.billing-ux-addon-empty strong,
.billing-ux-addon-empty p {
  grid-column: 2;
  margin: 0;
}

.billing-ux-addon-skip-copy {
  margin: 0 auto;
  text-align: center;
}

.billing-ux-addon-row-compact {
  gap: 10px;
}

.billing-ux-addon-row-main-compact {
  align-items: start;
}

.billing-ux-addon-name-row {
  gap: 6px;
}

.billing-ux-addon-name-row h4,
.billing-ux-addon-description,
.billing-ux-addon-cues,
.billing-ux-addon-cues .billing-addon-value-cue {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-ux-addon-description {
  max-width: 46rem;
}

.billing-ux-addon-cues {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.billing-ux-addon-cues .billing-addon-value-cue {
  margin-top: 0;
  padding: 4px 7px;
  font-size: 10px;
  line-height: 1.15;
}

.billing-ux-addon-cues .lucide-token ,


.billing-ux-addon-cues .ui-icon  {
  font-size: 13px;
}

.billing-ux-addon-price {
  min-width: 8.5rem;
}

.billing-ux-addon-row .billing-addon-row-add,
.billing-ux-addon-row .billing-addon-toggle-added {
  min-width: 74px;
  border-radius: 10px;
}

.billing-ux-addon-row .billing-addon-row-add .lucide-token,
.billing-ux-addon-row .billing-addon-toggle-added .lucide-token ,


.billing-ux-addon-row .billing-addon-row-add .ui-icon,

.billing-ux-addon-row .billing-addon-toggle-added .ui-icon  {
  font-size: 18px;
}

.billing-ux-review-metrics {
  align-items: stretch;
  gap: 8px;
}

.billing-ux-review-metric {
  border-radius: 12px;
  padding: 11px 12px;
}

.billing-ux-review-monthly {
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .08);
}

.billing-ux-review-summary-grid {
  align-items: start;
  gap: 12px;
}

.billing-ux-selected-addons-card,
.billing-ux-monthly-confirmation-card,
.billing-ux-current-subscription-card,
.billing-ux-review-change-section {
  min-width: 0;
  border-radius: 14px;
}

.billing-ux-current-subscription-card {
  border-style: dashed;
  background: #f8fafc;
}

.billing-ux-review-rail-body {
  padding: 14px !important;
}

.billing-ux-confirmation-card {
  padding: 12px;
}

.billing-ux-review-change-section {
  border: 1px solid #e2e8f0;
  background: #fff;
  padding: 12px;
}

.billing-ux-review-change-section .settings-card-header {
  display: block;
}

.billing-ux-review-metric .settings-stat-label {
  white-space: normal;
  overflow-wrap: anywhere;
}

.billing-ux-change-schedule {
  margin-top: 10px;
  gap: 8px;
}

.billing-ux-change-group {
  border-radius: 12px;
}

.billing-ux-change-now .billing-ux-change-heading > .lucide-token ,


.billing-ux-change-now .billing-ux-change-heading > .ui-icon  {
  color: #0d9488;
}

.billing-ux-change-renewal .billing-ux-change-heading > .lucide-token ,


.billing-ux-change-renewal .billing-ux-change-heading > .ui-icon  {
  color: #d97706;
}

.billing-ux-change-current .billing-ux-change-heading > .lucide-token ,


.billing-ux-change-current .billing-ux-change-heading > .ui-icon  {
  color: #475569;
}

.billing-ux-sticky-panel {
  border-color: rgba(20, 184, 166, .18);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .1);
}

.billing-ux-sticky-total {
  border-radius: 14px;
  margin-top: 10px;
  padding: 12px;
}

.billing-ux-sticky-total strong {
  font-size: 30px;
}

.billing-ux-sticky-selected {
  margin-top: 10px;
}

.billing-ux-selected-coverage {
  border-color: rgba(20, 184, 166, .22);
  background: rgba(20, 184, 166, .07);
}

.billing-ux-coupon-summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start;
  gap: 8px;
  min-width: 0;
}

.billing-ux-coupon-summary .lucide-token ,


.billing-ux-coupon-summary .ui-icon  {
  color: #0f766e;
  font-size: 20px;
}

.billing-ux-coupon-summary > span:last-child {
  min-width: 0;
}

.billing-ux-coupon-summary strong,
.billing-ux-coupon-summary small,
.billing-ux-coupon-summary small span {
  overflow-wrap: anywhere;
}

.billing-ux-coupon-empty {
  border-style: solid;
}

.billing-ux-coupon-compact {
  margin-top: 10px;
  padding: 10px;
}

.billing-ux-coupon-compact .billing-coupon-box {
  margin-top: 8px;
}

.billing-ux-primary-action {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  background: #f8fafc;
}

.billing-ux-primary-action-copy {
  margin-top: 0;
}

.billing-ux-primary-support {
  padding: 8px 9px;
}

.billing-ux-primary-button {
  min-height: 42px;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 14px 28px rgba(15, 118, 110, .2);
}

.billing-ux-submission-feedback {
  margin-top: 0;
}

.dark .billing-ux-setup-banner::before {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, .38), transparent 48%),
    radial-gradient(circle at 96% 15%, rgba(45, 212, 191, .12), transparent 30%);
}

.dark .billing-ux-coverage-intro,
.dark .billing-ux-section-block,
.dark .billing-ux-continue-panel,
.dark .billing-ux-addon-actions,
.dark .billing-ux-primary-action,
.dark .billing-ux-review-change-section {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-ux-selected-summary,
.dark .billing-ux-context-card:nth-child(3),
.dark .billing-ux-selected-coverage {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .12);
}

.dark .billing-ux-section-heading,
.dark .billing-ux-selected-summary strong,
.dark .billing-ux-continue-copy strong {
  color: #f8fafc;
}

.dark .billing-ux-continue-copy span,
.dark .billing-ux-addon-tab-context {
  color: #94a3b8;
}

.dark .billing-ux-addon-tab-icon,
.dark .billing-ux-addon-tab-count {
  background: rgba(45, 212, 191, .12);
  color: #5eead4;
}

.dark .billing-ux-section-kicker,
.dark .billing-ux-step-kicker,
.dark .billing-ux-addon-tab.is-active .billing-ux-addon-tab-context {
  color: #5eead4;
}

.dark .billing-ux-allowance-panel {
  border-color: rgba(56, 189, 248, .22);
  background: rgba(8, 47, 73, .34);
}

.dark .billing-ux-allowance-detail,
.dark .billing-ux-addon-meta,
.dark .billing-ux-current-subscription-card {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .05);
}

.dark .billing-ux-addon-group-title,
.dark .billing-ux-v2 .billing-ux-addon-group-title {
  border-color: rgba(45, 212, 191, .18);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(12, 74, 110, .48)) !important;
  color: #f8fafc;
}

.dark .billing-ux-addon-row {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .74) !important;
  box-shadow: none;
}

.dark .billing-ux-addon-row:hover,
.dark .billing-ux-addon-row.is-selected {
  border-color: rgba(45, 212, 191, .34);
  background: rgba(20, 184, 166, .12) !important;
}

.dark .billing-ux-v2 .billing-ux-addon-group-title h3 {
  color: #f8fafc;
}

.dark .billing-ux-v2 .billing-ux-addon-group-title p {
  color: #cbd5e1;
}

.dark .billing-ux-addon-guide-cues span {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(15, 23, 42, .58);
  color: #e2e8f0;
}

.dark .billing-ux-allowance-copy p,
.dark .billing-ux-allowance-detail {
  color: #bae6fd;
}

@media (min-width: 768px) {
  .billing-ux-coverage-intro {
    grid-template-columns: minmax(0, 1fr) minmax(10rem, auto);
  }}

@media (max-width: 1199px) {
  .billing-ux-addon-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }}

@media (max-width: 767px) {

  .billing-ux-setup-summary-separator {
    display: none;
  }

  .billing-ux-coverage-intro,
  .billing-ux-count-control,
  .billing-ux-context-grid,
  .billing-ux-addon-row-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-addon-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-addon-group-title {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-addon-guide-side {
    justify-items: start;
    min-width: 0;
  }

  .billing-ux-continue-panel,
  .billing-ux-addon-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .billing-ux-addon-price {
    width: 100%;
    min-width: 0;
    text-align: left;
  }

  .billing-ux-addon-skip-copy {
    order: 3;
    text-align: left;
  }

  .billing-ux-setup-actions,
  .billing-ux-setup-primary,
  .billing-ux-continue-button {
    width: 100%;
  }

  .billing-mobile-total-inner {
    padding-right: 58px;
  }}

.billing-ux-v2 {
  --billing-ux-text: #0f172a;
  --billing-ux-muted: #64748b;
  --billing-ux-border: #e2e8f0;
  --billing-ux-soft: #f8fafc;
  --billing-ux-accent: #0d9488;
  --billing-ux-accent-dark: #0f766e;
  --billing-ux-radius: 22px;
}

.billing-ux-v2 *,
.billing-ux-v2 *::before,
.billing-ux-v2 *::after {
  min-width: 0;
}

.billing-ux-hero,
.billing-ux-summary-card,
.billing-ux-v2 .settings-panel,
.billing-ux-v2 .settings-card,
.billing-ux-v2 .billing-builder-step-nav,
.billing-ux-v2 .billing-estimate-panel {
  border-color: var(--billing-ux-border);
}

.billing-ux-hero {
  overflow: hidden;
  border: 1px solid var(--billing-ux-border);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
}

.billing-ux-hero-grid {
  display: grid;
  gap: 0;
}

.billing-ux-hero-main {
  position: relative;
  padding: 22px;
}

.billing-ux-hero-main::after {
  position: absolute;
  top: -60px;
  right: -50px;
  width: 170px;
  height: 170px;
  border-radius: 999px;
  background: rgba(20, 184, 166, .12);
  filter: blur(26px);
  content: "";
}

.billing-ux-hero-main > * {
  position: relative;
  z-index: 1;
}

.billing-ux-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.billing-ux-pill {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--billing-ux-border);
  border-radius: 999px;
  background: var(--billing-ux-soft);
  color: #475569;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  padding: 7px 10px;
  overflow-wrap: anywhere;
}

.billing-ux-pill .lucide-token ,


.billing-ux-pill .ui-icon  {
  flex: 0 0 auto;
  font-size: 15px;
}

.billing-ux-pill-detail {
  font-weight: 850;
  opacity: .72;
  text-transform: none;
}

.billing-ux-pill.is-warning {
  border-color: rgba(245, 158, 11, .32);
  background: #fffbeb;
  color: #92400e;
}

.billing-ux-pill.is-success {
  border-color: rgba(16, 185, 129, .26);
  background: #ecfdf5;
  color: #047857;
}

.billing-ux-hero-title {
  max-width: 46rem;
  color: var(--billing-ux-text);
  font-size: 30px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.08;
}

.billing-ux-hero-copy {
  max-width: 42rem;
  margin-top: 10px;
  color: var(--billing-ux-muted);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.55;
}

.billing-ux-hero-metrics,
.billing-ux-top-summary {
  display: grid;
  gap: 10px;
}

.billing-ux-hero-metrics {
  margin-top: 18px;
}

.billing-ux-hero-metric {
  border: 1px solid var(--billing-ux-border);
  border-radius: 16px;
  background: var(--billing-ux-soft);
  padding: 13px;
}

.billing-ux-hero-metric span,
.billing-ux-aside-label {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .045em;
  line-height: 1.15;
  text-transform: uppercase;
}

.billing-ux-hero-metric strong {
  display: block;
  margin-top: 4px;
  color: var(--billing-ux-text);
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  overflow-wrap: anywhere;
}

.billing-ux-hero-metric small,
.billing-ux-aside-subtitle {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.billing-ux-hero-metric.is-total {
  border-color: rgba(20, 184, 166, .26);
  background: rgba(20, 184, 166, .1);
}

.billing-ux-hero-metric.is-total span,
.billing-ux-hero-metric.is-total strong,
.billing-ux-hero-metric.is-total small {
  color: var(--billing-ux-accent-dark);
}

.billing-ux-stripe-snapshot {
  display: grid;
  gap: 14px;
  border-color: rgba(20, 184, 166, .22) !important;
  background: linear-gradient(135deg, rgba(240, 253, 250, .76), rgba(255, 255, 255, .96));
}

.billing-ux-stripe-snapshot-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.billing-ux-stripe-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.billing-ux-stripe-snapshot-grid > div {
  border: 1px solid rgba(15, 118, 110, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  padding: 10px;
}

.billing-ux-stripe-snapshot-grid span,
.billing-ux-stripe-invoice-mini span {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.billing-ux-stripe-snapshot-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--billing-ux-text);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.billing-ux-stripe-snapshot-grid small {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
}

.billing-ux-stripe-invoice-mini {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border-top: 1px solid rgba(15, 118, 110, .12);
  padding-top: 12px;
}

.billing-ux-stripe-invoice-mini span,
.billing-ux-stripe-invoice-mini strong {
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  padding: 6px 9px;
  white-space: nowrap;
}

.billing-ux-stripe-invoice-mini strong {
  color: #0f766e;
  font-size: 12px;
  font-weight: 950;
}

.billing-ux-stripe-snapshot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.billing-ux-stripe-snapshot-actions .settings-btn {
  min-height: 36px;
  gap: 6px;
}

.billing-ux-hero-aside {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  background: #020617;
  color: #fff;
  padding: 22px;
}

.billing-ux-aside-label {
  color: rgba(255, 255, 255, .58);
}

.billing-ux-aside-total {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 34px;
  font-weight: 950;
  line-height: 1;
  overflow-wrap: anywhere;
}

.billing-ux-aside-subtitle {
  color: rgba(255, 255, 255, .62);
}

.billing-ux-aside-points {
  display: grid;
  gap: 10px;
}

.billing-ux-aside-points span {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
}

.billing-ux-aside-points .lucide-token ,


.billing-ux-aside-points .ui-icon  {
  color: #6ee7b7;
  font-size: 18px;
}

.billing-ux-hero-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 16px;
  background: #fff;
  color: #020617;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  padding: 13px 16px;
  transition: background .18s ease, transform .18s ease;
}

.billing-ux-hero-action:hover,
.billing-ux-hero-action:focus-visible {
  background: #f1f5f9;
  transform: translateY(-1px);
}

.billing-ux-top-summary {
  grid-template-columns: minmax(0, 1fr);
}

.billing-ux-summary-card {
  border-radius: 16px;
  padding: 14px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .045);
}

.billing-ux-v2 .billing-storage-meter.is-compact .billing-storage-meter-legend,
.billing-ux-v2 .billing-storage-meter.is-compact .billing-storage-addon-note {
  display: none;
}

.billing-ux-v2 .billing-builder-step-nav {
  border-radius: 18px;
  padding: 10px;
  border: 1px solid rgba(20, 184, 166, .16);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 8px 18px rgba(15, 23, 42, .045);
}

.billing-ux-step-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.billing-ux-step-button {
  position: relative;
  min-height: 46px;
  align-items: center;
  border: 1px solid var(--billing-ux-border);
  background: var(--billing-ux-soft);
  color: #334155;
  gap: 8px;
  padding: 8px 9px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45);
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.billing-ux-step-button.is-active {
  border-color: var(--billing-ux-accent);
  background: var(--billing-ux-accent);
  color: #fff;
  box-shadow: 0 10px 18px rgba(20, 184, 166, .24);
}

.billing-ux-step-button.is-complete {
  border-color: rgba(20, 184, 166, .34);
  background: #f0fdfa;
  color: #0f766e;
}

.billing-ux-step-marker {
  display: inline-flex;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .35);
}

.billing-ux-step-number,
.billing-ux-step-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.billing-ux-step-check {
  font-size: 17px;
}

.billing-ux-step-button.is-active .billing-ux-step-marker {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  box-shadow: none;
}

.billing-ux-step-button.is-complete .billing-ux-step-marker {
  background: #ccfbf1;
  color: #0f766e;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .26);
}

.billing-ux-step-copy {
  display: grid;
  min-width: 0;
}

.billing-ux-step-copy strong {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.15;
}

@media (max-width: 560px) {
  .billing-ux-step-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .billing-ux-step-button {
    min-height: 58px;
    padding: 10px;
  }}

.billing-ux-v2 .settings-panel {
  border-radius: 26px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

.billing-ux-v2 .billing-ux-coverage-header,
.billing-ux-v2 .billing-ux-addons-header,
.billing-ux-v2 .billing-ux-review-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-color: #f1f5f9 !important;
  background: #fff !important;
  color: var(--billing-ux-text);
  padding: 18px !important;
}

.billing-ux-v2 .billing-ux-addons-header {
  justify-content: center;
  text-align: center;
}

.billing-ux-v2 .billing-ux-addons-header > div {
  max-width: 34rem;
}

.billing-ux-v2 .billing-ux-coverage-header .settings-heading,
.billing-ux-v2 .billing-ux-addons-header .settings-heading,
.billing-ux-v2 .billing-ux-review-header .settings-heading {
  color: var(--billing-ux-text);
}

.billing-ux-v2 .billing-ux-coverage-header .settings-muted,
.billing-ux-v2 .billing-ux-addons-header .settings-muted,
.billing-ux-v2 .billing-ux-review-header .settings-muted {
  color: var(--billing-ux-muted);
}

.billing-ux-v2 .billing-ux-coverage-header .billing-ux-section-kicker,
.billing-ux-v2 .billing-ux-addons-header .billing-ux-step-kicker,
.billing-ux-v2 .billing-ux-review-header .billing-ux-step-kicker {
  color: var(--billing-ux-accent-dark);
}

.billing-ux-header-selected-summary {
  align-self: flex-start;
  min-width: min(100%, 12rem);
}

.billing-ux-v2 .billing-tenant-selector {
  display: grid;
  gap: 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.billing-ux-coverage-intro-compact {
  grid-template-columns: minmax(0, 1fr);
}

.billing-ux-coverage-guide {
  border-color: rgba(20, 184, 166, .22);
  background: linear-gradient(135deg, rgba(240, 253, 250, .86), #fff);
}

.billing-ux-coverage-guide .settings-muted {
  max-width: 40rem;
  margin-top: 6px;
}

.billing-ux-coverage-guide-cues {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.billing-ux-coverage-guide-cues span {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(20, 184, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: #334155;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  padding: 7px 9px;
}

.billing-ux-coverage-guide-cues .lucide-token ,


.billing-ux-coverage-guide-cues .ui-icon  {
  color: var(--billing-ux-accent-dark);
  font-size: 16px;
}

.billing-ux-tenant-count-card {
  border-color: rgba(20, 184, 166, .2);
}

.billing-ux-v2 .billing-ux-section-block,
.billing-ux-v2 .billing-ux-coverage-intro,
.billing-ux-v2 .billing-ux-allowance-panel,
.billing-ux-v2 .billing-ux-continue-panel,
.billing-ux-v2 .billing-ux-addon-actions,
.billing-ux-v2 .billing-ux-primary-action,
.billing-ux-v2 .billing-ux-review-change-section {
  border-radius: 18px;
}

.billing-ux-v2 .billing-ux-package-button {
  border-radius: 14px;
}

.billing-ux-v2 .billing-ux-package-button.is-selected,
.billing-ux-v2 .billing-package-button.is-selected {
  border-color: var(--billing-ux-accent);
  background: rgba(20, 184, 166, .1);
}

.billing-ux-v2 .billing-ux-package-button.is-selected .billing-ux-package-price,
.billing-ux-v2 .billing-package-button.is-selected .billing-ux-package-price {
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-count-control {
  align-items: center;
  background: var(--billing-ux-soft);
}

.billing-ux-v2 .billing-ux-tenant-count-card .billing-ux-count-control {
  border: 0;
  background: transparent;
  padding: 0;
  grid-template-columns: minmax(0, 1fr);
}

.billing-ux-v2 .billing-ux-tenant-count-card .billing-count-copy .settings-muted {
  max-width: 24rem;
  margin-top: 6px;
}

.billing-ux-v2 .billing-ux-stepper-under-slider {
  grid-template-columns: 44px minmax(100px, 132px) 44px;
  justify-content: center;
  margin-top: 2px;
}

.billing-ux-v2 .billing-ux-stepper-under-slider .billing-icon-step {
  width: 44px;
  height: 44px;
}

.billing-ux-v2 .billing-ux-context-grid {
  gap: 10px;
}

.billing-ux-v2 .billing-ux-context-card {
  border: 1px solid var(--billing-ux-border) !important;
  background: #fff;
}

.billing-ux-v2 .billing-ux-context-card strong {
  display: block;
  margin-top: 4px;
  color: var(--billing-ux-text);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  overflow-wrap: anywhere;
}

.billing-ux-v2 .billing-ux-context-card small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.billing-ux-v2 .billing-ux-allowance-panel {
  background: #f0f9ff;
}

.billing-ux-v2 .billing-ux-addon-tabs {
  border: 0;
  background: transparent;
  gap: 10px;
  padding: 0;
}

.billing-ux-v2 .billing-ux-addon-tab {
  border: 1px solid var(--billing-ux-border);
  border-radius: 18px;
  background: #fff;
  padding: 10px 11px;
  box-shadow: 0 10px 20px rgba(15, 23, 42, .045);
}

.billing-ux-v2 .billing-ux-addon-tab.is-active {
  border-color: var(--billing-ux-accent);
  background: var(--billing-ux-accent);
  color: #fff;
  box-shadow: 0 10px 22px rgba(13, 148, 136, .18);
}

.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-context {
  color: rgba(255, 255, 255, .72);
}

.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-icon {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-count {
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.billing-ux-v2 .billing-ux-addon-group-title {
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(240, 253, 250, .97), rgba(248, 250, 252, .98)) !important;
  padding: 18px;
}

.billing-ux-v2 .billing-ux-addon-group-title h3 {
  color: #0f172a;
  font-size: 17px;
  line-height: 1.18;
}

.billing-ux-v2 .billing-ux-addon-group-title p {
  color: #475569;
  font-size: 13px;
  line-height: 1.45;
}

.billing-ux-v2 .billing-ux-addon-group-title .billing-addon-group-kicker {
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-addon-row {
  border-radius: 20px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.billing-ux-v2 .billing-ux-addon-row-main {
  align-items: center;
}

.billing-ux-v2 .billing-ux-addon-price span {
  font-size: 18px;
}

.billing-ux-v2 .billing-ux-addon-row .billing-addon-row-add,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-toggle-added {
  min-height: 40px;
  padding-inline: 14px;
}

.billing-ux-v2 .billing-ux-review-metric .settings-stat-value {
  font-size: 28px;
  font-weight: 950;
}

.billing-ux-v2 .billing-ux-confirmation-card,
.billing-ux-v2 .billing-ux-current-details,
.billing-ux-v2 .billing-ux-review-change-section,
.billing-ux-v2 .billing-ux-coupon {
  border-radius: 22px;
}

.billing-ux-v2 .billing-ux-change-schedule {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.billing-ux-v2 .billing-ux-change-group {
  border-radius: 18px;
  background: #fff;
}

.billing-ux-v2 .billing-ux-sticky-panel {
  overflow: hidden;
  border-radius: 26px;
  padding: 0 0 18px;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .12);
}

.billing-ux-sticky-hero {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: var(--billing-ux-text);
  padding: 18px 18px 16px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
}

.billing-ux-sticky-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #0f766e, #14b8a6, #38bdf8);
}

.billing-ux-sticky-hero .billing-ux-sticky-hero-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ecfeff;
  color: #0f766e;
  font-size: 19px;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .22);
}

.billing-ux-sticky-hero .billing-ux-sticky-hero-kicker {
  display: block;
  grid-column: 2;
  color: var(--billing-ux-accent-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.billing-ux-sticky-hero strong {
  display: block;
  grid-column: 2;
  color: #0f172a;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.billing-ux-sticky-hero small {
  display: block;
  grid-column: 2;
  margin-top: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.4;
}

.billing-ux-sticky-rows {
  display: grid;
  gap: 10px;
  padding: 16px 16px 0;
}

.billing-ux-sticky-rows hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #e2e8f0;
}

.billing-ux-sticky-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  color: #64748b;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.25;
}

.billing-ux-sticky-row strong {
  color: var(--billing-ux-text);
  font-weight: 950;
  text-align: right;
  overflow-wrap: anywhere;
}

.billing-ux-sticky-row-storage {
  align-items: baseline;
  gap: 14px;
}

.billing-ux-storage-title {
  min-width: 0;
  color: var(--billing-ux-muted);
  font-weight: 860;
  line-height: 1.25;
}

.billing-ux-sticky-storage-note {
  margin-top: -6px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.35;
}

.billing-ux-storage-summary {
  display: inline-flex;
  min-width: 9rem;
  justify-content: flex-end;
}

.billing-ux-storage-summary-value {
  color: var(--billing-ux-text);
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.billing-ux-additional-tenant-summary {
  display: grid;
  justify-items: end;
  gap: 2px;
}

.billing-ux-additional-tenant-math {
  display: grid;
  justify-items: end;
  gap: 1px;
}

.billing-ux-additional-tenant-formula {
  color: var(--billing-ux-text);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
  white-space: nowrap;
}

.billing-ux-additional-tenant-total {
  color: var(--billing-ux-text);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

.billing-ux-sticky-row.is-discount,
.billing-ux-sticky-row.is-discount strong {
  color: #047857;
}

.billing-ux-sticky-discount-label {
  display: grid;
  gap: 2px;
}

.billing-ux-sticky-discount-label small {
  max-width: 10rem;
  color: inherit;
  font-size: 10px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.billing-ux-sticky-row.is-total {
  align-items: center;
  color: var(--billing-ux-text);
  font-size: 16px;
  font-weight: 950;
}

.billing-ux-sticky-row.is-total strong {
  color: var(--billing-ux-accent-dark);
  font-size: 18px;
}

.billing-ux-v2 .billing-ux-sticky-rows .billing-ux-sticky-coupon {
  margin: 0;
  border-color: rgba(20, 184, 166, .24);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(240, 253, 250, .9), rgba(255, 255, 255, .96));
  padding: 9px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary {
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 7px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary .lucide-token ,


.billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary .ui-icon  {
  color: var(--billing-ux-accent-dark);
  font-size: 18px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary strong {
  color: var(--billing-ux-text);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary small {
  color: var(--billing-ux-muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-box {
  gap: 8px;
  margin-top: 8px;
  border-color: rgba(20, 184, 166, .18);
  background: rgba(255, 255, 255, .74);
  padding: 8px;
  box-shadow: none;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-row {
  grid-template-columns: minmax(0, 1fr);
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-field > span {
  font-size: 10px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-input {
  min-height: calc(var(--spacing) * 11);
  font-size: var(--text-sm);
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-apply {
  width: 100%;
  min-height: 34px;
  justify-content: center;
  font-size: 12px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-empty {
  padding: 7px 8px;
  font-size: 10.5px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-message {
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  padding: 8px;
  font-size: 11px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-message .lucide-token ,


.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-message .ui-icon  {
  font-size: 16px;
}

.billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-remove {
  grid-column: 2;
  justify-self: start;
  padding: 5px 8px;
  font-size: 10.5px;
}

.billing-ux-sticky-lock-note,
.billing-ux-v2 .billing-ux-sticky-panel > [x-show],
.billing-ux-v2 .billing-ux-sticky-panel > details,
.billing-ux-v2 .billing-ux-sticky-panel > template + div,
.billing-ux-v2 .billing-ux-sticky-panel > .billing-status-message {
  margin: 12px 16px 0;
}

.billing-ux-sticky-lock-note {
  padding: 10px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details {
  border-color: rgba(20, 184, 166, .2);
  background: linear-gradient(135deg, rgba(240, 253, 250, .86), #fff);
  margin-bottom: 0;
}

.billing-ux-v2 .billing-ux-sticky-addon-details summary {
  grid-template-columns: 34px minmax(0, 1fr) 26px;
  gap: 10px;
  padding: 12px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details summary > .lucide-token:first-child,
.billing-ux-v2 .billing-ux-sticky-addon-details .billing-review-advanced-chevron ,


.billing-ux-v2 .billing-ux-sticky-addon-details summary > .ui-icon:first-child {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details summary > .lucide-token:first-child ,


.billing-ux-v2 .billing-ux-sticky-addon-details summary > .ui-icon:first-child  {
  background: rgba(20, 184, 166, .12);
  color: var(--billing-ux-accent-dark);
  font-size: 18px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details summary strong {
  color: var(--billing-ux-text);
  font-size: 13px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details summary small {
  color: var(--billing-ux-muted);
  font-size: 11px;
}

.billing-ux-v2 .billing-ux-sticky-addon-details .billing-review-advanced-chevron {
  background: rgba(15, 23, 42, .06);
  color: #334155;
}

.billing-ux-v2 .billing-ux-sticky-panel > .billing-status-message:last-child,
.billing-ux-v2 .billing-ux-sticky-panel > details:last-child {
  margin-bottom: 16px;
}

.dark .billing-ux-v2 {
  --billing-ux-text: #f8fafc;
  --billing-ux-muted: #94a3b8;
  --billing-ux-border: rgba(255, 255, 255, .1);
  --billing-ux-soft: rgba(15, 23, 42, .82);
}

.dark .billing-ux-hero,
.dark .billing-ux-summary-card,
.dark .billing-ux-v2 .settings-panel,
.dark .billing-ux-v2 .billing-builder-step-nav {
  background: rgba(2, 6, 23, .82);
}

.dark .billing-ux-pill {
  background: rgba(15, 23, 42, .88);
  color: #cbd5e1;
}

.dark .billing-ux-pill.is-warning {
  background: rgba(245, 158, 11, .12);
  color: #fde68a;
}

.dark .billing-ux-pill.is-success {
  background: rgba(16, 185, 129, .12);
  color: #6ee7b7;
}

.dark .billing-ux-v2 .billing-ux-coverage-header,
.dark .billing-ux-v2 .billing-ux-addons-header,
.dark .billing-ux-v2 .billing-ux-review-header,
.dark .billing-ux-v2 .billing-ux-context-card,
.dark .billing-ux-v2 .billing-ux-change-group {
  background: rgba(2, 6, 23, .88) !important;
}

.dark .billing-ux-v2 .billing-ux-count-control,
.dark .billing-ux-v2 .billing-ux-addon-tab,
.dark .billing-ux-v2 .billing-ux-continue-panel,
.dark .billing-ux-v2 .billing-ux-addon-actions,
.dark .billing-ux-v2 .billing-ux-primary-action {
  background: rgba(15, 23, 42, .72);
}

.dark .billing-ux-sticky-rows hr {
  border-color: rgba(255, 255, 255, .1);
}

.dark .billing-ux-sticky-storage-note,
.dark .billing-ux-storage-title {
  color: #94a3b8;
}

.dark .billing-ux-v2 .billing-ux-sticky-rows .billing-ux-sticky-coupon {
  border-color: rgba(45, 212, 191, .2);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-ux-v2 .billing-ux-sticky-coupon .billing-coupon-box {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(2, 6, 23, .42);
}

.dark .billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary .lucide-token ,


.dark .billing-ux-v2 .billing-ux-sticky-coupon .billing-ux-coupon-summary .ui-icon  {
  color: #5eead4;
}

.dark .billing-ux-stripe-snapshot {
  border-color: rgba(45, 212, 191, .18) !important;
  background: rgba(15, 23, 42, .74);
}

.dark .billing-ux-stripe-snapshot-grid > div,
.dark .billing-ux-stripe-invoice-mini span,
.dark .billing-ux-stripe-invoice-mini strong {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(2, 6, 23, .32);
}

.dark .billing-ux-stripe-snapshot-grid span,
.dark .billing-ux-stripe-snapshot-grid small,
.dark .billing-ux-stripe-invoice-mini span {
  color: #94a3b8;
}

.dark .billing-ux-stripe-snapshot-grid strong,
.dark .billing-ux-stripe-invoice-mini strong {
  color: #ccfbf1;
}

.billing-ux-control-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  border: 1px solid rgba(20, 184, 166, .18);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .94));
  padding: 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .065);
}

.billing-ux-control-copy {
  display: grid;
  gap: 6px;
}

.billing-ux-control-back-link {
  width: fit-content;
  margin-bottom: 4px;
}

.billing-ux-page-title {
  margin: 0;
  color: var(--billing-ux-text);
  font-size: 22px;
  font-weight: 950;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

.billing-ux-control-copy .settings-muted {
  max-width: 48rem;
}

.billing-ux-control-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
  gap: 8px;
  margin: 0;
}

.billing-ux-control-metrics > div {
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 76px;
  border: 1px solid var(--billing-ux-border);
  border-radius: 16px;
  background: rgba(255, 255, 255, .78);
  padding: 11px 12px;
}

.billing-ux-control-metrics dt,
.billing-ux-control-metrics small {
  color: var(--billing-ux-muted);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

.billing-ux-control-metrics dt {
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.billing-ux-control-metrics dd {
  display: grid;
  gap: 2px;
  margin: 0;
}

.billing-ux-control-metrics strong {
  color: var(--billing-ux-text);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.billing-ux-v2 .billing-ux-top-summary {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.billing-ux-summary-card .settings-stat-label {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  overflow-wrap: anywhere;
}

.billing-ux-summary-card .lucide-token ,


.billing-ux-summary-card .ui-icon  {
  flex: 0 0 auto;
  font-size: 24px;
}

.billing-ux-v2 .billing-ux-stripe-snapshot-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
}

.billing-ux-v2 .billing-ux-stripe-snapshot-grid > div {
  min-height: 100px;
}

.billing-ux-count-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
  border: 1px solid rgba(20, 184, 166, .2);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(240, 253, 250, .9), rgba(255, 255, 255, .96));
  padding: 12px;
}

.billing-ux-count-status > span,
.billing-ux-count-status small {
  color: var(--billing-ux-muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.billing-ux-count-status > span {
  letter-spacing: .04em;
  text-transform: uppercase;
}

.billing-ux-count-status strong {
  grid-row: span 2;
  color: var(--billing-ux-accent-dark);
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.billing-ux-v2 .billing-tenant-slider {
  min-height: 32px;
}

.dark .billing-ux-control-strip {
  border-color: rgba(45, 212, 191, .16);
  background: rgba(15, 23, 42, .78);
}

.dark .billing-ux-control-metrics > div,
.dark .billing-ux-count-status {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(2, 6, 23, .34);
}

.dark .billing-ux-count-status strong {
  color: #5eead4;
}

@media (min-width: 768px) {
  .billing-ux-control-strip {
    grid-template-columns: minmax(0, 1.35fr) minmax(19rem, .85fr);
    align-items: center;
  }}

@media (min-width: 768px) and (max-width: 1279px) {
  .billing-mobile-total-inner {
    padding-right: 58px;
  }}

@media (min-width: 1024px) and (max-width: 1279px) {
  .settings-page:not(.pricing-signup-page) .billing-mobile-total-bar {
    left: calc(18rem + 1rem);
    right: 1rem;
    bottom: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 10px 12px;
  }

  .settings-page:not(.pricing-signup-page) .billing-mobile-total-inner {
    max-width: none;
  }}

@media (max-width: 640px) {
  .billing-ux-control-strip {
    border-radius: 18px;
    padding: 14px;
  }

  .billing-ux-page-title {
    font-size: 20px;
  }

  .billing-ux-count-status {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-count-status strong {
    grid-row: auto;
    text-align: left;
    white-space: normal;
  }}

@media (min-width: 768px) {
  .billing-ux-hero-metrics,
  .billing-ux-top-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .billing-ux-v2 .billing-ux-change-schedule {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }}

@media (min-width: 1024px) {
  .billing-ux-hero-grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(20rem, .8fr);
  }

  .billing-ux-hero-main,
  .billing-ux-hero-aside {
    padding: 26px;
  }

  .billing-ux-hero-title {
    font-size: 38px;
  }}

@media (max-width: 767px) {
  .billing-ux-hero {
    border-radius: 22px;
  }

  .billing-ux-hero-main,
  .billing-ux-hero-aside {
    padding: 18px;
  }

  .billing-ux-hero-title {
    font-size: 27px;
  }

  .billing-ux-aside-total {
    font-size: 28px;
  }

  .billing-ux-sticky-hero strong {
    font-size: 18px;
  }

  .billing-ux-v2 .billing-ux-coverage-header,
  .billing-ux-v2 .billing-ux-addons-header,
  .billing-ux-v2 .billing-ux-review-header {
    padding: 16px !important;
  }

  .billing-ux-header-selected-summary {
    width: 100%;
  }

  .billing-ux-step-copy strong,
  .billing-ux-step-copy small {
    white-space: normal;
  }

  .billing-ux-v2 .billing-ux-addon-row-main {
    align-items: flex-start;
  }}

/* Final Rentals369 palette cascade for late page-specific CSS. */
.ui-btn-primary,
.settings-btn-primary,
.ops-settings-submit,
.ops-topbar-create-link-primary,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-row-add,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-toggle-added,
.billing-coupon-apply {
  color: var(--rentals-surface);
  background-color: var(--rentals-teal);
  border-color: var(--rentals-teal);
}

.ui-btn-primary:hover,
.settings-btn-primary:hover,
.ops-settings-submit:hover,
.ops-topbar-create-link-primary:hover,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-row-add:hover,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-toggle-added:hover,
.billing-coupon-apply:hover {
  background-color: var(--rentals-teal-hover);
  border-color: var(--rentals-teal-hover);
}

.ops-panel,
.settings-panel,
.settings-card,
.glass-panel,
.glass-panel-soft,
.ops-hero,
.ops-record,
.ops-empty,
.billing-ux-v2 .settings-panel,
.billing-ux-v2 .settings-card,
.billing-ux-v2 .billing-builder-step-nav,
.billing-ux-v2 .billing-estimate-panel,
.billing-ux-v2 .billing-tenant-selector,
.billing-ux-v2 .billing-ux-section-block,
.billing-ux-v2 .billing-ux-coverage-intro,
.billing-ux-v2 .billing-ux-allowance-panel,
.billing-ux-v2 .billing-ux-continue-panel,
.billing-ux-v2 .billing-ux-addon-actions,
.billing-ux-v2 .billing-ux-primary-action,
.billing-ux-v2 .billing-ux-review-change-section,
.billing-ux-v2 .billing-ux-context-card,
.billing-ux-v2 .billing-ux-confirmation-card,
.billing-ux-v2 .billing-ux-current-details,
.billing-ux-v2 .billing-ux-coupon,
.billing-ux-v2 .billing-ux-change-group {
  border-color: var(--rentals-border);
}

.ops-heading,
.settings-heading,
.settings-page-title,
.ops-title,
.ops-list-title,
.ops-table-title,
.billing-ux-v2 .billing-ux-context-card strong,
.billing-ux-v2 .billing-ux-addon-group-title h3,
.billing-ux-v2 .billing-ux-addon-row h4 {
  color: var(--rentals-text);
}

.ops-muted,
.settings-muted,
.settings-page-subtitle,
.ops-subtitle,
.ops-list-detail,
.ops-table-detail,
.billing-ux-v2 .billing-ux-context-card small,
.billing-ux-v2 .billing-ux-addon-group-title p,
.billing-ux-v2 .billing-ux-addon-row p {
  color: var(--rentals-secondary);
}

.ops-badge,
.icon-chip,
.ops-list-icon,
.settings-account-icon,
.billing-ux-addon-guide-count,
.billing-ux-addon-guide-cues span {
  color: var(--rentals-teal-deep);
  background-color: var(--rentals-teal-soft);
}

.ops-eyebrow,
.billing-ux-addon-guide-cues .lucide-token,
.billing-ux-v2 .billing-ux-addon-group-title .billing-addon-group-kicker ,

.billing-ux-addon-guide-cues .ui-icon {
  color: var(--rentals-teal-hover);
}

.billing-ux-v2 {
  --billing-ux-soft: var(--rentals-soft);
  --billing-ux-accent: var(--rentals-teal);
  --billing-ux-accent-dark: var(--rentals-teal-hover);
  --billing-ux-text: var(--rentals-text);
}

.billing-ux-addon-group-title {
  border-color: rgba(15, 148, 136, .2);
  background:
    linear-gradient(135deg, rgba(204, 251, 241, .72), rgba(248, 250, 252, .98)) !important;
}

.billing-ux-addon-row {
  border-color: var(--rentals-border);
}

.billing-ux-addon-row:hover {
  border-color: rgba(15, 148, 136, .34);
}

.billing-ux-addon-row.is-selected,
.billing-ux-v2 .billing-ux-package-button.is-selected,
.billing-ux-v2 .billing-package-button.is-selected {
  border-color: rgba(15, 148, 136, .6);
  background: var(--rentals-teal-soft) !important;
}

.billing-ux-addon-meta {
  border-color: var(--rentals-border);
  background: var(--rentals-soft);
}

.dark .ops-panel,
.dark .settings-panel,
.dark .settings-card,
.dark .glass-panel,
.dark .glass-panel-soft,
.dark .ops-hero,
.dark .ops-empty,
.dark .billing-ux-v2 .settings-panel,
.dark .billing-ux-v2 .billing-builder-step-nav,
.dark .billing-ux-v2 .billing-estimate-panel {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(11, 27, 47, .78);
}

.dark .billing-ux-v2 .billing-ux-step-button {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(15, 23, 42, .72);
  color: #cbd5e1;
  box-shadow: none;
}

.dark .billing-ux-v2 .billing-ux-step-button:hover,
.dark .billing-ux-v2 .billing-ux-step-button:focus-visible {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(30, 41, 59, .82);
}

.dark .billing-ux-v2 .billing-ux-step-button.is-complete {
  border-color: rgba(45, 212, 191, .32);
  background: rgba(20, 184, 166, .14);
  color: #99f6e4;
}

.dark .billing-ux-v2 .billing-ux-step-marker {
  background: rgba(2, 6, 23, .62);
  color: #cbd5e1;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .22);
}

.dark .billing-ux-v2 .billing-ux-step-button.is-complete .billing-ux-step-marker {
  background: rgba(20, 184, 166, .22);
  color: #99f6e4;
  box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .3);
}

.dark .billing-ux-v2 .billing-ux-review-metric,
.dark .billing-ux-v2 .billing-ux-confirmation-card,
.dark .billing-ux-v2 .billing-invoice-line {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .68);
}

.dark .billing-ux-v2 .billing-ux-review-monthly,
.dark .billing-ux-v2 .billing-invoice-line-total {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(20, 184, 166, .12) !important;
}

.dark .billing-ux-v2 .settings-heading,
.dark .billing-ux-v2 .settings-stat-value,
.dark .billing-ux-v2 .billing-invoice-line strong,
.dark .billing-ux-v2 .billing-invoice-line b {
  color: #f8fafc;
}

.dark .billing-ux-v2 .settings-stat-label,
.dark .billing-ux-v2 .settings-muted,
.dark .billing-ux-v2 .billing-invoice-line,
.dark .billing-ux-v2 .billing-invoice-line small {
  color: #94a3b8;
}

.dark .billing-ux-v2 .billing-invoice-line-total b,
.dark .billing-ux-v2 .billing-ux-sticky-row.is-total strong,
.dark .billing-ux-v2 .billing-ux-sticky-row.is-discount,
.dark .billing-ux-v2 .billing-ux-sticky-row.is-discount strong {
  color: #5eead4;
}

.dark .billing-ux-v2 .billing-ux-sticky-hero {
  border-bottom-color: rgba(255, 255, 255, .1);
  background: linear-gradient(180deg, rgba(15, 23, 42, .94) 0%, rgba(2, 6, 23, .92) 100%);
}

.dark .billing-ux-v2 .billing-ux-sticky-hero .billing-ux-sticky-hero-icon {
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
  box-shadow: inset 0 0 0 1px rgba(45, 212, 191, .24);
}

.dark .billing-ux-v2 .billing-ux-sticky-hero .billing-ux-sticky-hero-kicker {
  color: #5eead4;
}

.dark .billing-ux-v2 .billing-ux-sticky-hero strong {
  color: #f8fafc;
}

.dark .billing-ux-v2 .billing-ux-sticky-hero small {
  color: #94a3b8;
}

.dark .billing-ux-v2 .billing-ux-sticky-addon-details {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-ux-v2 .billing-ux-sticky-addon-details summary > .lucide-token:first-child ,


.dark .billing-ux-v2 .billing-ux-sticky-addon-details summary > .ui-icon:first-child  {
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .billing-ux-v2 .billing-ux-sticky-addon-details .billing-review-advanced-chevron {
  background: rgba(148, 163, 184, .12);
  color: #cbd5e1;
}

.pricing-signup-body {
  min-height: 100vh;
  background: #f7fbfd;
  background-image:
    linear-gradient(180deg, rgba(248, 250, 252, .78) 0%, rgba(239, 246, 255, .58) 48%, rgba(248, 250, 252, .84) 100%),
    url("/images/dashboard-bg-light.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--rentals-text, #0f172a);
  color-scheme: light;
}

.dark .pricing-signup-body {
  background: #020617;
  background-image:
    linear-gradient(180deg, rgba(2, 6, 23, .84) 0%, rgba(15, 23, 42, .92) 52%, rgba(2, 6, 23, .95) 100%),
    url("/images/dashboard-bg-light.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #e2e8f0;
  color-scheme: dark;
}

.pricing-signup-shell {
  min-height: 100vh;
}

.pricing-signup-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: min(100%, 1280px);
  margin-inline: auto;
  padding: 18px 16px 0;
}

.pricing-signup-back-link {
  display: inline-flex;
  min-height: 48px;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border: 1px solid rgba(15, 118, 110, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .72);
  padding: 5px 13px 5px 6px;
  color: #0f172a;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;
}

.pricing-signup-back-icon {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, .2);
  border-radius: 8px;
  background: #f0fdfa;
  color: #0f766e;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

.pricing-signup-back-icon .lucide-token ,


.pricing-signup-back-icon .ui-icon  {
  font-size: 20px;
}

.pricing-signup-back-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.pricing-signup-back-label {
  color: #0f172a;
  font-size: .9rem;
  font-weight: 850;
  line-height: 1.15;
}

.pricing-signup-back-destination {
  color: #64748b;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.15;
}

.pricing-signup-back-link:hover {
  border-color: rgba(15, 118, 110, .28);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.pricing-signup-back-link:hover .pricing-signup-back-icon {
  border-color: rgba(15, 118, 110, .28);
  background: #ccfbf1;
  color: #0b5f5a;
  transform: translateX(-1px);
}

.pricing-signup-back-link:hover .pricing-signup-back-label {
  color: #0b5f5a;
}

.pricing-signup-back-link:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .28);
  outline-offset: 3px;
}

.pricing-signup-theme-toggle {
  display: inline-grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid rgba(15, 118, 110, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .76);
  color: #0f766e;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;
}

.pricing-signup-theme-toggle .lucide-token ,


.pricing-signup-theme-toggle .ui-icon  {
  font-size: 21px;
}

.pricing-signup-theme-toggle:hover {
  border-color: rgba(15, 118, 110, .28);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
  transform: translateY(-1px);
}

.pricing-signup-theme-toggle:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .28);
  outline-offset: 3px;
}

.dark .pricing-signup-back-link,
.dark .pricing-signup-theme-toggle {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(15, 23, 42, .78);
  color: #f8fafc;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

.dark .pricing-signup-back-icon {
  border-color: rgba(45, 212, 191, .2);
  background: rgba(20, 184, 166, .12);
  color: #5eead4;
}

.dark .pricing-signup-back-label {
  color: #f8fafc;
}

.dark .pricing-signup-back-destination {
  color: #94a3b8;
}

.dark .pricing-signup-back-link:hover,
.dark .pricing-signup-theme-toggle:hover {
  border-color: rgba(45, 212, 191, .32);
  background: rgba(30, 41, 59, .86);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .28);
}

.dark .pricing-signup-back-link:hover .pricing-signup-back-icon {
  border-color: rgba(94, 234, 212, .32);
  background: rgba(20, 184, 166, .18);
  color: #99f6e4;
}

.dark .pricing-signup-back-link:hover .pricing-signup-back-label {
  color: #99f6e4;
}

.pricing-signup-main {
  min-height: 100vh;
  padding: 18px 16px 40px;
}

.pricing-signup-page {
  margin-inline: auto;
}

.billing-guest-layout {
  display: block;
}

.billing-guest-layout .billing-ux-v2 {
  width: 100%;
}

.billing-guest-account-panel {
  overflow: hidden;
}

.billing-ux-account-header {
  border-bottom: 1px solid rgba(148, 163, 184, .22);
}

.billing-guest-login-link {
  flex-shrink: 0;
}

.billing-existing-account-link {
  display: flex;
  width: min(100%, 360px);
  min-width: 280px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(240, 253, 250, .88), rgba(255, 255, 255, .96));
  box-shadow: 0 14px 38px rgba(15, 23, 42, .08);
  color: #0f172a;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.billing-existing-account-link:hover {
  border-color: rgba(13, 148, 136, .42);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .12);
  transform: translateY(-1px);
}

.billing-existing-account-link:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .26);
  outline-offset: 3px;
}

.billing-existing-account-icon {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, .22);
  border-radius: 8px;
  background: rgba(204, 251, 241, .68);
  color: #0f766e;
}

.billing-existing-account-icon .lucide-token ,


.billing-existing-account-icon .ui-icon  {
  font-size: 22px;
}

.billing-existing-account-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
  flex: 1 1 auto;
}

.billing-existing-account-kicker,
.billing-existing-account-detail,
.billing-existing-account-action {
  overflow-wrap: anywhere;
}

.billing-existing-account-kicker {
  color: #0f172a;
  font-size: .86rem;
  font-weight: 900;
  line-height: 1.15;
}

.billing-existing-account-detail {
  color: #64748b;
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.25;
}

.billing-existing-account-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  color: #0d9488;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.billing-existing-account-action .lucide-token ,


.billing-existing-account-action .ui-icon  {
  font-size: 18px;
}

.dark .billing-existing-account-link {
  border-color: rgba(45, 212, 191, .22);
  background: linear-gradient(135deg, rgba(15, 23, 42, .88), rgba(2, 6, 23, .94));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .26);
  color: #f8fafc;
}

.dark .billing-existing-account-link:hover {
  border-color: rgba(94, 234, 212, .36);
  box-shadow: 0 24px 58px rgba(0, 0, 0, .32);
}

.dark .billing-existing-account-icon {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .billing-existing-account-kicker {
  color: #f8fafc;
}

.dark .billing-existing-account-detail {
  color: #94a3b8;
}

.dark .billing-existing-account-action {
  color: #5eead4;
}

.billing-guest-account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.billing-account-optional-group {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 12px;
  background: rgba(248, 250, 252, .74);
  padding: 12px;
}

.billing-account-optional-heading {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #334155;
}

.billing-account-optional-heading .lucide-token ,


.billing-account-optional-heading .ui-icon  {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border-radius: 8px;
  background: rgba(14, 165, 233, .12);
  color: #0369a1;
  font-size: 18px;
}

.billing-account-optional-heading span:not(.lucide-token) {
  display: grid;
  gap: 2px;
}

.billing-account-optional-heading strong {
  color: #0f172a;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-account-optional-heading small {
  color: #64748b;
  font-size: .74rem;
  font-weight: 740;
  line-height: 1.35;
}

.billing-account-optional-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.billing-account-required-note,
.billing-account-validation-message {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  border: 1px solid rgba(14, 165, 233, .24);
  border-radius: 8px;
  background: rgba(240, 249, 255, .8);
  padding: 10px 12px;
  color: #075985;
  font-size: .8rem;
  font-weight: 760;
  line-height: 1.45;
}

.billing-account-required-note p,
.billing-account-validation-message p {
  margin: 0;
}

.billing-account-required-note strong {
  color: #0c4a6e;
  font-weight: 950;
}

.billing-account-required-note .lucide-token,
.billing-account-validation-message .lucide-token ,


.billing-account-required-note .ui-icon,

.billing-account-validation-message .ui-icon  {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  margin-top: 1px;
  font-size: 18px;
}

.billing-account-validation-message {
  border-color: rgba(225, 29, 72, .28);
  background: rgba(255, 241, 242, .88);
  color: #9f1239;
}

.billing-account-validation-message .lucide-token ,


.billing-account-validation-message .ui-icon  {
  color: #be123c;
}

.billing-field-requirement {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0;
  color: #64748b;
  font-size: .72rem;
  font-weight: 760;
  line-height: 1.3;
}

.billing-field-required,
.billing-field-optional {
  display: inline-flex;
  min-height: 1.25rem;
  align-items: center;
  border: 1px solid;
  border-radius: 6px;
  padding: 0 7px;
  font-size: .66rem;
  font-weight: 950;
  line-height: 1;
}

.billing-field-required {
  border-color: rgba(245, 158, 11, .34);
  background: #fffbeb;
  color: #92400e;
}

.billing-field-optional {
  border-color: rgba(14, 165, 233, .28);
  background: #f0f9ff;
  color: #0369a1;
}

.billing-guest-account-panel .settings-floating-control[data-account-required-field] {
  border-color: rgba(225, 29, 72, .62);
  box-shadow: 0 0 0 1px rgba(244, 63, 94, .1);
}

.billing-guest-account-panel .settings-floating-control[data-account-required-field]:focus {
  border-color: #e11d48;
  box-shadow: 0 0 0 3px rgba(244, 63, 94, .16);
}

.billing-guest-account-panel .settings-floating-control[aria-invalid="true"] {
  border-color: #be123c;
  box-shadow: 0 0 0 3px rgba(244, 63, 94, .14);
}

.billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]) {
  border-color: #16a34a;
  color: #14532d;
  box-shadow:
    0 0 0 1px rgba(22, 163, 74, .16),
    0 1px 2px rgba(15, 23, 42, .06);
}

.billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]):focus {
  border-color: #15803d;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .18);
}

.billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]) + .settings-floating-label {
  color: #15803d;
}

.billing-field-requirement[data-account-valid="true"] {
  color: #166534;
}

.billing-field-requirement[data-account-valid="true"] .billing-field-required {
  border-color: rgba(22, 163, 74, .36);
  background: #dcfce7;
  color: #166534;
}

.billing-ux-step-button:disabled,
.billing-ux-primary-button:disabled {
  cursor: not-allowed;
  opacity: .72;
  box-shadow: none;
}

.billing-ux-primary-button:disabled {
  border-color: #cbd5e1;
  background: #94a3b8;
  color: #f8fafc;
  filter: saturate(.65);
}

.billing-guest-account-note,
.pricing-checkout-pending-card {
  border: 1px solid rgba(20, 184, 166, .24);
  border-radius: 8px;
  background: rgba(240, 253, 250, .72);
}

.billing-guest-account-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  color: #0f766e;
  font-size: .86rem;
  line-height: 1.45;
}

.billing-guest-account-note .lucide-token ,


.billing-guest-account-note .ui-icon  {
  margin-top: 1px;
  font-size: 20px;
}

.billing-account-inline-checkout {
  min-width: min(100%, 18rem);
}

.pricing-checkout-pending {
  display: grid;
  min-height: calc(100vh - 64px);
  place-items: center;
}

.pricing-checkout-pending-card {
  width: min(100%, 560px);
  padding: 28px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 24px 80px rgba(15, 23, 42, .14);
}

.pricing-checkout-pending-icon {
  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: 16px;
  place-items: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, .14);
  color: #0f766e;
}

.pricing-checkout-pending-icon .lucide-token ,


.pricing-checkout-pending-icon .ui-icon  {
  animation: billing-pending-spin 1.2s linear infinite;
  font-size: 30px;
}

.pricing-checkout-pending h1 {
  margin-top: 8px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.08;
}

.pricing-checkout-pending p {
  margin-top: 10px;
  color: #475569;
  font-size: 1rem;
  line-height: 1.6;
}

.pricing-checkout-pending-progress {
  height: 8px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.pricing-checkout-pending-progress span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: #0d9488;
  animation: billing-pending-progress 1.5s ease-in-out infinite;
}

.pricing-checkout-pending-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.dark .billing-guest-account-note,
.dark .pricing-checkout-pending-card {
  border-color: rgba(45, 212, 191, .24);
  background: rgba(15, 23, 42, .88);
}

.dark .billing-account-required-note {
  border-color: rgba(56, 189, 248, .26);
  background: rgba(8, 47, 73, .62);
  color: #bae6fd;
}

.dark .billing-account-required-note strong {
  color: #e0f2fe;
}

.dark .billing-account-validation-message {
  border-color: rgba(251, 113, 133, .28);
  background: rgba(76, 5, 25, .58);
  color: #fecdd3;
}

.dark .billing-account-validation-message .lucide-token ,


.dark .billing-account-validation-message .ui-icon  {
  color: #fda4af;
}

.dark .billing-guest-account-note {
  color: #5eead4;
}

.dark .billing-field-requirement {
  color: #cbd5e1;
}

.dark .billing-field-required {
  border-color: rgba(251, 191, 36, .32);
  background: rgba(120, 53, 15, .42);
  color: #fde68a;
}

.dark .billing-field-optional {
  border-color: rgba(56, 189, 248, .28);
  background: rgba(8, 47, 73, .54);
  color: #bae6fd;
}

.dark .billing-guest-account-panel .settings-floating-control[data-account-required-field] {
  border-color: rgba(251, 113, 133, .68);
  box-shadow: 0 0 0 1px rgba(251, 113, 133, .12);
}

.dark .billing-guest-account-panel .settings-floating-control[data-account-required-field]:focus {
  border-color: #fda4af;
  box-shadow: 0 0 0 3px rgba(251, 113, 133, .18);
}

.dark .billing-guest-account-panel .settings-floating-control[aria-invalid="true"] {
  border-color: #fda4af;
  box-shadow: 0 0 0 3px rgba(251, 113, 133, .16);
}

.dark .billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]) {
  border-color: #86efac;
  color: #dcfce7;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .16);
}

.dark .billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]):focus {
  border-color: #bbf7d0;
  box-shadow: 0 0 0 3px rgba(134, 239, 172, .18);
}

.dark .billing-guest-account-panel .settings-floating-control[data-account-required-field][data-account-valid="true"]:not(.is-invalid):not([aria-invalid="true"]) + .settings-floating-label {
  color: #86efac;
}

.dark .billing-field-requirement[data-account-valid="true"] {
  color: #bbf7d0;
}

.dark .billing-field-requirement[data-account-valid="true"] .billing-field-required {
  border-color: rgba(134, 239, 172, .36);
  background: rgba(20, 83, 45, .58);
  color: #bbf7d0;
}

.dark .billing-ux-primary-button:disabled {
  border-color: rgba(100, 116, 139, .52);
  background: #1e293b;
  color: #94a3b8;
}

.dark .pricing-checkout-pending-icon {
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .pricing-checkout-pending h1 {
  color: #f8fafc;
}

.dark .pricing-checkout-pending p {
  color: #cbd5e1;
}

.dark .pricing-checkout-pending-progress {
  background: rgba(148, 163, 184, .2);
}

@media (min-width: 1024px) {
  .pricing-signup-main {
    padding: 24px 28px 56px;
  }}

@media (max-width: 767px) {
  .billing-guest-account-grid {
    grid-template-columns: 1fr;
  }

  .billing-account-optional-grid {
    grid-template-columns: 1fr;
  }

  .billing-ux-account-header {
    align-items: stretch;
  }

  .billing-guest-login-link {
    width: 100%;
  }

  .billing-existing-account-link {
    min-width: 0;
    align-items: center;
  }

  .billing-existing-account-action {
    margin-left: auto;
  }}

/* Subscription builder polish: guest pricing and customer billing share this surface. */
.billing-ux-v2 .billing-builder-step-nav {
  border-color: rgba(20, 184, 166, .18);
  border-radius: 20px;
  background: rgba(255, 255, 255, .96);
  padding: 14px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .055);
}

.billing-ux-v2 .billing-ux-step-list {
  position: relative;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.75rem), 1fr));
  gap: 10px;
}

.billing-ux-v2 .billing-ux-step-list > li {
  position: relative;
}

.billing-ux-v2 .billing-ux-step-list > li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -13px;
  z-index: 2;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid rgba(13, 148, 136, .52);
  border-right: 2px solid rgba(13, 148, 136, .52);
  content: "";
  transform: translateY(-50%) rotate(45deg);
  transition: border-color .18s ease, opacity .18s ease, transform .18s ease;
}

.billing-ux-v2 .billing-ux-step-button {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  min-height: 64px;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  background: #fff;
  color: #334155;
  padding: 10px;
  text-align: left;
  box-shadow: none;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.billing-ux-v2 .billing-ux-step-button:hover,
.billing-ux-v2 .billing-ux-step-button:focus-visible {
  border-color: rgba(13, 148, 136, .32);
  background: #f8fafc;
  color: #0f172a;
  transform: translateY(-1px);
}

.billing-ux-v2 .billing-ux-step-button.is-active {
  border-color: rgba(13, 148, 136, .62);
  background: #ffffff;
  color: #0f172a;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .14), 0 10px 20px rgba(15, 23, 42, .055);
  transform: translateY(-1px);
}

.billing-ux-v2 .billing-ux-step-button.is-active::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 14px 0 0 14px;
  background: #0d9488;
  content: "";
}

.billing-ux-v2 .billing-ux-step-button.is-complete {
  border-color: rgba(16, 185, 129, .34);
  background: #f0fdfa;
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-step-button.is-locked {
  color: #94a3b8;
}

.billing-ux-v2 .billing-ux-step-marker {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  border-radius: 999px;
}

.billing-ux-v2 .billing-ux-step-button.is-active .billing-ux-step-marker {
  background: #ccfbf1;
  color: #0f766e;
  box-shadow: inset 0 0 0 1px rgba(13, 148, 136, .24);
}

.billing-ux-v2 .billing-ux-step-copy small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.billing-ux-v2 .billing-ux-step-button.is-active .billing-ux-step-copy small,
.billing-ux-v2 .billing-ux-step-button.is-complete .billing-ux-step-copy small {
  color: #0f766e;
}

@media (min-width: 700px) {
  .billing-ux-v2 .billing-ux-step-list::before,
  .billing-ux-v2 .billing-ux-step-list::after {
    position: absolute;
    top: 32px;
    left: 7%;
    height: 2px;
    border-radius: 999px;
    content: "";
  }

  .billing-ux-v2 .billing-ux-step-list::before {
    right: 7%;
    background: #e2e8f0;
  }

  .billing-ux-v2 .billing-ux-step-list::after {
    width: var(--billing-step-progress, 0%);
    max-width: 86%;
    background: #14b8a6;
    transition: width .22s ease;
  }
}

.billing-ux-optional-upgrades {
  border-color: rgba(148, 163, 184, .26);
  background: #fff;
  padding: 0;
  overflow: hidden;
}

.billing-ux-optional-upgrades-summary {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 14px;
  color: #0f172a;
  list-style: none;
}

.billing-ux-optional-upgrades-summary::-webkit-details-marker {
  display: none;
}

.billing-ux-optional-upgrades-summary:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .24);
  outline-offset: -3px;
}

.billing-ux-optional-upgrades-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, .24);
  border-radius: 10px;
  background: #f0fdfa;
  color: #0f766e;
  font-size: 20px;
}

.billing-ux-optional-upgrades-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.billing-ux-optional-upgrades-copy strong {
  color: #0f172a;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-ux-optional-upgrades-copy small,
.billing-ux-optional-upgrades-state small {
  color: #64748b;
  font-size: .72rem;
  font-weight: 780;
  line-height: 1.25;
}

.billing-ux-optional-upgrades-state {
  display: grid;
  justify-items: end;
  gap: 1px;
}

.billing-ux-optional-upgrades-state strong {
  color: #0f766e;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1;
}

.billing-ux-optional-upgrades-body {
  border-top: 1px solid rgba(148, 163, 184, .18);
  padding: 14px;
}

.billing-ux-quickbooks-upgrade .billing-ux-addon-group-title {
  border-color: rgba(13, 148, 136, .22);
  background: linear-gradient(135deg, #f0fdfa, #ffffff);
}

.billing-ux-quickbooks-upgrade .billing-ux-addon-guide-icon {
  background: #ccfbf1;
  color: #0f766e;
}

.billing-ux-addon-skip-cue {
  border-color: rgba(20, 184, 166, .18);
  background: #f0fdfa;
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-coverage-shell {
  display: grid;
  gap: 12px;
}

.billing-ux-v2 .billing-ux-coverage-guide {
  border-color: rgba(148, 163, 184, .28);
  background: #fff;
  padding: 16px;
}

.billing-ux-v2 .billing-ux-tenant-count-card {
  display: grid;
  gap: 16px;
  border-color: rgba(148, 163, 184, .3);
  background: #fff;
  padding: 16px;
  box-shadow: none;
}

.billing-ux-coverage-target-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 14px;
}

.billing-ux-v2 .billing-ux-count-status {
  border-color: rgba(20, 184, 166, .24);
  background: linear-gradient(135deg, #f0fdfa, #ffffff);
  width: 100%;
}

.billing-ux-v2 .billing-ux-coverage-target-head .billing-ux-coverage-guide-cues {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  justify-content: stretch;
  margin-top: 0;
  width: 100%;
}

.billing-ux-v2 .billing-ux-coverage-target-head .billing-ux-coverage-guide-cues span {
  justify-content: center;
  min-height: 38px;
  text-align: center;
}

.billing-ux-coverage-control-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, .42fr);
  align-items: stretch;
  gap: 14px;
}

.billing-ux-coverage-meter,
.billing-ux-coverage-rules {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  background: #f8fafc;
}

.billing-ux-coverage-meter {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.billing-ux-v2 .billing-ux-slider-shell .billing-slider-limits {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.billing-ux-v2 .billing-ux-tenant-count-card .billing-count-copy .settings-muted {
  max-width: 34rem;
}

.billing-ux-coverage-rules {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  padding: 14px;
}

.billing-ux-coverage-rules > .lucide-token ,


.billing-ux-coverage-rules > .ui-icon  {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #ecfeff;
  color: #0f766e;
  font-size: 19px;
}

.billing-ux-coverage-rules strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.billing-ux-coverage-rules p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
}

.billing-ux-v2 .billing-ux-addons-header {
  align-items: stretch;
  justify-content: space-between;
  text-align: left;
}

.billing-ux-v2 .billing-ux-addons-header > div:first-child {
  max-width: 36rem;
}

.billing-ux-addon-header-metrics,
.billing-ux-addon-summary-strip > div {
  border: 1px solid rgba(20, 184, 166, .2);
  border-radius: 14px;
  background: #f8fafc;
  padding: 11px 12px;
}

.billing-ux-addon-header-metrics {
  min-width: min(100%, 14rem);
  align-self: stretch;
}

.billing-ux-addon-header-metrics span,
.billing-ux-addon-header-metrics small,
.billing-ux-addon-summary-strip span,
.billing-ux-addon-summary-strip small {
  display: block;
  color: #64748b;
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1.25;
}

.billing-ux-addon-header-metrics span,
.billing-ux-addon-summary-strip span {
  letter-spacing: .04em;
  text-transform: uppercase;
}

.billing-ux-addon-header-metrics strong,
.billing-ux-addon-summary-strip strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.billing-ux-addon-summary-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, .42fr);
  gap: 10px;
}

.billing-ux-v2 .billing-ux-addon-tabs {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.billing-ux-v2 .billing-ux-addon-tab {
  min-height: 64px;
  border-radius: 14px;
  box-shadow: none;
}

.billing-ux-v2 .billing-ux-addon-tab.is-active {
  border-color: rgba(13, 148, 136, .58);
  background: #ecfeff;
  color: #0f172a;
  box-shadow: inset 0 0 0 1px rgba(20, 184, 166, .14);
}

.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-context {
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-icon,
.billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-count {
  background: #ccfbf1;
  color: #0f766e;
}

.billing-ux-v2 .billing-ux-addon-group-title {
  border-color: rgba(148, 163, 184, .28);
  background: #fff !important;
}

.billing-ux-addon-guide-main {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}

.billing-ux-addon-guide-icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #ecfeff;
  color: #0f766e;
  font-size: 20px;
}

.billing-ux-v2 .billing-ux-addon-guide-count {
  background: #e0f2fe;
  color: #075985;
}

.billing-ux-v2 .billing-ux-addon-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border-radius: 16px;
  box-shadow: none;
}

.billing-ux-v2 .billing-ux-addon-row-main {
  grid-column: 1;
  grid-template-columns: minmax(0, 1fr) minmax(8.25rem, auto);
}

.billing-ux-addon-row-action {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 5rem;
}

.billing-ux-addon-row-action .billing-addon-controls {
  justify-content: flex-end;
}

.billing-ux-v2 .billing-ux-addon-meta {
  min-width: 8.25rem;
  text-align: right;
}

.billing-ux-v2 .billing-ux-addon-row .billing-addon-row-add,
.billing-ux-v2 .billing-ux-addon-row .billing-addon-toggle-added {
  justify-content: center;
  min-width: 92px;
}

@media (max-width: 900px) {
  .billing-ux-coverage-target-head,
  .billing-ux-coverage-control-grid,
  .billing-ux-addon-summary-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-v2 .billing-ux-coverage-target-head .billing-ux-coverage-guide-cues {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-v2 .billing-ux-addon-row,
  .billing-ux-v2 .billing-ux-addon-row-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-ux-addon-row-action {
    grid-column: 1;
    justify-content: stretch;
    width: 100%;
  }

  .billing-ux-addon-row-action > button,
  .billing-ux-addon-row-action .billing-addon-controls {
    width: 100%;
  }

  .billing-ux-v2 .billing-ux-addon-meta {
    min-width: 0;
    text-align: left;
  }}

.dark .billing-ux-v2 .billing-builder-step-nav,
.dark .billing-ux-v2 .billing-ux-coverage-guide,
.dark .billing-ux-v2 .billing-ux-tenant-count-card,
.dark .billing-ux-v2 .billing-ux-addon-group-title {
  border-color: rgba(45, 212, 191, .14);
  background: rgba(15, 23, 42, .78) !important;
}

.dark .billing-ux-v2 .billing-ux-step-button,
.dark .billing-ux-addon-header-metrics,
.dark .billing-ux-addon-summary-strip > div,
.dark .billing-ux-coverage-meter,
.dark .billing-ux-coverage-rules {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(15, 23, 42, .62);
}

.dark .billing-ux-v2 .billing-ux-step-button.is-active,
.dark .billing-ux-v2 .billing-ux-addon-tab.is-active {
  border-color: rgba(45, 212, 191, .42);
  background: rgba(20, 184, 166, .14);
  color: #f8fafc;
}

/* Add-on step readability: keep product names readable in the narrow billing column. */
.billing-ux-v2 .billing-ux-addon-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  padding: 16px;
}

.billing-ux-v2 .billing-ux-addon-row-main {
  grid-column: 1;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.billing-ux-addon-copy {
  display: grid;
  gap: 6px;
}

.billing-ux-addon-name-row h4,
.billing-ux-addon-description,
.billing-ux-addon-cues,
.billing-ux-addon-cues .billing-addon-value-cue {
  hyphens: manual;
  overflow-wrap: break-word;
  word-break: normal;
}

.billing-ux-v2 .billing-ux-addon-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 10px;
  min-width: 0;
  text-align: left;
}

.billing-ux-v2 .billing-ux-addon-meta small:first-child {
  flex: 1 1 100%;
}

.billing-ux-v2 .billing-ux-addon-price span {
  font-size: 17px;
}

.billing-ux-addon-row-action {
  grid-column: 1;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
}

.billing-ux-addon-row-action > button {
  width: auto;
}

.billing-ux-addon-row-action .billing-addon-controls {
  width: 100%;
  max-width: 21rem;
  justify-content: flex-start;
}

.billing-ux-sticky-addon-lines {
  display: grid;
  gap: 6px;
}

.billing-ux-sticky-addon-heading {
  color: #0f172a;
}

.billing-ux-sticky-row-addon-detail {
  align-items: start;
  padding: 2px 0 0;
}

.billing-ux-sticky-addon-label {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: #0f172a;
  font-weight: 900;
  line-height: 1.2;
}

.billing-ux-sticky-addon-label span,
.billing-ux-sticky-addon-label small {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.billing-ux-sticky-addon-label small {
  color: #64748b;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.25;
}

.billing-ux-addon-line-summary {
  display: grid;
  justify-items: end;
  gap: 2px;
  min-width: 5.75rem;
}

.billing-ux-addon-line-math {
  display: grid;
  justify-items: end;
  gap: 1px;
}

.billing-ux-addon-line-formula {
  color: var(--billing-ux-text);
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
  white-space: nowrap;
}

.billing-ux-addon-line-total {
  color: var(--billing-ux-text);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

@media (min-width: 1536px) {
  .billing-subscription-workspace .billing-ux-v2 .billing-ux-addon-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .billing-subscription-workspace .billing-ux-v2 .billing-ux-addon-row-main {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, auto);
  }

  .billing-subscription-workspace .billing-ux-addon-row-action {
    grid-column: 2;
    justify-content: flex-end;
    width: auto;
  }

  .billing-subscription-workspace .billing-ux-v2 .billing-ux-addon-meta {
    display: grid;
    justify-items: end;
    text-align: right;
  }
}

@media (max-width: 640px) {
  .billing-ux-v2 .billing-ux-step-list > li:not(:last-child)::after {
    display: none;
  }

  .billing-ux-optional-upgrades-summary {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .billing-ux-optional-upgrades-state {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-items: start;
  }

  .billing-ux-addon-row-action > button,
  .billing-ux-addon-row-action .billing-addon-controls {
    width: 100%;
  }
}

.dark .billing-ux-sticky-addon-heading,
.dark .billing-ux-sticky-addon-label,
.dark .billing-ux-addon-line-formula,
.dark .billing-ux-addon-line-total {
  color: #f8fafc;
}

.dark .billing-ux-sticky-addon-label small {
  color: #94a3b8;
}

.dark .billing-ux-v2 .billing-ux-step-list::before {
  background: rgba(148, 163, 184, .22);
}

.dark .billing-ux-v2 .billing-ux-step-list::after {
  background: #5eead4;
}

.dark .billing-account-optional-group,
.dark .billing-ux-optional-upgrades {
  border-color: rgba(148, 163, 184, .22);
  background: rgba(15, 23, 42, .72);
}

.dark .billing-account-optional-heading,
.dark .billing-ux-optional-upgrades-summary {
  color: #e2e8f0;
}

.dark .billing-account-optional-heading strong,
.dark .billing-ux-optional-upgrades-copy strong {
  color: #f8fafc;
}

.dark .billing-account-optional-heading small,
.dark .billing-ux-optional-upgrades-copy small,
.dark .billing-ux-optional-upgrades-state small {
  color: #94a3b8;
}

.dark .billing-account-optional-heading .lucide-token,
.dark .billing-ux-optional-upgrades-icon ,


.dark .billing-account-optional-heading .ui-icon {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .billing-ux-optional-upgrades-state strong {
  color: #5eead4;
}

.dark .billing-ux-optional-upgrades-body {
  border-top-color: rgba(148, 163, 184, .18);
}

.dark .billing-ux-quickbooks-upgrade .billing-ux-addon-group-title {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(20, 184, 166, .1);
}

.dark .billing-ux-addon-skip-cue {
  border-color: rgba(45, 212, 191, .18);
  background: rgba(20, 184, 166, .12);
  color: #5eead4;
}

.dark .billing-ux-v2 .billing-ux-step-list > li:not(:last-child)::after {
  border-top-color: rgba(94, 234, 212, .72);
  border-right-color: rgba(94, 234, 212, .72);
}

/* Guest pricing checkout image-to-code redesign. Scoped to /pricing. */
.pricing-signup-page {
  max-width: 1480px;
}

.billing-checkout-redesign {
  color: #101b3d;
}

.billing-checkout-shell {
  overflow: hidden;
  border: 1px solid #dbe8f3;
  border-radius: 24px;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .065);
}

.billing-checkout-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  min-height: 52px;
  gap: 14px;
  border-bottom: 1px solid #e2e8f0;
  padding: 0 28px;
}

.billing-checkout-brand,
.billing-checkout-trust,
.billing-checkout-secure {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  color: #101b3d;
  font-weight: 950;
  line-height: 1.1;
}

.billing-checkout-brand {
  justify-self: start;
  text-decoration: none;
}

.billing-checkout-brand-mark {
  color: #0f9488;
  font-size: 24px;
}

.billing-checkout-brand span:last-child {
  font-size: .9rem;
}

.billing-checkout-trust {
  justify-self: center;
  color: #334155;
  font-size: .62rem;
  font-weight: 850;
}

.billing-checkout-trust .lucide-token,
.billing-checkout-secure .lucide-token ,


.billing-checkout-trust .ui-icon,

.billing-checkout-secure .ui-icon  {
  color: #0f9488;
  font-size: 17px;
}

.billing-checkout-secure {
  justify-self: end;
  min-height: 24px;
  border: 1px solid #dde6ef;
  border-radius: 999px;
  background: #f8fafc;
  padding: 0 10px;
  color: #475569;
  font-size: .62rem;
}

.billing-checkout-redesign .billing-builder-step-nav {
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  border-radius: 0;
  background: transparent;
  min-height: 50px;
  padding: 9px 28px;
  box-shadow: none;
}

.billing-checkout-redesign .billing-ux-step-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.billing-checkout-redesign .billing-ux-step-list::before,
.billing-checkout-redesign .billing-ux-step-list::after {
  top: 17px;
  left: 8%;
  right: 8%;
}

.billing-checkout-redesign .billing-ux-step-list > li:not(:last-child)::after {
  top: 18px;
  right: -13px;
  width: 9px;
  height: 9px;
  border-top-color: #cbd5e1;
  border-right-color: #cbd5e1;
}

.billing-checkout-redesign .billing-ux-step-button {
  min-height: 34px;
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.billing-checkout-redesign .billing-ux-step-button:hover,
.billing-checkout-redesign .billing-ux-step-button.is-active,
.billing-checkout-redesign .billing-ux-step-button.is-complete {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.billing-checkout-redesign .billing-ux-step-marker {
  width: 24px;
  height: 24px;
  border: 1px solid #dbe7f0;
  background: #fff;
  color: #101b3d;
  font-size: .7rem;
}

.billing-checkout-redesign .billing-ux-step-button.is-active .billing-ux-step-marker,
.billing-checkout-redesign .billing-ux-step-button.is-complete .billing-ux-step-marker {
  border-color: #0f9488;
  background: #0f9488;
  color: #fff;
  box-shadow: none;
}

.billing-checkout-redesign .billing-ux-step-copy strong {
  color: #101b3d;
  font-size: .66rem;
  font-weight: 950;
}

.billing-checkout-redesign .billing-ux-step-copy small {
  margin-top: 1px;
  color: #0f9488;
  font-size: .58rem;
  font-weight: 900;
}

.billing-checkout-workspace {
  gap: 22px;
  padding: 18px 26px 16px;
}

.billing-checkout-redesign .billing-checkout-step-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.billing-checkout-redesign .billing-checkout-step-panel > .settings-panel-header {
  border-bottom: 0;
  padding: 0 0 14px;
}

.billing-checkout-redesign .billing-checkout-step-panel > .settings-panel-body {
  padding: 0;
}

.billing-checkout-redesign .settings-heading,
.billing-checkout-redesign .billing-ux-section-heading {
  color: #101b3d;
  font-size: 1.12rem;
  font-weight: 950;
  line-height: 1.15;
}

.billing-checkout-redesign .settings-muted {
  color: #536178;
  font-size: .68rem;
  font-weight: 700;
}

.billing-checkout-redesign .billing-ux-section-kicker,
.billing-checkout-redesign .billing-ux-step-kicker {
  color: #0f9488;
}

.billing-checkout-redesign .billing-ux-coverage-guide {
  border: 0;
  background: transparent;
  padding: 0;
}

.billing-checkout-info-callout {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(15, 148, 136, .18);
  border-radius: 9px;
  background: #effdf9;
  padding: 10px 12px;
  color: #0f766e;
}

.billing-checkout-info-callout .lucide-token ,


.billing-checkout-info-callout .ui-icon  {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #0f9488;
  font-size: 18px;
}

.billing-checkout-info-callout p {
  margin: 0;
  font-size: .66rem;
  font-weight: 850;
  line-height: 1.35;
}

.billing-checkout-redesign .billing-ux-tenant-count-card {
  gap: 14px;
  border: 1px solid #dde6ef;
  border-radius: 16px;
  background: #fff;
  padding: 16px 20px 14px;
}

.billing-checkout-tenant-counter {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.billing-checkout-counter-question {
  margin: 0;
  color: #101b3d;
  font-size: .72rem;
  font-weight: 950;
  text-align: center;
}

.billing-checkout-count-stepper {
  display: grid;
  grid-template-columns: 42px minmax(7.25rem, 1fr) 42px;
  align-items: center;
  gap: 36px;
  width: min(100%, 360px);
}

.billing-checkout-count-stepper .billing-icon-step {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #fff;
  color: #101b3d;
  font-size: 20px;
}

.billing-checkout-count-readout {
  display: grid;
  justify-items: center;
  gap: 4px;
  min-width: 0;
}

.billing-checkout-count-readout strong {
  color: #050b2b;
  font-size: 2.32rem;
  font-weight: 950;
  line-height: .9;
}

.billing-checkout-count-readout span,
.billing-checkout-counter-helper {
  color: #101b3d;
  font-size: .72rem;
  font-weight: 900;
}

.billing-checkout-counter-helper {
  margin: -4px 0 0;
  color: #64748b;
  font-size: .58rem;
}

.billing-checkout-slider-shell {
  width: min(100%, 400px);
}

.billing-checkout-redesign .billing-slider-limits {
  color: #101b3d;
  font-size: .6rem;
  font-weight: 900;
}

.billing-checkout-tenant-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border-top: 0;
  padding-top: 2px;
}

.billing-checkout-tenant-proof > div,
.billing-checkout-benefit-strip > div,
.billing-checkout-trust-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.billing-checkout-tenant-proof > div {
  min-height: 56px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  padding: 8px;
}

.billing-checkout-tenant-proof .lucide-token,
.billing-checkout-benefit-strip .lucide-token,
.billing-checkout-trust-list .lucide-token,
.billing-checkout-next-card > .lucide-token ,


.billing-checkout-tenant-proof .ui-icon,

.billing-checkout-benefit-strip .ui-icon,

.billing-checkout-trust-list .ui-icon,

.billing-checkout-next-card > .ui-icon  {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 8px;
  background: #ccfbf1;
  color: #0f9488;
  font-size: 20px;
}

.billing-checkout-next-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #ccfbf1;
  color: #0f9488;
  font-size: 22px;
}

.billing-checkout-tenant-proof strong,
.billing-checkout-benefit-strip strong,
.billing-checkout-trust-list strong {
  grid-column: 2;
  color: #101b3d;
  font-size: .62rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-checkout-tenant-proof p,
.billing-checkout-benefit-strip small,
.billing-checkout-trust-list small,
.billing-checkout-next-card p {
  grid-column: 2;
  margin: 2px 0 0;
  color: #64748b;
  font-size: .58rem;
  font-weight: 750;
  line-height: 1.3;
}

.billing-checkout-redesign .billing-ux-continue-panel {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(150px, auto);
  align-items: center;
  gap: 12px;
  border: 1px solid #dbe8f3;
  border-radius: 14px;
  background: linear-gradient(135deg, #f6fbff, #fff);
  padding: 10px 12px;
}

.billing-checkout-redesign .billing-ux-continue-copy {
  text-align: left;
}

.billing-checkout-redesign .billing-ux-continue-button,
.billing-checkout-redesign .billing-ux-primary-button {
  min-height: 42px;
  border-radius: 8px;
  background: #0f9488;
  font-size: .72rem;
  font-weight: 950;
  box-shadow: 0 14px 22px rgba(15, 148, 136, .22);
}

.billing-checkout-redesign .billing-ux-continue-button {
  justify-self: end;
  width: auto;
  min-width: 150px;
  padding-inline: 18px;
}

.billing-checkout-upgrade-proof {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #dde6ef;
  border-radius: 8px;
  background: #f8fafc;
  padding: 7px 10px;
  color: #334155;
  font-size: .62rem;
  font-weight: 850;
}

.billing-checkout-upgrade-proof strong {
  border-radius: 999px;
  background: #ccfbf1;
  padding: 3px 9px;
  color: #0f766e;
  font-size: .66rem;
  font-weight: 950;
}

.billing-checkout-proof-icon {
  color: #0f9488;
  font-size: 20px;
}

.billing-checkout-upgrade-section,
.billing-checkout-benefit-strip,
.billing-checkout-next-card {
  border: 1px solid #dde6ef;
  border-radius: 14px;
  background: #fff;
}

.billing-checkout-upgrade-section {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.billing-checkout-inline-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}

.billing-checkout-inline-heading .lucide-token ,


.billing-checkout-inline-heading .ui-icon  {
  color: #0f9488;
  font-size: 20px;
}

.billing-checkout-inline-heading h3 {
  margin: 0;
  color: #101b3d;
  font-size: .72rem;
  font-weight: 950;
}

.billing-checkout-upgrade-panel {
  border: 0;
  background: transparent;
}

.billing-checkout-upgrade-panel .billing-ux-optional-upgrades-body {
  border-top: 0;
  padding: 0;
}

.billing-checkout-redesign .billing-ux-addon-groups {
  display: grid;
  gap: 14px;
}

.billing-checkout-redesign .billing-ux-addon-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 10px;
}

.billing-checkout-redesign .billing-ux-quickbooks-upgrade .billing-ux-addon-list {
  grid-template-columns: minmax(0, 326px);
}

.billing-checkout-redesign .billing-ux-addon-row {
  display: grid;
  min-height: 190px;
  align-content: stretch;
  gap: 10px;
  border: 1px solid #dde6ef;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .045);
}

.billing-checkout-redesign .billing-ux-quickbooks-upgrade .billing-ux-addon-row {
  border-color: rgba(15, 148, 136, .45);
  box-shadow: 0 12px 26px rgba(15, 148, 136, .08);
}

.billing-checkout-redesign .billing-ux-addon-row.is-selected {
  border-color: #0f9488;
  box-shadow: 0 0 0 1px rgba(15, 148, 136, .28), 0 14px 28px rgba(15, 148, 136, .12);
}

.billing-checkout-redesign .billing-ux-addon-row-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

.billing-checkout-redesign .billing-ux-addon-copy {
  gap: 8px;
}

.billing-checkout-redesign .billing-ux-addon-name-row {
  align-items: start;
}

.billing-checkout-product-logo {
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 999px;
  background: #2ca01c;
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.billing-checkout-redesign .billing-ux-addon-name-row h4 {
  color: #101b3d;
  font-size: .72rem;
  line-height: 1.15;
}

.billing-checkout-redesign .billing-ux-addon-description {
  min-height: 2.4em;
  color: #536178;
  font-size: .6rem;
  font-weight: 750;
}

.billing-checkout-redesign .billing-ux-addon-cues {
  display: grid;
  gap: 6px;
}

.billing-checkout-redesign .billing-ux-addon-cues .billing-addon-value-cue {
  border: 0;
  background: transparent;
  padding: 0;
  color: #334155;
  font-size: .58rem;
}

.billing-checkout-redesign .billing-ux-addon-cues .lucide-token ,


.billing-checkout-redesign .billing-ux-addon-cues .ui-icon  {
  color: #0f9488;
}

.billing-checkout-redesign .billing-ux-addon-meta {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  margin-top: auto;
  text-align: left;
}

.billing-checkout-redesign .billing-ux-addon-meta small {
  display: none;
}

.billing-checkout-redesign .billing-ux-addon-price span {
  color: #101b3d;
  font-size: .96rem;
  font-weight: 950;
}

.billing-checkout-redesign .billing-ux-addon-row-action {
  align-self: end;
}

.billing-checkout-redesign .billing-ux-addon-row .billing-addon-row-add,
.billing-checkout-redesign .billing-ux-addon-row .billing-addon-toggle-added {
  min-width: 86px;
  min-height: 30px;
  border-radius: 8px;
  font-size: .62rem;
}

.billing-checkout-benefit-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
}

.billing-checkout-next-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) minmax(150px, auto);
  gap: 12px;
  align-items: center;
  background: #f8fafc;
  padding: 10px 12px;
}

.billing-checkout-next-card strong {
  color: #101b3d;
  font-size: .72rem;
  font-weight: 950;
}

.billing-checkout-main-action {
  grid-column: 3;
  grid-row: 1 / span 2;
  margin-top: 0;
}

.billing-checkout-redesign .billing-guest-account-grid {
  gap: 10px 14px;
}

.billing-checkout-redesign .billing-guest-account-panel .settings-floating-field {
  display: grid;
  gap: 5px;
}

.billing-checkout-redesign .billing-guest-account-panel .settings-floating-label {
  position: static;
  order: -1;
  transform: none;
  background: transparent;
  padding: 0;
  color: #101b3d;
  font-size: .6rem;
  font-weight: 900;
  line-height: 1.2;
  pointer-events: auto;
}

.billing-checkout-redesign .settings-floating-control {
  min-height: 34px;
  border-radius: 8px;
  padding: 0 12px;
  font-size: .65rem;
}

.billing-checkout-redesign .billing-guest-account-panel .settings-floating-control::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.billing-checkout-redesign .billing-guest-account-panel .settings-floating-control[data-account-required-field]:not([aria-invalid="true"]):not([data-account-valid="true"]):not(.is-invalid) {
  border-color: #d8e2ed;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.billing-checkout-redesign .billing-guest-account-panel .settings-floating-control[data-account-required-field]:not([aria-invalid="true"]):not([data-account-valid="true"]):not(.is-invalid):focus {
  border-color: #0f9488;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .14);
}

.billing-checkout-redesign .billing-guest-account-panel .billing-field-requirement {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.billing-checkout-redesign .billing-account-required-note,
.billing-checkout-redesign .billing-guest-account-note {
  border-radius: 8px;
  padding: 8px 10px;
  font-size: .62rem;
}

.billing-checkout-redesign .billing-account-required-note {
  grid-column: 1 / -1;
  grid-template-columns: 18px minmax(0, 1fr);
  border: 0;
  background: transparent;
  padding: 0;
}

.billing-checkout-redesign .billing-account-required-note .lucide-token ,


.billing-checkout-redesign .billing-account-required-note .ui-icon  {
  width: 18px;
  height: 18px;
  color: #0f9488;
  font-size: 16px;
}

.billing-checkout-redesign .billing-account-required-note p {
  margin: 0;
}

.billing-checkout-redesign .billing-checkout-account-step .billing-ux-continue-panel {
  grid-template-columns: minmax(0, 1fr) minmax(260px, .86fr);
}

.billing-checkout-redesign .billing-account-inline-checkout {
  width: 100%;
  min-width: 0;
}

.billing-checkout-redesign .billing-account-inline-checkout .billing-ux-primary-action {
  width: 100%;
}

.billing-checkout-plan-panel {
  position: relative;
  z-index: 3;
  overflow: visible;
  border-radius: 14px;
  padding: 16px 14px !important;
}

.billing-checkout-plan-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.billing-checkout-plan-header h2,
.billing-checkout-plan-header h3 {
  margin: 0;
  color: #101b3d;
  font-size: .78rem;
  font-weight: 950;
}

.billing-checkout-plan-subheader {
  padding-top: 2px;
}

.billing-checkout-plan-edit {
  border: 0;
  background: transparent;
  color: #0f9488;
  cursor: pointer;
  font-size: .62rem;
  font-weight: 950;
}

.billing-checkout-plan-edit:focus-visible {
  border-radius: 8px;
  outline: 3px solid rgba(15, 148, 136, .22);
  outline-offset: 2px;
}

.billing-checkout-plan-rows {
  margin-top: 14px;
}

.billing-checkout-redesign .billing-ux-sticky-row {
  gap: 12px;
  padding-block: 6px;
}

.billing-checkout-redesign .billing-ux-sticky-row span,
.billing-checkout-redesign .billing-ux-sticky-row strong {
  font-size: .64rem;
}

.billing-checkout-redesign .billing-ux-sticky-row.is-total {
  padding-top: 10px;
}

.billing-checkout-redesign .billing-ux-sticky-row.is-total span {
  font-size: .82rem;
}

.billing-checkout-redesign .billing-ux-sticky-row.is-total strong {
  color: #0f9488;
  font-size: 1rem;
}

.billing-checkout-plan-rows .billing-ux-sticky-row span small,
.billing-checkout-plan-rows .billing-ux-sticky-row.is-total span small {
  display: inline;
  color: #64748b;
  font-size: .56rem;
  font-weight: 850;
}

.billing-checkout-plan-success {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(15, 148, 136, .18);
  border-radius: 8px;
  background: #effdf9;
  margin-top: 12px;
  padding: 9px;
  color: #0f766e;
}

.billing-checkout-plan-success .lucide-token ,


.billing-checkout-plan-success .ui-icon  {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: #ccfbf1;
  color: #0f9488;
  font-size: 18px;
}

.billing-checkout-plan-success p {
  margin: 0;
  font-size: .62rem;
  font-weight: 750;
  line-height: 1.3;
}

.billing-checkout-plan-success strong {
  color: #0f766e;
  font-weight: 950;
}

.billing-checkout-trust-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  border-top: 1px solid #e2e8f0;
  padding-top: 14px;
}

@media (min-width: 1024px) {
  .billing-checkout-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    align-items: start;
  }

  .billing-checkout-workspace .billing-subscription-review-aside {
    display: block;
  }

  .billing-checkout-workspace .billing-ux-sticky-checkout {
    position: sticky;
    top: 22px;
  }
}

@media (max-width: 1023px) {
  .billing-checkout-topbar,
  .billing-checkout-workspace {
    padding: 18px;
  }

  .billing-checkout-workspace .billing-subscription-review-aside {
    display: none;
  }
}

@media (max-width: 760px) {
  .pricing-signup-main {
    padding: 10px;
  }

  .billing-checkout-shell {
    border-radius: 14px;
  }

  .billing-checkout-topbar {
    grid-template-columns: 1fr;
    justify-items: start;
    min-height: 0;
    padding: 14px 18px;
  }

  .billing-checkout-trust,
  .billing-checkout-secure {
    justify-self: start;
  }

  .billing-checkout-redesign .billing-builder-step-nav {
    padding: 14px 18px;
  }

  .billing-checkout-redesign .billing-ux-step-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .billing-checkout-redesign .billing-ux-step-list::before,
  .billing-checkout-redesign .billing-ux-step-list::after,
  .billing-checkout-redesign .billing-ux-step-list > li:not(:last-child)::after {
    display: none;
  }

  .billing-checkout-count-stepper {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    gap: 14px;
  }

  .billing-checkout-count-stepper .billing-icon-step {
    width: 48px;
    height: 48px;
  }

  .billing-checkout-count-readout strong {
    font-size: 2.5rem;
  }

  .billing-checkout-redesign .billing-ux-continue-panel,
  .billing-checkout-next-card,
  .billing-checkout-redesign .billing-checkout-account-step .billing-ux-continue-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-checkout-next-icon,
  .billing-checkout-main-action {
    grid-column: auto;
    grid-row: auto;
  }

  .billing-checkout-redesign .billing-ux-continue-button {
    justify-self: stretch;
    width: 100%;
  }

  .billing-checkout-tenant-proof,
  .billing-checkout-benefit-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-checkout-redesign .billing-ux-tenant-count-card,
  .billing-checkout-upgrade-section {
    padding: 16px;
  }
}

/* Authenticated /billing/customize pricing-page copy. Scoped inside the app shell. */
.billing-pricing-copy {
  --r369-navy: #071552;
  --r369-ink: #10225e;
  --r369-muted: #3d5488;
  --r369-teal: #009482;
  --r369-teal-dark: #007f71;
  --r369-line: #d9e5f4;
  --r369-soft: #f4fbff;
  color: var(--r369-navy);
  color-scheme: light;
}

.billing-pricing-copy-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--r369-line);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 252, 255, .98)),
    repeating-linear-gradient(90deg, rgba(0, 148, 130, .045) 0 1px, transparent 1px 56px);
  box-shadow: 0 22px 55px rgba(15, 23, 42, .08);
}

.billing-pricing-copy-header {
  display: grid;
  gap: 18px;
  padding: 24px 30px 0;
}

.billing-pricing-copy-brand-row,
.billing-pricing-copy-title,
.billing-pricing-copy-metrics,
.billing-pricing-copy-trust {
  position: relative;
  z-index: 1;
}

.billing-pricing-copy-brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.billing-pricing-copy-logo {
  width: min(210px, 58vw);
  height: auto;
}

.billing-pricing-copy-secure {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  border: 1px solid var(--r369-line);
  border-radius: 999px;
  background: #fff;
  padding: 4px 12px;
  color: var(--r369-muted);
  font-size: .66rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.billing-pricing-copy-secure .lucide-token ,


.billing-pricing-copy-secure .ui-icon  {
  color: var(--r369-teal);
  font-size: 17px;
}

.billing-pricing-copy-title {
  display: grid;
  max-width: 760px;
  gap: 7px;
}

.billing-pricing-copy .billing-ux-section-kicker,
.billing-pricing-copy .billing-ux-step-kicker {
  color: var(--r369-teal);
  font-weight: 950;
}

.billing-pricing-copy .billing-ux-page-title {
  margin: 0;
  color: var(--r369-navy);
  font-size: 2rem;
  font-weight: 950;
  line-height: 1.05;
  letter-spacing: 0;
}

.billing-pricing-copy .settings-muted {
  color: var(--r369-muted);
}

.billing-pricing-copy-metrics,
.billing-pricing-copy-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.billing-pricing-copy-metrics > div,
.billing-pricing-copy-trust > div {
  border: 1px solid rgba(217, 229, 244, .9);
  border-radius: 14px;
  background: rgba(255, 255, 255, .9);
  padding: 12px;
}

.billing-pricing-copy-metrics dt {
  color: var(--r369-muted);
  font-size: .62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.billing-pricing-copy-metrics dd {
  display: grid;
  gap: 3px;
  margin: 5px 0 0;
}

.billing-pricing-copy-metrics strong {
  color: var(--r369-navy);
  font-size: .9rem;
  font-weight: 950;
  line-height: 1.15;
}

.billing-pricing-copy-metrics small {
  color: var(--r369-muted);
  font-size: .66rem;
  font-weight: 760;
  line-height: 1.25;
}

.billing-pricing-copy-trust > div,
.billing-pricing-copy .billing-checkout-trust-list > div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.billing-pricing-copy-trust .lucide-token,
.billing-pricing-copy .billing-checkout-trust-list .lucide-token ,


.billing-pricing-copy-trust .ui-icon,

.billing-pricing-copy .billing-checkout-trust-list .ui-icon  {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 9px;
  background: #ccfbf1;
  color: var(--r369-teal);
  font-size: 20px;
}

.billing-pricing-copy-trust strong,
.billing-pricing-copy .billing-checkout-trust-list strong {
  grid-column: 2;
  color: var(--r369-navy);
  font-size: .67rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy-trust small,
.billing-pricing-copy .billing-checkout-trust-list small {
  grid-column: 2;
  color: var(--r369-muted);
  font-size: .6rem;
  font-weight: 760;
  line-height: 1.32;
}

.billing-pricing-copy-workspace {
  gap: 24px;
  padding: 20px 30px 26px;
}

.billing-pricing-copy .billing-builder-step-nav {
  min-height: 0;
  border: 0;
  border-top: 1px solid var(--r369-line);
  border-bottom: 1px solid var(--r369-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  margin: 0 -30px;
  padding: 16px 30px;
}

.billing-pricing-copy .billing-ux-step-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.billing-pricing-copy .billing-ux-step-list::before,
.billing-pricing-copy .billing-ux-step-list::after {
  top: 22px;
  left: 10%;
  right: 10%;
}

.billing-pricing-copy .billing-ux-step-list > li:not(:last-child)::after {
  top: 22px;
  right: -18px;
  width: 12px;
  height: 12px;
  border-top-color: var(--r369-teal);
  border-right-color: var(--r369-teal);
  animation: billing-pricing-copy-arrow-pulse 1.8s ease-in-out infinite;
}

.billing-pricing-copy .billing-ux-step-button {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  min-height: 48px;
  align-items: center;
  border: 0;
  border-radius: 14px;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.billing-pricing-copy .billing-ux-step-button:hover,
.billing-pricing-copy .billing-ux-step-button:focus-visible,
.billing-pricing-copy .billing-ux-step-button.is-active,
.billing-pricing-copy .billing-ux-step-button.is-complete {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.billing-pricing-copy .billing-ux-step-marker {
  width: 42px;
  height: 42px;
  border: 2px solid var(--r369-line);
  background: #fff;
  color: var(--r369-navy);
  font-size: 1rem;
}

.billing-pricing-copy .billing-ux-step-button.is-active .billing-ux-step-marker {
  border-color: var(--r369-teal);
  background: var(--r369-teal);
  color: #fff;
  box-shadow: 0 0 0 7px rgba(0, 148, 130, .12);
}

.billing-pricing-copy .billing-ux-step-button.is-complete .billing-ux-step-marker {
  border-color: var(--r369-teal);
  background: #effdfa;
  color: var(--r369-teal-dark);
}

.billing-pricing-copy .billing-ux-step-copy strong {
  color: var(--r369-navy);
  font-size: .82rem;
  font-weight: 950;
}

.billing-pricing-copy .billing-ux-step-copy small {
  color: var(--r369-teal-dark);
  font-size: .66rem;
  font-weight: 850;
}

.billing-pricing-copy .billing-checkout-step-panel,
.billing-pricing-copy .billing-estimate-panel {
  border: 1px solid var(--r369-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 14px 32px rgba(16, 34, 94, .06);
}

.billing-pricing-copy .billing-checkout-step-panel > .settings-panel-header,
.billing-pricing-copy .billing-checkout-step-panel > .settings-panel-body {
  border-bottom: 0;
  padding: 22px;
}

.billing-pricing-copy .billing-checkout-step-panel > .settings-panel-header + .settings-panel-body {
  padding-top: 0;
}

.billing-pricing-copy .billing-ux-review-confirmation {
  overflow: visible;
}

.billing-pricing-copy .billing-ux-section-heading,
.billing-pricing-copy .settings-heading {
  color: var(--r369-navy);
  font-weight: 950;
  letter-spacing: 0;
}

.billing-pricing-copy .billing-ux-section-heading {
  font-size: 1.75rem;
  line-height: 1.08;
}

.billing-pricing-copy .billing-checkout-info-callout,
.billing-pricing-copy .billing-ux-continue-panel,
.billing-pricing-copy .billing-checkout-plan-success {
  border-color: rgba(0, 148, 130, .2);
  background: #effdf9;
}

.billing-pricing-copy .billing-ux-tenant-count-card,
.billing-pricing-copy .billing-ux-optional-upgrades,
.billing-pricing-copy .billing-ux-review-metric,
.billing-pricing-copy .billing-ux-confirmation-card,
.billing-pricing-copy .billing-ux-review-change-section {
  border-color: var(--r369-line);
  border-radius: 18px;
  background: #fff;
}

.billing-pricing-copy .billing-ux-tenant-count-card {
  gap: 20px;
  padding: 26px;
}

.billing-pricing-copy .billing-checkout-count-stepper {
  grid-template-columns: minmax(48px, 54px) minmax(0, 1fr) minmax(48px, 54px);
  gap: clamp(10px, 5vw, 34px);
  width: min(100%, 430px);
}

.billing-pricing-copy .billing-checkout-count-stepper .billing-icon-step {
  width: clamp(48px, 13vw, 54px);
  height: clamp(48px, 13vw, 54px);
  border-radius: 12px;
  color: var(--r369-navy);
}

.billing-pricing-copy .billing-checkout-count-readout {
  min-width: 0;
  width: min(100%, clamp(112px, 38vw, 158px));
  justify-self: center;
}

.billing-pricing-copy .billing-checkout-count-readout strong {
  max-width: 100%;
  color: #050b2b;
  font-size: 2.75rem;
  overflow-wrap: anywhere;
}

.billing-pricing-copy .billing-checkout-tenant-proof > div {
  border-color: var(--r369-line);
  border-radius: 14px;
}

.billing-pricing-copy .billing-ux-continue-button,
.billing-pricing-copy .billing-ux-primary-button,
.billing-pricing-copy .billing-addon-row-add,
.billing-pricing-copy .billing-addon-toggle-added {
  min-height: 46px;
  border-radius: 11px;
  background: var(--r369-teal);
  color: #fff;
  font-weight: 950;
  box-shadow: 0 14px 24px rgba(0, 148, 130, .24);
}

.billing-pricing-copy .billing-ux-continue-button:hover,
.billing-pricing-copy .billing-ux-primary-button:hover,
.billing-pricing-copy .billing-addon-row-add:hover,
.billing-pricing-copy .billing-addon-toggle-added:hover {
  background: var(--r369-teal-dark);
  color: #fff;
}

.billing-pricing-copy .billing-ux-addon-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}

.billing-pricing-copy .billing-ux-addon-row {
  min-height: 210px;
  border-color: var(--r369-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(16, 34, 94, .05);
}

.billing-pricing-copy .billing-ux-addon-row.is-selected {
  border-color: rgba(0, 148, 130, .48);
  box-shadow: 0 16px 32px rgba(0, 148, 130, .12);
}

.billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-list {
  grid-template-columns: minmax(0, 1fr);
}

.billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-row {
  min-height: 0;
  gap: 16px;
  padding: 18px;
}

.billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-row-main {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}

.billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-copy {
  min-width: 0;
}

.billing-pricing-copy .billing-qbo-package-chooser {
  display: grid;
  min-width: 0;
  gap: 12px;
  margin-top: 16px;
}

.billing-pricing-copy .billing-qbo-package-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.billing-pricing-copy .billing-qbo-package-heading span,
.billing-pricing-copy .billing-qbo-package-heading strong,
.billing-pricing-copy .billing-qbo-package-heading small {
  min-width: 0;
}

.billing-pricing-copy .billing-qbo-package-heading strong,
.billing-pricing-copy .billing-qbo-package-heading small {
  display: block;
}

.billing-pricing-copy .billing-qbo-package-heading strong {
  color: #071552;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy .billing-qbo-package-heading small {
  margin-top: 3px;
  color: #49628d;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.35;
}

.billing-pricing-copy .billing-qbo-compare-modal-button {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #bfe9e4;
  border-radius: 10px;
  background: #effdfa;
  color: #007568;
  padding: 9px 12px;
  font-size: .8rem;
  font-weight: 950;
  line-height: 1.15;
  transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.billing-pricing-copy .billing-qbo-compare-modal-button svg {
  width: 17px;
  height: 17px;
}

.billing-pricing-copy .billing-qbo-compare-modal-button:hover,
.billing-pricing-copy .billing-qbo-compare-modal-button:focus-visible {
  border-color: #7dd3c7;
  background: #dff8f4;
  color: #005f56;
  outline: none;
}

.billing-pricing-copy .billing-qbo-compare-modal-button:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .18);
}

.billing-pricing-copy .billing-qbo-package-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr));
  gap: 10px;
}

.billing-pricing-copy .billing-qbo-package-card {
  display: grid;
  min-width: 0;
  min-height: 0;
  align-content: start;
  gap: 6px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #fff;
  padding: 12px;
  text-align: left;
  color: #263f70;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
  transition: background .14s ease, border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.billing-pricing-copy .billing-qbo-package-card:hover,
.billing-pricing-copy .billing-qbo-package-card:focus-visible {
  border-color: #7dd3c7;
  box-shadow: 0 12px 26px rgba(15, 118, 110, .12);
  outline: none;
  transform: translateY(-1px);
}

.billing-pricing-copy .billing-qbo-package-card:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16), 0 12px 26px rgba(15, 118, 110, .12);
}

.billing-pricing-copy .billing-qbo-package-card.is-selected {
  border-color: #009482;
  background: #effdfa;
  box-shadow: 0 12px 26px rgba(15, 118, 110, .14);
}

.billing-pricing-copy .billing-qbo-package-card-top {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.billing-pricing-copy .billing-qbo-package-card-top strong {
  flex: 1 1 8rem;
  min-width: 0;
  color: #071552;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.billing-pricing-copy .billing-qbo-package-card-top span {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #ccfbf1;
  color: #007568;
  padding: 4px 7px;
  font-size: .62rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.billing-pricing-copy .billing-qbo-package-price {
  color: #071552;
  font-size: .94rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy .billing-qbo-package-limit,
.billing-pricing-copy .billing-qbo-package-value,
.billing-pricing-copy .billing-qbo-package-grace {
  color: #425a84;
  font-size: .76rem;
  font-weight: 850;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.billing-pricing-copy .billing-qbo-package-value {
  color: #007568;
}

.billing-pricing-copy .billing-qbo-inline-details {
  min-width: 0;
  margin-top: 14px;
  border: 1px solid #dce7f6;
  border-radius: 14px;
  background: #fbfdff;
  overflow: hidden;
}

.billing-pricing-copy .billing-qbo-inline-details[open] {
  background: #fff;
}

.billing-pricing-copy .billing-qbo-learn-summary {
  display: flex;
  min-height: 48px;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  color: #071552;
  outline: none;
}

.billing-pricing-copy .billing-qbo-learn-summary::-webkit-details-marker {
  display: none;
}

.billing-pricing-copy .billing-qbo-learn-summary:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(0, 148, 130, .22);
}

.billing-pricing-copy .billing-qbo-learn-copy {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.billing-pricing-copy .billing-qbo-learn-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #effdfa;
  color: #008b7c;
}

.billing-pricing-copy .billing-qbo-learn-icon svg,
.billing-pricing-copy .billing-qbo-learn-chevron {
  width: 18px;
  height: 18px;
}

.billing-pricing-copy .billing-qbo-learn-summary strong,
.billing-pricing-copy .billing-qbo-learn-summary small {
  display: block;
  min-width: 0;
}

.billing-pricing-copy .billing-qbo-learn-summary strong {
  color: #071552;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.1;
}

.billing-pricing-copy .billing-qbo-learn-summary small {
  margin-top: 2px;
  color: #45608d;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.25;
}

.billing-pricing-copy .billing-qbo-learn-chevron {
  flex: 0 0 18px;
  color: #008b7c;
  transition: transform .14s ease;
}

.billing-pricing-copy .billing-qbo-inline-details[open] .billing-qbo-learn-chevron {
  transform: rotate(180deg);
}

.billing-pricing-copy .billing-qbo-feature-panel {
  border-top: 1px solid #dce7f6;
  padding: 14px;
}

.billing-pricing-copy .billing-qbo-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #dce7f6;
}

.billing-pricing-copy .billing-qbo-feature-column {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  padding: 14px;
}

.billing-pricing-copy .billing-qbo-feature-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.billing-pricing-copy .billing-qbo-feature-code,
.billing-pricing-copy .billing-qbo-feature-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .02em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.billing-pricing-copy .billing-qbo-feature-code {
  color: #008b7c;
}

.billing-pricing-copy .billing-qbo-feature-chip {
  border: 1px solid #bfe9e4;
  background: #effdfa;
  padding: 5px 7px;
  color: #008b7c;
}

.billing-pricing-copy .billing-qbo-feature-chip.is-manual {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.billing-pricing-copy .billing-qbo-feature-column h5 {
  margin: 0;
  color: #071552;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy .billing-qbo-feature-price {
  display: grid;
  gap: 3px;
  border: 1px solid #e1ebf7;
  border-radius: 10px;
  background: #f8fcff;
  padding: 10px;
}

.billing-pricing-copy .billing-qbo-feature-price strong {
  color: #071552;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy .billing-qbo-feature-price span,
.billing-pricing-copy .billing-qbo-feature-summary,
.billing-pricing-copy .billing-qbo-feature-list {
  color: #314a83;
  font-size: .8rem;
  font-weight: 750;
  line-height: 1.45;
}

.billing-pricing-copy .billing-qbo-feature-label {
  margin: 0;
  color: #071552;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1.35;
}

.billing-pricing-copy .billing-qbo-feature-summary {
  margin: -4px 0 0;
}

.billing-pricing-copy .billing-qbo-feature-list {
  display: grid;
  flex: 1 1 auto;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.billing-pricing-copy .billing-qbo-feature-list li {
  display: flex;
  min-width: 0;
  gap: 7px;
}

.billing-pricing-copy .billing-qbo-feature-list li > span:first-child {
  flex: 0 0 auto;
  color: #008b7c;
  font-weight: 950;
}

.billing-pricing-copy .billing-qbo-feature-select,
.billing-pricing-copy .billing-qbo-feature-contact,
.billing-pricing-copy .billing-qbo-full-compare {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 9px 12px;
  text-align: center;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy .billing-qbo-feature-select {
  border: 1px solid #008b7c;
  background: #008b7c;
  color: #fff;
  transition: background .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}

.billing-pricing-copy .billing-qbo-feature-select:hover,
.billing-pricing-copy .billing-qbo-feature-select:focus-visible {
  background: #007568;
  outline: none;
}

.billing-pricing-copy .billing-qbo-feature-select:focus-visible,
.billing-pricing-copy .billing-qbo-full-compare:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .18);
}

.billing-pricing-copy .billing-qbo-feature-select.is-selected {
  background: #effdfa;
  color: #008b7c;
}

.billing-pricing-copy .billing-qbo-feature-contact {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.billing-pricing-copy .billing-qbo-full-compare {
  width: 100%;
  margin-top: 12px;
  border: 1px solid #bfe9e4;
  background: #f6fffd;
  color: #008b7c;
  transition: background .14s ease, border-color .14s ease, color .14s ease;
}

.billing-pricing-copy .billing-qbo-full-compare:hover,
.billing-pricing-copy .billing-qbo-full-compare:focus-visible {
  border-color: #008b7c;
  background: #effdfa;
  outline: none;
}

@media (max-width: 980px) {
  .billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-row-main {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-meta {
    min-width: 0;
    text-align: left;
  }

  .billing-pricing-copy .billing-qbo-package-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 124px), 1fr));
    gap: 8px;
  }
}

@media (max-width: 640px) {
  .billing-pricing-copy .billing-ux-quickbooks-upgrade .billing-ux-addon-row {
    padding: 14px;
  }

  .billing-pricing-copy .billing-qbo-package-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .billing-pricing-copy .billing-qbo-compare-modal-button {
    width: 100%;
  }

  .billing-pricing-copy .billing-qbo-package-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy .billing-qbo-package-card {
    min-height: 0;
  }

  .billing-pricing-copy .billing-qbo-feature-panel {
    padding: 10px;
  }

  .billing-pricing-copy .billing-qbo-learn-summary {
    align-items: flex-start;
  }

  .billing-pricing-copy .billing-qbo-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy .billing-qbo-feature-column {
    padding: 12px;
  }
}

.billing-pricing-copy .billing-ux-addon-name-row h4,
.billing-pricing-copy .billing-ux-addon-price span,
.billing-pricing-copy .billing-ux-review-metric .settings-stat-value {
  color: var(--r369-navy);
}

.billing-pricing-copy .billing-checkout-plan-panel {
  position: relative;
  z-index: 2;
  border-radius: 22px;
  padding: 20px !important;
}

.billing-pricing-copy .billing-checkout-plan-header h2,
.billing-pricing-copy .billing-checkout-plan-header h3 {
  color: var(--r369-navy);
  font-size: .92rem;
}

.billing-pricing-copy .billing-checkout-plan-edit {
  color: var(--r369-teal-dark);
}

.billing-pricing-copy .billing-ux-sticky-row {
  gap: 12px;
  padding-block: 7px;
}

.billing-pricing-copy .billing-ux-sticky-row span,
.billing-pricing-copy .billing-ux-sticky-row strong {
  color: var(--r369-navy);
  font-size: .72rem;
}

.billing-pricing-copy .billing-ux-sticky-row span small,
.billing-pricing-copy .billing-ux-sticky-storage-note,
.billing-pricing-copy .billing-ux-sticky-addon-label small {
  color: var(--r369-muted);
}

.billing-pricing-copy .billing-ux-sticky-row.is-total {
  margin-top: 2px;
  padding-top: 13px;
}

.billing-pricing-copy .billing-ux-sticky-row.is-total span {
  font-size: .9rem;
}

.billing-pricing-copy .billing-ux-sticky-row.is-total strong {
  color: var(--r369-teal);
  font-size: 1.12rem;
}

.billing-pricing-copy .billing-note-row,
.billing-pricing-copy .billing-status-message {
  border-radius: 12px;
}

.billing-pricing-copy .billing-checkout-trust-list {
  border-top-color: var(--r369-line);
}

@media (min-width: 1200px) {
  .billing-pricing-copy-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 380px);
    align-items: start;
  }

  .billing-pricing-copy-workspace .billing-subscription-review-aside {
    display: block;
  }

  .billing-pricing-copy-workspace .billing-ux-sticky-checkout {
    position: sticky;
    top: 96px;
  }
}

@media (max-width: 1199px) {
  .billing-pricing-copy-workspace .billing-subscription-review-aside {
    display: block;
  }
}

@media (max-width: 900px) {
  .billing-pricing-copy-header,
  .billing-pricing-copy-workspace {
    padding-inline: 18px;
  }

  .billing-pricing-copy .billing-builder-step-nav {
    margin-inline: -18px;
    padding-inline: 18px;
  }

  .billing-pricing-copy-metrics,
  .billing-pricing-copy-trust {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy .billing-ux-step-list {
    gap: 16px;
  }
}

@media (max-width: 640px) {
  .billing-pricing-copy-shell {
    border-radius: 18px;
  }

  .billing-pricing-copy-header,
  .billing-pricing-copy-workspace {
    padding-inline: 12px;
  }

  .billing-pricing-copy-brand-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .billing-pricing-copy-secure {
    white-space: normal;
  }

  .billing-pricing-copy .billing-ux-step-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .billing-pricing-copy .billing-ux-step-list::before,
  .billing-pricing-copy .billing-ux-step-list::after,
  .billing-pricing-copy .billing-ux-step-list > li:not(:last-child)::after {
    display: none;
  }

  .billing-pricing-copy .billing-checkout-step-panel > .settings-panel-header,
  .billing-pricing-copy .billing-checkout-step-panel > .settings-panel-body,
  .billing-pricing-copy .billing-ux-tenant-count-card {
    padding: 14px;
  }

  .billing-pricing-copy .billing-checkout-count-stepper {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
  }

  .billing-pricing-copy .billing-checkout-count-stepper .billing-icon-step {
    width: 44px;
    height: 44px;
  }

  .billing-pricing-copy .billing-checkout-count-readout strong {
    font-size: 2.5rem;
  }

  .billing-pricing-copy .billing-ux-page-title {
    font-size: 1.55rem;
  }

  .billing-pricing-copy .billing-ux-section-heading {
    font-size: 1.35rem;
  }
}

/* Final one-to-one pricing copy overrides for authenticated billing. */
.billing-pricing-copy.billing-checkout-redesign {
  color: #101b3d;
}

.billing-pricing-copy .billing-pricing-copy-shell.billing-checkout-shell {
  overflow: hidden;
  border: 1px solid #dbe8f3;
  border-radius: 24px;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .065);
}

.billing-pricing-copy .billing-checkout-topbar {
  padding: 0 28px;
}

.billing-pricing-copy-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 28px 18px;
}

.billing-pricing-copy-brand {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  border-radius: 12px;
  outline: none;
}

.billing-pricing-copy-brand:focus-visible {
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16);
}

.billing-pricing-copy-brand img {
  display: block;
  width: clamp(154px, 17vw, 220px);
  height: 46px;
  object-fit: contain;
  object-position: left center;
}

.billing-pricing-copy-secure {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #d8e5f5;
  border-radius: 12px;
  background: #fff;
  padding: 8px 18px;
  color: #234078;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(15, 35, 80, .06);
}

.billing-pricing-copy-secure svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #009482;
}

.billing-pricing-copy .billing-pricing-copy-stepper {
  margin: 0 28px;
  border-top: 1px solid var(--r369-line);
  border-bottom: 1px solid var(--r369-line);
  padding: 16px 0;
}

.billing-pricing-copy .r369-step-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.billing-pricing-copy .r369-step {
  position: relative;
  display: grid;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

.billing-pricing-copy .r369-step-button {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--r369-ink);
  padding: 0;
  text-align: left;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.billing-pricing-copy .r369-step-button:hover,
.billing-pricing-copy .r369-step-button:focus-visible {
  box-shadow: 0 0 0 4px rgba(20, 184, 166, .16);
  outline: none;
}

.billing-pricing-copy .r369-step-button:disabled {
  cursor: not-allowed;
}

.billing-pricing-copy .r369-step.is-active .r369-step-button {
  border-color: transparent;
  background: transparent;
}

.billing-pricing-copy .r369-step-dot {
  display: inline-flex;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5e2f2;
  border-radius: 999px;
  background: #fff;
  color: var(--r369-navy);
  font-size: 1.125rem;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: center;
  box-shadow: 0 8px 20px rgba(26, 48, 96, .06);
}

.billing-pricing-copy .r369-step-dot > span,
.billing-pricing-copy .r369-step-dot > svg {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 1;
}

.billing-pricing-copy .r369-step.is-active .r369-step-dot {
  border-color: transparent;
  background: radial-gradient(circle at 30% 24%, #20b9a8, #008b7c 72%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(0, 148, 130, .25);
}

.billing-pricing-copy .r369-step.is-complete .r369-step-dot {
  border-color: var(--r369-teal);
  background: #f2fffd;
  color: var(--r369-teal-dark);
}

.billing-pricing-copy .r369-step-copy {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-pricing-copy .r369-step-copy strong {
  display: block;
  color: var(--r369-ink);
  font-size: 1.125rem;
  font-weight: 950;
  line-height: 1.1;
}

.billing-pricing-copy .r369-step.is-active .r369-step-copy strong {
  color: var(--r369-teal-dark);
}

.billing-pricing-copy .r369-step-copy small {
  display: block;
  margin-top: 3px;
  color: var(--r369-teal-dark);
  font-size: .875rem;
  font-weight: 850;
  line-height: 1.15;
}

.billing-pricing-copy .r369-step-connector {
  display: none;
  min-width: 0;
  align-items: center;
  opacity: .9;
}

.billing-pricing-copy .r369-step-connector::before {
  content: "";
  height: 2px;
  min-width: 24px;
  flex: 1 1 auto;
  border-radius: 999px;
  background: #cfdbed;
}

.billing-pricing-copy .r369-step-connector::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: -7px;
  border-top: 2px solid #c5d4eb;
  border-right: 2px solid #c5d4eb;
  transform: rotate(45deg);
  transform-origin: center;
  animation: billing-pricing-copy-arrow-pulse 1.8s ease-in-out infinite;
}

.billing-pricing-copy .r369-step.is-complete .r369-step-connector::before {
  background: linear-gradient(90deg, #009482, rgba(0, 148, 130, .55));
}

.billing-pricing-copy .r369-step.is-active .r369-step-connector::before {
  background: linear-gradient(90deg, rgba(0, 148, 130, .62), #cfdbed);
}

.billing-pricing-copy .r369-step.is-complete .r369-step-connector::after,
.billing-pricing-copy .r369-step.is-active .r369-step-connector::after {
  border-color: rgba(0, 148, 130, .7);
}

.billing-pricing-copy-workspace {
  gap: 22px;
  padding: 24px 28px 24px;
}

.billing-pricing-copy-workspace.is-plan-hidden {
  grid-template-columns: minmax(0, 1fr);
}

.billing-pricing-copy-workspace.is-plan-hidden > .min-w-0 {
  width: 100%;
}

.billing-pricing-copy .billing-builder-step-nav {
  width: 100%;
  min-height: 50px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  padding: 9px 28px;
}

.billing-pricing-copy .billing-ux-step-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.billing-pricing-copy .billing-ux-step-list::before,
.billing-pricing-copy .billing-ux-step-list::after {
  top: 17px;
  left: 8%;
  right: 8%;
}

.billing-pricing-copy .billing-ux-step-list > li:not(:last-child)::after {
  top: 18px;
  right: -13px;
  width: 9px;
  height: 9px;
  border-top-color: #cbd5e1;
  border-right-color: #cbd5e1;
}

.billing-pricing-copy .billing-ux-step-button {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  min-height: 34px;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.billing-pricing-copy .billing-ux-step-marker {
  width: 24px;
  height: 24px;
  border: 1px solid #dbe7f0;
  background: #fff;
  color: #101b3d;
  font-size: .7rem;
}

.billing-pricing-copy .billing-ux-step-button.is-active .billing-ux-step-marker,
.billing-pricing-copy .billing-ux-step-button.is-complete .billing-ux-step-marker {
  border-color: #0f9488;
  background: #0f9488;
  color: #fff;
  box-shadow: none;
}

.billing-pricing-copy .billing-ux-step-copy strong {
  color: #101b3d;
  font-size: .66rem;
}

.billing-pricing-copy .billing-ux-step-copy small {
  color: #0f9488;
  font-size: .58rem;
}

.billing-pricing-copy .billing-checkout-step-panel,
.billing-pricing-copy .billing-estimate-panel {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.billing-pricing-copy .billing-checkout-plan-panel {
  border: 1px solid #dde6ef;
  border-radius: 18px;
  background: #fff;
  padding: 24px 22px !important;
  box-shadow: 0 18px 52px rgba(15, 35, 80, .07);
}

.billing-pricing-copy .billing-checkout-plan-panel.billing-pricing-copy-plan-panel {
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 18px;
  background: #fff;
  padding: 0 !important;
  box-shadow: 0 18px 52px rgba(15, 35, 80, .07);
}

.billing-pricing-copy-plan-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #dce7f6;
  background: #fbfdff;
  padding: 20px 24px;
}

.billing-pricing-copy-plan-head p {
  margin: 0;
  color: #008b7c;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy-plan-head h2 {
  margin: 4px 0 0;
  color: #071552;
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1.05;
}

.billing-pricing-copy-plan-pill {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #bfe9e4;
  border-radius: 999px;
  background: #eefdfb;
  padding: 7px 12px;
  color: #007f71;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.billing-pricing-copy-plan-body {
  padding: 20px 24px 22px;
}

.billing-pricing-copy-plan-rows,
.billing-pricing-copy-upgrade-lines,
.billing-pricing-copy-addon-list {
  display: grid;
  gap: 12px;
}

.billing-pricing-copy-plan-row,
.billing-pricing-copy-discount-row {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  color: #244078;
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.35;
}

.billing-pricing-copy-plan-row.is-separated {
  border-top: 1px solid #dce7f6;
  padding-top: 12px;
}

.billing-pricing-copy-plan-row > span,
.billing-pricing-copy-discount-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-pricing-copy-plan-row strong,
.billing-pricing-copy-discount-row strong {
  flex: 0 0 auto;
  color: #071552;
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.billing-tier-breakdown {
  display: block;
  border: 1px solid #dce7f6;
  border-radius: 8px;
  background: #fbfdff;
  color: #45608d;
}

.billing-tier-breakdown summary {
  display: flex;
  min-height: 42px;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
}

.billing-tier-breakdown summary::-webkit-details-marker {
  display: none;
}

.billing-tier-breakdown summary:focus-visible {
  border-radius: 7px;
  outline: 3px solid rgba(0, 148, 130, .24);
  outline-offset: 2px;
}

.billing-tier-breakdown summary span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.billing-tier-breakdown summary small {
  color: #657aa4;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.25;
}

.billing-tier-breakdown-control {
  display: inline-flex !important;
  flex: 0 0 auto;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.billing-tier-breakdown-control b {
  flex: 0 0 auto;
  color: #008b7c;
  font-size: .74rem;
  font-weight: 950;
  white-space: nowrap;
}

.billing-tier-breakdown-chevron {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #008b7c;
  transition: transform .18s ease;
}

.billing-tier-breakdown[open] .billing-tier-breakdown-chevron {
  transform: rotate(180deg);
}

.billing-tier-breakdown-lines {
  display: grid;
  gap: 6px;
  border-top: 1px solid #e5eef9;
  padding: 8px 10px 10px;
}

.billing-tier-breakdown-heading {
  margin-top: 2px;
  color: #657aa4;
  font-size: .68rem;
  font-weight: 950;
  line-height: 1.2;
  text-transform: uppercase;
}

.billing-tier-breakdown-lines > div {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #45608d;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1.3;
}

.billing-tier-breakdown span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.billing-tier-breakdown strong {
  flex: 0 0 auto;
  color: #071552;
  font-size: .74rem;
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.billing-pricing-copy-plan-section {
  margin-top: 20px;
  border-top: 1px solid #dce7f6;
  padding-top: 20px;
}

.billing-pricing-copy-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.billing-pricing-copy-section-heading h3 {
  margin: 0;
  color: #071552;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy-section-heading p {
  margin: 3px 0 0;
  color: #5b6f9b;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.3;
}

.billing-pricing-copy-section-heading > span {
  color: #008b7c;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-pricing-copy-addon-label {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.billing-pricing-copy-addon-label small {
  color: #64748b;
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.3;
}

.billing-pricing-copy-coupon-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.billing-pricing-copy-input {
  min-width: 0;
  width: 100%;
  min-height: 42px;
  border: 1px solid #d9e4f3;
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
  color: #071552;
  font-size: .9rem;
  font-weight: 750;
  outline: none;
  text-transform: uppercase;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.billing-pricing-copy-input::placeholder {
  color: #879bc7;
  font-weight: 700;
  text-transform: none;
}

.billing-pricing-copy-input:focus {
  border-color: #009482;
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .12);
}

.billing-pricing-copy-input[aria-invalid="true"] {
  border-color: #d97706;
  box-shadow: 0 0 0 4px rgba(217, 119, 6, .12);
}

.billing-pricing-copy-outline-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid #009482;
  border-radius: 10px;
  background: #fff;
  padding: 0 16px;
  color: #008b7c;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.billing-pricing-copy-outline-button:hover:not(:disabled),
.billing-pricing-copy-outline-button:focus-visible {
  background: #eefdfb;
  outline: none;
}

.billing-pricing-copy-outline-button:disabled {
  cursor: not-allowed;
  border-color: #d9e4f2;
  color: #7a8bad;
}

.billing-pricing-copy-coupon-status {
  min-height: 30px;
  margin-top: 12px;
  color: #244078;
  font-size: .85rem;
  font-weight: 800;
}

.billing-pricing-copy-coupon-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 10px;
  padding: 9px 10px;
  line-height: 1.35;
}

.billing-pricing-copy-coupon-message.is-loading {
  border: 1px solid #d9e4f2;
  background: #f7fbff;
  color: #314a83;
}

.billing-pricing-copy-coupon-message.is-valid {
  border: 1px solid #bfe9e4;
  background: #eefdfb;
  color: #008b7c;
}

.billing-pricing-copy-coupon-message.is-warning {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.billing-pricing-copy-coupon-message button {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 950;
  text-decoration: none;
}

.billing-pricing-copy-coupon-message button:hover,
.billing-pricing-copy-coupon-message button:focus-visible {
  text-decoration: underline;
  outline: none;
}

.billing-pricing-copy-discount-row {
  margin-bottom: 12px;
  color: #008b7c;
}

.billing-pricing-copy-discount-row small {
  display: block;
  margin-top: 2px;
  color: #5b6f9b;
  font-size: .72rem;
  font-weight: 800;
}

.billing-pricing-copy-total-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid #bfe9e4;
  border-radius: 16px;
  background: #eefdfb;
  padding: 16px 18px;
}

.billing-pricing-copy-total-box h3 {
  margin: 0;
  color: #071552;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1.15;
}

.billing-pricing-copy-total-box span {
  display: inline-flex;
  margin-top: 7px;
  border: 1px solid #bfe9e4;
  border-radius: 999px;
  background: #fff;
  padding: 4px 9px;
  color: #008b7c;
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
}

.billing-pricing-copy-total-box p {
  margin: 0;
  color: #008b7c;
  font-size: 2.1rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.billing-pricing-copy-success {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
  border: 1px solid #bfe9e4;
  border-radius: 14px;
  background: #fff;
  padding: 12px 14px;
}

.billing-pricing-copy-success > span {
  flex: 0 0 auto;
  color: #008b7c;
  font-size: 1.25rem;
  font-weight: 950;
  line-height: 1.1;
}

.billing-pricing-copy-success p {
  margin: 0;
  color: #244078;
  font-size: .9rem;
  font-weight: 750;
  line-height: 1.5;
}

.billing-pricing-copy-success strong {
  color: #008b7c;
  font-weight: 950;
}

.billing-pricing-copy-trust-list {
  display: grid;
  gap: 9px;
  margin-top: 16px;
  border-top: 1px solid #dce7f6;
  padding-top: 16px;
  color: #314a83;
  font-size: .8rem;
  font-weight: 750;
  line-height: 1.35;
}

.billing-pricing-copy-trust-list > div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.billing-pricing-copy-trust-list svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #24427b;
}

.billing-pricing-copy-trust-list strong {
  color: #071552;
  font-weight: 950;
}

.billing-pricing-copy-action-block {
  margin-top: 18px;
}

.billing-pricing-copy-action-block .settings-btn svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.billing-pricing-copy .billing-checkout-plan-panel.is-collapsed {
  position: sticky;
  top: 96px;
  border: 0;
  background: transparent;
  padding: 0 !important;
  box-shadow: none;
}

.billing-pricing-copy-plan-collapsed {
  margin: 0;
}

.billing-pricing-copy-plan-toggle {
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #dbe8f3;
  border-radius: 16px;
  background: #fff;
  color: #101b3d;
  padding: 12px 14px;
  text-align: left;
  box-shadow: 0 14px 34px rgba(15, 35, 80, .06);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.billing-pricing-copy-plan-toggle:hover,
.billing-pricing-copy-plan-toggle:focus-visible {
  border-color: #bfe9e4;
  box-shadow: 0 18px 42px rgba(0, 148, 130, .12);
  outline: none;
}

.billing-pricing-copy-plan-toggle-copy,
.billing-pricing-copy-plan-toggle-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.billing-pricing-copy-plan-toggle-copy > .lucide-token ,


.billing-pricing-copy-plan-toggle-copy > .ui-icon  {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #e7fbf8;
  color: #008b7c;
  font-size: 21px;
}

.billing-pricing-copy-plan-toggle-copy strong {
  display: block;
  color: #101b3d;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.1;
}

.billing-pricing-copy-plan-toggle-copy small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
}

.billing-pricing-copy-plan-toggle-action {
  flex: 0 0 auto;
  color: #008b7c;
  font-size: .9rem;
  font-weight: 950;
}

.billing-pricing-copy-plan-toggle-action .lucide-token ,


.billing-pricing-copy-plan-toggle-action .ui-icon  {
  font-size: 20px;
  line-height: 1;
}

.billing-pricing-copy .billing-ux-section-kicker,
.billing-pricing-copy .billing-ux-step-kicker {
  font-size: .9rem;
  font-weight: 950;
}

.billing-pricing-copy .billing-ux-section-heading,
.billing-pricing-copy .settings-heading {
  color: var(--r369-navy);
  font-size: 2.25rem;
  font-weight: 950;
  line-height: 1.08;
}

.billing-pricing-copy .settings-muted {
  color: #2b4378;
  font-size: 1.2rem;
  font-weight: 650;
  line-height: 1.55;
}

.billing-pricing-copy .billing-checkout-info-callout {
  gap: 18px;
  padding: 18px 22px;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(360px, 1.05fr);
  align-items: end;
  gap: clamp(18px, 2.2vw, 30px);
  width: 100%;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row > div:first-child {
  min-width: 0;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row .settings-muted {
  margin-top: 6px;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row .billing-checkout-info-callout {
  align-self: stretch;
  margin: 0;
}

.billing-pricing-copy .billing-checkout-info-callout .lucide-token ,


.billing-pricing-copy .billing-checkout-info-callout .ui-icon  {
  width: 32px;
  height: 32px;
  font-size: 24px;
}

.billing-pricing-copy .billing-checkout-info-callout p {
  font-size: 1.05rem;
  line-height: 1.55;
}

.billing-pricing-copy .billing-checkout-counter-question {
  font-size: 1.2rem;
}

.billing-pricing-copy .billing-checkout-count-readout strong {
  font-size: 3.5rem;
  overflow-wrap: anywhere;
}

.billing-pricing-copy .billing-checkout-count-readout span,
.billing-pricing-copy .billing-checkout-counter-helper,
.billing-pricing-copy .billing-slider-limits {
  font-size: 1rem;
}

.billing-pricing-copy .billing-checkout-tenant-proof strong,
.billing-pricing-copy .billing-checkout-benefit-strip strong,
.billing-pricing-copy .billing-checkout-trust-list strong,
.billing-pricing-copy .billing-checkout-next-card strong {
  font-size: 1rem;
}

.billing-pricing-copy .billing-checkout-tenant-proof p,
.billing-pricing-copy .billing-checkout-benefit-strip small,
.billing-pricing-copy .billing-checkout-trust-list small,
.billing-pricing-copy .billing-checkout-next-card p {
  font-size: .95rem;
  line-height: 1.45;
}

.billing-pricing-copy .billing-ux-continue-copy strong,
.billing-pricing-copy .billing-checkout-inline-heading h3 {
  font-size: 1.2rem;
}

.billing-pricing-copy .billing-ux-continue-copy span,
.billing-pricing-copy .billing-checkout-upgrade-proof,
.billing-pricing-copy .billing-ux-addon-description {
  font-size: 1rem;
  line-height: 1.45;
}

@media (min-width: 768px) {
  .billing-pricing-copy .r369-step-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }

  .billing-pricing-copy .r369-step {
    display: flex;
    padding-right: clamp(12px, 2.4vw, 34px);
  }

  .billing-pricing-copy .r369-step:last-child {
    padding-right: 0;
  }

  .billing-pricing-copy .r369-step-button {
    width: auto;
    max-width: 100%;
    flex: 0 1 auto;
  }

  .billing-pricing-copy .r369-step:not(:last-child) .r369-step-button {
    max-width: calc(100% - 54px);
  }

  .billing-pricing-copy .r369-step-connector {
    display: flex;
    flex: 1 1 54px;
  }
}

@media (min-width: 1024px) {
  .billing-pricing-copy .r369-step {
    gap: clamp(18px, 2.2vw, 36px);
  }
}

@media (min-width: 1200px) {
  .billing-pricing-copy-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
    align-items: start;
  }

  .billing-pricing-copy-workspace.is-plan-hidden {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy-workspace .billing-ux-sticky-checkout {
    top: 96px;
  }
}

@media (max-width: 1023px) {
  .billing-pricing-copy .billing-checkout-topbar,
  .billing-pricing-copy-topbar,
  .billing-pricing-copy-workspace {
    padding: 18px;
  }

  .billing-pricing-copy .billing-pricing-copy-stepper {
    margin: 0 18px;
  }

  .billing-pricing-copy-workspace .billing-subscription-review-aside {
    display: block;
  }
}

@media (max-width: 760px) {
  .billing-pricing-copy-topbar {
    align-items: flex-start;
  }

  .billing-pricing-copy-secure {
    width: 100%;
    justify-content: flex-start;
  }

  .billing-pricing-copy .billing-pricing-copy-stepper {
    padding: 14px 0;
  }

  .billing-pricing-copy .billing-pricing-copy-coverage-intro-row {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .billing-pricing-copy .billing-builder-step-nav {
    padding: 14px 18px;
  }

  .billing-pricing-copy .billing-ux-step-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .billing-pricing-copy .billing-ux-step-list::before,
  .billing-pricing-copy .billing-ux-step-list::after,
  .billing-pricing-copy .billing-ux-step-list > li:not(:last-child)::after {
    display: none;
  }

  .billing-pricing-copy .billing-ux-section-heading,
  .billing-pricing-copy .settings-heading {
    font-size: 1.95rem;
  }

  .billing-pricing-copy .settings-muted {
    font-size: 1.05rem;
  }

  .billing-pricing-copy .billing-checkout-count-readout strong {
    font-size: 3rem;
  }

  .billing-pricing-copy .r369-step-copy strong {
    font-size: 1.05rem;
  }

  .billing-pricing-copy .r369-step-copy small {
    font-size: .82rem;
  }

  .billing-pricing-copy .r369-step-button {
    padding: 10px 12px;
  }

  .billing-pricing-copy .r369-step.is-active .r369-step-button {
    border-color: #bfe9e4;
    background: #eefdfb;
  }

  .billing-pricing-copy .r369-step-dot {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .billing-pricing-copy-plan-head,
  .billing-pricing-copy-total-box,
  .billing-pricing-copy-coupon-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-pricing-copy-plan-head,
  .billing-pricing-copy-total-box {
    display: grid;
  }

  .billing-pricing-copy-plan-pill,
  .billing-pricing-copy-total-box p {
    justify-self: start;
    text-align: left;
  }

  .billing-pricing-copy-plan-row,
  .billing-pricing-copy-discount-row {
    gap: 12px;
  }

  .billing-pricing-copy-plan-row strong,
  .billing-pricing-copy-discount-row strong {
    white-space: normal;
  }
}

@media (max-width: 640px) {
  .billing-pricing-copy .billing-checkout-topbar,
  .billing-pricing-copy-topbar,
  .billing-pricing-copy-workspace {
    padding-inline: 12px;
  }

  .billing-pricing-copy .billing-checkout-step-panel > .settings-panel-body,
  .billing-pricing-copy .billing-ux-tenant-count-card {
    padding-inline: 14px;
  }
}

body.overflow-hidden {
  overflow: hidden;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  align-items: stretch;
}

.billing-pricing-copy .billing-pricing-copy-coverage-intro-row .billing-checkout-info-callout {
  min-width: 0;
}

.billing-pricing-copy .billing-checkout-tenant-proof {
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
}

.billing-pricing-copy .billing-tenant-selector,
.billing-pricing-copy .billing-ux-coverage-shell,
.billing-pricing-copy .billing-ux-tenant-count-card,
.billing-pricing-copy .billing-checkout-tenant-counter {
  width: 100%;
  min-width: 0;
}

.billing-pricing-copy .billing-checkout-tenant-counter {
  justify-items: stretch;
}

.billing-pricing-copy .billing-checkout-counter-question,
.billing-pricing-copy .billing-checkout-counter-helper {
  max-width: 100%;
  text-align: center;
}

.billing-pricing-copy .billing-checkout-count-stepper {
  grid-template-columns: minmax(2.75rem, 3.375rem) minmax(0, 1fr) minmax(2.75rem, 3.375rem);
  gap: clamp(12px, 4vw, 34px);
  width: 100%;
  max-width: none;
}

.billing-pricing-copy .billing-checkout-count-readout {
  width: 100%;
  min-width: 0;
  justify-self: stretch;
  text-align: center;
}

.billing-pricing-copy .billing-checkout-slider-shell {
  width: 100%;
  max-width: none;
}

.billing-pricing-copy .billing-checkout-slider-shell .billing-tenant-slider {
  width: 100%;
}

.billing-pricing-copy-finalize {
  display: grid;
  gap: 16px;
}

.billing-finalize-invoice {
  display: grid;
  gap: 18px;
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 20px;
  background: #fff;
  padding: 0;
  box-shadow: 0 18px 42px rgba(15, 35, 80, .07);
}

.billing-finalize-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #dce7f6;
  background:
    linear-gradient(135deg, #fbfdff 0%, #eefdfb 100%);
  padding: 22px 24px;
}

.billing-finalize-header h3,
.billing-finalize-header p {
  margin: 0;
}

.billing-finalize-header h3 {
  margin-top: 4px;
  color: #071552;
  font-size: 1.45rem;
  font-weight: 950;
  line-height: 1.1;
}

.billing-finalize-header p {
  margin-top: 6px;
  color: #314a83;
  font-size: .95rem;
  font-weight: 750;
  line-height: 1.45;
}

.billing-finalize-kicker {
  color: #008b7c;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1.1;
  text-transform: uppercase;
}

.billing-finalize-plan-chip {
  display: inline-flex;
  min-height: 34px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #bfe9e4;
  border-radius: 999px;
  background: #fff;
  color: #007568;
  padding: 8px 12px;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.billing-finalize-total-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 24px;
  border: 1px solid #bfe9e4;
  border-radius: 18px;
  background: #eefdfb;
  padding: 18px 20px;
}

.billing-finalize-total-box span,
.billing-finalize-total-box small {
  display: block;
}

.billing-finalize-total-box span {
  color: #071552;
  font-size: .96rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-finalize-total-box small {
  margin-top: 5px;
  color: #38618a;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.25;
}

.billing-finalize-total-box strong {
  color: #008b7c;
  font-size: 2.35rem;
  font-weight: 950;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.billing-finalize-lines {
  margin: 0 24px;
}

.billing-finalize-lines .billing-invoice-line {
  border: 1px solid #e3ebf6;
  border-radius: 14px;
  background: #fbfdff;
}

.billing-finalize-lines .billing-invoice-line-total,
.billing-finalize-lines .billing-invoice-line-discount {
  background: #eefdfb;
}

.billing-compact-plan-summary {
  gap: 12px;
  box-shadow: 0 10px 24px rgba(15, 35, 80, .05);
}

.billing-compact-plan-summary .billing-finalize-header {
  align-items: center;
  padding: 14px 16px;
}

.billing-compact-plan-summary .billing-finalize-header h3 {
  font-size: 1.08rem;
}

.billing-compact-plan-summary .billing-finalize-header p {
  margin-top: 4px;
  font-size: .82rem;
  line-height: 1.35;
}

.billing-compact-plan-summary .billing-finalize-kicker {
  font-size: .66rem;
}

.billing-compact-plan-summary .billing-finalize-plan-chip {
  min-height: 30px;
  padding: 6px 10px;
  font-size: .76rem;
}

.billing-compact-plan-summary .billing-finalize-total-box {
  margin-inline: 16px;
  border-radius: 14px;
  padding: 12px 14px;
}

.billing-compact-plan-summary .billing-finalize-total-box span {
  font-size: .82rem;
}

.billing-compact-plan-summary .billing-finalize-total-box small {
  font-size: .68rem;
}

.billing-compact-plan-summary .billing-finalize-total-box strong {
  font-size: 1.7rem;
}

.billing-compact-plan-summary .billing-finalize-lines {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 16px 16px;
}

.billing-compact-plan-summary .billing-finalize-lines .billing-invoice-line {
  align-items: flex-start;
  padding: 10px 12px;
}

.billing-finalize-upgrades,
.billing-finalize-coupon,
.billing-finalize-disclosure,
.billing-finalize-action-zone {
  margin-inline: 24px;
}

.billing-finalize-upgrades {
  display: grid;
  gap: 12px;
  border: 1px solid #dce7f6;
  border-radius: 16px;
  background: #f8fcff;
  padding: 14px;
}

.billing-finalize-upgrade-summary strong,
.billing-finalize-upgrade-summary span,
.billing-finalize-upgrade-copy strong,
.billing-finalize-upgrade-copy span {
  display: block;
  min-width: 0;
}

.billing-finalize-upgrade-summary strong,
.billing-finalize-upgrade-copy strong {
  color: #071552;
  font-size: .94rem;
  font-weight: 950;
  line-height: 1.25;
}

.billing-finalize-upgrade-summary span,
.billing-finalize-upgrade-copy span {
  margin-top: 3px;
  color: #45608d;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.35;
}

.billing-finalize-upgrade-list {
  display: grid;
  gap: 10px;
}

.billing-finalize-upgrade-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid #dce7f6;
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}

.billing-finalize-upgrade-copy {
  min-width: 0;
}

.billing-finalize-upgrade-side {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.billing-finalize-upgrade-side b {
  color: #071552;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.1;
  white-space: nowrap;
}

.billing-finalize-upgrade-details-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #bfe9e4;
  border-radius: 10px;
  background: #effdfa;
  padding: 0 12px;
  color: #007568;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.billing-finalize-upgrade-details-button .lucide-token ,


.billing-finalize-upgrade-details-button .ui-icon  {
  font-size: 17px;
}

.billing-finalize-upgrade-details-button:hover,
.billing-finalize-upgrade-details-button:focus-visible {
  border-color: #008b7c;
  background: #fff;
  color: #005f56;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16);
}

.billing-pricing-copy .billing-pricing-copy-outline-button {
  gap: 8px;
}

.billing-pricing-copy .billing-pricing-copy-outline-button .lucide-token ,


.billing-pricing-copy .billing-pricing-copy-outline-button .ui-icon  {
  font-size: 18px;
}

.billing-finalize-coupon {
  border-top: 1px solid #dce7f6;
  padding-top: 18px;
}

.billing-finalize-disclosure {
  margin-top: 0;
  background: #f8fcff;
}

.billing-finalize-disclosure summary {
  min-height: 58px;
}

.billing-finalize-change-body {
  border-top: 1px solid #e2e8f0;
  padding: 14px;
}

.billing-finalize-action-zone {
  display: grid;
  gap: 10px;
  border-top: 1px solid #dce7f6;
  padding: 18px 0 24px;
}

.billing-finalize-actions .billing-ux-primary-action {
  margin-top: 0;
  border: 1px solid #dce7f6;
  border-radius: 16px;
  background: #f8fcff;
}

.billing-selected-upgrades-modal,
.billing-qbo-tier-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 3vw, 28px);
}

.billing-selected-upgrades-backdrop,
.billing-qbo-tier-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 21, 82, .6);
  backdrop-filter: blur(8px);
}

.billing-selected-upgrades-shell,
.billing-qbo-tier-shell {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(100%, 70rem);
  max-height: min(90vh, 820px);
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #cfe1f4;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 26px 86px rgba(7, 21, 82, .28);
}

.billing-selected-upgrades-shell {
  width: min(100%, 50rem);
}

.billing-selected-upgrades-header,
.billing-qbo-tier-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid #dce7f6;
  background:
    linear-gradient(135deg, #fbfdff 0%, #effdfa 100%);
  padding: 22px 24px;
}

.billing-selected-upgrades-header span,
.billing-qbo-tier-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #008b7c;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1;
  text-transform: uppercase;
}

.billing-qbo-tier-eyebrow .lucide-token ,


.billing-qbo-tier-eyebrow .ui-icon  {
  font-size: 17px;
}

.billing-selected-upgrades-header h3,
.billing-selected-upgrades-header p,
.billing-qbo-tier-header h2,
.billing-qbo-tier-header p {
  margin: 0;
}

.billing-selected-upgrades-header h3,
.billing-qbo-tier-header h2 {
  margin-top: 8px;
  color: #071552;
  font-size: 1.75rem;
  font-weight: 950;
  line-height: 1.08;
}

.billing-selected-upgrades-header p,
.billing-qbo-tier-header p {
  max-width: 48rem;
  margin-top: 8px;
  color: #314a83;
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.5;
}

.billing-selected-upgrades-close,
.billing-qbo-tier-close {
  display: inline-flex;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfe1f4;
  border-radius: 13px;
  background: #fff;
  color: #244078;
  box-shadow: 0 8px 18px rgba(15, 35, 80, .06);
  transition: border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.billing-selected-upgrades-close:hover,
.billing-selected-upgrades-close:focus-visible,
.billing-qbo-tier-close:hover,
.billing-qbo-tier-close:focus-visible {
  border-color: #7dd3c7;
  color: #008b7c;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16);
}

.billing-selected-upgrades-list,
.billing-qbo-tier-body {
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px;
}

.billing-selected-upgrades-list {
  display: grid;
  gap: 12px;
}

.billing-selected-upgrade-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid #dce7f6;
  border-radius: 16px;
  background: #fbfdff;
  padding: 14px;
}

.billing-selected-upgrade-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  background: #effdfa;
  color: #008b7c;
}

.billing-selected-upgrade-icon .lucide-token ,


.billing-selected-upgrade-icon .ui-icon  {
  font-size: 22px;
}

.billing-selected-upgrade-card h4,
.billing-selected-upgrade-card p {
  margin: 0;
}

.billing-selected-upgrade-card h4 {
  color: #071552;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1.25;
}

.billing-selected-upgrade-card p {
  margin-top: 4px;
  color: #425a84;
  font-size: .84rem;
  font-weight: 760;
  line-height: 1.45;
}

.billing-selected-upgrade-card > strong {
  color: #071552;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.billing-selected-upgrade-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.billing-selected-upgrade-meta span,
.billing-selected-upgrade-link,
.billing-qbo-tier-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.billing-selected-upgrade-meta span {
  border: 1px solid #dce7f6;
  background: #fff;
  color: #314a83;
  padding: 6px 8px;
}

.billing-selected-upgrade-link {
  grid-column: 2 / -1;
  justify-self: start;
  border: 1px solid #bfe9e4;
  background: #effdfa;
  color: #007568;
  padding: 8px 10px;
}

.billing-selected-upgrade-link:hover,
.billing-selected-upgrade-link:focus-visible {
  border-color: #008b7c;
  color: #005f56;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16);
}

.billing-selected-upgrades-footer,
.billing-qbo-tier-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid #dce7f6;
  background: #fff;
  padding: 16px 24px;
  color: #314a83;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.4;
}

.billing-selected-upgrades-footer strong {
  color: #008b7c;
  font-weight: 950;
}

.billing-qbo-tier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 14px;
}

.billing-qbo-tier-card {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 14px;
  border: 1px solid #d8e5f5;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 12px 28px rgba(15, 35, 80, .06);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.billing-qbo-tier-card.is-selected {
  border-color: #008b7c;
  background: #effdfa;
  box-shadow: 0 18px 34px rgba(0, 148, 130, .12);
}

.billing-qbo-tier-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.billing-qbo-tier-code {
  color: #008b7c;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.billing-qbo-tier-card h3,
.billing-qbo-tier-card h4,
.billing-qbo-tier-card p {
  margin: 0;
}

.billing-qbo-tier-card h3 {
  margin-top: 4px;
  color: #071552;
  font-size: 1.1rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-qbo-tier-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.billing-qbo-tier-badge {
  border: 1px solid #bfe9e4;
  background: #effdfa;
  color: #008b7c;
  padding: 6px 8px;
}

.billing-qbo-tier-badge.is-manual {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.billing-qbo-tier-badge.is-selected {
  border-color: #008b7c;
  background: #008b7c;
  color: #fff;
}

.billing-qbo-tier-price {
  display: grid;
  gap: 5px;
  border: 1px solid #dce7f6;
  border-radius: 14px;
  background: #f8fcff;
  padding: 12px;
}

.billing-qbo-tier-price strong {
  color: #071552;
  font-size: 1.35rem;
  font-weight: 950;
  line-height: 1;
}

.billing-qbo-tier-price span,
.billing-qbo-tier-copy p,
.billing-qbo-tier-benefits {
  color: #314a83;
  font-size: .84rem;
  font-weight: 760;
  line-height: 1.45;
}

.billing-qbo-tier-copy h4 {
  color: #071552;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.28;
}

.billing-qbo-tier-copy p {
  margin-top: 6px;
}

.billing-qbo-tier-benefits {
  display: grid;
  flex: 1 1 auto;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.billing-qbo-tier-benefits li {
  display: flex;
  min-width: 0;
  gap: 8px;
}

.billing-qbo-tier-benefits .lucide-token ,


.billing-qbo-tier-benefits .ui-icon  {
  flex: 0 0 auto;
  color: #008b7c;
  font-size: 18px;
}

.billing-qbo-tier-action {
  margin-top: auto;
}

.billing-qbo-tier-select,
.billing-qbo-tier-contact {
  display: inline-flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 10px 12px;
  text-align: center;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1.2;
}

.billing-qbo-tier-select {
  border: 1px solid #008b7c;
  background: #008b7c;
  color: #fff;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.billing-qbo-tier-select:hover,
.billing-qbo-tier-select:focus-visible {
  border-color: #007568;
  background: #007568;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 148, 130, .16);
}

.billing-qbo-tier-select.is-selected {
  background: #fff;
  color: #008b7c;
}

.billing-qbo-tier-contact {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.dark .billing-pricing-copy {
  color-scheme: dark;
  --r369-navy: #f8fafc;
  --r369-ink: #e2e8f0;
  --r369-muted: #94a3b8;
  --r369-line: rgba(148, 163, 184, .24);
  --r369-soft: rgba(15, 23, 42, .82);
}

.dark .billing-pricing-copy .billing-pricing-copy-shell.billing-checkout-shell,
.dark .billing-finalize-invoice,
.dark .billing-selected-upgrades-shell,
.dark .billing-qbo-tier-shell {
  border-color: rgba(148, 163, 184, .22);
  background: rgba(11, 27, 47, .96);
  box-shadow: 0 26px 78px rgba(0, 0, 0, .34);
}

.dark .billing-pricing-copy-topbar,
.dark .billing-finalize-header,
.dark .billing-selected-upgrades-header,
.dark .billing-qbo-tier-header {
  border-color: rgba(148, 163, 184, .18);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .95), rgba(15, 118, 110, .16));
}

.dark .billing-pricing-copy-secure,
.dark .billing-finalize-plan-chip,
.dark .billing-selected-upgrades-close,
.dark .billing-qbo-tier-close,
.dark .billing-qbo-package-card,
.dark .billing-qbo-tier-card,
.dark .billing-selected-upgrade-card,
.dark .billing-selected-upgrades-footer,
.dark .billing-qbo-tier-footer,
.dark .billing-selected-upgrade-meta span,
.dark .billing-finalize-disclosure,
.dark .billing-finalize-actions .billing-ux-primary-action {
  border-color: rgba(148, 163, 184, .2);
  background: rgba(15, 23, 42, .72);
  color: #e2e8f0;
}

.dark .billing-finalize-total-box,
.dark .billing-finalize-upgrades,
.dark .billing-finalize-upgrade-line,
.dark .billing-finalize-lines .billing-invoice-line,
.dark .billing-qbo-tier-price {
  border-color: rgba(45, 212, 191, .22);
  background: rgba(20, 184, 166, .1);
}

.dark .billing-finalize-header h3,
.dark .billing-finalize-total-box span,
.dark .billing-finalize-upgrade-summary strong,
.dark .billing-finalize-upgrade-copy strong,
.dark .billing-finalize-upgrade-side b,
.dark .billing-selected-upgrades-header h3,
.dark .billing-selected-upgrade-card h4,
.dark .billing-selected-upgrade-card > strong,
.dark .billing-qbo-tier-header h2,
.dark .billing-qbo-tier-card h3,
.dark .billing-qbo-tier-card h4,
.dark .billing-qbo-tier-price strong,
.dark .billing-qbo-package-heading strong,
.dark .billing-qbo-package-card-top strong,
.dark .billing-qbo-package-price {
  color: #f8fafc;
}

.dark .billing-finalize-header p,
.dark .billing-finalize-total-box small,
.dark .billing-finalize-upgrade-summary span,
.dark .billing-finalize-upgrade-copy span,
.dark .billing-selected-upgrades-header p,
.dark .billing-selected-upgrade-card p,
.dark .billing-qbo-tier-header p,
.dark .billing-qbo-tier-price span,
.dark .billing-qbo-tier-copy p,
.dark .billing-qbo-tier-benefits,
.dark .billing-qbo-package-heading small,
.dark .billing-qbo-package-limit,
.dark .billing-qbo-package-value,
.dark .billing-qbo-package-grace {
  color: #cbd5e1;
}

.dark .billing-finalize-kicker,
.dark .billing-selected-upgrades-header span,
.dark .billing-qbo-tier-eyebrow,
.dark .billing-qbo-tier-code,
.dark .billing-finalize-total-box strong,
.dark .billing-selected-upgrades-footer strong,
.dark .billing-qbo-package-card-top span,
.dark .billing-qbo-package-card.is-selected,
.dark .billing-qbo-tier-card.is-selected {
  color: #5eead4;
}

.dark .billing-qbo-package-card.is-selected,
.dark .billing-qbo-tier-card.is-selected {
  border-color: rgba(94, 234, 212, .6);
  background: rgba(20, 184, 166, .16);
}

.dark .billing-qbo-tier-select.is-selected {
  background: rgba(2, 6, 23, .82);
  color: #99f6e4;
}

.dark .billing-finalize-upgrade-details-button {
  border-color: rgba(94, 234, 212, .38);
  background: rgba(20, 184, 166, .14);
  color: #99f6e4;
}

.dark .billing-finalize-upgrade-details-button:hover,
.dark .billing-finalize-upgrade-details-button:focus-visible {
  border-color: rgba(94, 234, 212, .7);
  background: rgba(2, 6, 23, .72);
  color: #ccfbf1;
}

.dark .billing-selected-upgrades-backdrop,
.dark .billing-qbo-tier-backdrop {
  background: rgba(2, 6, 23, .72);
}

@media (max-width: 1280px) {
  .billing-pricing-copy .r369-step-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .billing-pricing-copy .r369-step {
    padding-right: 0;
  }

  .billing-pricing-copy .r369-step-connector {
    display: none;
  }

  .billing-pricing-copy .r369-step-button {
    width: 100%;
    padding: 10px 12px;
  }
}

@media (max-width: 760px) {
  .billing-finalize-header,
  .billing-finalize-total-box,
  .billing-finalize-upgrades,
  .billing-selected-upgrades-header,
  .billing-qbo-tier-header,
  .billing-selected-upgrades-footer,
  .billing-qbo-tier-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .billing-finalize-plan-chip,
  .billing-finalize-total-box strong {
    align-self: flex-start;
    text-align: left;
    white-space: normal;
  }

  .billing-finalize-header,
  .billing-finalize-total-box,
  .billing-finalize-lines,
  .billing-finalize-upgrades,
  .billing-finalize-coupon,
  .billing-finalize-disclosure,
  .billing-finalize-action-zone {
    margin-inline: 16px;
  }

  .billing-finalize-header {
    margin-inline: 0;
    padding: 18px 16px;
  }

  .billing-compact-plan-summary .billing-finalize-header {
    padding: 14px;
  }

  .billing-compact-plan-summary .billing-finalize-total-box,
  .billing-compact-plan-summary .billing-finalize-lines {
    margin-inline: 14px;
  }

  .billing-compact-plan-summary .billing-finalize-lines {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 14px;
  }

  .billing-selected-upgrades-shell,
  .billing-qbo-tier-shell {
    max-height: 92vh;
    border-radius: 18px;
  }

  .billing-selected-upgrades-header,
  .billing-qbo-tier-header,
  .billing-selected-upgrades-list,
  .billing-qbo-tier-body,
  .billing-selected-upgrades-footer,
  .billing-qbo-tier-footer {
    padding-inline: 16px;
  }

  .billing-selected-upgrade-card {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .billing-finalize-upgrade-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .billing-finalize-upgrade-side {
    width: 100%;
    justify-content: space-between;
  }

  .billing-selected-upgrade-card > strong,
  .billing-selected-upgrade-link {
    grid-column: 2;
    justify-self: start;
    text-align: left;
  }
}

@keyframes billing-pricing-copy-arrow-pulse {
  0%,
  100% {
    opacity: .48;
    transform: translateX(0) rotate(45deg);
  }

  50% {
    opacity: 1;
    transform: translateX(4px) rotate(45deg);
  }
}

.dark .billing-ux-v2 .billing-ux-step-copy small,
.dark .billing-ux-addon-header-metrics span,
.dark .billing-ux-addon-header-metrics small,
.dark .billing-ux-addon-summary-strip span,
.dark .billing-ux-addon-summary-strip small,
.dark .billing-ux-coverage-rules p {
  color: #94a3b8;
}

.dark .billing-ux-addon-header-metrics strong,
.dark .billing-ux-addon-summary-strip strong,
.dark .billing-ux-coverage-rules strong {
  color: #f8fafc;
}

.dark .billing-ux-coverage-rules > .lucide-token,
.dark .billing-ux-addon-guide-icon,
.dark .billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-icon,
.dark .billing-ux-v2 .billing-ux-addon-tab.is-active .billing-ux-addon-tab-count ,


.dark .billing-ux-coverage-rules > .ui-icon {
  background: rgba(45, 212, 191, .16);
  color: #5eead4;
}

.billing-subscription-page-frame {
  max-width: none;
}

.billing-subscription-page {
  width: min(100%, 1560px);
  margin-inline: auto;
}

.r369-sidebar-context {
  margin-top: 14px;
}

.r369-sidebar-context-primary {
  margin-top: 0;
  border: 1px solid #d9e7f5;
  border-radius: 8px;
  background: #f7fbff;
  padding: 12px 8px;
  box-shadow: 0 10px 24px rgba(15, 60, 116, .08);
}

.r369-sidebar-context-divider {
  height: 1px;
  margin: 14px 12px 22px;
  background: #d7e1ef;
}

.r369-sidebar-context-label {
  margin: 0 12px 10px;
  color: #68799a;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.r369-sidebar-context-primary .r369-sidebar-context-label {
  color: #385985;
}

.r369-sidebar-context-list {
  display: grid;
  gap: 4px;
}

.r369-sidebar-context-link {
  display: flex;
  min-height: 42px;
  min-width: 0;
  align-items: center;
  gap: 12px;
  border-radius: 10px;
  color: #21365f;
  padding: 9px 10px;
  text-decoration: none;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

.r369-sidebar-context-link:hover,
.r369-sidebar-context-link:focus-visible {
  background: #eef6ff;
  color: #071552;
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

.r369-sidebar-context-link.is-active {
  background: #e9f8f5;
  color: #007568;
  box-shadow: inset 3px 0 0 #009688;
}

.r369-sidebar-context-icon {
  flex: 0 0 22px;
  color: currentColor;
  font-size: 21px;
}

.r369-sidebar-context-text {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .92rem;
  font-weight: 800;
}

.r369-sidebar-context-chip {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  background: #dff8f3;
  color: #007568;
  padding: 0 8px;
  font-size: .7rem;
  font-weight: 900;
  line-height: 1;
}

.r369-sidebar-context-chip.is-review {
  background: #fff4d7;
  color: #925c00;
}

.r369-sidebar-dashboard-link {
  display: flex;
  min-height: 42px;
  min-width: 0;
  align-items: center;
  gap: 10px;
  margin: 0 4px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #385985;
  padding: 9px 10px;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 900;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.r369-sidebar-dashboard-link:hover,
.r369-sidebar-dashboard-link:focus-visible {
  border-color: #c6d8ec;
  background: #eef6ff;
  color: #071552;
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}

.billing-subscription-studio-wrap {
  display: grid;
  gap: 16px;
}

.billing-studio-alerts {
  display: grid;
  gap: 8px;
}

.r369-subscription-studio {
  display: grid;
  gap: 18px;
  color: #071552;
}

.r369-subscription-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.r369-subscription-title h1,
.r369-subscription-title p {
  margin: 0;
}

.r369-subscription-title h1 {
  color: #071552;
  font-size: 2.65rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
}

.r369-subscription-title p {
  margin-top: 8px;
  color: #37527d;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
}

.r369-subscription-secure {
  display: inline-flex;
  min-height: 48px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #d8e5f5;
  border-radius: 10px;
  background: #fff;
  color: #071552;
  padding: 0 18px;
  font-size: .9rem;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(15, 35, 80, .05);
}

.r369-subscription-secure .lucide-token ,


.r369-subscription-secure .ui-icon  {
  color: #008b7c;
  font-size: 20px;
}

.r369-subscription-status {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  border: 1px solid #f4cf79;
  border-radius: 12px;
  background: #fff9e8;
  padding: 12px 14px;
  color: #70470a;
}

.r369-subscription-status > .lucide-token {
  flex: 0 0 auto;
  color: #a16207;
  font-size: 21px;
}

.r369-subscription-status > span:last-child {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.r369-subscription-status strong,
.r369-subscription-status small {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.r369-subscription-status strong {
  font-size: .88rem;
  font-weight: 950;
}

.r369-subscription-status small {
  font-size: .78rem;
  font-weight: 750;
}

.r369-subscription-step-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 35, 80, .05);
}

.r369-subscription-step-link {
  display: flex;
  min-height: 62px;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #071552;
  text-decoration: none;
}

.r369-subscription-step-link:not(:last-child) {
  border-right: 1px solid #dce7f6;
}

.r369-subscription-step-link span,
.r369-section-number {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #009688;
  color: #fff;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1;
}

.r369-subscription-step-link:nth-child(n+2) span {
  background: #e7eef7;
  color: #071552;
}

.r369-subscription-step-link strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 950;
}

.r369-subscription-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  gap: 18px;
  align-items: start;
}

.r369-subscription-main {
  display: grid;
  min-width: 0;
  gap: 18px;
}

.r369-builder-card,
.r369-plan-summary-card,
.r369-builder-support-strip {
  min-width: 0;
  border: 1px solid #dce7f6;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 35, 80, .06);
}

.r369-builder-card {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.r369-section-heading {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 14px;
}

.r369-section-heading h2,
.r369-section-heading p {
  margin: 0;
}

.r369-section-heading h2 {
  color: #071552;
  font-size: 1.35rem;
  font-weight: 950;
  line-height: 1.15;
}

.r369-section-heading p {
  margin-top: 5px;
  color: #37527d;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.4;
}

.r369-section-heading-inline {
  align-items: center;
}

.r369-section-heading-inline > div:first-of-type {
  flex: 1 1 auto;
  min-width: 0;
}

.r369-coverage-form {
  display: grid;
  gap: 12px;
  padding: 0;
}

.r369-tenant-counter {
  display: grid;
  gap: 14px;
  border: 1px solid #d7e4f3;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  padding: clamp(14px, 2vw, 18px);
}

.r369-counter-topline {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(132px, auto);
  gap: 16px;
  align-items: center;
}

.r369-counter-copy {
  min-width: 0;
}

.r369-counter-copy > span {
  display: block;
  margin-bottom: 4px;
  color: #007568;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: uppercase;
}

.r369-counter-question {
  margin: 0;
  color: #071552;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.25;
}

.r369-counter-adjust {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  width: 100%;
  margin-inline: auto;
}

.r369-icon-button,
.r369-mini-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6e4f3;
  background: #fff;
  color: #071552;
  transition: border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.r369-icon-button {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(15, 35, 80, .06);
}

.r369-icon-button:hover,
.r369-icon-button:focus-visible,
.r369-mini-step:hover,
.r369-mini-step:focus-visible {
  border-color: #009688;
  color: #007568;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 136, .14);
}

.r369-icon-button:disabled,
.r369-mini-step:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.r369-count-readout {
  min-width: 0;
  justify-self: end;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #fff;
  padding: 10px 16px;
  text-align: right;
  box-shadow: 0 10px 24px rgba(15, 35, 80, .05);
}

.r369-count-readout strong,
.r369-count-readout span {
  display: block;
  min-width: 0;
}

.r369-count-readout strong {
  color: #071552;
  font-size: 2.65rem;
  font-weight: 950;
  line-height: .92;
  overflow-wrap: anywhere;
}

.r369-count-readout span {
  margin-top: 4px;
  color: #21365f;
  font-size: .83rem;
  font-weight: 900;
}

.r369-slider-shell {
  display: grid;
  gap: 6px;
  width: 100%;
  margin-inline: auto;
}

.r369-slider-shell .billing-tenant-slider {
  width: 100%;
  accent-color: #009688;
  cursor: pointer;
}

.r369-slider-limits,
.r369-storage-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #37527d;
  font-size: .76rem;
  font-weight: 850;
}

.r369-coverage-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.r369-coverage-points > div {
  display: flex;
  min-height: 40px;
  min-width: 0;
  align-items: center;
  gap: 8px;
  border: 1px solid #dce7f6;
  border-radius: 10px;
  background: #fff;
  padding: 8px 10px;
}

.r369-coverage-points .lucide-token ,


.r369-coverage-points .ui-icon  {
  display: inline-flex;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #dff8f3;
  color: #008b7c;
  font-size: 15px;
}

.r369-coverage-points strong {
  min-width: 0;
  color: #071552;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.2;
}

.r369-addon-tabs {
  display: flex;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 10px;
  background: #fbfdff;
}

.r369-addon-tab {
  min-height: 38px;
  border: 0;
  border-right: 1px solid #dce7f6;
  background: transparent;
  color: #071552;
  padding: 0 18px;
  font-size: .86rem;
  font-weight: 900;
}

.r369-addon-tab:last-child {
  border-right: 0;
}

.r369-addon-tab.is-active {
  background: #009688;
  color: #fff;
}

.r369-addon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 16px;
}

.r369-current-addons {
  display: grid;
  min-width: 0;
  gap: 10px;
  margin-bottom: 16px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #f8fcff;
  padding: 12px;
}

.r369-current-addons-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #071552;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.2;
}

.r369-current-addons-heading .lucide-token ,


.r369-current-addons-heading .ui-icon  {
  color: #008b7c;
  font-size: 18px;
}

.r369-current-addons-list {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.r369-current-addon-pill {
  display: inline-grid;
  min-width: 0;
  max-width: 100%;
  gap: 2px;
  border: 1px solid #d6e5f5;
  border-radius: 10px;
  background: #fff;
  padding: 8px 10px;
  text-align: center;
}

.r369-current-addon-pill strong,
.r369-current-addon-pill small {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.15;
}

.r369-current-addon-pill strong {
  color: #071552;
  font-size: .8rem;
  font-weight: 950;
}

.r369-current-addon-pill small {
  color: #45608d;
  font-size: .72rem;
  font-weight: 820;
}

.r369-intelligence-usage {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(120px, .45fr);
  min-width: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #f8fcff;
  padding: 12px;
}

.r369-intelligence-usage > .lucide-token {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 999px;
  background: #ecfbf8;
  color: #007c70;
  font-size: 21px;
}

.r369-intelligence-usage-copy {
  min-width: 0;
}

.r369-intelligence-usage-copy strong,
.r369-intelligence-usage-copy p {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.r369-intelligence-usage-copy strong {
  display: block;
  color: #071552;
  font-size: .86rem;
  font-weight: 950;
}

.r369-intelligence-usage-copy p {
  margin: 3px 0 0;
  color: #45608d;
  font-size: .78rem;
  font-weight: 750;
}

.r369-intelligence-usage-meter {
  height: 9px;
  min-width: 0;
  overflow: hidden;
  border-radius: 999px;
  background: #dce7f6;
}

.r369-intelligence-usage-meter > span {
  display: block;
  height: 100%;
  max-width: 100%;
  border-radius: inherit;
  background: #008b7c;
}

.r369-storage-guidance {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(180px, .7fr);
  min-width: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #f8fcff;
  padding: 12px;
}

.r369-storage-guidance > .lucide-token ,


.r369-storage-guidance > .ui-icon  {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 999px;
  background: #e8f2ff;
  color: #075fc8;
  font-size: 21px;
}

.r369-storage-guidance strong,
.r369-storage-guidance p,
.r369-storage-guidance-extra span {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.r369-storage-guidance strong {
  display: block;
  color: #071552;
  font-size: .86rem;
  font-weight: 950;
}

.r369-storage-guidance p {
  margin: 3px 0 0;
  color: #45608d;
  font-size: .78rem;
  font-weight: 750;
}

.r369-storage-guidance-extra {
  min-width: 0;
  border-left: 1px solid #dce7f6;
  padding-left: 12px;
}

.r369-storage-guidance-extra span {
  display: inline-flex;
  border-radius: 999px;
  background: #ecfbf8;
  padding: 4px 8px;
  color: #006f63;
  font-size: .7rem;
  font-weight: 950;
}

.r369-addon-section-header {
  display: flex;
  grid-column: 1 / -1;
  min-width: 0;
  align-items: center;
  gap: 12px;
  margin-top: 2px;
  border-top: 1px solid #dce7f6;
  padding-top: 16px;
}

.r369-addon-section-header::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: #dce7f6;
}

.r369-addon-section-header h3 {
  min-width: 0;
  margin: 0;
  color: #071552;
  font-size: .9rem;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.r369-addon-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 100%;
  gap: 14px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #fff;
  padding: 18px;
  text-align: center;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.r369-addon-card:hover,
.r369-addon-card:focus-within {
  border-color: #9ddfd7;
  box-shadow: 0 16px 34px rgba(15, 35, 80, .09);
  transform: translateY(-1px);
}

.r369-addon-card.is-selected {
  border-color: #009688;
  background: #f0fdfa;
}

.r369-addon-selected-mark {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #009688;
  color: #fff;
}

.r369-addon-selected-mark .lucide-token ,


.r369-addon-selected-mark .ui-icon  {
  font-size: 17px;
}

.r369-addon-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  justify-self: center;
  border-radius: 999px;
  background: #dff8f3;
  color: #008b7c;
}

.r369-addon-card:nth-child(4n+2) .r369-addon-icon {
  background: #e8f2ff;
  color: #075fc8;
}

.r369-addon-card:nth-child(4n+3) .r369-addon-icon {
  background: #e7f8ea;
  color: #15803d;
}

.r369-addon-card:nth-child(4n+4) .r369-addon-icon {
  background: #f0eafd;
  color: #6d3eb3;
}

.r369-addon-icon .lucide-token ,


.r369-addon-icon .ui-icon  {
  font-size: 28px;
}

.r369-addon-copy h3,
.r369-addon-copy p,
.r369-addon-price strong,
.r369-addon-price span,
.r369-addon-price small {
  display: block;
  min-width: 0;
}

.r369-addon-copy h3,
.r369-addon-copy p {
  margin: 0;
}

.r369-addon-copy h3 {
  color: #071552;
  font-size: 1.02rem;
  font-weight: 950;
  line-height: 1.25;
}

.r369-addon-copy p {
  margin-top: 8px;
  color: #45608d;
  font-size: .9rem;
  font-weight: 720;
  line-height: 1.35;
}

.r369-addon-guidance {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}

.r369-addon-guidance span {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  border: 1px solid #d7e6f6;
  border-radius: 999px;
  background: #f7fbff;
  padding: 5px 8px;
  color: #2e4876;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
}

.r369-addon-guidance .r369-addon-guidance-kicker {
  border-color: #bfe4de;
  background: #ecfbf8;
  color: #006f63;
}

.r369-addon-empty-action {
  display: inline-grid;
  min-width: 0;
  gap: 2px;
  margin-top: 10px;
  border: 1px solid #bfe4de;
  border-radius: 10px;
  background: #ecfbf8;
  padding: 9px 12px;
  color: #006f63;
  text-decoration: none;
}

.r369-addon-empty-action span,
.r369-addon-empty-action strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.1;
}

.r369-addon-empty-action span {
  font-size: .72rem;
  font-weight: 850;
}

.r369-addon-empty-action strong {
  font-size: .88rem;
  font-weight: 950;
}

.r369-addon-empty-action:hover,
.r369-addon-empty-action:focus-visible {
  border-color: #009688;
  color: #005f55;
}

.r369-addon-price {
  align-self: end;
}

.r369-addon-price strong {
  display: inline;
  color: #071552;
  font-size: 1.25rem;
  font-weight: 950;
  line-height: 1;
}

.r369-addon-price span {
  display: inline;
  color: #37527d;
  font-size: .82rem;
  font-weight: 850;
}

.r369-addon-price small {
  margin-top: 5px;
  color: #45608d;
  font-size: .78rem;
  font-weight: 800;
}

.r369-addon-tier-row {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #dce7f6;
  border-radius: 10px;
  background: #fbfdff;
  padding: 8px 10px;
}

.r369-addon-tier-row span {
  min-width: 0;
  overflow: hidden;
  color: #21365f;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 850;
}

.r369-addon-tier-row button {
  border: 0;
  background: transparent;
  color: #007568;
  font-size: .78rem;
  font-weight: 950;
}

.r369-addon-package-header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #21365f;
  text-align: left;
  font-size: .8rem;
  font-weight: 950;
}

.r369-addon-package-header button {
  border: 0;
  background: transparent;
  color: #007568;
  padding: 0;
  font-size: .78rem;
  font-weight: 950;
}

.r369-addon-package-header button:hover,
.r369-addon-package-header button:focus-visible {
  color: #005f56;
  outline: none;
  text-decoration: underline;
}

.r369-addon-package-list {
  display: grid;
  gap: 8px;
  text-align: left;
}

.r369-addon-package-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 22px;
  min-width: 0;
  align-items: center;
  gap: 10px;
  border: 1px solid #dce7f6;
  border-radius: 10px;
  background: #fbfdff;
  color: #071552;
  padding: 10px;
  text-align: left;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}

button.r369-addon-package-option {
  cursor: pointer;
}

button.r369-addon-package-option:hover,
button.r369-addon-package-option:focus-visible {
  border-color: #009688;
  background: #f4fffc;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 136, .12);
}

.r369-addon-package-option.is-selected {
  border-color: #009688;
  background: #ecfdf5;
}

.r369-addon-package-option.is-contact {
  background: #f8fafc;
  color: #5b6b86;
}

.r369-addon-package-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.r369-addon-package-copy strong,
.r369-addon-package-copy small,
.r369-addon-package-price {
  min-width: 0;
}

.r369-addon-package-copy strong {
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1.15;
}

.r369-addon-package-copy small {
  color: #45608d;
  overflow-wrap: anywhere;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.2;
}

.r369-addon-package-price {
  color: #071552;
  font-size: .8rem;
  font-weight: 950;
  white-space: nowrap;
}

.r369-addon-package-icon {
  color: #009688;
  font-size: 18px;
  opacity: 0;
  transition: opacity .16s ease;
}

.r369-addon-package-option.is-selected .r369-addon-package-icon,
.r369-addon-package-option.is-contact .r369-addon-package-icon {
  opacity: 1;
}

.r369-addon-remove-tiered {
  min-height: 38px;
}

.r369-addon-actions {
  align-self: end;
}

.r369-addon-add,
.r369-addon-selected,
.r369-preview-button,
.r369-support-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  padding: 0 16px;
  font-size: .9rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.r369-addon-add {
  width: 100%;
  border: 1px solid #009688;
  background: #fff;
  color: #008b7c;
}

.r369-addon-selected {
  width: 100%;
  border: 1px solid #009688;
  background: #009688;
  color: #fff;
}

.r369-addon-add:hover,
.r369-addon-add:focus-visible,
.r369-preview-button:hover,
.r369-preview-button:focus-visible {
  border-color: #007568;
  color: #005f56;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 136, .14);
}

.r369-addon-selected:hover,
.r369-addon-selected:focus-visible {
  border-color: #007568;
  background: #007568;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 150, 136, .14);
}

.r369-addon-quantity {
  display: grid;
  grid-template-columns: 34px minmax(34px, 1fr) 34px 34px;
  gap: 6px;
  align-items: center;
}

.r369-mini-step,
.r369-addon-remove {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.r369-addon-quantity > span {
  color: #071552;
  font-size: .9rem;
  font-weight: 950;
}

.r369-addon-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dce7f6;
  background: #fff;
  color: #45608d;
}

.r369-addon-remove .lucide-token,
.r369-mini-step .lucide-token ,


.r369-addon-remove .ui-icon,

.r369-mini-step .ui-icon  {
  font-size: 18px;
}

.r369-addon-unavailable {
  display: grid;
  gap: 4px;
  border-radius: 10px;
  background: #fff7ed;
  color: #92400e;
  padding: 10px;
  text-align: left;
}

.r369-addon-unavailable strong,
.r369-addon-unavailable span {
  font-size: .78rem;
  font-weight: 850;
}

.r369-addon-next-note {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: #f2f8ff;
  padding: 12px 14px;
  color: #21365f;
}

.r369-addon-next-note .lucide-token ,


.r369-addon-next-note .ui-icon  {
  color: #37527d;
  font-size: 20px;
}

.r369-addon-next-note p {
  min-width: 0;
  margin: 0;
  font-size: .86rem;
  font-weight: 750;
  line-height: 1.35;
}

.r369-builder-support-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
}

.r369-builder-support-strip > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}

.r369-builder-support-strip .lucide-token ,


.r369-builder-support-strip .ui-icon  {
  grid-row: span 2;
  color: #008b7c;
  font-size: 26px;
}

.r369-builder-support-strip strong,
.r369-builder-support-strip p {
  min-width: 0;
  margin: 0;
}

.r369-builder-support-strip strong {
  color: #071552;
  font-size: .94rem;
  font-weight: 950;
}

.r369-builder-support-strip p {
  margin-top: 3px;
  color: #45608d;
  font-size: .84rem;
  font-weight: 720;
  line-height: 1.35;
}

.r369-support-button {
  border: 1px solid #dce7f6;
  background: #fff;
  color: #071552;
}

.r369-plan-summary-rail {
  position: sticky;
  top: 86px;
  min-width: 0;
}

.r369-plan-summary-card {
  display: grid;
  gap: 14px;
  overflow: hidden;
  border: 1px solid #c8d6ea;
  border-top: 5px solid #071552;
  border-radius: 18px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(180deg, rgba(7, 21, 82, .16), rgba(0, 150, 136, .12)) border-box;
  padding: 0;
  box-shadow: 0 22px 46px rgba(15, 35, 80, .16), 0 2px 0 rgba(255, 255, 255, .9) inset;
}

.r369-plan-summary-header {
  align-items: flex-start;
  border-bottom: 1px solid #d9e4f2;
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  padding: 18px 18px 16px;
}

.r369-plan-summary-header .r369-section-heading {
  align-items: center;
}

.r369-plan-summary-header h2 {
  margin: 4px 0 0;
  color: #071552;
  font-size: 1.45rem;
  font-weight: 950;
  line-height: 1.12;
}

.r369-plan-summary-header p {
  margin: 5px 0 0;
  color: #31415f;
  font-size: .86rem;
  font-weight: 750;
  line-height: 1.35;
}

.r369-plan-summary-card .billing-finalize-total-box {
  margin: 2px 18px 0;
  border: 0;
  background:
    radial-gradient(circle at top right, rgba(45, 212, 191, .26), transparent 36%),
    linear-gradient(135deg, #071552 0%, #0f766e 100%);
  padding: 18px;
  box-shadow: 0 14px 28px rgba(7, 21, 82, .2);
}

.r369-plan-summary-card .billing-finalize-total-box span {
  color: #e6fffb;
  font-size: .92rem;
  letter-spacing: .01em;
}

.r369-plan-summary-card .billing-finalize-total-box small {
  color: #c4f7ef;
}

.r369-plan-summary-card .billing-finalize-total-box strong {
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .16);
}

.r369-invoice-section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 18px -6px;
  color: #51617b;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.r369-summary-lines {
  display: grid;
  gap: 0;
  margin: 0 18px;
  overflow: hidden;
  border: 1px solid #dce7f6;
  border-radius: 14px;
  background: #fff;
}

.r369-summary-lines .billing-invoice-line {
  border: 0;
  border-bottom: 1px solid #e5edf7;
  border-radius: 0;
  background: #fff;
  padding: 12px 13px;
}

.r369-summary-lines .billing-invoice-line:last-child {
  border-bottom: 0;
}

.r369-summary-lines .billing-invoice-line strong {
  color: #071552;
  font-size: .82rem;
}

.r369-summary-lines .billing-invoice-line small {
  color: #52627e;
  font-size: .7rem;
}

.r369-summary-lines .billing-invoice-line b {
  color: #071552;
  font-size: .86rem;
}

.r369-summary-lines .billing-invoice-line-selected {
  background: #f0fdfa;
}

.r369-summary-lines .billing-invoice-line-discount {
  background: #eefdf7;
}

.r369-summary-lines .billing-invoice-line:nth-last-child(1) {
  border-top: 2px solid #dce7f6;
  background: #f8fbff;
}

.r369-summary-tier-breakdown {
  margin: 0;
}

.r369-summary-coupon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin: 2px 18px 0;
  border: 1px dashed #cbd8eb;
  border-radius: 12px;
  background: #fbfdff;
  padding: 10px;
}

.r369-summary-coupon .billing-coupon-input {
  min-height: 42px;
}

.r369-coupon-status {
  grid-column: 1 / -1;
  display: flex;
  min-height: 18px;
  flex-wrap: wrap;
  gap: 8px;
  color: #37527d;
  font-size: .78rem;
  font-weight: 800;
}

.r369-coupon-status button {
  border: 0;
  background: transparent;
  color: #007568;
  font-weight: 950;
}

.r369-storage-summary {
  display: grid;
  gap: 10px;
  margin: 0 18px;
  border: 1px solid #dce7f6;
  border-radius: 12px;
  background: #fbfdff;
  padding: 14px;
}

.r369-storage-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.r369-storage-heading strong,
.r369-storage-heading span {
  color: #071552;
  font-size: .9rem;
  font-weight: 950;
}

.r369-storage-summary p {
  margin: 0;
  color: #45608d;
  font-size: .8rem;
  font-weight: 760;
  line-height: 1.35;
}

.r369-storage-track {
  position: relative;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #dce7f6;
}

.r369-storage-used {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #009688, #33c4b3);
  transition: width .2s ease;
}

.r369-summary-actions {
  margin: 0 18px;
  border-top: 1px solid #dce7f6;
  padding: 16px 0 20px;
}

.r369-summary-actions .billing-ux-primary-action {
  border: 0;
  background: transparent;
  padding: 0;
}

.r369-summary-actions .billing-note-row {
  display: none;
}

.r369-preview-button {
  width: 100%;
  border: 1px solid #dce7f6;
  background: #fff;
  color: #071552;
}

.r369-preview-button:disabled {
  cursor: wait;
  opacity: .62;
}

.r369-back-link {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #21365f;
  font-size: .9rem;
  font-weight: 900;
  text-decoration: none;
}

.r369-back-link:hover,
.r369-back-link:focus-visible {
  color: #007568;
  outline: none;
}

@media (max-width: 1400px) {
  .r369-subscription-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-plan-summary-rail {
    position: static;
  }
}

@media (max-width: 900px) {
  .r369-subscription-header,
  .r369-section-heading-inline,
  .r369-builder-support-strip {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
  }

  .r369-subscription-secure {
    width: 100%;
  }

  .r369-subscription-step-strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-subscription-step-link:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #dce7f6;
  }

  .r369-addon-tabs {
    width: 100%;
    overflow-x: auto;
  }

  .r369-addon-tab {
    flex: 1 0 auto;
  }

  .r369-coverage-points {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .billing-subscription-page {
    width: 100%;
  }

  .r369-builder-card {
    padding: 16px;
  }

  .r369-counter-topline {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .r369-count-readout {
    justify-self: stretch;
    text-align: center;
  }

  .r369-counter-adjust {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 10px;
  }

  .r369-icon-button {
    width: 42px;
    height: 42px;
  }

  .r369-count-readout strong {
    font-size: 2.5rem;
  }

  .r369-summary-coupon,
  .r369-intelligence-usage,
  .r369-storage-guidance,
  .r369-storage-heading,
  .r369-storage-meta,
  .r369-addon-package-option {
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
  }

  .r369-storage-guidance > .lucide-token ,


  .r369-storage-guidance > .ui-icon  {
    justify-self: center;
  }

  .r369-intelligence-usage > .lucide-token {
    justify-self: center;
  }

  .r369-storage-guidance-extra {
    border-left: 0;
    border-top: 1px solid #dce7f6;
    padding-top: 10px;
    padding-left: 0;
  }

  .r369-summary-coupon .billing-pricing-copy-outline-button {
    width: 100%;
  }

  .r369-plan-summary-header,
  .r369-plan-summary-card .billing-finalize-total-box {
    flex-direction: column;
  }
}

.dark .r369-sidebar-context-divider,
.dark .r369-builder-card,
.dark .r369-plan-summary-card,
.dark .r369-builder-support-strip,
.dark .r369-subscription-step-strip,
.dark .r369-subscription-secure,
.dark .r369-subscription-status,
.dark .r369-tenant-counter,
.dark .r369-count-readout,
.dark .r369-coverage-points > div,
.dark .r369-current-addons,
.dark .r369-current-addon-pill,
.dark .r369-intelligence-usage,
.dark .r369-storage-guidance,
.dark .r369-addon-card,
.dark .r369-addon-tabs,
.dark .r369-addon-tier-row,
.dark .r369-addon-package-option,
.dark .r369-storage-summary,
.dark .r369-preview-button,
.dark .r369-support-button {
  border-color: rgba(148, 163, 184, .22);
}

.dark .r369-builder-card,
.dark .r369-plan-summary-card,
.dark .r369-builder-support-strip,
.dark .r369-subscription-step-strip,
.dark .r369-subscription-secure,
.dark .r369-tenant-counter,
.dark .r369-count-readout,
.dark .r369-coverage-points > div,
.dark .r369-current-addons,
.dark .r369-current-addon-pill,
.dark .r369-intelligence-usage,
.dark .r369-storage-guidance,
.dark .r369-addon-card,
.dark .r369-storage-summary,
.dark .r369-addon-package-option,
.dark .r369-preview-button,
.dark .r369-support-button {
  background: rgba(15, 23, 42, .78);
}

.dark .r369-subscription-status {
  border-color: rgba(251, 191, 36, .32);
  background: rgba(120, 53, 15, .28);
  color: #fde68a;
}

.dark .r369-subscription-status > .lucide-token {
  color: #fbbf24;
}

.dark .r369-subscription-title h1,
.dark .r369-section-heading h2,
.dark .r369-counter-question,
.dark .r369-count-readout strong,
.dark .r369-coverage-points strong,
.dark .r369-current-addons-heading,
.dark .r369-current-addon-pill strong,
.dark .r369-intelligence-usage-copy strong,
.dark .r369-storage-guidance strong,
.dark .r369-addon-copy h3,
.dark .r369-addon-price strong,
.dark .r369-addon-package-copy strong,
.dark .r369-addon-package-price,
.dark .r369-builder-support-strip strong,
.dark .r369-plan-summary-header h2,
.dark .r369-storage-heading strong,
.dark .r369-storage-heading span,
.dark .r369-subscription-step-link,
.dark .r369-preview-button,
.dark .r369-support-button {
  color: #f8fafc;
}

.dark .r369-counter-copy > span {
  color: #5eead4;
}

.dark .r369-subscription-title p,
.dark .r369-section-heading p,
.dark .r369-count-readout span,
.dark .r369-current-addon-pill small,
.dark .r369-intelligence-usage-copy p,
.dark .r369-storage-guidance p,
.dark .r369-addon-copy p,
.dark .r369-addon-price span,
.dark .r369-addon-price small,
.dark .r369-addon-package-copy small,
.dark .r369-builder-support-strip p,
.dark .r369-plan-summary-header p,
.dark .r369-storage-summary p,
.dark .r369-storage-meta,
.dark .r369-back-link {
  color: #cbd5e1;
}

.dark .r369-addon-package-option.is-selected {
  border-color: rgba(45, 212, 191, .72);
  background: rgba(20, 184, 166, .16);
}

.dark .r369-addon-package-option.is-contact {
  background: rgba(15, 23, 42, .55);
  color: #94a3b8;
}

.dark .r369-addon-guidance span {
  border-color: rgba(148, 163, 184, .24);
  background: rgba(30, 41, 59, .72);
  color: #dbeafe;
}

.dark .r369-storage-guidance > .lucide-token ,


.dark .r369-storage-guidance > .ui-icon  {
  background: rgba(30, 64, 175, .22);
  color: #93c5fd;
}

.dark .r369-storage-guidance-extra {
  border-color: rgba(148, 163, 184, .22);
}

.dark .r369-storage-guidance-extra span {
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .r369-intelligence-usage > .lucide-token {
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .r369-intelligence-usage-meter {
  background: rgba(148, 163, 184, .25);
}

.dark .r369-intelligence-usage-meter > span {
  background: #2dd4bf;
}

.dark .r369-addon-guidance .r369-addon-guidance-kicker {
  border-color: rgba(45, 212, 191, .36);
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .r369-addon-empty-action {
  border-color: rgba(45, 212, 191, .36);
  background: rgba(20, 184, 166, .14);
  color: #5eead4;
}

.dark .r369-addon-empty-action:hover,
.dark .r369-addon-empty-action:focus-visible {
  border-color: rgba(94, 234, 212, .7);
  color: #99f6e4;
}

.dark .r369-invoice-section-label {
  color: #94a3b8;
}

.dark .r369-summary-lines,
.dark .r369-summary-coupon {
  border-color: rgba(148, 163, 184, .24);
  background: rgba(15, 23, 42, .72);
}

.dark .r369-summary-lines .billing-invoice-line {
  border-color: rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .55);
}

.dark .r369-summary-lines .billing-invoice-line-selected,
.dark .r369-summary-lines .billing-invoice-line-discount {
  background: rgba(20, 184, 166, .14);
}

.dark .r369-summary-lines .billing-invoice-line:nth-last-child(1) {
  border-top-color: rgba(148, 163, 184, .28);
  background: rgba(30, 41, 59, .72);
}

.dark .r369-summary-coupon {
  border-style: dashed;
}

@keyframes billing-pending-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .billing-ux-v2 .billing-ux-step-button,
  .billing-ux-v2 .billing-ux-step-list::after,
  .billing-ux-v2 .billing-ux-step-list > li:not(:last-child)::after,
  .billing-pricing-copy .billing-ux-step-list > li:not(:last-child)::after {
    animation: none;
    transition: none;
  }

  .billing-ux-v2 .billing-ux-step-button,
  .billing-ux-v2 .billing-ux-step-button:hover,
  .billing-ux-v2 .billing-ux-step-button:focus-visible,
  .billing-ux-v2 .billing-ux-step-button.is-active {
    transform: none;
  }
}

@keyframes billing-pending-progress {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(240%);
  }
}

/* Clear Ledger subscription surface. Mirrors Landing-Page-A/pricing.html while preserving Blade and Alpine behavior. */
.billing-clear-ledger {
  --ledger-canvas: #f4f7fc;
  --ledger-paper: #ffffff;
  --ledger-paper-soft: #f7f9fd;
  --ledger-ink: #0d1b2e;
  --ledger-ink-2: #27364d;
  --ledger-body: #46536b;
  --ledger-muted: #6c7890;
  --ledger-faint: #8b97ab;
  --ledger-line: #e2e8f4;
  --ledger-line-strong: #cbd7e9;
  --ledger-blue: #1a56db;
  --ledger-blue-deep: #1240a8;
  --ledger-blue-soft: #edf4ff;
  --ledger-sky: #38bdf8;
  --ledger-green: #17733d;
  --ledger-green-soft: #edf9f1;
  --ledger-amber: #9a5a08;
  --ledger-amber-soft: #fff7e8;
  --ledger-danger: #b42318;
  --ledger-danger-soft: #fff1f0;
  --ledger-focus: #1240a8;
  --ledger-radius-sm: 8px;
  --ledger-radius: 14px;
  --ledger-radius-lg: 22px;
  --ledger-shadow: 0 18px 52px rgba(30, 64, 175, .08);
  --ledger-font-body: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ledger-font-display: "Fraunces", Georgia, serif;
  color: var(--ledger-ink);
  font-family: var(--ledger-font-body);
  font-variant-numeric: tabular-nums;
}

.billing-clear-ledger,
.billing-clear-ledger button,
.billing-clear-ledger input,
.billing-clear-ledger select,
.billing-clear-ledger textarea {
  font-family: var(--ledger-font-body);
}

.billing-clear-ledger :where(h1, h2, h3, p) {
  text-wrap: pretty;
}

.billing-clear-ledger :where(button, a, input, summary):focus-visible {
  outline: 3px solid var(--ledger-focus);
  outline-offset: 3px;
}

.billing-clear-ledger :where(button, a) {
  touch-action: manipulation;
}

.billing-subscription-studio-wrap.billing-pricing-copy {
  background: var(--ledger-canvas);
  color: var(--ledger-ink);
  margin: -1rem;
  min-height: 100vh;
  padding: clamp(1rem, 2.4vw, 2.5rem);
}

.r369-clear-ledger-studio {
  margin: 0 auto;
  max-width: 1480px;
}

.r369-ledger-hero {
  align-items: stretch;
  background: var(--ledger-paper);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  box-shadow: var(--ledger-shadow);
  display: grid;
  gap: clamp(1.5rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 1.2fr) minmax(380px, .8fr);
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding: clamp(1.5rem, 3.5vw, 3.25rem);
  position: relative;
}

.r369-ledger-hero::after {
  background: radial-gradient(circle, rgba(56, 189, 248, .11), transparent 68%);
  content: "";
  height: 280px;
  pointer-events: none;
  position: absolute;
  right: -95px;
  top: -115px;
  width: 280px;
}

.r369-ledger-hero-copy {
  align-self: center;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.r369-ledger-eyebrow {
  align-items: center;
  color: var(--ledger-blue);
  display: inline-flex;
  font-size: .72rem;
  font-weight: 800;
  gap: .45rem;
  letter-spacing: .105em;
  line-height: 1.3;
  text-transform: uppercase;
}

.r369-ledger-eyebrow .lucide-token,
.r369-ledger-eyebrow .ui-icon {
  height: 1rem;
  width: 1rem;
}

.r369-ledger-hero h1 {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 3.25rem;
  font-weight: 600;
  line-height: .99;
  margin: .75rem 0 1rem;
  max-width: 14ch;
}

.r369-ledger-hero-copy > p {
  color: var(--ledger-body);
  font-size: 1.125rem;
  line-height: 1.65;
  margin: 0;
  max-width: 62ch;
}

.r369-ledger-trust-row {
  align-items: center;
  color: var(--ledger-body);
  display: flex;
  flex-wrap: wrap;
  font-size: .82rem;
  font-weight: 650;
  gap: .65rem 1.1rem;
  margin-top: 1.25rem;
}

.r369-ledger-trust-row > span {
  align-items: center;
  display: inline-flex;
  gap: .45rem;
}

.r369-ledger-trust-row .lucide-token,
.r369-ledger-trust-row .ui-icon {
  color: var(--ledger-blue);
  height: 1rem;
  width: 1rem;
}

.r369-ledger-period {
  align-content: center;
  background: var(--ledger-paper-soft);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius);
  display: grid;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem;
  position: relative;
  z-index: 1;
}

.r369-ledger-period-copy h2 {
  color: var(--ledger-ink);
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.2;
  margin: .35rem 0 .4rem;
}

.r369-ledger-period-copy p,
.r369-ledger-period-status {
  color: var(--ledger-body);
  font-size: .8rem;
  line-height: 1.45;
  margin: 0;
}

.r369-ledger-period-switch {
  background: #e9eef7;
  border: 1px solid var(--ledger-line-strong);
  border-radius: 999px;
  display: grid;
  gap: .2rem;
  grid-template-columns: 1fr 1.2fr;
  padding: .25rem;
}

.r369-ledger-period-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: var(--ledger-body);
  cursor: pointer;
  display: inline-flex;
  font-size: .82rem;
  font-weight: 750;
  gap: .45rem;
  justify-content: center;
  min-height: 44px;
  padding: .55rem .8rem;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.r369-ledger-period-button:hover {
  color: var(--ledger-blue-deep);
}

.r369-ledger-period-button:active {
  transform: translateY(1px);
}

.r369-ledger-period-button.is-active {
  background: var(--ledger-blue);
  box-shadow: 0 4px 14px rgba(26, 86, 219, .27);
  color: #fff;
}

.r369-ledger-save-badge {
  background: var(--ledger-green);
  border-radius: 999px;
  color: #fff;
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .035em;
  padding: .2rem .4rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.r369-ledger-period-button.is-active .r369-ledger-save-badge {
  background: #fff;
  color: var(--ledger-green);
}

.r369-ledger-period-status {
  color: var(--ledger-green);
  min-height: 1.2rem;
  padding-top: .55rem;
  text-align: center;
}

.r369-subscription-status {
  border-radius: var(--ledger-radius-sm);
  margin-bottom: 1rem;
}

.r369-subscription-grid {
  align-items: start;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 410px);
}

.r369-subscription-main {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.r369-builder-card,
.r369-plan-summary-card,
.r369-builder-support-strip {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  box-shadow: none;
}

.r369-ledger-paper {
  box-shadow: var(--ledger-shadow);
  overflow: visible;
  padding: clamp(1.25rem, 2.8vw, 2.5rem);
}

.r369-ledger-section-heading {
  align-items: end;
  border-bottom: 1px solid var(--ledger-line);
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
}

.r369-ledger-section-heading h2 {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 1.12;
  margin: .3rem 0 .25rem;
}

.r369-ledger-section-heading p {
  color: var(--ledger-body);
  font-size: .9rem;
  line-height: 1.5;
  margin: 0;
}

.r369-ledger-calculator {
  background: var(--ledger-paper);
  border: 1px solid var(--ledger-line-strong);
  border-radius: var(--ledger-radius-lg);
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 2.75rem);
  position: relative;
}

.r369-ledger-calculator::after {
  background: radial-gradient(circle, rgba(56, 189, 248, .08), transparent 67%);
  content: "";
  height: 260px;
  pointer-events: none;
  position: absolute;
  right: -100px;
  top: -110px;
  width: 260px;
}

.r369-ledger-price-block {
  margin: 0 auto 1.75rem;
  max-width: 720px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.r369-ledger-price-label {
  color: var(--ledger-body);
  display: block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.r369-ledger-price-block h2 {
  color: var(--ledger-blue);
  font-family: var(--ledger-font-display);
  font-size: 1.35rem;
  font-weight: 600;
  margin: .35rem 0 .75rem;
}

.r369-ledger-price {
  align-items: baseline;
  display: flex;
  justify-content: center;
  line-height: 1;
}

.r369-ledger-price strong {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 4.25rem;
  font-weight: 600;
}

.r369-ledger-price > span {
  color: var(--ledger-muted);
  font-family: var(--ledger-font-display);
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: .35rem;
}

.r369-ledger-annual-note {
  color: var(--ledger-muted);
  font-size: .8rem;
  line-height: 1.45;
  margin: .65rem 0 0;
  min-height: 1.2rem;
}

.r369-ledger-annual-note > span {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: center;
}

.r369-ledger-annual-note strong {
  color: var(--ledger-green);
}

.r369-ledger-storage-note {
  align-items: center;
  color: var(--ledger-body);
  display: inline-flex;
  font-size: .78rem;
  gap: .4rem;
  margin: .5rem 0 0;
}

.r369-ledger-storage-note .lucide-token,
.r369-ledger-storage-note .ui-icon {
  color: var(--ledger-blue);
  height: 1rem;
  width: 1rem;
}

.r369-ledger-exact-count {
  align-items: center;
  background: var(--ledger-paper-soft);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin: 0 auto 1.4rem;
  max-width: 720px;
  padding: .8rem .9rem .8rem 1rem;
}

.r369-ledger-exact-count label {
  color: var(--ledger-ink);
  display: block;
  font-size: .86rem;
  font-weight: 750;
}

.r369-ledger-exact-count small {
  color: var(--ledger-muted);
  display: block;
  font-size: .72rem;
  margin-top: .15rem;
}

.r369-ledger-count-control {
  align-items: center;
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: 44px minmax(72px, 92px) 44px;
}

.r369-ledger-count-button {
  align-items: center;
  background: var(--ledger-paper);
  border: 1px solid var(--ledger-line-strong);
  color: var(--ledger-blue);
  cursor: pointer;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.r369-ledger-count-button:first-child {
  border-radius: var(--ledger-radius-sm) 0 0 var(--ledger-radius-sm);
}

.r369-ledger-count-button:last-child {
  border-radius: 0 var(--ledger-radius-sm) var(--ledger-radius-sm) 0;
}

.r369-ledger-count-button:hover:not(:disabled) {
  background: var(--ledger-blue-soft);
  border-color: var(--ledger-blue);
}

.r369-ledger-count-button:disabled {
  color: var(--ledger-faint);
  cursor: not-allowed;
  opacity: .55;
}

.r369-ledger-count-input {
  appearance: textfield;
  background: var(--ledger-paper);
  border: solid var(--ledger-line-strong);
  border-width: 1px 0;
  color: var(--ledger-ink);
  font-size: 1rem;
  font-weight: 800;
  height: 44px;
  min-width: 0;
  padding: 0 .45rem;
  text-align: center;
  width: 100%;
}

.r369-ledger-count-input::-webkit-inner-spin-button,
.r369-ledger-count-input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.r369-ledger-slider-wrap {
  margin: 0 auto;
  max-width: 720px;
  padding-top: 2.2rem;
  position: relative;
}

.r369-ledger-slider-tooltip {
  background: var(--ledger-blue);
  border-radius: 999px;
  bottom: 48px;
  box-shadow: 0 6px 18px rgba(26, 86, 219, .3);
  color: #fff;
  font-size: .76rem;
  font-weight: 750;
  opacity: 0;
  padding: .35rem .75rem;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 6px) scale(.94);
  transition: opacity .16s ease, transform .16s ease;
  white-space: nowrap;
  z-index: 3;
}

.r369-ledger-slider-tooltip.is-visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.r369-ledger-slider-hit-area {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 44px;
  position: relative;
  touch-action: none;
  user-select: none;
}

.r369-ledger-slider-hit-area::before {
  background: linear-gradient(90deg, rgba(26, 86, 219, .07), rgba(56, 189, 248, .05));
  border-radius: 999px;
  content: "";
  height: 24px;
  inset: 50% 0 auto;
  opacity: .65;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
}

.r369-ledger-slider-track {
  background: #dce4f2;
  border-radius: 999px;
  box-shadow: inset 0 1px 2px rgba(36, 52, 90, .14);
  height: 8px;
  inset: 50% 0 auto;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
}

.r369-ledger-slider-track > span {
  background: linear-gradient(90deg, #2563eb, var(--ledger-blue));
  border-radius: 999px;
  display: block;
  height: 100%;
  transition: width .16s cubic-bezier(.22, 1, .36, 1);
}

.r369-ledger-slider-hit-area.is-interacting .r369-ledger-slider-track {
  box-shadow: inset 0 1px 2px rgba(36, 52, 90, .14), 0 0 0 6px rgba(26, 86, 219, .06);
  height: 10px;
}

.r369-ledger-slider {
  appearance: none;
  background: transparent;
  cursor: pointer;
  height: 44px;
  margin: 0;
  position: relative;
  touch-action: none;
  width: 100%;
  z-index: 2;
}

.r369-ledger-slider::-webkit-slider-runnable-track {
  background: transparent;
  border-radius: 4px;
  height: 8px;
}

.r369-ledger-slider::-webkit-slider-thumb {
  appearance: none;
  background: linear-gradient(135deg, #2563eb, var(--ledger-blue));
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(148, 172, 224, .15), 0 2px 10px rgba(26, 86, 219, .32);
  cursor: grab;
  height: 28px;
  margin-top: -10px;
  transition: box-shadow .15s ease, transform .15s ease;
  width: 28px;
}

.r369-ledger-slider:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 9px rgba(26, 86, 219, .11), 0 4px 16px rgba(26, 86, 219, .32);
}

.r369-ledger-slider:active::-webkit-slider-thumb {
  cursor: grabbing;
  transform: scale(1.04);
}

.r369-ledger-slider:focus-visible {
  outline: 0;
}

.r369-ledger-slider:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px var(--ledger-paper), 0 0 0 8px var(--ledger-focus), 0 4px 16px rgba(26, 86, 219, .28);
}

.r369-ledger-slider::-moz-range-track {
  background: transparent;
  border-radius: 4px;
  height: 8px;
}

.r369-ledger-slider::-moz-range-progress {
  background: linear-gradient(90deg, #2563eb, var(--ledger-blue));
  border-radius: 4px 0 0 4px;
  height: 8px;
}

.r369-ledger-slider::-moz-range-thumb {
  background: linear-gradient(135deg, #2563eb, var(--ledger-blue));
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(148, 172, 224, .15), 0 2px 10px rgba(26, 86, 219, .32);
  height: 28px;
  width: 28px;
}

.r369-ledger-slider:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px var(--ledger-paper), 0 0 0 8px var(--ledger-focus);
}

.r369-ledger-slider-help {
  color: var(--ledger-body);
  font-size: .78rem;
  line-height: 1.5;
  margin: -.1rem auto .85rem;
  max-width: 680px;
  text-align: center;
}

.r369-ledger-slider-scale {
  color: var(--ledger-body);
  height: 50px;
  margin: 0 auto .75rem;
  max-width: 720px;
  position: relative;
}

.r369-ledger-scale-mark {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: .72rem;
  font-weight: 750;
  gap: .15rem;
  left: var(--position);
  line-height: 1;
  min-width: 44px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: color .16s ease, opacity .16s ease;
  white-space: nowrap;
}

.r369-ledger-scale-mark:first-child {
  align-items: flex-start;
  transform: translateX(0);
}

.r369-ledger-scale-mark:last-child,
.r369-ledger-scale-mark-max {
  align-items: flex-end;
  transform: translateX(-100%);
}

.r369-ledger-scale-mark i {
  background: #c2cee2;
  border-radius: 999px;
  height: 10px;
  width: 2px;
}

.r369-ledger-scale-mark small {
  color: var(--ledger-faint);
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.r369-ledger-scale-mark.is-passed {
  color: var(--ledger-blue);
}

.r369-ledger-scale-mark.is-passed i {
  background: var(--ledger-blue);
}

.r369-ledger-scale-mark.is-current {
  color: var(--ledger-ink);
}

.r369-ledger-scale-mark.is-current i {
  background: var(--ledger-sky);
  height: 16px;
}

.r369-ledger-slider-context {
  align-items: center;
  background: #f8fbff;
  border: 1px solid #dbe7f5;
  border-radius: var(--ledger-radius-sm);
  color: var(--ledger-body);
  display: flex;
  font-size: .78rem;
  gap: 1rem;
  justify-content: space-between;
  line-height: 1.45;
  margin: 0 auto;
  max-width: 720px;
  padding: .75rem .85rem;
}

.r369-ledger-slider-context strong {
  color: var(--ledger-ink);
}

.r369-ledger-slider-context > span {
  text-align: right;
}

.r369-ledger-preview-status {
  align-items: center;
  color: var(--ledger-green);
  display: flex;
  font-size: .76rem;
  font-weight: 650;
  gap: .45rem;
  justify-content: center;
  margin: .8rem auto 0;
  min-height: 1.25rem;
  max-width: 720px;
  text-align: center;
}

.r369-ledger-preview-status .lucide-token,
.r369-ledger-preview-status .ui-icon {
  height: 1rem;
  width: 1rem;
}

.r369-ledger-preview-status .is-spinning {
  animation: billing-pending-spin .8s linear infinite;
}

.r369-ledger-coverage-points {
  border-top: 1px solid var(--ledger-line);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.5rem;
}

.r369-ledger-coverage-points > div {
  align-items: flex-start;
  color: var(--ledger-body);
  display: flex;
  gap: .65rem;
  min-width: 0;
  padding: 1rem;
}

.r369-ledger-coverage-points > div + div {
  border-left: 1px solid var(--ledger-line);
}

.r369-ledger-coverage-points .lucide-token,
.r369-ledger-coverage-points .ui-icon {
  color: var(--ledger-blue);
  flex: 0 0 auto;
  height: 1.1rem;
  margin-top: .1rem;
  width: 1.1rem;
}

.r369-ledger-coverage-points span:last-child {
  min-width: 0;
}

.r369-ledger-coverage-points strong,
.r369-ledger-coverage-points small {
  display: block;
}

.r369-ledger-coverage-points strong {
  color: var(--ledger-ink);
  font-size: .78rem;
}

.r369-ledger-coverage-points small {
  color: var(--ledger-muted);
  font-size: .7rem;
  line-height: 1.35;
  margin-top: .15rem;
}

.r369-addons-card {
  padding: clamp(1.25rem, 2.5vw, 2rem);
}

.r369-addon-tabs {
  background: var(--ledger-paper-soft);
  border-color: var(--ledger-line);
  border-radius: 999px;
  flex-wrap: wrap;
}

.r369-addon-tab {
  border-radius: 999px;
  min-height: 44px;
}

.r369-addon-tab.is-active {
  background: var(--ledger-blue);
  color: #fff;
}

.r369-addon-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.r369-addon-section-header {
  grid-column: 1 / -1;
}

.r369-addon-card {
  align-items: start;
  background: var(--ledger-paper);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius);
  display: grid;
  gap: .75rem 1rem;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  padding: 1rem;
  text-align: left;
}

.r369-addon-card:hover {
  border-color: #9db5db;
  box-shadow: 0 10px 26px rgba(30, 64, 175, .07);
}

.r369-addon-card.is-selected,
.r369-addon-card[data-selected="true"] {
  background: var(--ledger-blue-soft);
  border-color: var(--ledger-blue);
}

.r369-addon-icon {
  align-items: center;
  background: var(--ledger-blue-soft);
  border-radius: 50%;
  color: var(--ledger-blue);
  display: inline-flex;
  grid-column: 1;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.r369-addon-copy {
  grid-column: 2;
  min-width: 0;
}

.r369-addon-copy h3 {
  color: var(--ledger-ink);
  font-size: .98rem;
  line-height: 1.2;
  margin: .1rem 0 .25rem;
  overflow-wrap: anywhere;
}

.r369-addon-copy p {
  color: var(--ledger-body);
  font-size: .76rem;
  line-height: 1.45;
  margin: 0;
}

.r369-addon-price {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  grid-column: 3;
  min-width: 88px;
  text-align: right;
}

.r369-addon-price strong {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 1.35rem;
}

.r369-addon-price > span,
.r369-addon-price small {
  color: var(--ledger-muted);
  font-size: .68rem;
}

.r369-addon-guidance,
.r369-addon-package-header,
.r369-addon-package-list,
.r369-addon-actions {
  grid-column: 2 / -1;
}

.r369-addon-package-list {
  display: grid;
  gap: .4rem;
}

.r369-addon-package-option {
  min-height: 48px;
  text-align: left;
}

.r369-addon-package-price small {
  color: inherit;
  display: block;
  font-size: .65rem;
}

.r369-addon-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.r369-addon-add,
.r369-addon-selected,
.r369-addon-remove-tiered {
  min-height: 44px;
  min-width: 96px;
}

.r369-addon-quantity {
  min-height: 44px;
}

.r369-mini-step,
.r369-addon-remove {
  align-items: center;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.r369-current-addons,
.r369-intelligence-usage,
.r369-storage-guidance,
.r369-addon-next-note {
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-sm);
}

.r369-plan-summary-rail {
  display: block !important;
  min-width: 0;
  position: sticky;
  top: 1.25rem;
}

.r369-plan-summary-card {
  border-top: 4px solid var(--ledger-blue);
  max-height: calc(100vh - 2.5rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.25rem;
  scrollbar-width: thin;
}

.r369-plan-summary-header {
  align-items: start;
  border-bottom: 1px solid var(--ledger-line);
  gap: .75rem;
  padding-bottom: 1rem;
}

.r369-plan-summary-header .r369-ledger-section-heading {
  border: 0;
  margin: 0;
  padding: 0;
}

.r369-plan-summary-header h2 {
  font-family: var(--ledger-font-display);
  font-size: 1.85rem;
  font-weight: 600;
}

.r369-ledger-summary-total,
.r369-plan-summary-card .billing-finalize-total-box {
  background: var(--ledger-ink);
  border: 0;
  border-radius: var(--ledger-radius);
  color: #fff;
  margin: 1rem 0;
  padding: 1rem;
}

.r369-plan-summary-card .billing-finalize-total-box span,
.r369-plan-summary-card .billing-finalize-total-box small {
  color: #c7d2e5;
}

.r369-plan-summary-card .billing-finalize-total-box strong {
  color: #fff;
  font-family: var(--ledger-font-display);
  font-size: 2.5rem;
  font-weight: 600;
}

.r369-invoice-section-label {
  color: var(--ledger-muted);
  font-size: .62rem;
  letter-spacing: .08em;
}

.r369-summary-lines,
.r369-summary-coupon,
.r369-storage-summary {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-sm);
}

.r369-summary-lines .billing-invoice-line {
  background: transparent;
  border-color: var(--ledger-line);
}

.r369-summary-lines .billing-invoice-line strong,
.r369-summary-lines .billing-invoice-line b {
  color: var(--ledger-ink);
}

.r369-summary-lines .billing-invoice-line small {
  color: var(--ledger-muted);
}

.r369-summary-coupon {
  display: grid;
  gap: .5rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: .85rem;
}

.r369-summary-coupon > label {
  color: var(--ledger-ink);
  font-size: .78rem;
  font-weight: 750;
  grid-column: 1 / -1;
}

.r369-summary-coupon .billing-coupon-input {
  min-height: 44px;
}

.r369-summary-coupon .billing-pricing-copy-outline-button {
  min-height: 44px;
}

.r369-coupon-status {
  grid-column: 1 / -1;
}

.billing-ux-change-schedule {
  display: grid;
  gap: .5rem;
}

.billing-ux-change-group {
  border-left: 3px solid var(--ledger-line-strong);
  border-radius: var(--ledger-radius-sm);
  padding: .75rem;
}

.billing-ux-change-current {
  border-left-color: var(--ledger-blue);
  order: 1;
}

.billing-ux-change-now {
  border-left-color: var(--ledger-green);
  order: 2;
}

.billing-ux-change-renewal {
  border-left-color: var(--ledger-amber);
  order: 3;
}

.billing-ux-change-heading h3 {
  color: var(--ledger-ink);
}

.billing-ux-change-heading p,
.billing-ux-change-line small,
.billing-ux-change-empty {
  color: var(--ledger-muted);
}

.r369-builder-support-strip {
  box-shadow: none;
}

.r369-support-button,
.r369-preview-button,
.r369-back-link {
  min-height: 44px;
}

/* Public signup uses the same ledger tokens and calculator. */
.billing-clear-ledger.pricing-signup-page {
  max-width: none;
}

.billing-clear-ledger .billing-guest-layout,
.billing-clear-ledger .billing-checkout-redesign {
  background: var(--ledger-canvas);
}

.billing-clear-ledger .billing-checkout-shell {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  box-shadow: var(--ledger-shadow);
  margin: 0 auto;
  max-width: 1480px;
  overflow: hidden;
}

.billing-clear-ledger .billing-checkout-topbar {
  background: var(--ledger-paper);
  border-bottom-color: var(--ledger-line);
}

.billing-clear-ledger .billing-checkout-brand,
.billing-clear-ledger .billing-checkout-secure,
.billing-clear-ledger .billing-checkout-trust {
  color: var(--ledger-ink);
}

.r369-ledger-progress {
  background: var(--ledger-paper);
  border-bottom: 1px solid var(--ledger-line);
  padding: .6rem clamp(1rem, 3vw, 2.5rem);
}

.r369-ledger-public-hero {
  background: var(--ledger-paper);
  border-bottom: 1px solid var(--ledger-line);
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 5vw, 5rem);
  text-align: center;
}

.r369-ledger-public-hero h1 {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.02;
  margin: .75rem auto 1rem;
  max-width: 18ch;
}

.r369-ledger-public-hero > p {
  color: var(--ledger-body);
  font-size: 1.05rem;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 66ch;
}

.r369-ledger-progress .billing-ux-step-list {
  display: grid;
  gap: .35rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 720px;
}

.r369-ledger-progress .billing-ux-step-list::before,
.r369-ledger-progress .billing-ux-step-list::after,
.r369-ledger-progress .billing-ux-step-list > li::after {
  display: none;
}

.r369-ledger-progress .billing-ux-step-button {
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--ledger-line);
  border-radius: 0;
  color: var(--ledger-muted);
  justify-content: center;
  min-height: 48px;
  padding: .4rem .65rem;
  transform: none;
  width: 100%;
}

.r369-ledger-progress .billing-ux-step-button.is-active {
  border-bottom-color: var(--ledger-blue);
  color: var(--ledger-ink);
}

.r369-ledger-progress .billing-ux-step-button.is-complete {
  border-bottom-color: var(--ledger-green);
  color: var(--ledger-green);
}

.r369-ledger-progress .billing-ux-step-copy {
  display: block;
  grid-column: 1 / -1;
  min-width: 0;
  overflow-wrap: normal;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  word-break: normal;
}

.r369-ledger-progress .billing-ux-step-button::before,
.r369-ledger-progress .billing-ux-step-button::after {
  display: none;
}

.r369-ledger-progress .billing-ux-step-copy strong {
  color: inherit;
  display: block;
  max-width: none;
  overflow-wrap: normal;
  white-space: nowrap;
  word-break: normal;
}

.r369-ledger-guest-period {
  background: var(--ledger-paper);
  padding: 1rem clamp(1rem, 3vw, 2.5rem) 0;
}

.r369-ledger-guest-period .r369-ledger-period {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr);
  margin: 0 auto;
  max-width: 1100px;
}

.billing-clear-ledger .billing-checkout-workspace {
  align-items: start;
  background: var(--ledger-canvas);
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
  padding: clamp(1rem, 3vw, 2.5rem);
}

.r369-ledger-guest-step {
  background: var(--ledger-paper);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  box-shadow: none;
  overflow: visible;
  padding: clamp(1.1rem, 2.5vw, 2rem);
}

.r369-ledger-step-heading {
  align-items: start;
  border-bottom: 1px solid var(--ledger-line);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
}

.r369-ledger-step-heading h2,
.r369-ledger-guest-step .settings-heading {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 1.85rem;
  font-weight: 600;
  margin: .3rem 0 .25rem;
}

.r369-ledger-step-heading p,
.r369-ledger-guest-step .settings-muted {
  color: var(--ledger-body);
  margin: 0;
}

.r369-ledger-info-note {
  align-items: flex-start;
  background: var(--ledger-blue-soft);
  border: 1px solid #ccdcf6;
  border-radius: var(--ledger-radius-sm);
  color: var(--ledger-body);
  display: flex;
  flex: 0 1 340px;
  font-size: .76rem;
  gap: .6rem;
  line-height: 1.4;
  padding: .75rem;
}

.r369-ledger-info-note .lucide-token,
.r369-ledger-info-note .ui-icon {
  color: var(--ledger-blue);
  flex: 0 0 auto;
  height: 1.1rem;
  width: 1.1rem;
}

.r369-ledger-step-actions {
  align-items: center;
  background: var(--ledger-paper-soft);
  border: 1px solid var(--ledger-line);
  border-radius: var(--ledger-radius);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1rem;
  padding: .9rem;
}

.r369-ledger-step-actions strong,
.r369-ledger-step-actions span {
  display: block;
}

.r369-ledger-step-actions strong {
  color: var(--ledger-ink);
  font-size: .84rem;
}

.r369-ledger-step-actions div > span {
  color: var(--ledger-muted);
  font-size: .74rem;
  margin-top: .15rem;
}

.billing-clear-ledger .billing-ux-sticky-checkout {
  display: block !important;
  position: sticky;
  top: 1rem;
}

.billing-clear-ledger .billing-checkout-plan-panel,
.billing-clear-ledger .billing-pricing-copy-plan-panel {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  box-shadow: none;
}

.billing-clear-ledger .billing-compact-plan-summary {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
  border-radius: var(--ledger-radius-lg);
  border-top: 3px solid var(--ledger-blue);
  box-shadow: none;
}

.billing-clear-ledger .billing-compact-plan-summary .billing-finalize-header {
  background: transparent;
  border-bottom-color: var(--ledger-line);
}

.billing-clear-ledger .billing-compact-plan-summary .billing-finalize-total-box {
  background: var(--ledger-ink);
  border: 0;
  color: #fff;
}

.billing-clear-ledger .billing-compact-plan-summary .billing-finalize-total-box :where(span, small, strong) {
  color: #fff;
}

.billing-clear-ledger .billing-checkout-plan-header h2,
.billing-clear-ledger .billing-pricing-copy-plan-head h2 {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-weight: 600;
}

.billing-clear-ledger .billing-ux-sticky-row.is-total,
.billing-clear-ledger .billing-pricing-copy-total-box {
  background: var(--ledger-ink);
  border-radius: var(--ledger-radius);
  color: #fff;
  padding: 1rem;
}

.billing-clear-ledger .billing-ux-sticky-row.is-total strong,
.billing-clear-ledger .billing-pricing-copy-total-box p {
  color: #fff;
  font-family: var(--ledger-font-display);
  font-size: 2rem;
  font-weight: 600;
}

.billing-account-terms {
  align-items: flex-start;
  background: var(--ledger-paper-soft);
  border: 1px solid var(--ledger-line-strong);
  border-radius: var(--ledger-radius);
  color: var(--ledger-body);
  cursor: pointer;
  display: flex;
  gap: .75rem;
  grid-column: 1 / -1;
  line-height: 1.5;
  padding: .9rem;
}

.billing-account-terms.is-invalid {
  background: var(--ledger-danger-soft);
  border-color: var(--ledger-danger);
}

.billing-account-terms input {
  accent-color: var(--ledger-blue);
  flex: 0 0 auto;
  height: 22px;
  margin-top: .1rem;
  width: 22px;
}

.billing-account-terms strong {
  color: var(--ledger-ink);
}

.billing-account-terms a {
  color: var(--ledger-blue-deep);
  font-weight: 750;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.billing-account-terms small {
  color: var(--ledger-muted);
  display: block;
  font-size: .72rem;
  margin-top: .25rem;
}

.billing-clear-ledger .billing-icon-step,
.billing-clear-ledger .billing-addon-remove,
.billing-clear-ledger .billing-addon-add-button,
.billing-clear-ledger .billing-addon-card-selected,
.billing-clear-ledger .billing-qbo-compare-modal-button {
  min-height: 44px;
}

.billing-clear-ledger .billing-icon-step {
  min-width: 44px;
}

/* Let the shared subscription workspaces respond to their available content width, including beside the app sidebar. */
.r369-clear-ledger-studio,
.billing-clear-ledger .billing-checkout-shell {
  container-name: r369-subscription-layout;
  container-type: inline-size;
  width: 100%;
}

@media (max-width: 1399px) {
  .r369-subscription-grid {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 380px);
  }

  .r369-plan-summary-card {
    padding: 1rem;
  }
}

@media (max-width: 1199px) {
  .r369-ledger-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-ledger-hero h1 {
    max-width: 17ch;
  }

  .r369-subscription-grid,
  .billing-clear-ledger .billing-checkout-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-plan-summary-rail,
  .billing-clear-ledger .billing-ux-sticky-checkout {
    position: static;
  }

  .r369-plan-summary-card {
    max-height: none;
    overflow: visible;
  }

  .billing-clear-ledger .billing-ux-sticky-checkout {
    order: 2;
  }
}

@media (max-width: 900px) {
  .r369-addon-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-ledger-guest-period .r369-ledger-period {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-ledger-step-heading {
    display: grid;
  }

  .r369-ledger-info-note {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .billing-subscription-studio-wrap.billing-pricing-copy {
    margin: -.75rem;
    padding: .75rem;
  }

  .r369-ledger-hero,
  .r369-ledger-paper,
  .r369-addons-card,
  .r369-plan-summary-card,
  .r369-ledger-guest-step {
    border-radius: var(--ledger-radius);
  }

  .r369-ledger-hero {
    padding: 1.25rem;
  }

  .r369-ledger-period {
    padding: 1rem;
  }

  .r369-ledger-exact-count {
    align-items: stretch;
    display: grid;
  }

  .r369-ledger-count-control {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    width: 100%;
  }

  .r369-ledger-slider-context {
    align-items: flex-start;
    display: grid;
    gap: .25rem;
  }

  .r369-ledger-slider-context > span {
    text-align: left;
  }

  .r369-ledger-coverage-points {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-ledger-coverage-points > div + div {
    border-left: 0;
    border-top: 1px solid var(--ledger-line);
  }

  .r369-addon-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .r369-addon-price {
    align-items: flex-start;
    grid-column: 2;
    text-align: left;
  }

  .r369-addon-guidance,
  .r369-addon-package-header,
  .r369-addon-package-list,
  .r369-addon-actions {
    grid-column: 1 / -1;
  }

  .r369-addon-actions {
    justify-content: stretch;
  }

  .r369-addon-add,
  .r369-addon-selected,
  .r369-addon-remove-tiered {
    width: 100%;
  }

  .r369-ledger-step-actions {
    align-items: stretch;
    display: grid;
  }

  .r369-ledger-step-actions .settings-btn {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .r369-ledger-hero h1 {
    font-size: 2.5rem;
  }

  .r369-ledger-period-switch {
    grid-template-columns: 1fr;
  }

  .r369-ledger-period-button {
    width: 100%;
  }

  .r369-ledger-calculator {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-left: -.9rem;
    margin-right: -.9rem;
    padding: 1.25rem .9rem;
  }

  .r369-ledger-price strong {
    font-size: 3.75rem;
  }

  .r369-ledger-scale-mark-25,
  .r369-ledger-scale-mark-250,
  .r369-ledger-scale-mark-500 {
    display: none !important;
  }

  .r369-ledger-slider-scale.has-extended-max .r369-ledger-scale-mark-600 {
    display: none !important;
  }

  .r369-ledger-slider-scale {
    margin-bottom: .25rem;
  }

  .r369-ledger-slider-help {
    text-align: left;
  }

  .r369-summary-coupon {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-summary-coupon > label,
  .r369-coupon-status {
    grid-column: 1;
  }

  .r369-ledger-progress .billing-ux-step-copy small {
    display: none;
  }

  .billing-clear-ledger .billing-checkout-workspace,
  .r369-ledger-guest-period {
    padding-left: .75rem;
    padding-right: .75rem;
  }
}

@media (min-width: 561px) and (max-width: 1100px) {
  .r369-ledger-slider-scale.has-extended-max .r369-ledger-scale-mark-500 {
    display: none !important;
  }
}

.dark .billing-clear-ledger {
  --ledger-canvas: #07111f;
  --ledger-paper: #0f1c2e;
  --ledger-paper-soft: #142338;
  --ledger-ink: #f4f7fc;
  --ledger-ink-2: #dbe5f3;
  --ledger-body: #b8c5d8;
  --ledger-muted: #94a3b8;
  --ledger-faint: #7d8da5;
  --ledger-line: rgba(148, 163, 184, .22);
  --ledger-line-strong: rgba(148, 163, 184, .38);
  --ledger-blue: #69a0ff;
  --ledger-blue-deep: #9bc0ff;
  --ledger-blue-soft: rgba(59, 130, 246, .14);
  --ledger-green: #4ade80;
  --ledger-green-soft: rgba(34, 197, 94, .13);
  --ledger-focus: #dbeafe;
  --ledger-shadow: 0 18px 52px rgba(0, 0, 0, .25);
}

.dark .billing-clear-ledger .r369-ledger-period-switch {
  background: #0a1627;
}

.dark .billing-clear-ledger .r369-ledger-period-button.is-active {
  background: #9bc0ff;
  color: #071527;
}

.dark .billing-clear-ledger .r369-ledger-save-badge {
  background: #4ade80;
  color: #071527;
}

.dark .billing-clear-ledger .r369-ledger-period-button.is-active .r369-ledger-save-badge {
  background: #071527;
  color: #4ade80;
}

.dark .billing-clear-ledger .billing-checkout-secure {
  background: var(--ledger-paper-soft);
  border-color: var(--ledger-line-strong);
  color: var(--ledger-ink);
}

.dark .billing-clear-ledger .r369-ledger-progress .billing-ux-step-button.is-active,
.dark .billing-clear-ledger .r369-ledger-progress .billing-ux-step-button.is-complete {
  background: transparent;
}

.dark .billing-clear-ledger .r369-ledger-slider-track {
  background: #31405a;
}

.dark .billing-clear-ledger .r369-ledger-slider-context,
.dark .billing-clear-ledger .r369-ledger-info-note {
  background: rgba(59, 130, 246, .11);
  border-color: rgba(105, 160, 255, .3);
}

.dark .billing-clear-ledger .r369-ledger-summary-total,
.dark .billing-clear-ledger .r369-plan-summary-card .billing-finalize-total-box,
.dark .billing-clear-ledger .billing-ux-sticky-row.is-total,
.dark .billing-clear-ledger .billing-pricing-copy-total-box {
  background: #050d19;
}

.dark .billing-clear-ledger .r369-summary-lines,
.dark .billing-clear-ledger .r369-summary-coupon,
.dark .billing-clear-ledger .r369-storage-summary,
.dark .billing-clear-ledger .r369-summary-lines .billing-invoice-line {
  background: var(--ledger-paper);
  border-color: var(--ledger-line);
}

@media (prefers-contrast: more) {
  .billing-clear-ledger {
    --ledger-line: #9aa9bd;
    --ledger-line-strong: #5e7089;
  }

  .billing-clear-ledger :where(button, input, a):focus-visible {
    outline-width: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .billing-clear-ledger *,
  .billing-clear-ledger *::before,
  .billing-clear-ledger *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Compact checkout task flow. */
.billing-subscription-studio-wrap.r369-compact-checkout {
  padding: clamp(.75rem, 1.5vw, 1.25rem);
}

.r369-compact-checkout .r369-ledger-hero {
  border-radius: 14px;
  gap: .75rem 1rem;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: .75rem;
  padding: .9rem 1rem;
}

.r369-ledger-period-dock {
  align-self: start;
  background: var(--ledger-canvas);
  inline-size: 100%;
  margin-bottom: .75rem;
  position: sticky;
  top: max(.75rem, env(safe-area-inset-top));
  z-index: 30;
}

.r369-compact-checkout .r369-ledger-period-dock .r369-ledger-period {
  background: var(--ledger-paper);
  box-shadow: 0 10px 28px rgba(30, 64, 175, .12);
  grid-template-columns: minmax(0, 1fr) minmax(270px, 455px);
}

.r369-compact-checkout .r369-ledger-hero::after {
  height: 180px;
  right: -75px;
  top: -90px;
  width: 180px;
}

.r369-compact-checkout .r369-ledger-hero h1 {
  font-size: 1.8rem;
  line-height: 1.08;
  margin: .25rem 0 .35rem;
  max-width: none;
}

.r369-compact-checkout .r369-ledger-hero-copy > p {
  font-size: .86rem;
  line-height: 1.4;
}

.r369-compact-checkout .r369-ledger-trust-row {
  font-size: .72rem;
  gap: .35rem .85rem;
  margin-top: .55rem;
}

.r369-compact-checkout .r369-ledger-period {
  align-items: center;
  gap: .35rem .75rem;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 1.05fr);
  padding: .65rem .75rem;
}

.r369-compact-checkout .r369-ledger-period-copy h2 {
  font-size: .9rem;
  margin: .15rem 0 0;
}

.r369-compact-checkout .r369-ledger-period-copy p {
  display: none;
}

.r369-compact-checkout .r369-ledger-period-switch {
  min-width: 0;
}

.r369-compact-checkout .r369-ledger-period-button {
  font-size: .76rem;
  padding: .4rem .6rem;
}

.r369-compact-checkout .r369-ledger-period-status {
  grid-column: 2;
  min-height: 0;
  padding-top: 0;
}

.r369-compact-checkout .r369-subscription-status {
  margin-bottom: .75rem;
  padding-block: .55rem;
}

.r369-compact-checkout .r369-subscription-grid,
.r369-compact-checkout .r369-subscription-main {
  gap: .75rem;
}

.r369-compact-checkout .r369-builder-card,
.r369-compact-checkout .r369-plan-summary-card,
.r369-compact-checkout .r369-builder-support-strip,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-step-panel {
  border-radius: 14px;
}

.r369-compact-checkout .r369-ledger-paper {
  padding: 1rem;
}

.r369-compact-checkout .r369-ledger-section-heading {
  margin-bottom: .75rem;
  padding-bottom: .65rem;
}

.r369-compact-checkout .r369-ledger-section-heading h2 {
  font-size: 1.4rem;
  margin: .15rem 0 .15rem;
}

.r369-compact-checkout .r369-ledger-section-heading p {
  font-size: .8rem;
  line-height: 1.4;
}

.r369-compact-checkout .r369-ledger-calculator {
  border-radius: 12px;
  padding: 1rem;
}

.r369-compact-checkout .r369-ledger-calculator::after {
  height: 180px;
  right: -85px;
  top: -95px;
  width: 180px;
}

.r369-compact-checkout .r369-ledger-price-block {
  margin-bottom: .75rem;
}

.r369-compact-checkout .r369-ledger-price-block h3 {
  color: var(--ledger-blue);
  font-family: var(--ledger-font-display);
  font-size: 1rem;
  font-weight: 600;
  margin: .15rem 0 .25rem;
}

.r369-compact-checkout .r369-ledger-price strong {
  font-size: 2.9rem;
}

.r369-compact-checkout .r369-ledger-price > span {
  font-size: 1rem;
}

.r369-compact-checkout .r369-ledger-annual-note {
  margin-top: .3rem;
  min-height: 1rem;
}

.r369-compact-checkout .r369-ledger-storage-note {
  margin-top: .25rem;
}

.r369-compact-checkout .r369-ledger-exact-count {
  margin-bottom: .65rem;
  padding: .5rem .55rem .5rem .75rem;
}

.r369-compact-checkout .r369-ledger-slider-wrap {
  padding-top: .95rem;
}

.r369-compact-checkout .r369-ledger-slider-help {
  font-size: .72rem;
  line-height: 1.35;
  margin: -.15rem auto .45rem;
}

.r369-compact-checkout .r369-ledger-slider-scale {
  height: 42px;
  margin-bottom: .35rem;
}

.r369-compact-checkout .r369-ledger-slider-context {
  padding: .5rem .65rem;
}

.r369-compact-checkout .r369-ledger-preview-status {
  margin-top: .4rem;
}

.r369-compact-disclosure > summary,
.r369-optional-tools-disclosure > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  list-style: none;
  min-height: 44px;
}

.r369-compact-disclosure > summary::-webkit-details-marker,
.r369-optional-tools-disclosure > summary::-webkit-details-marker {
  display: none;
}

.r369-compact-disclosure > summary:hover,
.r369-optional-tools-disclosure > summary:hover {
  color: var(--ledger-blue-deep);
}

.r369-compact-disclosure > summary:focus-visible,
.r369-optional-tools-disclosure > summary:focus-visible {
  border-radius: 8px;
  outline: 3px solid var(--ledger-focus);
  outline-offset: 2px;
}

.r369-disclosure-chevron {
  flex: 0 0 auto;
  height: 1rem;
  transition: transform .18s ease;
  width: 1rem;
}

details[open] > summary .r369-disclosure-chevron {
  transform: rotate(180deg);
}

.r369-compact-checkout .r369-coverage-details {
  border-top: 1px solid var(--ledger-line);
  margin-top: .65rem;
}

.r369-compact-checkout .r369-coverage-details > summary {
  color: var(--ledger-body);
  font-size: .78rem;
  font-weight: 750;
  padding: .2rem .25rem 0;
}

.r369-compact-checkout .r369-coverage-details .r369-ledger-coverage-points {
  margin-top: 0;
}

.r369-compact-checkout .r369-ledger-coverage-points > div {
  padding: .7rem;
}

.r369-compact-checkout .r369-optional-tools-disclosure {
  padding: 0;
}

.r369-compact-checkout .r369-optional-tools-summary {
  padding: .7rem 1rem;
}

.r369-compact-checkout .r369-optional-tools-summary > span:first-child {
  display: grid;
  gap: .1rem;
}

.r369-compact-checkout .r369-optional-tools-summary strong {
  color: var(--ledger-ink);
  font-family: var(--ledger-font-display);
  font-size: 1.2rem;
}

.r369-compact-checkout .r369-optional-tools-summary small {
  color: var(--ledger-body);
  font-size: .75rem;
}

.r369-compact-checkout .r369-optional-tools-body {
  border-top: 1px solid var(--ledger-line);
  padding: .75rem 1rem 1rem;
}

.r369-compact-checkout .r369-addon-filter-row {
  border: 0;
  margin: 0 0 .6rem;
  padding: 0;
}

.r369-compact-checkout .r369-addon-tab {
  font-size: .72rem;
  padding-inline: .75rem;
}

.r369-compact-checkout .r369-addon-card {
  gap: .55rem .7rem;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  padding: .75rem;
}

.r369-compact-checkout .r369-addon-icon {
  height: 40px;
  width: 40px;
}

.r369-compact-checkout .r369-addon-copy h3 {
  font-size: .9rem;
}

.r369-compact-checkout .r369-addon-copy p,
.r369-compact-checkout .r369-addon-guidance {
  font-size: .72rem;
  line-height: 1.35;
}

.r369-compact-checkout .r369-addon-price strong {
  font-size: 1.15rem;
}

.r369-compact-checkout .r369-builder-support-strip {
  gap: .75rem;
  padding: .7rem .85rem;
}

.r369-compact-checkout .r369-builder-support-strip p {
  font-size: .72rem;
  line-height: 1.35;
}

.r369-compact-checkout .r369-plan-summary-rail {
  top: .75rem;
}

.r369-compact-checkout .r369-plan-summary-card {
  max-height: none;
  overflow: visible;
  padding: .85rem;
}

.r369-compact-checkout .r369-plan-summary-header {
  padding-bottom: .6rem;
}

.r369-compact-checkout .r369-plan-summary-header h2 {
  font-size: 1.35rem;
}

.r369-compact-checkout .r369-plan-summary-header p {
  font-size: .72rem;
  line-height: 1.35;
}

.r369-compact-checkout .r369-ledger-summary-total,
.r369-compact-checkout .r369-plan-summary-card .billing-finalize-total-box {
  margin: .65rem 0;
  padding: .7rem .8rem;
}

.r369-compact-checkout .r369-plan-summary-card .billing-finalize-total-box strong {
  font-size: 2.1rem;
}

.r369-compact-checkout .r369-summary-coupon {
  gap: .4rem;
  padding: .6rem;
}

.r369-compact-checkout .r369-confirmation-snapshot {
  background: #f8fbff;
  border: 1px solid var(--ledger-line);
  border-radius: 10px;
  display: grid;
  margin-top: .6rem;
}

.r369-compact-checkout .r369-confirmation-charge,
.r369-compact-checkout .r369-confirmation-timing {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  padding: .6rem .7rem;
}

.r369-compact-checkout .r369-confirmation-timing {
  border-top: 1px solid var(--ledger-line);
}

.r369-compact-checkout .r369-confirmation-snapshot span {
  display: grid;
  gap: .1rem;
}

.r369-compact-checkout .r369-confirmation-snapshot strong,
.r369-compact-checkout .r369-confirmation-snapshot b {
  color: var(--ledger-ink);
  font-size: .82rem;
}

.r369-compact-checkout .r369-confirmation-snapshot small {
  color: var(--ledger-body);
  font-size: .68rem;
  line-height: 1.35;
}

.r369-compact-checkout .r369-confirmation-charge b {
  font-family: var(--ledger-font-display);
  font-size: 1.15rem;
  white-space: nowrap;
}

.r369-compact-checkout .r369-summary-actions {
  gap: .45rem;
  margin: .6rem 0;
}

.r369-compact-checkout .r369-summary-actions .settings-btn-primary {
  min-height: 48px;
}

.r369-compact-checkout .r369-invoice-section-label {
  margin-top: .6rem;
}

.r369-compact-checkout .r369-summary-lines .billing-invoice-line,
.r369-compact-checkout .billing-ux-change-group,
.r369-compact-checkout .r369-storage-summary {
  padding: .6rem;
}

.r369-auth-mobile-checkout-bar {
  align-items: center;
  background: var(--ledger-ink);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  bottom: calc(.6rem + env(safe-area-inset-bottom));
  box-shadow: 0 14px 38px rgba(15, 23, 42, .3);
  color: #fff;
  display: none;
  gap: .75rem;
  grid-template-columns: minmax(0, 1fr) auto 20px;
  left: .6rem;
  min-height: 58px;
  padding: .55rem .75rem;
  position: fixed;
  right: .6rem;
  text-decoration: none;
  z-index: 60;
}

.r369-auth-mobile-checkout-bar > span:first-child {
  display: grid;
}

.r369-auth-mobile-checkout-bar small {
  color: #c7d2e5;
  font-size: .68rem;
  font-weight: 700;
}

.r369-auth-mobile-checkout-bar strong {
  color: #fff;
  font-family: var(--ledger-font-display);
  font-size: 1.25rem;
  line-height: 1.1;
}

.r369-auth-mobile-checkout-bar b {
  color: #fff;
  font-size: .8rem;
}

.r369-auth-mobile-checkout-bar:focus-visible {
  outline: 3px solid var(--ledger-focus);
  outline-offset: 3px;
}

#subscription-coverage,
#subscription-addons,
#subscription-review-actions {
  scroll-margin-top: 7rem;
}

.r369-retired-storage-lines {
  display: grid;
  gap: .35rem;
  margin-top: .45rem;
}

.r369-retired-storage-lines > span {
  align-items: center;
  background: color-mix(in srgb, var(--ledger-paper) 82%, transparent);
  border: 1px solid var(--ledger-line);
  border-radius: 10px;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  padding: .5rem .65rem;
}

.r369-retired-storage-lines > span > span {
  display: grid;
  gap: .05rem;
}

.r369-retired-storage-lines b {
  color: var(--ledger-ink);
  flex: 0 0 auto;
  font-size: .78rem;
}

@media (max-width: 1239px) {
  .billing-subscription-studio-wrap.r369-compact-checkout {
    padding-bottom: 5.4rem;
  }

  .r369-auth-mobile-checkout-bar {
    align-items: center;
    background: var(--ledger-ink);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    bottom: calc(.6rem + env(safe-area-inset-bottom));
    box-shadow: 0 14px 38px rgba(15, 23, 42, .3);
    color: #fff;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    left: .6rem;
    min-height: 58px;
    padding: .55rem .75rem;
    position: fixed;
    right: .6rem;
    text-decoration: none;
    z-index: 60;
  }

  .r369-auth-mobile-checkout-bar > span:first-child {
    display: grid;
  }

  .r369-auth-mobile-checkout-bar small {
    color: #c7d2e5;
    font-size: .68rem;
    font-weight: 700;
  }

  .r369-auth-mobile-checkout-bar strong {
    color: #fff;
    font-family: var(--ledger-font-display);
    font-size: 1.25rem;
    line-height: 1.1;
  }

  .r369-auth-mobile-checkout-bar b {
    color: #fff;
    font-size: .8rem;
  }

  .r369-auth-mobile-checkout-bar:focus-visible {
    outline: 3px solid var(--ledger-focus);
    outline-offset: 3px;
  }
}

.billing-checkout-shell.r369-compact-checkout {
  border-radius: 14px;
}

.billing-checkout-shell.r369-compact-checkout .billing-checkout-topbar {
  min-height: 0;
  padding: .6rem 1rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero {
  padding: .8rem 1rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero h1 {
  font-size: 1.9rem;
  line-height: 1.08;
  margin: .2rem auto .3rem;
  max-width: none;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero > p {
  font-size: .84rem;
  line-height: 1.4;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-progress {
  padding: .25rem 1rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-progress .billing-ux-step-button {
  min-height: 44px;
  padding: .25rem .5rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-progress .billing-ux-step-copy small {
  font-size: .68rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-guest-period {
  padding: .5rem 1rem 0;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-guest-period .r369-ledger-period {
  max-width: 1000px;
}

.billing-clear-ledger .billing-checkout-shell.r369-compact-checkout .billing-checkout-workspace {
  gap: .75rem;
  padding: .75rem 1rem 1rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-checkout-step-panel,
.billing-checkout-shell.r369-compact-checkout .r369-ledger-guest-step {
  padding: 1rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-step-heading,
.billing-checkout-shell.r369-compact-checkout .billing-ux-review-header,
.billing-checkout-shell.r369-compact-checkout .billing-ux-account-header {
  margin-bottom: .7rem;
  padding-bottom: .65rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-step-heading h2,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-step-panel .settings-heading {
  font-size: 1.4rem;
  margin: .15rem 0;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-step-heading p,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-step-panel .settings-muted {
  font-size: .8rem;
  line-height: 1.4;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-info-note {
  padding: .55rem .65rem;
}

.billing-checkout-shell.r369-compact-checkout .r369-ledger-step-actions,
.billing-checkout-shell.r369-compact-checkout .billing-ux-continue-panel,
.billing-checkout-shell.r369-compact-checkout .r369-ledger-next-card {
  margin-top: .7rem;
  padding: .65rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-ux-review-body,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-account-step .settings-panel-body {
  padding: 0;
}

.billing-checkout-shell.r369-compact-checkout .billing-checkout-upgrade-section,
.billing-checkout-shell.r369-compact-checkout .billing-compact-plan-summary {
  padding: .75rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-ux-addon-row {
  min-height: 0;
  padding: .7rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-account-optional-group {
  border: 1px solid var(--ledger-line);
  border-radius: 10px;
  padding: 0;
}

.billing-checkout-shell.r369-compact-checkout .billing-account-optional-heading {
  padding: .65rem .75rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-account-optional-grid {
  border-top: 1px solid var(--ledger-line);
  padding: .75rem;
}

.billing-clear-ledger .billing-checkout-shell.r369-compact-checkout .billing-ux-sticky-checkout {
  top: .75rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-compact-plan-summary,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-plan-panel,
.billing-checkout-shell.r369-compact-checkout .billing-pricing-copy-plan-panel {
  border-radius: 12px;
}

.billing-checkout-shell.r369-compact-checkout .billing-pricing-copy-plan-body,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-plan-body {
  padding: .75rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-pricing-copy-plan-section,
.billing-checkout-shell.r369-compact-checkout .billing-checkout-plan-section {
  padding-block: .65rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-pricing-copy-total-box,
.billing-checkout-shell.r369-compact-checkout .billing-ux-sticky-row.is-total {
  margin-block: .55rem;
  padding: .7rem;
}

.billing-checkout-shell.r369-compact-checkout .billing-pricing-copy-action-block .settings-btn-primary,
.billing-checkout-shell.r369-compact-checkout [data-account-final-submit] {
  min-height: 48px;
}

@media (max-width: 1199px) {
  .r369-compact-checkout .r369-ledger-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-ledger-period {
    grid-template-columns: minmax(0, 1fr) minmax(250px, .8fr);
  }

  .r369-compact-checkout .r369-ledger-period-status {
    grid-column: 2;
  }
}

@media (max-width: 767px) {
  .billing-subscription-studio-wrap.r369-compact-checkout {
    margin: -.75rem;
    padding: .6rem .6rem 5.4rem;
  }

  .r369-compact-checkout .r369-ledger-hero {
    padding: .8rem;
  }

  .r369-compact-checkout .r369-ledger-hero-copy > p,
  .r369-compact-checkout .r369-ledger-trust-row {
    display: none;
  }

  .r369-compact-checkout .r369-ledger-period,
  .r369-compact-checkout .r369-ledger-guest-period .r369-ledger-period {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-ledger-period-dock .r369-ledger-period {
    grid-template-columns: minmax(0, 1fr);
    padding: .35rem;
  }

  .r369-ledger-period-dock .r369-ledger-period-copy,
  .r369-ledger-period-dock .r369-ledger-period-status {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }

  .r369-ledger-period-dock .r369-ledger-period-switch {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .r369-ledger-period-dock .r369-ledger-period-button {
    min-height: 44px;
    width: 100%;
  }

  .r369-compact-checkout .r369-ledger-period-status {
    grid-column: 1;
  }

  .r369-compact-checkout .r369-ledger-price strong {
    font-size: 2.7rem;
  }

  .r369-compact-checkout .r369-ledger-calculator {
    border-left: 1px solid var(--ledger-line-strong);
    border-radius: 12px;
    border-right: 1px solid var(--ledger-line-strong);
    margin-inline: 0;
    padding: .8rem;
  }

  .r369-compact-checkout .r369-ledger-exact-count {
    align-items: stretch;
    flex-direction: column;
  }

  .r369-compact-checkout .r369-ledger-count-control {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    width: 100%;
  }

  .r369-compact-checkout .r369-ledger-coverage-points {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-ledger-coverage-points > div + div {
    border-left: 0;
    border-top: 1px solid var(--ledger-line);
  }

  .r369-compact-checkout .r369-addon-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-addon-card {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-addon-price {
    align-items: flex-start;
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }

  .r369-auth-mobile-checkout-bar {
    align-items: center;
    background: var(--ledger-ink);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    bottom: calc(.6rem + env(safe-area-inset-bottom));
    box-shadow: 0 14px 38px rgba(15, 23, 42, .3);
    color: #fff;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto 20px;
    left: .6rem;
    min-height: 58px;
    padding: .55rem .75rem;
    position: fixed;
    right: .6rem;
    text-decoration: none;
    z-index: 60;
  }

  .r369-auth-mobile-checkout-bar > span:first-child {
    display: grid;
  }

  .r369-auth-mobile-checkout-bar small {
    color: #c7d2e5;
    font-size: .68rem;
    font-weight: 700;
  }

  .r369-auth-mobile-checkout-bar strong {
    color: #fff;
    font-family: var(--ledger-font-display);
    font-size: 1.25rem;
    line-height: 1.1;
  }

  .r369-auth-mobile-checkout-bar b {
    color: #fff;
    font-size: .8rem;
  }

  .r369-auth-mobile-checkout-bar:focus-visible {
    outline: 3px solid var(--ledger-focus);
    outline-offset: 3px;
  }

  .billing-checkout-shell.r369-compact-checkout .billing-checkout-topbar {
    padding: .55rem .7rem;
  }

  .billing-checkout-shell.r369-compact-checkout .billing-checkout-trust {
    display: none;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero {
    padding: .7rem;
    text-align: left;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero h1,
  .billing-checkout-shell.r369-compact-checkout .r369-ledger-public-hero > p {
    margin-left: 0;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-progress {
    padding-inline: .6rem;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-progress .billing-ux-step-copy small {
    display: none;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-guest-period {
    padding: .5rem .6rem 0;
  }

  .billing-clear-ledger .billing-checkout-shell.r369-compact-checkout .billing-checkout-workspace {
    padding: .6rem;
  }

  .billing-checkout-shell.r369-compact-checkout .billing-checkout-step-panel,
  .billing-checkout-shell.r369-compact-checkout .r369-ledger-guest-step {
    padding: .8rem;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-step-heading {
    display: grid;
  }

  .billing-checkout-shell.r369-compact-checkout .r369-ledger-info-note {
    max-width: none;
  }

  .billing-checkout-shell.r369-compact-checkout .billing-mobile-total-inner {
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
  }
}

@media (max-width: 560px) {
  .r369-compact-checkout .r369-ledger-period-switch {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .r369-compact-checkout .r369-ledger-period-button {
    width: auto;
  }

  .r369-compact-checkout .r369-ledger-slider-scale {
    height: 36px;
  }

  .r369-compact-checkout .r369-ledger-slider-context {
    align-items: flex-start;
    flex-direction: column;
    gap: .2rem;
  }

  .r369-compact-checkout .r369-ledger-slider-context > span {
    text-align: left;
  }
}

/* Keep this component-width override last so it wins when the app sidebar narrows the checkout. */
@container r369-subscription-layout (max-width: 1239px) {
  .r369-subscription-grid,
  .billing-clear-ledger .billing-checkout-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-plan-summary-rail,
  .billing-clear-ledger .billing-ux-sticky-checkout {
    order: 2;
    position: static;
    top: auto;
  }

  .billing-clear-ledger .billing-subscription-review-panel {
    position: static;
    top: auto;
  }

  .r369-plan-summary-card,
  .billing-clear-ledger .billing-subscription-review-panel,
  .billing-clear-ledger .billing-ux-sticky-panel {
    max-height: none;
    overflow: visible;
    overscroll-behavior: auto;
  }

  .r369-subscription-grid {
    padding-bottom: 5.4rem;
  }

  .r369-auth-mobile-checkout-bar {
    display: grid;
  }
}

/* Connected Operations keeps optional provider services in one compact decision. */
.r369-connected-operations {
  display: grid;
  gap: 1rem;
}

.r369-connected-operations-heading {
  align-items: flex-start;
  display: grid;
  gap: .75rem;
  grid-template-columns: 42px minmax(0, 1fr);
}

.r369-connected-operations-icon,
.r369-individual-integration-icon {
  align-items: center;
  background: #eaf2ff;
  border: 1px solid #c8daf8;
  border-radius: 12px;
  color: #1240a8;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.r369-connected-operations-heading h3 {
  color: var(--ledger-ink, #071527);
  font-family: var(--ledger-font-display, inherit);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin: .1rem 0 0;
}

.r369-connected-operations-heading p,
.r369-connected-operations-note {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.5;
  margin: .3rem 0 0;
}

.r369-connected-operations-recommendation,
.r369-retired-storage-status {
  align-items: flex-start;
  background: #eefbf3;
  border: 1px solid #a9dfbd;
  border-radius: 12px;
  color: #17733d;
  display: flex;
  font-size: .8rem;
  font-weight: 650;
  gap: .55rem;
  line-height: 1.45;
  padding: .7rem .8rem;
}

.r369-connected-operations-recommendation a {
  color: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.r369-connected-operations-selection-notice {
  background: #fff7ed;
  border: 1px solid #fdba74;
  border-radius: 12px;
  color: #9a3412;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0;
  padding: .7rem .8rem;
}

.r369-retired-storage-status > span:last-child {
  display: grid;
  gap: .1rem;
}

.r369-retired-storage-status small {
  color: #315f42;
  font-size: .75rem;
  font-weight: 600;
}

.r369-connected-operations-card {
  border: 1px solid var(--ledger-line-strong, #c9d7eb);
  border-radius: 14px;
  margin: 0;
  min-inline-size: 0;
  padding: .75rem;
}

.r369-connected-operations-card > legend {
  color: var(--ledger-ink, #071527);
  display: grid;
  font-size: .84rem;
  gap: .1rem;
  line-height: 1.35;
  padding: 0 .35rem;
}

.r369-connected-operations-card > legend small {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .72rem;
  font-weight: 600;
}

.r369-connected-operations-options {
  display: grid;
  gap: .55rem;
}

.r369-connected-operations-option {
  align-items: center;
  background: #fff;
  border: 1px solid var(--ledger-line, #dbe4f0);
  border-radius: 12px;
  cursor: pointer;
  display: grid;
  gap: .7rem;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  min-height: 72px;
  padding: .75rem;
  position: relative;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.r369-connected-operations-option:hover {
  border-color: #6c96db;
}

.r369-connected-operations-option:focus-within {
  outline: 3px solid #1240a8;
  outline-offset: 2px;
}

.r369-connected-operations-option.is-selected {
  background: #f1f6ff;
  border-color: #1f66d5;
  box-shadow: inset 0 0 0 1px #1f66d5;
}

.r369-connected-operations-option.is-disabled {
  background: #f6f8fb;
  color: #66758b;
  cursor: not-allowed;
  opacity: .76;
}

.r369-connected-operations-option > input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.r369-connected-operations-radio {
  background: #fff;
  border: 2px solid #7c8ca4;
  border-radius: 999px;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 20px;
}

.r369-connected-operations-option.is-selected .r369-connected-operations-radio {
  border-color: #1240a8;
}

.r369-connected-operations-option.is-selected .r369-connected-operations-radio::after {
  background: #1240a8;
  border-radius: inherit;
  content: "";
  inset: 3px;
  position: absolute;
}

.r369-connected-operations-option-copy {
  display: grid;
  gap: .18rem;
  min-width: 0;
}

.r369-connected-operations-option-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.r369-connected-operations-option-title > strong,
.r369-individual-integration h4 {
  color: var(--ledger-ink, #071527);
  font-size: .9rem;
  font-weight: 800;
  margin: 0;
}

.r369-connected-operations-option-copy > small,
.r369-individual-integration-copy p {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.r369-connected-operations-badge,
.r369-connected-operations-current {
  background: #e8f8ee;
  border-radius: 999px;
  color: #17733d;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .03em;
  padding: .2rem .45rem;
  text-transform: uppercase;
}

.r369-connected-operations-current {
  background: #eaf2ff;
  color: #1240a8;
}

.r369-connected-operations-limit {
  color: #3f526d;
  font-size: .7rem;
  font-weight: 750;
}

.r369-connected-operations-unavailable {
  color: #9a3412;
  display: block;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.35;
}

.r369-connected-operations-retained {
  color: #1240a8;
  display: block;
  font-size: .7rem;
  font-weight: 750;
  line-height: 1.35;
}

.r369-connected-operations-price,
.r369-individual-integration-price {
  align-items: flex-end;
  color: var(--ledger-ink, #071527);
  display: flex;
  flex-direction: column;
  min-width: 84px;
  text-align: right;
}

.r369-connected-operations-price strong,
.r369-individual-integration-price strong {
  font-family: var(--ledger-font-display, inherit);
  font-size: 1rem;
  line-height: 1.15;
}

.r369-connected-operations-price small,
.r369-individual-integration-price small {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .68rem;
  font-weight: 700;
}

.r369-connected-operations-clear,
.r369-individual-integration-add,
.r369-individual-integration-remove,
.r369-individual-integration-compare {
  align-items: center;
  background: #fff;
  border: 1px solid #1240a8;
  border-radius: 10px;
  color: #1240a8;
  display: inline-flex;
  font-size: .75rem;
  font-weight: 800;
  justify-content: center;
  min-height: 44px;
  padding: .55rem .8rem;
}

.r369-connected-operations-clear {
  margin-top: .7rem;
  width: 100%;
}

.r369-connected-operations-clear:focus-visible,
.r369-individual-integration-add:focus-visible,
.r369-individual-integration-remove:focus-visible,
.r369-individual-integration-compare:focus-visible,
.r369-individual-integrations > summary:focus-visible {
  outline: 3px solid #1240a8;
  outline-offset: 2px;
}

.r369-individual-integration-compare:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.r369-individual-integrations {
  border: 1px solid var(--ledger-line, #dbe4f0);
  border-radius: 12px;
  overflow: clip;
}

.r369-individual-integrations > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 52px;
  padding: .7rem .8rem;
}

.r369-individual-integrations > summary:focus-visible {
  outline-offset: -3px;
}

.r369-individual-integrations > summary::-webkit-details-marker {
  display: none;
}

.r369-individual-integrations > summary > span:first-child {
  display: grid;
  gap: .1rem;
}

.r369-individual-integrations > summary strong {
  color: var(--ledger-ink, #071527);
  font-size: .82rem;
}

.r369-individual-integrations > summary small {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .72rem;
  font-weight: 600;
}

.r369-individual-integrations[open] .r369-disclosure-chevron {
  transform: rotate(180deg);
}

.r369-individual-integrations-list {
  border-top: 1px solid var(--ledger-line, #dbe4f0);
  display: grid;
  gap: .6rem;
  padding: .75rem;
}

.r369-individual-integration {
  align-items: center;
  background: #fff;
  border: 1px solid var(--ledger-line, #dbe4f0);
  border-radius: 12px;
  display: grid;
  gap: .65rem;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  padding: .7rem;
}

.r369-individual-integration.is-selected {
  background: #f1f6ff;
  border-color: #6c96db;
}

.r369-individual-integration-copy {
  display: grid;
  gap: .2rem;
  min-width: 0;
}

.r369-individual-integration-copy > small {
  color: #315f42;
  font-size: .7rem;
  font-weight: 700;
}

.r369-individual-integration-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  justify-content: flex-end;
}

.r369-individual-integration-add {
  background: #1240a8;
  color: #fff;
}

.r369-individual-integration-remove {
  border-color: #b42318;
  color: #b42318;
}

.r369-module-tier-selector {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: .2rem 0 0;
  width: 100%;
}

.r369-individual-integration > .r369-module-tier-selector {
  grid-column: 2 / -1;
}

.r369-module-tier-selector > legend {
  display: grid;
  gap: .1rem;
  margin-bottom: .55rem;
  max-width: 100%;
  padding: 0;
}

.r369-module-tier-selector > legend strong {
  color: var(--ledger-ink, #071527);
  font-size: .78rem;
  font-weight: 850;
}

.r369-module-tier-selector > legend small {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .69rem;
  font-weight: 650;
  line-height: 1.4;
}

.r369-module-tier-options {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.r369-module-tier-option {
  align-items: start;
  background: #f9fcff;
  border: 1px solid #cfdced;
  border-radius: 11px;
  color: #243b5e;
  cursor: pointer;
  display: grid;
  gap: .45rem;
  grid-template-columns: 18px minmax(0, 1fr);
  min-height: 112px;
  padding: .65rem;
  position: relative;
}

.r369-module-tier-option:hover {
  border-color: #6c96db;
}

.r369-module-tier-option:focus-within {
  outline: 3px solid #1240a8;
  outline-offset: 2px;
}

.r369-module-tier-option.is-selected {
  background: #edf4ff;
  border-color: #1240a8;
  box-shadow: 0 8px 18px rgba(18, 64, 168, .1);
}

.r369-module-tier-option.is-disabled {
  background: #f5f7fa;
  cursor: not-allowed;
  opacity: .74;
}

.r369-module-tier-option > input {
  block-size: 1px;
  inline-size: 1px;
  opacity: 0;
  position: absolute;
}

.r369-module-tier-radio {
  background: #fff;
  border: 2px solid #7890b0;
  border-radius: 999px;
  display: block;
  height: 18px;
  position: relative;
  width: 18px;
}

.r369-module-tier-option > input:checked + .r369-module-tier-radio {
  border-color: #1240a8;
}

.r369-module-tier-option > input:checked + .r369-module-tier-radio::after {
  background: #1240a8;
  border-radius: 999px;
  content: "";
  inset: 3px;
  position: absolute;
}

.r369-module-tier-copy {
  display: grid;
  gap: .28rem;
  min-width: 0;
}

.r369-module-tier-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.r369-module-tier-heading > strong {
  color: var(--ledger-ink, #071527);
  font-size: .76rem;
  line-height: 1.3;
}

.r369-module-tier-selected {
  background: #dbeafe;
  border-radius: 999px;
  color: #1240a8;
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .03em;
  padding: .16rem .38rem;
  text-transform: uppercase;
}

.r369-module-tier-price {
  align-items: baseline;
  color: var(--ledger-ink, #071527);
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
}

.r369-module-tier-price strong {
  font-family: var(--ledger-font-display, inherit);
  font-size: .9rem;
}

.r369-module-tier-price small,
.r369-module-tier-limit {
  color: var(--ledger-muted, #4b5e7a);
  font-size: .65rem;
  font-weight: 700;
  line-height: 1.35;
}

.r369-module-tier-unavailable {
  color: #9a3412;
  font-size: .64rem;
  font-weight: 750;
  line-height: 1.35;
}

.r369-module-tier-compare {
  align-items: center;
  background: #fff;
  border: 1px solid #1240a8;
  border-radius: 10px;
  color: #1240a8;
  display: inline-flex;
  font-size: .72rem;
  font-weight: 800;
  justify-content: center;
  margin-top: .55rem;
  min-height: 44px;
  padding: .5rem .75rem;
}

.r369-module-tier-compare:focus-visible {
  outline: 3px solid #1240a8;
  outline-offset: 2px;
}

.billing-qbo-tier-select:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.dark .r369-connected-operations-icon,
.dark .r369-individual-integration-icon {
  background: #102746;
  border-color: #315a8c;
  color: #9bc0ff;
}

.dark .r369-connected-operations-recommendation,
.dark .r369-retired-storage-status {
  background: #0d2a1d;
  border-color: #246840;
  color: #4ade80;
}

.dark .r369-connected-operations-selection-notice {
  background: #2b1708;
  border-color: #c56a22;
  color: #fdba74;
}

.dark .r369-retired-storage-status small {
  color: #bbf7d0;
}

.dark .r369-connected-operations-card,
.dark .r369-individual-integrations,
.dark .r369-individual-integration,
.dark .r369-connected-operations-option {
  background: #0b1728;
  border-color: #2b3f5c;
}

.dark .r369-connected-operations-option.is-selected,
.dark .r369-individual-integration.is-selected {
  background: #102746;
  border-color: #9bc0ff;
}

.dark .r369-connected-operations-option.is-disabled {
  background: #101827;
}

.dark .r369-connected-operations-radio {
  background: #071527;
  border-color: #8ba0bd;
}

.dark .r369-connected-operations-option.is-selected .r369-connected-operations-radio {
  border-color: #9bc0ff;
}

.dark .r369-connected-operations-option.is-selected .r369-connected-operations-radio::after {
  background: #9bc0ff;
}

.dark .r369-connected-operations-badge {
  background: #4ade80;
  color: #071527;
}

.dark .r369-connected-operations-current {
  background: #9bc0ff;
  color: #071527;
}

.dark .r369-connected-operations-limit,
.dark .r369-individual-integration-copy > small {
  color: #c9d7e9;
}

.dark .r369-connected-operations-unavailable {
  color: #fdba74;
}

.dark .r369-module-tier-option {
  background: #0b1728;
  border-color: #3b5272;
  color: #d7e4f5;
}

.dark .r369-module-tier-option.is-selected {
  background: #102746;
  border-color: #9bc0ff;
}

.dark .r369-module-tier-option.is-disabled {
  background: #101827;
}

.dark .r369-module-tier-option:focus-within,
.dark .r369-module-tier-compare:focus-visible {
  outline-color: #dbeafe;
}

.dark .r369-module-tier-radio {
  background: #071527;
  border-color: #9eb3cf;
}

.dark .r369-module-tier-option > input:checked + .r369-module-tier-radio {
  border-color: #9bc0ff;
}

.dark .r369-module-tier-option > input:checked + .r369-module-tier-radio::after {
  background: #9bc0ff;
}

.dark .r369-module-tier-selector > legend strong,
.dark .r369-module-tier-heading > strong,
.dark .r369-module-tier-price {
  color: #f0f6ff;
}

.dark .r369-module-tier-selector > legend small,
.dark .r369-module-tier-price small,
.dark .r369-module-tier-limit {
  color: #c9d7e9;
}

.dark .r369-module-tier-selected {
  background: #9bc0ff;
  color: #071527;
}

.dark .r369-module-tier-unavailable {
  color: #fdba74;
}

.dark .r369-module-tier-compare {
  background: #071527;
  border-color: #9bc0ff;
  color: #dbeafe;
}

.dark .r369-connected-operations-retained {
  color: #bfdbfe;
}

.dark .r369-connected-operations-clear,
.dark .r369-individual-integration-add,
.dark .r369-individual-integration-remove,
.dark .r369-individual-integration-compare {
  background: #071527;
  border-color: #9bc0ff;
  color: #dbeafe;
}

.dark .r369-connected-operations-option:focus-within,
.dark .r369-connected-operations-clear:focus-visible,
.dark .r369-individual-integration-add:focus-visible,
.dark .r369-individual-integration-remove:focus-visible,
.dark .r369-individual-integration-compare:focus-visible,
.dark .r369-individual-integrations > summary:focus-visible {
  outline-color: #dbeafe;
}

@media (max-width: 767px) {
  .r369-connected-operations-option {
    align-items: start;
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 84px;
  }

  .r369-connected-operations-price {
    align-items: baseline;
    flex-direction: row;
    gap: .25rem;
    grid-column: 2;
    min-width: 0;
    text-align: left;
  }

  .r369-individual-integration {
    align-items: start;
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .r369-individual-integration-price,
  .r369-individual-integration-actions {
    align-items: baseline;
    flex-direction: row;
    grid-column: 2;
    justify-content: flex-start;
    min-width: 0;
    text-align: left;
  }

  .r369-individual-integration > .r369-module-tier-selector {
    grid-column: 1 / -1;
  }

  .r369-module-tier-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .r369-module-tier-option {
    min-height: 92px;
  }

  .r369-module-tier-compare {
    width: 100%;
  }

  .r369-individual-integration-actions > * {
    flex: 1 1 132px;
  }
}