/*! tailwindcss v4 layer bundle | source: scripts/build-assets.mjs */
/* resources/core/assets/frontend.input.css */
.ui-module-site-root,
.ui-panel {
  border: 1px solid var(--ui-color-border);
  background: var(--ui-color-surface);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-sm);
}

.ui-module-site-root {
  display: grid;
  gap: var(--ui-shell-gap);
}

.workflow-list {
  display: grid;
  gap: var(--ui-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-flow-header {
  min-height: clamp(12rem, 24vw, 16rem);
  display: grid;
  gap: var(--ui-backend-card-gap);
  align-content: end;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(90deg, rgb(var(--ui-color-brand-soft) / 18%), transparent 46%),
    linear-gradient(180deg, var(--ui-color-surface), color-mix(in oklch, var(--ui-color-primary) 7%, var(--ui-color-panel)));
  box-shadow: var(--ui-shadow-card);
  padding: var(--ui-card-padding-lg);
}

.ui-flow-header h1,
.ui-flow-header p {
  margin: 0;
}

.ui-flow-header p {
  max-width: var(--ui-text-measure-lg);
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-flow-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--ui-grid-card-min), 1fr));
  gap: var(--ui-grid-gap);
}

.ui-flow-step {
  min-height: var(--ui-card-min-height-md);
  display: grid;
  align-content: space-between;
  gap: var(--ui-backend-card-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-sm);
  padding: var(--ui-card-padding-md);
}

.ui-flow-step .ui-icon,
.ui-panel h2 .ui-icon {
  width: var(--ui-size-icon-md);
  height: var(--ui-size-icon-md);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-primary-strong);
}

.ui-flow-step h2 {
  margin: 0;
  font-size: var(--ui-font-size-h4);
  font-weight: var(--ui-font-weight-bold);
}

.ui-flow-step p {
  margin: 0;
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-backend-root h1,
.ui-page-section h1 {
  margin: 0;
  font-size: var(--ui-font-size-h1);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-tight);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-panel p {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-panel {
  padding: var(--ui-backend-card-padding);
}

.ui-panel,
.ui-flow-header,
.ui-flow-step,
.ui-card,
.ui-record-view {
  min-width: 0;
}

.ui-panel dt {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-control);
}

.ui-panel h2 {
  margin: 0 0 var(--ui-stack-gap-sm);
  font-size: var(--ui-font-size-h4);
  font-weight: var(--ui-font-weight-bold);
}

.ui-panel dl {
  display: grid;
  grid-template-columns: minmax(7.5rem, 0.5fr) 1fr;
  gap: var(--ui-list-gap) var(--ui-grid-gap);
  margin: 0;
}

.ui-panel dd {
  margin: 0;
  font-weight: var(--ui-font-weight-semibold);
}

.ui-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-action-gap);
  margin-top: var(--ui-stack-gap-md);
}

.ui-actionbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-action-gap);
  min-width: 0;
  max-width: 100%;
}

.ui-actionbar-copy {
  flex: 1 1 min(100%, 18rem);
  min-width: 0;
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-body);
}

.ui-actionbar-actions {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-action-gap);
  min-width: 0;
  max-width: 100%;
}

.ui-actionbar[data-ui-actionbar-layout="stacked"],
.ui-actionbar[data-ui-actionbar-layout="stacked"] .ui-actionbar-actions {
  align-items: stretch;
}

.ui-actionbar[data-ui-actionbar-layout="stacked"] {
  flex-direction: column;
}

.ui-actionbar-action-label {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
  text-align: start;
}

.ui-actionbar-action-label small {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-medium);
  line-height: var(--ui-line-height-tight);
}

.ui-actionbar [data-ui-actionbar-disabled="true"] {
  cursor: not-allowed;
  opacity: var(--ui-disabled-opacity);
  pointer-events: none;
}

.ui-page {
  width: 100%;
  background: var(--ui-color-bg);
}

.ui-error-shell {
  min-height: var(--ui-error-shell-min-height);
  display: grid;
  place-items: center;
  padding-block: var(--ui-section-padding-md);
}

.ui-error-shell .ui-panel {
  width: min(100%, var(--ui-content-width-narrow));
  display: grid;
  gap: var(--ui-backend-card-gap);
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-md);
}

.ui-error-shell h1,
.ui-error-shell p {
  margin: 0;
}

.ui-error-shell h1 {
  font-size: var(--ui-font-size-h1);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-tight);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-page-section {
  width: 100%;
  padding-block: var(--ui-section-padding-md);
}

[data-ui-workspace="core-library-home"] {
  background: var(--ui-theme-surface-page, var(--ui-color-bg));
  color: var(--ui-theme-text-primary, var(--ui-color-text));
}

[data-ui-workspace="core-library-home"] .ui-card,
[data-ui-workspace="core-library-home"] .ui-card-muted,
[data-ui-workspace="core-library-home"] .ui-card-elevated {
  min-width: 0;
  border-color: var(--ui-theme-border-subtle, var(--ui-color-border));
  background: var(--ui-theme-surface-card, var(--ui-color-surface));
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  overflow-wrap: anywhere;
}

[data-ui-workspace="core-library-home"] .ui-card-muted {
  background: var(--ui-theme-surface-muted, var(--ui-color-surface-muted));
}

[data-ui-workspace="core-library-home"] .ui-card-elevated {
  border-color: var(--ui-theme-border, var(--ui-color-border-strong));
  background: var(--ui-theme-surface-elevated, var(--ui-color-panel));
}

[data-ui-workspace="core-library-home"] .ui-text-lead,
[data-ui-workspace="core-library-home"] .ui-text-body-sm,
[data-ui-workspace="core-library-home"] .ui-text-caption,
[data-ui-workspace="core-library-home"] p,
[data-ui-workspace="core-library-home"] small {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

[data-ui-workspace="core-library-home"] .ui-text-display,
[data-ui-workspace="core-library-home"] .ui-text-h2,
[data-ui-workspace="core-library-home"] .ui-panel-title,
[data-ui-workspace="core-library-home"] h1,
[data-ui-workspace="core-library-home"] h2,
[data-ui-workspace="core-library-home"] h3,
[data-ui-workspace="core-library-home"] strong,
[data-ui-workspace="core-library-home"] .ui-meta-value {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
}

[data-ui-workspace="core-library-home"] .ui-link-action,
[data-ui-workspace="core-library-home"] .ui-actions a {
  color: var(--ui-theme-brand-primary-strong, var(--ui-color-primary-strong));
}

.ui-page-section-loose {
  width: 100%;
  padding-block: var(--ui-section-padding-lg);
}

.ui-page-section-tight {
  width: 100%;
  padding-block: var(--ui-section-padding-sm);
}

.ui-section-variant-compact,
.ui-section-variant-inline-cta,
.ui-section-variant-inline-newsletter,
.ui-section-variant-inline-calculator {
  padding-block: var(--ui-section-padding-sm);
}

.ui-section-variant-index-hero,
.ui-section-variant-campaign-hero,
.ui-section-variant-calculator-hero {
  padding-block: var(--ui-section-padding-lg);
}

.ui-section-variant-index-hero {
  padding-block: clamp(var(--ui-space-6), 4vw, var(--ui-space-9));
}

.ui-section-variant-subpage-hero,
.ui-section-variant-product-hero,
.ui-section-variant-service-hero {
  padding-block: calc(var(--ui-section-padding-sm) * 0.75);
}

.ui-section-variant-knowledge-hero,
.ui-section-variant-landingpage-hero {
  padding-block: var(--ui-section-padding-md);
}

.ui-section-variant-subpage-hero,
.ui-section-variant-product-hero,
.ui-section-variant-service-hero {
  position: relative;
  overflow: hidden;
  border-block-end: 1px solid var(--ui-color-border);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 52%),
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted)), var(--ui-color-bg));
}

.ui-section-variant-product-hero:has(.ui-proof-composition[data-ui-composition="product-hero-proof"][data-has-background-image="true"]) {
  width: 100%;
  max-width: 100%;
  min-height: 36vh;
  margin-inline: 0;
  padding-block: clamp(var(--ui-space-4), 4vh, var(--ui-space-8));
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 54%),
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted)), var(--ui-color-bg));
  isolation: isolate;
  overflow: hidden;
  overflow-x: clip;
}

.ui-section-variant-subpage-hero .ui-container-4xl,
.ui-section-variant-product-hero .ui-container-4xl,
.ui-section-variant-service-hero .ui-container-4xl {
  width: var(--ui-public-rail-width);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-md);
  align-items: center;
}

.ui-section-variant-product-hero:has(.ui-proof-composition[data-ui-composition="product-hero-proof"][data-has-background-image="true"]) .ui-container-4xl {
  position: relative;
  z-index: 2;
  min-height: calc(36vh - (clamp(var(--ui-space-4), 4vh, var(--ui-space-8)) * 2));
}

.ui-section-variant-subpage-hero .ui-proof-composition,
.ui-section-variant-product-hero .ui-proof-composition,
.ui-section-variant-service-hero .ui-proof-composition {
  width: 100%;
}

@media (min-width: 64rem) {
  .ui-section-variant-subpage-hero .ui-proof-composition,
  .ui-section-variant-product-hero .ui-proof-composition,
  .ui-section-variant-service-hero .ui-proof-composition {
    grid-template-columns: minmax(0, 0.52fr) minmax(24rem, 0.48fr);
    align-items: center;
  }
}

.ui-section-variant-subpage-hero .ui-block-contract-header,
.ui-section-variant-product-hero .ui-block-contract-header,
.ui-section-variant-service-hero .ui-block-contract-header {
  max-width: var(--ui-content-width-default);
  gap: var(--ui-gap-sm);
}

.ui-section-variant-subpage-hero .ui-block-contract-header .ui-badge,
.ui-section-variant-product-hero .ui-block-contract-header .ui-badge,
.ui-section-variant-service-hero .ui-block-contract-header .ui-badge {
  width: max-content;
  max-width: 100%;
}

.ui-section-variant-subpage-hero .ui-block-contract-header .ui-title-md,
.ui-section-variant-product-hero .ui-block-contract-header .ui-title-md,
.ui-section-variant-service-hero .ui-block-contract-header .ui-title-md {
  max-width: var(--ui-content-width-default);
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-display);
  font-weight: var(--ui-font-weight-black);
  line-height: var(--ui-line-height-display);
  letter-spacing: var(--ui-letter-spacing-default);
  text-wrap: balance;
}

.ui-section-variant-subpage-hero .ui-block-contract-header .ui-text-body-sm,
.ui-section-variant-product-hero .ui-block-contract-header .ui-text-body-sm,
.ui-section-variant-service-hero .ui-block-contract-header .ui-text-body-sm {
  max-width: var(--ui-content-width-readable);
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body);
  line-height: var(--ui-line-height-body);
}

.ui-section-variant-subpage-hero .ui-block-contract-grid,
.ui-section-variant-product-hero .ui-block-contract-grid,
.ui-section-variant-service-hero .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-xs);
  align-self: stretch;
  overflow: hidden;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 20%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 7%, var(--ui-color-surface));
  box-shadow: var(--ui-shadow-sm);
  padding: var(--ui-card-padding-sm);
}

.ui-section-variant-subpage-hero .ui-block-contract-grid > .ui-card,
.ui-section-variant-product-hero .ui-block-contract-grid > .ui-card,
.ui-section-variant-service-hero .ui-block-contract-grid > .ui-card {
  border: 0;
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-surface-muted) 74%, var(--ui-color-surface));
  box-shadow: none;
  gap: var(--ui-gap-xs);
  min-height: auto;
  padding: var(--ui-card-padding-sm);
}

.ui-section-variant-subpage-hero .ui-media-frame,
.ui-section-variant-product-hero .ui-media-frame,
.ui-section-variant-service-hero .ui-media-frame {
  aspect-ratio: 16 / 10;
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
}

.ui-section-variant-subpage-hero .ui-media-frame img,
.ui-section-variant-product-hero .ui-media-frame img,
.ui-section-variant-service-hero .ui-media-frame img {
  height: 100%;
  object-fit: cover;
}


.ui-section-variant-subpage-hero .ui-actionbar,
.ui-section-variant-product-hero .ui-actionbar,
.ui-section-variant-service-hero .ui-actionbar {
  justify-content: flex-start;
}

.ui-section-variant-marketplace-command,
.ui-section-variant-talent-command,
.ui-section-variant-project-command {
  padding-block: var(--ui-section-padding-lg);
  background:
    linear-gradient(180deg, var(--ui-theme-surface-page, var(--ui-color-bg)), color-mix(in oklch, var(--ui-theme-surface-section, var(--ui-color-surface-muted)) 36%, var(--ui-theme-surface-page, var(--ui-color-bg))));
}

.ui-section-variant-marketplace-command > .ui-container-4xl,
.ui-section-variant-talent-command > .ui-container-4xl,
.ui-section-variant-project-command > .ui-container-4xl {
  width: var(--ui-public-rail-width);
  gap: var(--ui-section-padding-sm);
}

.ui-section-variant-marketplace-command .ui-block-contract-header,
.ui-section-variant-talent-command .ui-block-contract-header,
.ui-section-variant-project-command .ui-block-contract-header {
  max-width: var(--ui-content-width-default);
}

.ui-section-variant-marketplace-command .ui-block-contract-header .ui-title-md,
.ui-section-variant-talent-command .ui-block-contract-header .ui-title-md,
.ui-section-variant-project-command .ui-block-contract-header .ui-title-md {
  font-size: var(--ui-font-size-display);
  line-height: var(--ui-line-height-display);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-section-variant-marketplace-command .ui-block-contract-grid,
.ui-section-variant-talent-command .ui-block-contract-grid,
.ui-section-variant-project-command .ui-block-contract-grid {
  gap: var(--ui-gap-xs);
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 24%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 94%, var(--ui-theme-brand-primary, var(--ui-color-primary)));
  box-shadow: var(--ui-shadow-card);
  padding: var(--ui-card-padding-sm);
}

.ui-section-variant-marketplace-command .ui-block-contract-grid > .ui-card,
.ui-section-variant-talent-command .ui-block-contract-grid > .ui-card,
.ui-section-variant-project-command .ui-block-contract-grid > .ui-card {
  min-height: auto;
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 18%, var(--ui-color-border));
  background: var(--ui-theme-surface-card, var(--ui-color-surface));
  box-shadow: none;
}

.ui-section-variant-dual-entry .ui-block-contract-grid,
.ui-section-variant-candidate-client .ui-block-contract-grid,
.ui-section-variant-managed-recruiting .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  align-items: stretch;
}

.ui-section-variant-dual-entry .ui-block-contract-grid > .ui-card,
.ui-section-variant-candidate-client .ui-block-contract-grid > .ui-card,
.ui-section-variant-managed-recruiting .ui-block-contract-grid > .ui-card {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 20%, var(--ui-color-border));
}

.ui-section-variant-skill-radar .ui-block-contract-grid,
.ui-section-variant-coverage-radar .ui-block-contract-grid,
.ui-section-variant-quality-radar .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.ui-section-variant-skill-radar .ui-block-contract-grid > .ui-card,
.ui-section-variant-coverage-radar .ui-block-contract-grid > .ui-card,
.ui-section-variant-quality-radar .ui-block-contract-grid > .ui-card {
  border-block-start: var(--ui-border-width-strong) solid var(--ui-theme-brand-accent, var(--ui-color-accent));
}

.ui-section-variant-project-feed .ui-block-contract-grid,
.ui-section-variant-talent-feed .ui-block-contract-grid,
.ui-section-variant-recruiting-feed .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-sm);
}

.ui-section-variant-project-feed .ui-block-contract-grid > .ui-card,
.ui-section-variant-talent-feed .ui-block-contract-grid > .ui-card,
.ui-section-variant-recruiting-feed .ui-block-contract-grid > .ui-card {
  grid-template-columns: minmax(0, 1fr);
  min-height: auto;
}

.ui-section-variant-plans-with-closing-cta .ui-block-contract-grid,
.ui-section-variant-managed-service-plans .ui-block-contract-grid,
.ui-section-variant-membership-plans .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  align-items: stretch;
}

.ui-section-variant-plans-with-closing-cta .ui-block-contract-grid > .ui-card,
.ui-section-variant-managed-service-plans .ui-block-contract-grid > .ui-card,
.ui-section-variant-membership-plans .ui-block-contract-grid > .ui-card {
  border-color: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 28%, var(--ui-color-border));
}

.ui-section-variant-capability-mosaic .ui-block-contract-grid,
.ui-section-variant-feature-lab .ui-block-contract-grid,
.ui-section-variant-component-showcase .ui-block-contract-grid,
.ui-section-variant-sponsor-cloud .ui-block-contract-grid,
.ui-section-variant-ecosystem-strip .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
}

.ui-section-variant-capability-mosaic .ui-block-contract-grid > .ui-card,
.ui-section-variant-feature-lab .ui-block-contract-grid > .ui-card,
.ui-section-variant-component-showcase .ui-block-contract-grid > .ui-card {
  min-height: auto;
  border-inline-start: 0.1875rem solid color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 42%, var(--ui-color-border));
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 8%, transparent), transparent 58%),
    color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 90%, transparent);
}

.ui-section-variant-capability-mosaic .ui-block-contract-grid > .ui-card:first-child,
.ui-section-variant-component-showcase .ui-block-contract-grid > .ui-card:first-child {
  border-inline-start-color: var(--ui-theme-brand-accent, var(--ui-color-accent));
}

.ui-section-variant-sponsor-cloud .ui-block-contract-grid > .ui-card,
.ui-section-variant-ecosystem-strip .ui-block-contract-grid > .ui-card {
  min-height: auto;
  place-items: center;
  text-align: center;
}

.ui-match-command,
.ui-role-journey,
.ui-network-radar,
.ui-process-composition,
.ui-opportunity-feed,
.ui-pricing-cta,
.ui-adaptive-showcase {
  display: grid;
  min-width: 0;
  gap: var(--ui-section-padding-sm);
}

.ui-adaptive-showcase {
  align-items: stretch;
}

.ui-match-command {
  align-items: center;
}

.ui-match-copy,
.ui-network-radar-copy,
.ui-process-copy,
.ui-pricing-cta-copy,
.ui-adaptive-showcase-copy {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-md);
  align-content: start;
}

.ui-match-command .ui-block-contract-header,
.ui-role-journey .ui-block-contract-header,
.ui-network-radar .ui-block-contract-header,
.ui-process-composition .ui-block-contract-header,
.ui-opportunity-feed .ui-block-contract-header,
.ui-pricing-cta .ui-block-contract-header,
.ui-adaptive-showcase .ui-block-contract-header {
  max-width: var(--ui-content-width-default);
}

.ui-match-search {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-xs);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 88%, transparent);
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-shadow-sm);
}

.ui-match-search input {
  min-width: 0;
  width: 100%;
  min-height: var(--ui-control-height);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-surface-elevated, var(--ui-color-surface-muted));
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  padding-inline: var(--ui-card-padding-sm);
}

.ui-match-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
}

.ui-command-segments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-gap-xs);
}

.ui-command-segment {
  display: grid;
  min-width: 0;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 78%, transparent);
  padding: var(--ui-card-padding-sm);
  text-decoration: none;
  transition: border-color var(--ui-duration-fast) ease, background var(--ui-duration-fast) ease, transform var(--ui-duration-fast) ease;
}

.ui-command-segment:hover,
.ui-command-segment:focus-visible {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 38%, var(--ui-theme-border-subtle, var(--ui-color-border)));
  background: color-mix(in oklch, var(--ui-theme-surface-elevated, var(--ui-color-surface-muted)) 88%, transparent);
  transform: translateY(-1px);
}

.ui-command-segment strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-sm);
}

.ui-command-segment small {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
}

.ui-match-proof {
  display: inline-grid;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 76%, transparent);
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
}

.ui-match-proof strong,
.ui-match-proof small {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-label);
}

.ui-match-proof small {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

.ui-match-orbit,
.ui-network-radar-stage {
  position: relative;
  display: grid;
  min-height: clamp(19rem, 42vw, 27rem);
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-xl);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 14%, transparent), transparent 62%),
    linear-gradient(145deg, color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 88%, transparent), color-mix(in oklch, var(--ui-theme-surface-elevated, var(--ui-color-surface-muted)) 84%, transparent));
  box-shadow: var(--ui-theme-card-shadow, var(--ui-shadow-card));
}

.ui-match-orbit::before,
.ui-network-radar-stage::before {
  content: "";
  position: absolute;
  inset: 10%;
  border: 1px dashed color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 32%, transparent);
  border-radius: 999px;
}

.ui-match-orbit::after,
.ui-network-radar-stage::after {
  content: "";
  position: absolute;
  inset: 22%;
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 26%, transparent);
  border-radius: 999px;
}

.ui-match-orbit-core,
.ui-radar-core {
  position: relative;
  z-index: 2;
  display: grid;
  width: clamp(8rem, 16vw, 11rem);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 999px;
  background: var(--ui-theme-hero-gradient, linear-gradient(135deg, var(--ui-color-primary), var(--ui-color-accent)));
  color: var(--ui-theme-text-on-primary, var(--ui-color-on-primary));
  padding: var(--ui-card-padding-md);
  text-align: center;
  box-shadow: var(--ui-theme-shadow-popover, var(--ui-shadow-lg));
}

.ui-match-orbit-core strong,
.ui-radar-core strong {
  display: block;
  font-size: var(--ui-font-size-display);
  font-weight: var(--ui-font-weight-black);
  line-height: var(--ui-line-height-tight);
}

.ui-match-orbit-core span,
.ui-radar-core small {
  color: currentColor;
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
}

.ui-match-orbit-node,
.ui-radar-node {
  position: absolute;
  z-index: 3;
  display: grid;
  width: min(42%, 10rem);
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 88%, transparent);
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-shadow-sm);
}

.ui-match-orbit-node strong,
.ui-radar-node strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-sm);
}

.ui-match-orbit-node small,
.ui-radar-node small {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
}

.ui-match-orbit-node[data-ui-orbit-node="1"],
.ui-radar-node[data-ui-radar-node="1"] {
  inset-block-start: var(--ui-gap-md);
  inset-inline-start: var(--ui-gap-md);
}

.ui-match-orbit-node[data-ui-orbit-node="2"],
.ui-radar-node[data-ui-radar-node="2"] {
  inset-block-start: 18%;
  inset-inline-end: var(--ui-gap-md);
}

.ui-match-orbit-node[data-ui-orbit-node="3"],
.ui-radar-node[data-ui-radar-node="3"] {
  inset-block-end: 18%;
  inset-inline-start: var(--ui-gap-md);
}

.ui-match-orbit-node[data-ui-orbit-node="4"],
.ui-radar-node[data-ui-radar-node="4"] {
  inset-block-end: var(--ui-gap-md);
  inset-inline-end: var(--ui-gap-md);
}

.ui-role-journey-grid,
.ui-pricing-plan-row,
.ui-adaptive-showcase-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-md);
}

.ui-adaptive-proof-row,
.ui-adaptive-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  align-items: center;
}

.ui-adaptive-proof {
  display: inline-grid;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 78%, transparent);
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
}

.ui-adaptive-proof strong,
.ui-adaptive-proof small {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-label);
}

.ui-adaptive-proof small {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}


.ui-adaptive-showcase-stage {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-md);
  align-content: start;
  overflow: hidden;
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-xl);
  background:
    linear-gradient(145deg, var(--ui-theme-surface-card, var(--ui-color-surface)), color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 88%, var(--ui-theme-surface-page, var(--ui-color-bg))));
  box-shadow: var(--ui-theme-card-shadow, var(--ui-shadow-card));
  padding: var(--ui-card-padding-md);
}

.ui-adaptive-showcase-toolbar {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  align-items: center;
  justify-content: space-between;
  border-block-end: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  padding-block-end: var(--ui-gap-sm);
}

.ui-adaptive-showcase-toolbar span,
.ui-adaptive-showcase-toolbar strong {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-label);
}

.ui-adaptive-showcase-toolbar strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
}

.ui-adaptive-showcase-preview {
  container-type: inline-size;
}

.ui-adaptive-stage-grid-tiered .ui-adaptive-showcase-preview {
  grid-template-columns: minmax(0, 1fr);
}

.ui-section-variant-responsive-lab .ui-adaptive-showcase,
.ui-section-variant-token-lab .ui-adaptive-showcase,
.ui-section-variant-code-workflow .ui-adaptive-showcase,
.ui-section-variant-showcase-gallery .ui-adaptive-showcase {
  align-items: center;
}

.ui-section-variant-responsive-lab .ui-adaptive-showcase-stage,
.ui-section-variant-token-lab .ui-adaptive-showcase-stage,
.ui-section-variant-code-workflow .ui-adaptive-showcase-stage,
.ui-section-variant-showcase-gallery .ui-adaptive-showcase-stage {
  background:
    linear-gradient(145deg, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 10%, transparent), transparent 62%),
    linear-gradient(180deg, var(--ui-theme-surface-card, var(--ui-color-surface)), var(--ui-theme-surface-elevated, var(--ui-color-surface-muted)));
}

.ui-section-variant-responsive-lab .ui-adaptive-showcase-preview,
.ui-section-variant-token-lab .ui-adaptive-showcase-preview,
.ui-section-variant-showcase-gallery .ui-adaptive-showcase-preview {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
}

.ui-section-variant-code-workflow .ui-adaptive-showcase-preview {
  grid-template-columns: minmax(0, 1fr);
}

.ui-section-variant-code-workflow .ui-adaptive-code-lines,
.ui-section-variant-token-lab .ui-adaptive-code-lines {
  order: -1;
}

.ui-section-variant-showcase-gallery .ui-adaptive-layer:first-child,
.ui-section-variant-responsive-lab .ui-adaptive-layer:first-child {
  border-color: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 36%, var(--ui-color-border));
}

.ui-adaptive-media {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  aspect-ratio: 16 / 9;
  background: var(--ui-theme-surface-elevated, var(--ui-color-surface-muted));
}

.ui-adaptive-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 48rem) {
  .ui-adaptive-stage-grid-tiered .ui-adaptive-showcase-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-adaptive-layer {
  display: grid;
  min-width: 0;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 86%, transparent);
  padding: var(--ui-card-padding-sm);
}

.ui-adaptive-layer span,
.ui-adaptive-layer p {
  margin: 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-body);
}

.ui-adaptive-layer strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-heading);
}

.ui-adaptive-code-lines {
  display: grid;
  min-width: 0;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-inverse, var(--ui-color-text)) 88%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  padding: var(--ui-card-padding-sm);
}

.ui-adaptive-code-lines span {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(5.5rem, 0.35fr) minmax(0, 1fr);
  gap: var(--ui-gap-xs);
  align-items: baseline;
}

.ui-adaptive-code-lines small,
.ui-adaptive-code-lines code {
  min-width: 0;
  color: var(--ui-theme-text-on-primary, var(--ui-color-on-primary));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-label);
}

.ui-adaptive-code-lines small {
  opacity: 0.72;
}

.ui-adaptive-code-lines code {
  overflow-wrap: anywhere;
  font-family: var(--ui-font-mono, monospace);
}

.ui-workspace-mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-xl);
  background:
    linear-gradient(145deg, color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 92%, transparent), color-mix(in oklch, var(--ui-theme-surface-elevated, var(--ui-color-surface-muted)) 84%, transparent));
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-theme-card-shadow, var(--ui-shadow-card));
}

.ui-workspace-unit {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: start;
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 84%, transparent);
  padding: var(--ui-card-padding-sm);
}

.ui-workspace-unit-index {
  display: inline-grid;
  width: var(--ui-control-height-sm);
  height: var(--ui-control-height-sm);
  place-items: center;
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 16%, transparent);
  color: var(--ui-theme-brand-primary, var(--ui-color-primary));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-black);
}

.ui-workspace-unit strong {
  display: block;
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-base);
}

.ui-workspace-unit p {
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-sm);
}

.ui-role-path,
.ui-pricing-plan {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-sm);
  border-inline-start: 0.25rem solid var(--ui-theme-brand-primary, var(--ui-color-primary));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 92%, transparent);
  padding: var(--ui-card-padding-md);
  box-shadow: var(--ui-shadow-sm);
}

.ui-role-path-label,
.ui-pricing-plan > span {
  width: max-content;
  max-width: 100%;
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 8%, var(--ui-theme-surface-section, var(--ui-color-surface-muted)));
  color: var(--ui-theme-brand-primary, var(--ui-color-primary));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-black);
  letter-spacing: var(--ui-letter-spacing-default);
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
  text-transform: uppercase;
}

.ui-role-path h3,
.ui-pricing-plan strong {
  margin: 0;
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-heading);
}

.ui-role-path p,
.ui-pricing-plan p {
  margin: 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

.ui-role-steps,
.ui-process-list,
.ui-pricing-plan ul {
  display: grid;
  gap: var(--ui-gap-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-role-steps li,
.ui-process-row,
.ui-pricing-plan li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: start;
}

.ui-role-steps li > span,
.ui-process-index {
  display: inline-grid;
  width: var(--ui-control-height-sm);
  height: var(--ui-control-height-sm);
  place-items: center;
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 14%, transparent);
  color: var(--ui-theme-brand-primary, var(--ui-color-primary));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-black);
}

.ui-role-steps strong,
.ui-process-row strong {
  display: block;
  color: var(--ui-theme-text-primary, var(--ui-color-text));
}

.ui-role-steps small,
.ui-process-row small {
  display: block;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

.ui-network-radar,
.ui-process-composition,
.ui-pricing-cta {
  align-items: center;
}

.ui-process-list,
.ui-opportunity-list {
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-xl);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 92%, transparent);
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-shadow-sm);
}

.ui-process-row {
  border-block-start: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  padding: var(--ui-card-padding-sm);
}

.ui-process-row:first-child {
  border-block-start: 0;
}

.ui-process-row p {
  margin: var(--ui-space-1) 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

.ui-opportunity-list {
  display: grid;
  gap: 0;
}

.ui-opportunity-row {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-sm);
  border-block-start: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  padding: var(--ui-card-padding-md) var(--ui-card-padding-sm);
}

.ui-opportunity-row:first-child {
  border-block-start: 0;
}

.ui-opportunity-row strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
}

.ui-opportunity-row p,
.ui-opportunity-row aside span {
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
}

.ui-opportunity-row aside {
  display: grid;
  gap: var(--ui-space-1);
  align-content: start;
}

.ui-opportunity-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  margin-top: var(--ui-gap-xs);
}

.ui-opportunity-tags span,
.ui-pricing-plan li {
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-surface-section, var(--ui-color-surface-muted)) 82%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-semibold);
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
}

.ui-pricing-cta {
  border-radius: var(--ui-radius-xl);
  background:
    linear-gradient(135deg, var(--ui-theme-surface-section, var(--ui-color-surface-muted)), color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 8%, var(--ui-theme-surface-elevated, var(--ui-color-panel))));
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-theme-card-shadow, var(--ui-shadow-card));
}

.ui-pricing-plan-row {
  align-items: stretch;
}

.ui-pricing-plan {
  border-inline-start-color: var(--ui-theme-brand-accent, var(--ui-color-accent));
}

.ui-collection-composition {
  display: grid;
  min-width: 0;
  gap: var(--ui-section-padding-sm);
}

.ui-collection-copy {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-md);
  align-content: start;
}

.ui-collection-list {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-sm);
}

.ui-collection-row {
  display: grid;
  min-width: 0;
  gap: var(--ui-gap-sm);
  border: 1px solid var(--ui-theme-border-subtle, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 90%, transparent);
  padding: var(--ui-card-padding-md);
  text-decoration: none;
}

.ui-collection-row > span,
.ui-collection-value {
  width: max-content;
  max-width: 100%;
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 10%, var(--ui-theme-surface-section, var(--ui-color-surface-muted)));
  color: var(--ui-theme-brand-primary, var(--ui-color-primary));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-label);
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
}

.ui-collection-row strong {
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  font-size: var(--ui-font-size-base);
  line-height: var(--ui-line-height-heading);
}

.ui-collection-row p {
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-body);
}

.ui-collection-media {
  min-width: 0;
  overflow: hidden;
  border-radius: var(--ui-radius-md);
  aspect-ratio: 16 / 9;
  background: var(--ui-theme-surface-elevated, var(--ui-color-surface-muted));
}

.ui-collection-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-collection-media--icon {
  display: grid;
  place-items: center;
  color: var(--ui-theme-brand-primary, var(--ui-color-primary));
}

.ui-collection-features {
  display: grid;
  gap: var(--ui-space-1);
  margin: var(--ui-gap-xs) 0 0;
  padding: 0;
  list-style: none;
}

.ui-collection-features li {
  color: var(--ui-theme-text-muted, var(--ui-color-muted));
  font-size: var(--ui-font-size-xs);
  line-height: var(--ui-line-height-label);
}

.ui-collection-action {
  margin-block-start: var(--ui-gap-xs);
}

.ui-section-variant-showcase-directory .ui-collection-row {
  grid-template-columns: minmax(0, 1fr);
  border-inline-start: 0.1875rem solid color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 48%, var(--ui-color-border));
}

.ui-collection-composition[data-ui-composition="offer-comparison-lane"] {
  --ui-offer-lane-copy-max-inline-size: min(100%, 58rem);
  grid-template-columns: minmax(0, 1fr);
}

.ui-collection-composition[data-ui-composition="offer-comparison-lane"] .ui-collection-copy {
  max-inline-size: var(--ui-offer-lane-copy-max-inline-size);
}

.ui-collection-stage {
  min-width: 0;
  width: 100%;
}

@media (min-width: 64rem) {
  .ui-section-variant-marketplace-command > .ui-container-4xl,
  .ui-section-variant-talent-command > .ui-container-4xl,
  .ui-section-variant-project-command > .ui-container-4xl {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr);
    align-items: center;
  }

  .ui-section-variant-marketplace-command .ui-block-contract-header,
  .ui-section-variant-talent-command .ui-block-contract-header,
  .ui-section-variant-project-command .ui-block-contract-header,
  .ui-section-variant-marketplace-command .ui-actionbar,
  .ui-section-variant-talent-command .ui-actionbar,
  .ui-section-variant-project-command .ui-actionbar {
    grid-column: 1;
  }

  .ui-section-variant-marketplace-command .ui-block-contract-grid,
  .ui-section-variant-talent-command .ui-block-contract-grid,
  .ui-section-variant-project-command .ui-block-contract-grid {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .ui-section-variant-marketplace-command .ui-match-command,
  .ui-section-variant-talent-command .ui-match-command,
  .ui-section-variant-project-command .ui-match-command {
    grid-column: 1 / -1;
  }

  .ui-match-command,
  .ui-network-radar,
  .ui-process-composition,
  .ui-adaptive-showcase {
    grid-template-columns: minmax(0, 1.02fr) minmax(22rem, 0.98fr);
  }

  .ui-role-journey-grid,
  .ui-pricing-plan-row,
  .ui-adaptive-showcase-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-command-segments,
  .ui-workspace-mosaic {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ui-section-variant-capability-mosaic .ui-block-contract-grid,
  .ui-section-variant-feature-lab .ui-block-contract-grid,
  .ui-section-variant-component-showcase .ui-block-contract-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: stretch;
  }

  .ui-section-variant-capability-mosaic .ui-block-contract-grid > .ui-card:first-child,
  .ui-section-variant-component-showcase .ui-block-contract-grid > .ui-card:first-child {
    grid-row: span 2;
  }

  .ui-section-variant-sponsor-cloud .ui-block-contract-grid,
  .ui-section-variant-ecosystem-strip .ui-block-contract-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ui-section-variant-showcase-directory .ui-collection-composition,
  .ui-collection-composition[data-ui-composition="collection-composition"],
  .ui-collection-composition[data-ui-composition="offer-comparison-lane"] {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .ui-section-variant-showcase-directory .ui-collection-copy,
  .ui-collection-composition[data-ui-composition="collection-composition"] .ui-collection-copy {
    max-inline-size: min(100%, 58rem);
  }

  .ui-workspace-unit[data-ui-workspace-unit="1"],
  .ui-workspace-unit[data-ui-workspace-unit="4"] {
    grid-column: span 2;
  }

  .ui-opportunity-row {
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.28fr);
    align-items: center;
  }
}

@media (min-width: 80rem) {
  .ui-adaptive-stage-grid-tiered .ui-adaptive-showcase-preview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 72rem) {
  .ui-pricing-plan-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ui-section-variant-commerce-catalog,
.ui-section-variant-service-marketplace,
.ui-section-variant-offer-catalog,
.ui-section-variant-regional-directory,
.ui-section-variant-industry-directory,
.ui-section-variant-partner-catalog {
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface-muted) 48%, var(--ui-color-bg)), var(--ui-color-bg));
}

[data-section-variant="commerce-catalog"],
[data-section-variant="service-marketplace"],
[data-section-variant="offer-catalog"],
[data-section-variant="regional-directory"],
[data-section-variant="industry-directory"],
[data-section-variant="partner-catalog"] {
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface-muted) 48%, var(--ui-color-bg)), var(--ui-color-bg));
}

.ui-section-variant-featured-story .ui-block-contract-grid,
.ui-section-variant-featured-guides .ui-block-contract-grid,
.ui-section-variant-featured-plan .ui-block-contract-grid,
.ui-section-variant-product-deep-dive .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
}

.ui-section-variant-quote-wall .ui-block-contract-grid,
.ui-section-variant-connector-wall .ui-block-contract-grid,
.ui-section-variant-partner-proof .ui-block-contract-grid,
.ui-section-variant-advisor-grid .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-card-min)), 1fr));
}

.ui-section-variant-decision-timeline .ui-block-contract-grid,
.ui-section-variant-numbered-process .ui-block-contract-grid,
.ui-section-variant-address-stepper .ui-block-contract-grid {
  align-items: stretch;
}

.ui-section-variant-editorial-article .ui-block-contract-header,
.ui-section-variant-longform-article .ui-block-contract-header,
.ui-section-variant-topic-index .ui-block-contract-header,
.ui-section-variant-topic_paths .ui-block-contract-header,
.ui-section-variant-knowledge-hub .ui-block-contract-header {
  max-width: var(--ui-text-measure-lg);
}

.ui-section-variant-proof-stack .ui-block-contract-grid,
.ui-section-variant-trust-evidence .ui-block-contract-grid,
.ui-section-variant-technical-proof .ui-block-contract-grid,
.ui-section-variant-compact-proof .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.ui-block-contract-marketing:not(.ui-section-variant-subpage-hero):not(.ui-section-variant-product-hero):not(.ui-section-variant-service-hero),
.ui-block-contract-feature:not(.ui-section-variant-calculator-hero) {
  position: relative;
  overflow: hidden;
}

.ui-block-contract-marketing:not(.ui-section-variant-subpage-hero):not(.ui-section-variant-product-hero):not(.ui-section-variant-service-hero) > .ui-container-4xl > .ui-stack-lg {
  gap: var(--ui-section-padding-sm);
}

.ui-block-contract-marketing .ui-block-contract-header {
  max-width: var(--ui-content-width-default);
}

.ui-block-contract-marketing .ui-block-contract-header .ui-title-md {
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-h1);
  font-weight: var(--ui-font-weight-black);
  line-height: var(--ui-line-height-tight);
  text-wrap: balance;
}

.ui-block-contract-marketing .ui-block-contract-header p {
  max-width: var(--ui-content-width-readable);
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body);
  line-height: var(--ui-line-height-body);
}

.ui-block-contract-marketing .ui-block-contract-grid > .ui-card {
  display: grid;
  gap: var(--ui-gap-sm);
  align-content: start;
  min-width: 0;
  border-color: color-mix(in oklch, var(--ui-color-border) 78%, transparent);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  box-shadow: var(--ui-shadow-sm);
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease, transform var(--ui-duration-fast) ease;
}

.ui-block-contract-marketing .ui-block-contract-grid > .ui-card:hover {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-block-contract-marketing .ui-block-contract-grid > .ui-card > .ui-stack-sm,
.ui-block-contract-marketing .ui-block-contract-grid > .ui-card > .ui-stack-xs {
  min-width: 0;
}

.ui-block-contract-marketing .ui-block-contract-grid > .ui-card strong {
  color: var(--ui-color-text);
  line-height: var(--ui-line-height-label);
}

.ui-block-contract-marketing .ui-block-contract-grid > .ui-card p {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-section-variant-index-hero .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
  gap: var(--ui-space-md);
  align-items: stretch;
}

.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card {
  min-height: auto;
  padding: var(--ui-space-sm) 0 0;
  border: 0;
  border-block-start: 2px solid color-mix(in oklch, var(--ui-color-primary) 42%, var(--ui-color-border));
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: var(--ui-space-xs);
  transition: none;
}

.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card:hover {
  border-color: color-mix(in oklch, var(--ui-color-primary) 42%, var(--ui-color-border));
  box-shadow: none;
  transform: none;
}

.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card .ui-badge {
  display: none;
}

.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card strong {
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-tight);
}

.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card p {
  font-size: var(--ui-font-size-caption);
  line-height: var(--ui-line-height-copy);
}

.ui-block-contract-marketing.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card,
.ui-block-contract-marketing.ui-section-variant-index-hero .ui-block-contract-grid > .ui-card:hover {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.ui-section-variant-service,
.ui-section-variant-editorial,
.ui-section-variant-three-column,
.ui-section-variant-cards,
.ui-section-variant-feature,
.ui-section-variant-accordion,
.ui-section-variant-single-offer,
.ui-section-variant-conversion {
  padding-block: var(--ui-section-padding-md);
}

.ui-section-variant-service > .ui-container-4xl,
.ui-section-variant-editorial > .ui-container-4xl,
.ui-section-variant-three-column > .ui-container-4xl,
.ui-section-variant-cards > .ui-container-4xl,
.ui-section-variant-feature > .ui-container-4xl,
.ui-section-variant-accordion > .ui-container-4xl,
.ui-section-variant-single-offer > .ui-container-4xl,
.ui-section-variant-conversion > .ui-container-4xl {
  width: var(--ui-public-rail-width);
}

.ui-section-variant-editorial,
.ui-section-variant-feature,
.ui-section-variant-single-offer {
  background: color-mix(in oklch, var(--ui-color-surface-muted) 54%, var(--ui-color-bg));
}

.ui-section-variant-service .ui-block-contract-grid,
.ui-section-variant-three-column .ui-block-contract-grid,
.ui-section-variant-cards .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-card-min)), 1fr));
  align-items: stretch;
}

.ui-section-variant-service .ui-block-contract-grid > .ui-card,
.ui-section-variant-three-column .ui-block-contract-grid > .ui-card,
.ui-section-variant-cards .ui-block-contract-grid > .ui-card {
  min-height: var(--ui-card-min-height-md);
  border-radius: var(--ui-radius-lg);
  padding: var(--ui-card-padding-md);
}

.ui-section-variant-service .ui-block-contract-grid > .ui-card {
  border-block-start: 0.1875rem solid color-mix(in oklch, var(--ui-color-primary) 42%, transparent);
}

.ui-section-variant-service .ui-block-contract-grid > .ui-card > .ui-icon,
.ui-section-variant-three-column .ui-block-contract-grid > .ui-card > .ui-icon,
.ui-section-variant-cards .ui-block-contract-grid > .ui-card > .ui-icon,
.ui-section-variant-editorial .ui-block-contract-grid > .ui-card > .ui-icon,
.ui-section-variant-feature .ui-block-contract-grid > .ui-card > .ui-icon {
  width: var(--ui-control-height);
  height: var(--ui-control-height);
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 34%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 12%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
  padding: var(--ui-space-xs);
}

.ui-section-variant-editorial .ui-block-contract-grid,
.ui-section-variant-feature .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-section-variant-editorial .ui-block-contract-grid > .ui-card,
.ui-section-variant-feature .ui-block-contract-grid > .ui-card {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding: var(--ui-card-padding-lg);
  overflow: hidden;
}

.ui-section-variant-editorial .ui-media-frame,
.ui-section-variant-feature .ui-media-frame {
  min-height: clamp(16rem, 34vw, 28rem);
}

.ui-section-variant-editorial .ui-media-frame img,
.ui-section-variant-feature .ui-media-frame img {
  height: 100%;
  object-fit: cover;
}

.ui-section-variant-single-offer .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
}


.ui-section-variant-single-offer .ui-block-contract-grid > .ui-card {
  border-color: color-mix(in oklch, var(--ui-color-primary) 26%, var(--ui-color-border));
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 10%, transparent), transparent 54%),
    var(--ui-color-surface);
  padding: var(--ui-card-padding-lg);
}

.ui-section-variant-single-offer .ui-actionbar,
.ui-section-variant-conversion .ui-actionbar {
  align-items: center;
  justify-content: flex-start;
}

.ui-section-variant-accordion .ui-block-contract-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  max-width: var(--ui-content-width-readable);
}

.ui-section-variant-accordion .ui-block-contract-grid > .ui-card {
  border-radius: var(--ui-radius-md);
  box-shadow: none;
  padding: var(--ui-card-padding-md);
}

.ui-section-variant-conversion {
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 14%, transparent), transparent 50%),
    color-mix(in oklch, var(--ui-color-surface-muted) 72%, var(--ui-color-bg));
}

.ui-section-variant-conversion .ui-container-4xl {
  width: var(--ui-public-rail-width);
}

.ui-section-variant-conversion .ui-stack-lg {
  gap: var(--ui-grid-gap);
}

.ui-section-variant-conversion .ui-block-contract-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.ui-section-variant-conversion .ui-block-contract-header {
  max-width: var(--ui-content-width-readable);
}

.ui-section-variant-conversion .ui-block-contract-grid > .ui-card {
  border-color: color-mix(in oklch, var(--ui-color-primary) 24%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-surface) 82%, var(--ui-color-surface-muted));
}

.ui-container,
.ui-container-4xl,
.ui-container-3xl,
.ui-container-2xl {
  width: var(--ui-public-rail-width);
  margin-inline: auto;
}

.ui-container-4xl {
  width: var(--ui-public-rail-width);
}

.page-blueprint {
  display: grid;
  gap: 0;
  width: 100%;
  min-width: 0;
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  background: var(--ui-theme-surface-page, var(--ui-color-bg));
}

.page-blueprint[data-ui-page-surface="admin"],
.page-blueprint[data-ui-page-surface="partner"],
.page-blueprint[data-ui-page-surface="user"] {
  gap: var(--ui-theme-density-admin-gap, var(--ui-space-lg));
}

.page-blueprint[data-ui-page-surface="partner"] {
  gap: var(--ui-theme-density-partner-gap, var(--ui-space-lg));
}

.ui-section-variant-process,
.ui-section-variant-workspace-preview,
.ui-section-variant-knowledge,
.ui-section-variant-faq,
.ui-section-variant-partner-cta,
.ui-section-variant-final-cta {
  background:
    linear-gradient(180deg, var(--ui-public-section-tint), var(--ui-color-bg));
}

.ui-section-variant-calculator-hero {
  --ui-calculator-hero-title-size: var(--ui-product-hero-title-size);
  --ui-calculator-hero-title-lg: var(--ui-product-hero-title-size-lg);
  --ui-calculator-hero-layout-columns: minmax(0, 1fr);
  --ui-calculator-hero-layout-gap: var(--ui-grid-gap);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  align-content: start;
  min-height: auto;
  padding-block: var(--ui-section-padding-sm) 0;
  background: var(--ui-theme-hero-gradient, var(--ui-color-bg));
}

/* Registered frontend section-family Theme slot adapters. */
.ui-public-shell > .ui-public-topbar {
  --ui-section-bg: var(--ui-header-bg);
  --ui-section-text: var(--ui-header-text);
  --ui-section-muted: var(--ui-header-muted);
  --ui-section-border: var(--ui-header-border);
  --ui-section-radius: var(--ui-header-radius);
  --ui-section-shadow: var(--ui-header-shadow);
  --ui-section-action-primary: var(--ui-header-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-public-topbar :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
:where(.ui-evidence-hero, .ui-media-hero, .ui-knowledge-hero, .ui-section-variant-index-hero, .ui-section-variant-product-hero) {
  --ui-section-bg: var(--ui-hero-bg);
  --ui-section-text: var(--ui-hero-text);
  --ui-section-muted: var(--ui-hero-muted);
  --ui-section-border: var(--ui-hero-border);
  --ui-section-radius: var(--ui-hero-radius);
  --ui-section-shadow: var(--ui-hero-shadow);
  --ui-section-action-primary: var(--ui-hero-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
:where(.ui-evidence-hero, .ui-media-hero, .ui-knowledge-hero, .ui-section-variant-index-hero, .ui-section-variant-product-hero) :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
:where(.ui-cta, .ui-cta-panel, .ui-final-cta, .ui-split-cta) {
  --ui-section-bg: var(--ui-cta-bg);
  --ui-section-text: var(--ui-cta-text);
  --ui-section-muted: var(--ui-cta-muted);
  --ui-section-border: var(--ui-cta-border);
  --ui-section-radius: var(--ui-cta-radius);
  --ui-section-shadow: var(--ui-cta-shadow);
  --ui-section-action-primary: var(--ui-cta-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
:where(.ui-cta, .ui-cta-panel, .ui-final-cta, .ui-split-cta) :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-stats-band {
  --ui-section-bg: var(--ui-stats-bg);
  --ui-section-text: var(--ui-stats-text);
  --ui-section-muted: var(--ui-stats-muted);
  --ui-section-border: var(--ui-stats-border);
  --ui-section-radius: var(--ui-stats-radius);
  --ui-section-shadow: var(--ui-stats-shadow);
  --ui-section-action-primary: var(--ui-stats-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-stats-band :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
:where(.ui-feature-grid, .ui-feature-showcase-grid, .ui-section-variant-feature) {
  --ui-section-bg: var(--ui-features-bg);
  --ui-section-text: var(--ui-features-text);
  --ui-section-muted: var(--ui-features-muted);
  --ui-section-border: var(--ui-features-border);
  --ui-section-radius: var(--ui-features-radius);
  --ui-section-shadow: var(--ui-features-shadow);
  --ui-section-action-primary: var(--ui-features-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
:where(.ui-feature-grid, .ui-feature-showcase-grid, .ui-section-variant-feature) :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-pricing-focus {
  --ui-section-bg: var(--ui-pricing-bg);
  --ui-section-text: var(--ui-pricing-text);
  --ui-section-muted: var(--ui-pricing-muted);
  --ui-section-border: var(--ui-pricing-border);
  --ui-section-radius: var(--ui-pricing-radius);
  --ui-section-shadow: var(--ui-pricing-shadow);
  --ui-section-action-primary: var(--ui-pricing-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-pricing-focus :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-pricing-focus-tabs {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "copy"
    "tabs"
    "panel";
  align-items: start;
  row-gap: clamp(var(--ui-space-4), 4vw, var(--ui-space-8));
}
.ui-pricing-focus-tabs .ui-pricing-focus-copy {
  grid-area: copy;
  min-width: 0;
}
.ui-pricing-focus-tabs .ui-pricing-focus-copy .ui-title-md {
  max-inline-size: 31ch;
  font-size: var(--ui-font-size-title-md);
  line-height: var(--ui-line-height-heading);
}
.ui-pricing-focus-tabs .ui-pricing-focus-options {
  grid-area: tabs;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-space-2);
}
.ui-pricing-focus-tabs .ui-pricing-focus-tab-panels {
  grid-area: panel;
}
.ui-pricing-focus-tab {
  width: 100%;
  min-height: clamp(4rem, 7vw, 5.25rem);
  appearance: none;
  cursor: pointer;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  text-align: start;
  overflow-wrap: anywhere;
  color: var(--ui-section-text);
  text-decoration: none;
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 20%, transparent);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 8%, var(--ui-color-surface)) 0%, var(--ui-color-surface) 62%);
  box-shadow: var(--ui-shadow-sm);
}
.ui-pricing-focus-tab[aria-selected="true"] {
  border-color: var(--ui-section-action-primary);
  background:
    linear-gradient(135deg, var(--ui-theme-brand-primary, var(--ui-color-primary)) 0%, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 74%, var(--ui-color-surface)) 100%);
  color: var(--ui-theme-text-on-primary, var(--ui-color-primary-contrast));
  box-shadow: var(--ui-shadow-md);
}
.ui-pricing-focus-tab-icon {
  display: inline-grid;
  place-items: center;
  inline-size: var(--ui-size-touch-target);
  block-size: var(--ui-size-touch-target);
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-color-surface) 86%, transparent);
  color: var(--ui-section-action-primary);
}
.ui-pricing-focus-tab[aria-selected="true"] .ui-pricing-focus-tab-icon {
  background: color-mix(in oklch, var(--ui-theme-text-on-primary, var(--ui-color-primary-contrast)) 18%, transparent);
  color: var(--ui-theme-text-on-primary, var(--ui-color-primary-contrast));
}
.ui-pricing-focus-tab-panels {
  display: grid;
  gap: var(--ui-space-4);
  min-width: 0;
}
.ui-pricing-focus-panel {
  align-content: start;
  gap: var(--ui-space-3);
  min-width: 0;
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background:
    linear-gradient(100deg, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 6%, var(--ui-color-surface)) 0%, var(--ui-color-surface) 48%, color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 5%, var(--ui-color-surface)) 100%);
  box-shadow: var(--ui-shadow-md);
  padding: clamp(var(--ui-space-3), 2vw, var(--ui-space-5));
}
.ui-pricing-focus-panel[hidden] {
  display: none;
}
.ui-pricing-focus-panel-head {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2) var(--ui-space-4);
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding-block-end: var(--ui-space-2);
  border-block-end: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 12%, transparent);
}
.ui-pricing-focus-panel-head strong {
  color: var(--ui-section-text);
  font-size: var(--ui-font-size-title-md);
}
.ui-pricing-focus-offers {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.ui-pricing-focus-offer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-space-2) var(--ui-space-4);
  align-items: center;
  min-width: 0;
  border-block-start: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary, var(--ui-color-primary)) 10%, transparent);
  padding: var(--ui-space-3) 0;
  color: var(--ui-section-text);
  text-decoration: none;
}
.ui-pricing-focus-offer:first-child {
  border-block-start: 0;
}
.ui-pricing-focus-offer img {
  inline-size: calc(var(--ui-size-touch-target) * 1.35);
  block-size: calc(var(--ui-size-touch-target) * 1.35);
  border: 1px solid var(--ui-section-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  object-fit: cover;
}
.ui-pricing-focus-offer span {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
}
.ui-pricing-focus-offer strong,
.ui-pricing-focus-offer small {
  min-width: 0;
}
.ui-pricing-focus-offer small {
  color: var(--ui-section-muted);
}
.ui-pricing-focus-offer b {
  grid-column: 2;
  width: max-content;
  max-width: 100%;
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-accent)) 14%, var(--ui-color-surface));
  color: var(--ui-section-action-primary);
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-label);
  padding: var(--ui-space-1) var(--ui-space-2);
  white-space: nowrap;
}
.ui-pricing-focus-offer-cta {
  grid-column: 2;
  color: var(--ui-section-action-primary);
  font-size: var(--ui-font-size-sm);
  font-style: normal;
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-label);
}
@media (min-width: 48rem) {
  .ui-pricing-focus-tabs .ui-pricing-focus-options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ui-pricing-focus-offer {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
  }
  .ui-pricing-focus-offer b {
    grid-column: auto;
    justify-self: end;
  }
  .ui-pricing-focus-offer-cta {
    grid-column: auto;
    justify-self: end;
    white-space: nowrap;
  }
}
@media (min-width: 64rem) {
  .ui-pricing-focus-tabs {
    grid-template-columns: minmax(22rem, 0.42fr) minmax(0, 1.58fr);
    grid-template-areas:
      "copy tabs"
      "panel panel";
    column-gap: clamp(var(--ui-space-6), 4vw, var(--ui-space-10));
  }
  .ui-pricing-focus-tabs .ui-pricing-focus-copy {
    position: sticky;
    top: calc(var(--ui-public-topbar-height) + var(--ui-space-4));
  }
  .ui-pricing-focus-tab-panels {
    grid-template-columns: minmax(0, 1fr);
  }
  .ui-pricing-focus-offers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--ui-space-6);
  }
  .ui-pricing-focus-offer[data-ui-pricing-focus-row-start="true"] {
    border-block-start: 0;
  }
}
.ui-section-variant-faq {
  --ui-section-bg: var(--ui-faq-bg);
  --ui-section-text: var(--ui-faq-text);
  --ui-section-muted: var(--ui-faq-muted);
  --ui-section-border: var(--ui-faq-border);
  --ui-section-radius: var(--ui-faq-radius);
  --ui-section-shadow: var(--ui-faq-shadow);
  --ui-section-action-primary: var(--ui-faq-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-section-variant-faq :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
[data-ui-section-family="testimonials"] {
  --ui-section-bg: var(--ui-testimonials-bg);
  --ui-section-text: var(--ui-testimonials-text);
  --ui-section-muted: var(--ui-testimonials-muted);
  --ui-section-border: var(--ui-testimonials-border);
  --ui-section-radius: var(--ui-testimonials-radius);
  --ui-section-shadow: var(--ui-testimonials-shadow);
  --ui-section-action-primary: var(--ui-testimonials-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
[data-ui-section-family="testimonials"] :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-form {
  --ui-section-bg: var(--ui-forms-bg);
  --ui-section-text: var(--ui-forms-text);
  --ui-section-muted: var(--ui-forms-muted);
  --ui-section-border: var(--ui-forms-border);
  --ui-section-radius: var(--ui-forms-radius);
  --ui-section-shadow: var(--ui-forms-shadow);
  --ui-section-action-primary: var(--ui-forms-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-form :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-lead-capture-panel {
  --ui-section-bg: var(--ui-lead-bg);
  --ui-section-text: var(--ui-lead-text);
  --ui-section-muted: var(--ui-lead-muted);
  --ui-section-border: var(--ui-lead-border);
  --ui-section-radius: var(--ui-lead-radius);
  --ui-section-shadow: var(--ui-lead-shadow);
  --ui-section-action-primary: var(--ui-lead-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-lead-capture-panel :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-comparison-portal {
  --ui-section-bg: var(--ui-comparison-bg);
  --ui-section-text: var(--ui-comparison-text);
  --ui-section-muted: var(--ui-comparison-muted);
  --ui-section-border: var(--ui-comparison-border);
  --ui-section-radius: var(--ui-comparison-radius);
  --ui-section-shadow: var(--ui-comparison-shadow);
  --ui-section-action-primary: var(--ui-comparison-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-comparison-portal :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}
.ui-public-footer {
  --ui-section-bg: var(--ui-footer-bg);
  --ui-section-text: var(--ui-footer-text);
  --ui-section-muted: var(--ui-footer-muted);
  --ui-section-border: var(--ui-footer-border);
  --ui-section-radius: var(--ui-footer-radius);
  --ui-section-shadow: var(--ui-footer-shadow);
  --ui-section-action-primary: var(--ui-footer-action-primary);
  background-color: var(--ui-section-bg);
  color: var(--ui-section-text);
  border-color: var(--ui-section-border);
}
.ui-public-footer :where(.ui-btn-primary, .ui-link-action) {
  --ui-action-primary: var(--ui-section-action-primary);
}

.ui-section-variant-calculator-hero > .ui-container {
  position: relative;
  z-index: 1;
}


.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero {
  border-block-end: 1px solid var(--ui-color-border);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 52%),
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted)), var(--ui-color-bg));
  padding-block: calc(var(--ui-section-padding-sm) * 0.75);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero > .ui-container {
  width: var(--ui-public-rail-width);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg {
  gap: var(--ui-gap-md);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-actions,
.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-text-display,
.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-text-lead {
  max-width: var(--ui-content-width-readable);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-text-display {
  max-width: var(--ui-content-width-default);
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-display);
  line-height: var(--ui-line-height-display);
  text-wrap: balance;
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-text-lead {
  margin: 0;
  color: var(--ui-color-muted);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-address-autocomplete {
  max-width: var(--ui-content-width-readable);
}

.ui-page:is([data-ui-page="subpage"], [data-ui-page="sitemap"], [data-ui-page="content"]) .ui-section-variant-calculator-hero {
  border-block-end: 1px solid var(--ui-color-border);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 52%),
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted)), var(--ui-color-bg));
  padding-block: calc(var(--ui-section-padding-sm) * 0.75);
}

.ui-page:is([data-ui-page="subpage"], [data-ui-page="sitemap"], [data-ui-page="content"]) .ui-section-variant-calculator-hero > .ui-container {
  width: var(--ui-public-rail-width);
}

.ui-page:is([data-ui-page="subpage"], [data-ui-page="sitemap"], [data-ui-page="content"]) .ui-section-variant-calculator-hero .ui-stack-lg {
  gap: var(--ui-gap-md);
}

.ui-page:is([data-ui-page="subpage"], [data-ui-page="sitemap"], [data-ui-page="content"]) .ui-section-variant-calculator-hero .ui-text-display {
  max-width: var(--ui-content-width-default);
  margin: 0;
  font-size: var(--ui-font-size-display);
  line-height: var(--ui-line-height-display);
  text-wrap: balance;
}

.ui-page:is([data-ui-page="subpage"], [data-ui-page="sitemap"], [data-ui-page="content"]) .ui-section-variant-calculator-hero .ui-text-lead {
  max-width: var(--ui-content-width-readable);
  margin: 0;
  color: var(--ui-color-muted);
}

.ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-layout-two-column {
  align-items: center;
  gap: var(--ui-grid-gap);
}

.ui-choice-grid,
.ui-page[data-ui-page="content"] [aria-labelledby="content-articles-title"] > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-choice-card,
.ui-page[data-ui-page="content"] [aria-labelledby="content-articles-title"] > div > .ui-card {
  min-width: 0;
  border-color: color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 92%, var(--ui-color-primary) 8%), var(--ui-color-surface));
}

.ui-page[data-ui-page="content"] .ui-card:has(> .ui-stack-sm + .ui-btn) {
  display: grid;
  gap: var(--ui-grid-gap);
  align-items: center;
  border-color: color-mix(in oklch, var(--ui-color-primary) 20%, var(--ui-color-border));
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 12%, transparent), transparent 54%),
    var(--ui-color-surface);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] {
  border-block-end: 1px solid var(--ui-color-border);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 10%, transparent), transparent 48%),
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface-muted) 82%, var(--ui-color-bg)), var(--ui-color-bg));
  padding-block: var(--ui-section-padding-md);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] > .ui-container {
  width: var(--ui-public-rail-width);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-stack-lg {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: var(--ui-grid-gap);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-text-display {
  max-width: var(--ui-content-width-default);
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-display);
  line-height: var(--ui-line-height-display);
  text-wrap: balance;
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-text-lead {
  max-width: var(--ui-content-width-readable);
  margin: 0;
  color: var(--ui-color-muted);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-image-frame {
  align-self: stretch;
  min-height: clamp(18rem, 42vw, 30rem);
  border-radius: var(--ui-radius-lg);
  box-shadow: var(--ui-shadow-card);
}

.ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-image-frame img {
  height: 100%;
  object-fit: cover;
}

.ui-hero-media,
.ui-hero-scrim {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ui-hero-media {
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: var(--ui-theme-hero-image-opacity, 1);
}

.ui-hero-scrim {
  z-index: -1;
  background:
    linear-gradient(
      90deg,
      color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 92%, transparent) 0%,
      color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 70%, transparent) 46%,
      color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 32%, transparent) 100%
    ),
    linear-gradient(
      180deg,
      color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 20%, transparent),
      color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 72%, transparent)
    );
}

.ui-section-variant-product-hero .ui-hero-media {
  z-index: 0;
  object-position: 55% 38%;
  opacity: 1;
  filter: saturate(1.24) contrast(1.28) brightness(1.03);
  transform: none;
  transform-origin: center;
}

.ui-section-variant-product-hero .ui-hero-scrim {
  display: none;
}

@media (min-width: 48rem) {
  .ui-section-variant-product-hero .ui-hero-media {
    inset: 0;
    width: 100%;
    max-width: none;
    object-position: 55% 38%;
    transform: none;
  }
}

@media (min-width: 64rem) {
  .ui-section-variant-product-hero .ui-hero-media {
    inset: 0;
    width: 100%;
    max-width: none;
    object-position: 55% 38%;
    transform: none;
  }
}

.ui-section-variant-calculator-hero .ui-layout-two-column {
  display: grid;
  grid-template-columns: var(--ui-calculator-hero-layout-columns);
  align-items: start;
  gap: var(--ui-calculator-hero-layout-gap);
}

.ui-hero-copy,
.ui-hero-lead {
  min-width: 0;
}

.ui-hero-copy {
  align-content: start;
  width: min(100%, var(--ui-content-width-default));
}

.ui-hero-title {
  max-width: var(--ui-content-width-default);
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-calculator-hero-title-size);
  font-weight: var(--ui-font-weight-black);
  letter-spacing: var(--ui-letter-spacing-default);
  line-height: var(--ui-line-height-compact);
  text-wrap: balance;
}

.ui-hero-title span {
  display: block;
  max-width: 100%;
  color: var(--ui-theme-brand-accent, var(--ui-color-primary-strong));
  font-size: inherit;
  text-wrap: balance;
  white-space: normal;
}

:is(.ui-calculator-card, .ui-flow-showcase, .ui-evidence-system, .ui-final-cta, .ui-feature-showcase-grid) {
  border-color: var(--ui-product-surface-border);
  border-radius: var(--ui-theme-radius-card, var(--ui-radius-lg));
  background: var(--ui-product-surface);
}

:is(.ui-choice-card.is-active, .ui-choice-card[data-state="active"], .ui-calculator-card-step) {
  border-color: var(--ui-product-active-border);
  background: var(--ui-product-active-surface);
  color: var(--ui-color-text);
}

:is(.ui-choice-card.is-active, .ui-choice-card[data-state="active"], .ui-calculator-card-step) .ui-icon {
  color: var(--ui-action-on-primary);
}

.ui-section-variant-calculator-hero .ui-trust-bar {
  display: grid;
  gap: var(--ui-gap-sm);
  padding: var(--ui-card-padding-md);
  background: transparent;
  box-shadow: none;
}

.ui-section-variant-calculator-hero .ui-trust-bar .ui-cluster-sm {
  background: transparent;
  box-shadow: none;
}

.ui-section-variant-calculator-hero .ui-trust-item {
  display: flex;
  align-items: center;
  gap: var(--ui-gap-sm);
  min-width: 0;
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-label);
}

.ui-section-variant-calculator-hero .ui-trust-item strong {
  color: var(--ui-color-primary-strong);
}

.ui-calculator-card[data-ui-calculator-variant="campaign-hero"] {
  justify-self: stretch;
  width: min(100%, 32.5rem);
  gap: var(--ui-gap-sm);
  padding: var(--ui-card-padding-md);
  border-color: color-mix(in oklch, var(--ui-theme-border-strong, var(--ui-color-border)) 72%, transparent);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 94%, transparent);
}

.ui-calculator-form,
.ui-choice-group,
.ui-map-preview-panel {
  display: grid;
  gap: var(--ui-gap-sm);
  min-width: 0;
}

.ui-field-control {
  position: relative;
  display: block;
}

.ui-field-control .ui-input-lg {
  padding-right: var(--ui-section-padding-sm);
}

.ui-field-control-icon {
  position: absolute;
  top: 50%;
  right: var(--ui-space-sm);
  transform: translateY(-50%);
  color: var(--ui-color-muted);
  pointer-events: none;
}

.ui-map-preview-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-gap-xs);
}

.ui-section-label {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-gap-xs);
  max-width: 100%;
  line-height: var(--ui-line-height-label);
}

.ui-section-label .ui-icon {
  flex: none;
  align-self: center;
}

.ui-section-label > span:not(.ui-icon) {
  min-width: 0;
}

.ui-choice-group > .ui-section-label {
  margin-block-end: var(--ui-space-2xs);
}

.ui-map-preview-frame {
  position: relative;
  min-height: 0;
  height: clamp(6.25rem, 14dvh, 13.75rem);
  overflow: hidden;
  border: 0.0625rem solid var(--ui-theme-border, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: var(--ui-theme-surface-section, var(--ui-color-surface-muted));
  box-shadow: inset 0 0 0 0.0625rem color-mix(in oklch, var(--ui-theme-border, var(--ui-color-border)) 54%, transparent);
}

.ui-map-preview-slot,
.ui-map-preview-placeholder,
.ui-map-preview-overlay,
.ui-map-preview-target,
.ui-map-preview-consent {
  position: absolute;
  inset: 0;
}

.ui-map-preview-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.ui-map-preview-placeholder,
.ui-map-preview-overlay,
.ui-map-preview-target,
.ui-map-preview-consent {
  display: grid;
  place-items: center;
  padding: var(--ui-card-padding-sm);
  text-align: center;
}

.ui-map-preview-placeholder {
  color: var(--ui-color-muted);
}

.ui-map-preview-overlay {
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 72%, transparent);
}

.ui-map-preview-target {
  gap: var(--ui-gap-sm);
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 14%, transparent);
}

.ui-map-preview-consent {
  z-index: 2;
  gap: var(--ui-gap-sm);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 92%, transparent);
}

.ui-map-preview-consent[hidden],
.ui-map-preview-target.is-hidden {
  display: none;
}

.ui-calculation-loader[hidden] {
  display: none;
}

.ui-calculation-loader {
  align-items: center;
  z-index: var(--ui-z-modal, var(--ui-z-overlay));
  min-height: 100dvh;
  overflow-y: auto;
  padding: var(--ui-section-padding-sm);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 12%, transparent) 0%, transparent 42%),
    color-mix(in oklch, var(--ui-theme-text-primary, var(--ui-color-text)) 52%, transparent);
}

.ui-calculation-loader-card {
  width: min(100%, var(--ui-content-width-readable));
  max-width: none;
  overflow: hidden;
  border-color: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 36%, var(--ui-color-border));
}

.ui-calculation-loader-body {
  gap: var(--ui-card-padding-md);
}

.ui-calculation-loader-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--ui-grid-gap);
}


.ui-calculation-loader-icon {
  display: grid;
  width: var(--ui-control-height);
  height: var(--ui-control-height);
  place-items: center;
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 42%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 12%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  color: var(--ui-theme-brand-accent, var(--ui-color-primary));
}

.ui-calculation-loader-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ui-grid-gap);
}

.ui-calculation-loader-progress .ui-spinner {
  grid-column: 1 / -1;
}

.ui-calculation-loader-percent {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-label);
  font-variant-numeric: tabular-nums;
}

.ui-calculation-loader-steps {
  display: grid;
  gap: var(--ui-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-calculation-loader-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--ui-control-gap);
  min-width: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-semibold);
}

.ui-calculation-loader-step-icon {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-theme-surface-section, var(--ui-color-surface-muted));
  color: var(--ui-color-muted);
}

.ui-calculation-loader-steps li[data-state="active"],
.ui-calculation-loader-steps li[data-state="complete"] {
  color: var(--ui-color-text);
}

.ui-calculation-loader-steps li[data-state="active"] .ui-calculation-loader-step-icon {
  border-color: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 56%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 10%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  color: var(--ui-theme-brand-accent, var(--ui-color-primary));
}

.ui-calculation-loader-steps li[data-state="complete"] .ui-calculation-loader-step-icon {
  border-color: var(--ui-color-success-border-soft);
  background: var(--ui-color-success-bg-soft);
  color: var(--ui-color-success);
}

.ui-calculation-loader-message {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (min-width: 40rem) {
  .ui-calculation-loader-progress {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .ui-calculation-loader-progress .ui-spinner {
    grid-column: auto;
  }
}

.ui-auth-modal {
  position: fixed;
  inset: 0;
  z-index: var(--ui-z-modal, 60);
  display: grid;
  place-items: center;
  overflow: auto;
  padding: var(--ui-card-padding-md);
}

.ui-auth-modal[hidden] {
  display: none;
}

.ui-auth-backdrop {
  position: fixed;
  inset: 0;
  backdrop-filter: var(--ui-backdrop-filter-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-theme-surface-page, var(--ui-color-bg)) 8%, transparent), color-mix(in oklch, var(--ui-theme-text-primary, var(--ui-color-text)) 46%, transparent)),
    color-mix(in oklch, var(--ui-theme-text-primary, var(--ui-color-text)) 38%, transparent);
}

.ui-auth-viewport {
  position: relative;
  z-index: 1;
  width: min(100%, var(--ui-content-width-wide));
  display: grid;
  align-items: center;
  justify-items: center;
  overflow-y: auto;
  margin-inline: auto;
}

.ui-auth-dialog {
  position: relative;
  width: 100%;
  max-height: calc(100dvh - (var(--ui-card-padding-md) * 2));
  overflow: auto;
  border-color: var(--ui-product-auth-dialog-border);
}

.ui-auth-accent {
  display: none;
}

.ui-auth-content {
  display: grid;
  gap: 0;
}

.ui-auth-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.ui-auth-proof,
.ui-auth-form {
  min-width: 0;
  padding: var(--ui-card-padding-lg);
}

.ui-auth-proof {
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 13%, transparent), transparent 64%),
    var(--ui-theme-surface-section, var(--ui-color-surface-muted));
}

.ui-auth-form {
  align-content: start;
  background: var(--ui-theme-surface-card, var(--ui-color-surface));
}

.ui-auth-context {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  min-width: 0;
}

.ui-auth-kpis {
  min-width: 0;
}

.ui-auth-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-compact-min-width)), 1fr));
  gap: var(--ui-grid-gap);
}

.ui-auth-kpi-grid .ui-result-metric {
  min-width: 0;
  text-align: start;
}

.ui-auth-kpi-grid .ui-result-metric[data-metric-variant="primary"] {
  border-color: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 48%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 10%, var(--ui-theme-surface-card, var(--ui-color-surface)));
}

.ui-auth-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-grid-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  padding: var(--ui-card-padding-sm);
}

.ui-auth-note h2,
.ui-auth-note p {
  margin: 0;
}

.ui-auth-input-shell {
  position: relative;
  display: block;
}

.ui-auth-input-shell > .ui-icon {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--ui-space-sm);
  transform: translateY(-50%);
  color: var(--ui-color-muted);
  pointer-events: none;
}

.ui-auth-input-shell .ui-input-lg {
  padding-inline-start: var(--ui-section-padding-sm);
}

.ui-auth-error {
  border: 1px solid var(--ui-color-danger);
  border-radius: var(--ui-radius-md);
  padding: var(--ui-card-padding-sm);
  color: var(--ui-color-danger);
}

.ui-auth-dialog .ui-trust-bar {
  justify-content: center;
  border-block-start: 0.0625rem solid var(--ui-color-border);
  background: var(--ui-color-surface-muted);
  padding: var(--ui-card-padding-sm);
}

@media (min-width: 64rem) {
  .ui-auth-grid {
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.78fr);
  }

  .ui-auth-proof,
  .ui-auth-form {
    padding: var(--ui-section-padding-md);
  }
}

.ui-map-preview-marker,
.ui-map-preview-target-frame {
  display: inline-grid;
  place-items: center;
  width: var(--ui-control-height-lg);
  height: var(--ui-control-height-lg);
  border: 0.0625rem solid color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 42%, transparent);
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-surface-card, var(--ui-color-surface)) 82%, transparent);
  color: var(--ui-color-primary-strong);
  box-shadow: var(--ui-shadow-sm);
}

.ui-calculator-card .ui-choice-grid,
.ui-service-grid {
  display: grid;
  gap: var(--ui-grid-gap);
}

.ui-calculator-card .ui-choice-grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 48rem) {
  .ui-calculator-card .ui-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .ui-calculator-card .ui-choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 4rem), 1fr));
  }
}

.ui-service-grid {
  --ui-service-grid-columns: minmax(0, 1fr);
  grid-template-columns: var(--ui-service-grid-columns);
}

.ui-choice-card {
  min-width: 0;
  min-height: var(--ui-touch-target-min);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.ui-choice-card.is-active,
.ui-choice-card[data-state="active"] {
  border-color: var(--ui-theme-brand-accent, var(--ui-color-primary));
  background: var(--ui-theme-brand-accent, var(--ui-color-primary));
  color: var(--ui-theme-text-on-accent, var(--ui-color-on-primary));
}

.ui-choice-card .ui-icon {
  border: 0;
  background: color-mix(in srgb, var(--ui-theme-brand-accent, var(--ui-color-success)) 18%, transparent);
  color: var(--ui-theme-brand-accent, var(--ui-color-success));
}

.ui-calculator-form > .ui-address-input {
  gap: var(--ui-gap-xs);
  padding: 0;
  border: 0;
  border-radius: var(--ui-radius-md);
  background: var(--ui-product-home-address-surface);
  box-shadow: none;
}

.ui-calculator-form > .ui-address-input .ui-field-control {
  background: transparent;
  box-shadow: none;
}

.ui-calculator-form > .ui-address-input .ui-input-lg {
  border: 0;
  background: var(--ui-product-home-address-input-surface);
  box-shadow: none;
}

.ui-calculator-form > .ui-address-input .ui-input-lg:focus-visible {
  outline: 0;
  box-shadow: var(--ui-focus);
}

.ui-choice-card.is-active .ui-icon,
.ui-choice-card[data-state="active"] .ui-icon {
  border: 0;
  background: var(--ui-theme-brand-accent, var(--ui-color-success));
  color: var(--ui-theme-text-on-accent, var(--ui-color-on-primary));
}

.ui-service-grid {
  margin-block-start: var(--ui-section-padding-md);
  padding-block-end: var(--ui-section-padding-md);
}

.ui-service-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  justify-items: start;
  gap: var(--ui-gap-sm);
  min-width: 0;
  border: var(--ui-border-width) solid var(--ui-product-surface-border);
  border-radius: var(--ui-radius-lg);
  background: transparent;
  padding: var(--ui-card-padding-md);
  text-align: start;
  box-shadow: none;
}

.ui-service-copy,
.ui-service-item h3,
.ui-service-item p {
  width: 100%;
}

@media (min-width: 48rem) {
  .ui-service-grid {
    --ui-service-grid-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: var(--ui-service-grid-columns);
  }
}

@media (min-width: 64rem) {
  .ui-section-variant-calculator-hero {
    --ui-calculator-hero-title-size: var(--ui-calculator-hero-title-lg);
    --ui-calculator-hero-layout-columns: minmax(0, 1.12fr) minmax(24rem, 0.88fr);
  }

  .ui-section-variant-calculator-hero .ui-layout-two-column {
    grid-template-columns: var(--ui-calculator-hero-layout-columns);
  }

  .ui-calculator-card[data-ui-calculator-variant="campaign-hero"] {
    justify-self: end;
  }

  .ui-service-grid {
    --ui-service-grid-columns: repeat(4, minmax(0, 1fr));
    grid-template-columns: var(--ui-service-grid-columns);
  }
}

.ui-container-3xl {
  width: var(--ui-public-rail-width);
}

.ui-container-2xl {
  width: min(var(--ui-public-max-width-narrow, 60rem), calc(100% - (var(--ui-public-gutter) * 2)));
}

.ui-measure-lg {
  max-width: var(--ui-text-measure-lg);
}

.ui-measure-md {
  max-width: var(--ui-text-measure-md);
}


.ui-place-autocomplete-element,
[data-ui-place-autocomplete],
gmp-place-autocomplete,
gmpx-place-autocomplete {
  display: block;
  width: 100%;
}

input[data-place-input-state="confirmed"],
input.is-place-input-confirmed,
.ui-place-autocomplete-element[data-place-input-state="confirmed"],
[data-ui-place-autocomplete][data-place-input-state="confirmed"],
gmp-place-autocomplete[data-place-input-state="confirmed"],
gmpx-place-autocomplete[data-place-input-state="confirmed"] {
  border-color: var(--ui-theme-brand-accent, var(--ui-color-success));
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-success)) 14%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  color: var(--ui-theme-text-primary, var(--ui-color-text));
  box-shadow: inset 0 0 0 1000px color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-success)) 14%, var(--ui-theme-surface-card, var(--ui-color-surface)));
  -webkit-text-fill-color: currentColor;
}

input[data-place-input-state="confirmed"]:focus,
input.is-place-input-confirmed:focus {
  border-color: var(--ui-theme-brand-accent, var(--ui-color-success));
  box-shadow:
    inset 0 0 0 1000px color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-success)) 18%, var(--ui-theme-surface-card, var(--ui-color-surface))),
    var(--ui-focus);
}

.ui-address-suggestion-list {
  position: absolute;
  z-index: var(--ui-z-dropdown, 30);
  inset-inline: 0;
  inset-block-start: calc(100% + var(--ui-space-1));
  display: grid;
  gap: var(--ui-space-1);
  overflow: hidden;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-md);
  padding: var(--ui-space-1);
}

.ui-address-suggestion-list[hidden] {
  display: none;
}

.ui-address-suggestion-option,
.ui-address-suggestion-list .ui-address-suggestion-option {
  display: block;
  width: 100%;
  min-height: auto;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-sm);
  background: transparent;
  color: var(--ui-color-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--ui-font-size-control);
  font-weight: var(--ui-font-weight-regular);
  line-height: var(--ui-line-height-body);
  padding: var(--ui-space-2) var(--ui-space-3);
  text-align: start;
}

.ui-address-suggestion-option:hover,
.ui-address-suggestion-option:focus-visible,
.ui-address-suggestion-option.is-active {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-primary) 7%, var(--ui-color-surface));
  color: var(--ui-color-text);
  box-shadow: none;
  outline: none;
}

.ui-content-wide {
  width: min(100%, var(--ui-content-width-wide));
  margin-inline: auto;
}

section[data-block-key="landingpage-content"] {
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-primary) 5%, transparent), transparent 36%),
    var(--ui-color-bg);
}

section[data-block-key="landingpage-content"] .ui-container {
  width: var(--ui-public-rail-width);
}

section[data-block-key="landingpage-content"] .ui-content-wide {
  width: min(100%, var(--ui-content-width-default));
  gap: var(--ui-stack-gap-lg);
}

section[data-block-key="landingpage-content"] [data-landingpage-content-kind] {
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 14%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 7%, transparent), transparent 48%),
    color-mix(in oklch, var(--ui-color-surface) 92%, var(--ui-color-surface-muted));
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-sm);
}

section[data-block-key="landingpage-content"] [data-landingpage-content-kind]::before {
  content: "";
  position: absolute;
  inset-block: var(--ui-card-padding-lg);
  inset-inline-start: 0;
  width: 0.1875rem;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-primary);
}

section[data-block-key="landingpage-content"] [data-landingpage-content-kind] > * {
  position: relative;
}

section[data-block-key="landingpage-content"] [data-landingpage-content-kind] .ui-title-md {
  max-width: var(--ui-content-width-readable);
}

section[data-block-key="landingpage-content"] [data-landingpage-content-kind] .ui-text-body,
section[data-block-key="landingpage-content"] .ui-content-wide > .ui-text-body {
  max-width: var(--ui-content-width-readable);
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-lg);
  line-height: var(--ui-line-height-relaxed);
}

section[data-block-key="landingpage-content"] [data-landingpage-source-list] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-cluster-gap);
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 82%, transparent);
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-color-surface-muted) 80%, var(--ui-color-surface));
  padding: var(--ui-card-padding-md);
}

section[data-block-key="landingpage-content"] [data-landingpage-source-list] .ui-link-action {
  max-width: 100%;
}

.ui-stack-sm,
.ui-stack-md,
.ui-stack-lg,
.ui-stack-xl {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  min-width: 0;
}

.ui-stack-sm {
  gap: var(--ui-stack-gap-sm);
}

.ui-stack-md {
  gap: var(--ui-stack-gap-md);
}

.ui-stack-lg {
  gap: var(--ui-stack-gap-lg);
}

.ui-stack-xl {
  gap: var(--ui-stack-gap-xl);
}

.ui-inline-gap-sm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-cluster-gap);
}

.ui-text-h2 {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-h2);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-heading);
  letter-spacing: var(--ui-letter-spacing-default);
  text-wrap: balance;
}

.ui-text-caption {
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-control);
  line-height: var(--ui-line-height-label);
}

.ui-badge {
  max-width: 100%;
  min-height: var(--ui-control-height-badge);
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: var(--ui-badge-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  color: var(--ui-color-muted);
  padding: var(--ui-space-2) var(--ui-badge-padding-inline);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-label);
  line-height: var(--ui-line-height-label);
  box-shadow: var(--ui-shadow-sm);
}

.ui-badge .ui-icon,
.ui-badge [data-lucide] {
  width: var(--ui-badge-icon-size);
  height: var(--ui-badge-icon-size);
}

.ui-badge-neutral {
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-muted);
}

.ui-badge-info {
  border-color: var(--ui-color-info-border-soft);
  background: var(--ui-color-info-bg-soft);
  color: var(--ui-color-primary-strong);
}

:root[data-theme="dark"] .ui-badge-info {
  border-color: color-mix(in oklch, var(--ui-color-info) 48%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-info) 16%, var(--ui-color-panel));
  color: var(--ui-color-text);
}

.ui-button,
.ui-input,
.ui-select,
.ui-pagination,
.ui-stat-card {
  min-width: 0;
}

.ui-button,
.ui-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-action-gap);
}

.ui-pagination-size {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-action-gap);
}

.ui-pagination-size > span {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-body);
}

.ui-input,
.ui-select {
  display: grid;
  gap: var(--ui-form-field-gap);
}

.ui-stat-card {
  display: grid;
  gap: var(--ui-backend-card-gap);
}

.ui-btn {
  min-height: var(--ui-theme-density-control-height, var(--ui-control-height));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-control-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  padding: 0 var(--ui-control-padding-inline);
  font-weight: var(--ui-font-weight-label);
  text-decoration: none;
  transition:
    background var(--ui-duration-fast) ease,
    border-color var(--ui-duration-fast) ease,
    color var(--ui-duration-fast) ease,
    box-shadow var(--ui-duration-fast) ease;
}

.ui-btn:hover {
  text-decoration: none;
  box-shadow: var(--ui-shadow-sm);
}

.ui-btn:disabled,
.ui-btn.is-loading {
  cursor: wait;
  opacity: 0.72;
}

.ui-btn-primary {
  border-color: var(--ui-action-primary);
  background: var(--ui-action-primary);
  color: var(--ui-action-on-primary);
}

.ui-btn-primary:hover {
  border-color: var(--ui-action-primary-strong);
  background: var(--ui-action-primary-strong);
  color: var(--ui-action-on-primary);
}

.ui-btn-secondary {
  border-color: color-mix(in oklch, var(--ui-action-secondary) 32%, var(--ui-color-border));
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.ui-btn-secondary:hover {
  border-color: color-mix(in oklch, var(--ui-action-secondary) 54%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-action-secondary) 8%, var(--ui-color-surface));
  color: var(--ui-color-text);
}

.ui-filterbar-submit {
  border-color: var(--ui-color-border);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.ui-pagination-control,
.ui-pagination-size-control {
  border-color: var(--ui-color-border);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
  box-shadow: none;
}

.ui-pagination-control:hover,
.ui-pagination-size-control:hover {
  border-color: var(--ui-color-border-strong);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-text);
}

.ui-pagination-control[data-ui-pagination-current="true"],
.ui-pagination-size-control[data-ui-page-size-current="true"] {
  border-color: var(--ui-color-border-strong);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-text);
  box-shadow: inset 0 0 0 1px var(--ui-color-border-strong);
}

.ui-pagination-control[data-ui-pagination-current="true"] .ui-icon,
.ui-pagination-size-control[data-ui-page-size-current="true"] .ui-icon {
  color: var(--ui-color-muted);
}

.ui-btn-secondary[data-ui-action-fill="true"] {
  border-color: var(--ui-action-secondary);
  background: var(--ui-action-secondary);
  color: var(--ui-action-on-secondary);
}

.ui-btn-accent {
  border-color: color-mix(in oklch, var(--ui-color-success) 48%, var(--ui-color-border));
  background: var(--ui-color-success);
  color: var(--ui-color-on-primary);
}

.ui-btn-ghost {
  border-color: transparent;
  background: transparent;
  color: var(--ui-color-muted);
}

.ui-btn-outline {
  background: transparent;
  color: var(--ui-color-primary-strong);
}

.ui-btn-block {
  width: 100%;
}

.ui-btn-sm {
  min-height: var(--ui-control-height-sm);
  padding-inline: var(--ui-control-padding-inline);
  font-size: var(--ui-font-size-icon-label);
}

.ui-btn-md {
  min-height: var(--ui-theme-density-control-height, var(--ui-control-height));
}

.ui-btn-lg {
  min-height: var(--ui-control-height-lg);
  padding-inline: var(--ui-card-padding-md);
}

.ui-badge-success {
  border-color: var(--ui-color-success-border-soft);
  background: var(--ui-color-success-bg-soft);
  color: var(--ui-color-text);
}


.ui-badge-warning {
  border-color: var(--ui-color-warning-border-soft);
  background: var(--ui-color-warning-bg-soft);
  color: var(--ui-color-text);
}

:root[data-theme="dark"] .ui-badge-warning {
  border-color: var(--ui-color-warning-border-soft);
  background: var(--ui-color-warning-bg-soft);
  color: var(--ui-color-text);
}

.ui-badge-danger {
  border-color: var(--ui-color-danger-border-soft);
  background: var(--ui-color-danger-bg-soft);
  color: var(--ui-color-danger);
}

.ui-alert-success,
.ui-alert-warning,
.ui-alert-error,
.ui-alert-info {
  display: flex;
  align-items: flex-start;
  gap: var(--ui-list-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  padding: var(--ui-card-padding-sm);
}

.ui-alert-success {
  border-color: var(--ui-color-success-border-soft);
  background: var(--ui-color-success-bg-soft);
}

.ui-alert-warning {
  border-color: var(--ui-color-warning-border-soft);
  background: var(--ui-color-warning-bg-soft);
}

.ui-alert-error {
  border-color: var(--ui-color-danger-border-soft);
  background: var(--ui-color-danger-bg-soft);
}

.ui-alert-info {
  border-color: var(--ui-color-primary-border-soft);
  background: var(--ui-color-primary-bg-soft);
}

.ui-alert-icon {
  flex: 0 0 auto;
  width: var(--ui-size-icon-md);
  height: var(--ui-size-icon-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
}

.ui-alert-content {
  min-width: 0;
  display: grid;
  gap: var(--ui-space-1);
}

.ui-card-elevated {
  box-shadow: var(--ui-shadow-md);
}

.ui-card-muted {
  border-color: color-mix(in oklch, var(--ui-color-border) 86%, transparent);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface-muted) 82%, var(--ui-color-surface)), var(--ui-color-surface));
}

.ui-card-elevated,
.ui-card-muted[data-feature-card],
.ui-grid-4 > .ui-card-muted {
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease, transform var(--ui-duration-fast) ease;
}

.ui-card-muted[data-feature-card],
.ui-grid-4 > .ui-card-muted {
  align-content: start;
  min-height: var(--ui-card-min-height-md);
  border-block-start: 0.1875rem solid color-mix(in oklch, var(--ui-color-primary) 30%, transparent);
  box-shadow: var(--ui-shadow-sm);
}

.ui-card-muted[data-feature-card]:hover,
.ui-card-muted[data-feature-card]:focus-within,
.ui-grid-4 > .ui-card-muted:hover,
.ui-grid-4 > .ui-card-muted:focus-within {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-card-muted[data-feature-card] > .ui-icon,
.ui-grid-4 > .ui-card-muted > .ui-icon {
  width: var(--ui-control-height);
  height: var(--ui-control-height);
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 12%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
  padding: var(--ui-space-xs);
}

.ui-card-interactive {
  transition:
    border-color var(--ui-duration-fast) ease,
    box-shadow var(--ui-duration-fast) ease,
    transform var(--ui-duration-fast) ease;
}

.ui-card-interactive:hover {
  border-color: var(--ui-color-border-strong);
  box-shadow: var(--ui-shadow-md);
  transform: translateY(-1px);
}

.ui-card-header,
.ui-card-footer,
.ui-panel-body {
  display: grid;
  gap: var(--ui-backend-card-gap);
}

.ui-card-header,
.ui-panel-body {
  padding: var(--ui-card-padding-md);
}

.ui-card-footer {
  border-top: 1px solid var(--ui-color-border);
  padding: var(--ui-card-padding-sm) var(--ui-card-padding-md);
}

.ui-panel-title {
  margin: 0;
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-label);
}

.ui-meta-value {
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-label);
}

.ui-empty-state,
.ui-state-empty {
  border: 1px dashed var(--ui-color-border-strong);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-muted);
  padding: var(--ui-backend-card-padding);
}

[data-ui-state-panel] {
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

[data-ui-state-panel] .ui-empty-state-layout {
  justify-items: start;
  text-align: left;
}

[data-ui-state-panel="empty"],
[data-ui-state-panel="loading"],
[data-ui-state-panel="awaiting-setup"] {
  border-style: dashed;
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-muted);
}

[data-ui-state-panel="error"],
[data-ui-state-panel="blocked"] {
  border-color: color-mix(in oklch, var(--ui-color-danger) 42%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-danger) 8%, var(--ui-color-surface));
}

[data-ui-state-panel="permission"],
[data-ui-state-panel="not-configured"] {
  border-color: color-mix(in oklch, var(--ui-color-warning) 38%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-warning) 8%, var(--ui-color-surface));
}

[data-ui-state-panel="degraded"] {
  border-color: color-mix(in oklch, var(--ui-color-info) 34%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-info) 7%, var(--ui-color-surface));
}

.ui-content-default,
.ui-content-full,
.ui-content-narrow {
  width: min(100%, var(--ui-content-width-default));
  margin-inline: auto;
}

.ui-content-full {
  width: 100%;
}

.ui-content-narrow {
  width: min(100%, var(--ui-content-width-narrow));
}

.ui-stack,
.ui-stack-xs {
  display: grid;
}

.ui-stack {
  gap: var(--ui-stack-gap);
}

.ui-stack-xs {
  gap: var(--ui-stack-gap-xs);
}

.ui-cluster-sm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-cluster-gap);
}

.ui-grid-2,
.ui-layout-two-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--ui-grid-gap);
}

.ui-flow {
  display: grid;
  gap: var(--ui-backend-section-gap);
}

.ui-faq-item {
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-sm);
}

.ui-form-group {
  display: grid;
  gap: var(--ui-form-field-gap);
}

.ui-form-label {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-control);
  font-weight: var(--ui-font-weight-control);
}

.ui-input-lg,
.ui-textarea {
  width: 100%;
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 88%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted));
  color: var(--ui-color-text);
  font: inherit;
  outline: none;
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease, background-color var(--ui-duration-fast) ease;
}

.ui-input-lg {
  min-height: var(--ui-control-height-lg);
  padding: 0 var(--ui-control-padding-inline);
}

.ui-textarea {
  min-height: var(--ui-textarea-min-height);
  padding: var(--ui-card-padding-sm) var(--ui-card-padding-md);
  resize: vertical;
}

.ui-input-lg:focus,
.ui-textarea:focus {
  border-color: var(--ui-color-primary);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-focus);
}

.ui-range {
  width: 100%;
  accent-color: var(--ui-color-primary);
}

.ui-metric-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-metric-card-min-width)), 1fr));
  gap: var(--ui-gap-sm);
  margin: 0;
}

.ui-metric-row div {
  display: grid;
  gap: var(--ui-gap-xs);
  min-width: 0;
}

.ui-metric-row dt {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-label);
  font-weight: var(--ui-font-weight-label);
  text-transform: uppercase;
}

.ui-metric-row dd {
  margin: 0;
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-bold);
}

.detail-list {
  display: grid;
  gap: var(--ui-gap-sm);
  margin: 0;
}

.detail-list div {
  display: grid;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  min-width: 0;
  align-items: baseline;
}

.detail-list dt {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-label);
  font-weight: var(--ui-font-weight-label);
}

.detail-list dd {
  min-width: 0;
  margin: 0;
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-medium);
  overflow-wrap: anywhere;
}

.ui-kicker {
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-label);
  font-weight: var(--ui-font-weight-bold);
  letter-spacing: var(--ui-letter-spacing-uppercase);
  text-transform: uppercase;
}

:root[data-theme="dark"] .ui-kicker {
  color: var(--ui-color-primary-strong);
}

.ui-text-display,
.ui-text-h1,
.ui-text-h2,
.ui-text-lead,
.ui-text-body-sm,
.ui-text-code {
  margin: 0;
}

.ui-text-display {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: var(--ui-font-size-display);
  line-height: var(--ui-line-height-compact);
  font-weight: var(--ui-font-weight-bold);
  text-wrap: balance;
}

.ui-text-h1 {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: var(--ui-font-size-h1);
  line-height: var(--ui-line-height-tight);
  font-weight: var(--ui-font-weight-bold);
  text-wrap: balance;
}

.ui-text-lead {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-lg);
  line-height: var(--ui-line-height-body);
}

.ui-text-body-sm {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-body);
}

.ui-text-code {
  color: var(--ui-color-text);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-font-size-sm);
}

.ui-text-primary {
  color: var(--ui-color-primary-strong);
}

.ui-text-brand {
  color: rgb(var(--ui-color-brand));
}

.ui-text-accent {
  color: rgb(var(--ui-color-accent));
}

.ui-text-accent\/50 {
  color: color-mix(in oklch, rgb(var(--ui-color-accent)) 50%, transparent);
}

.ui-text-accent\/60 {
  color: color-mix(in oklch, rgb(var(--ui-color-accent)) 60%, transparent);
}

.ui-text-muted {
  color: rgb(var(--ui-text-muted));
}

.ui-text-inverse {
  color: rgb(var(--ui-text-inverse));
}

.ui-text-soft {
  color: var(--ui-color-muted);
}

.ui-text-strong {
  color: var(--ui-color-text);
}

.ui-text-link {
  min-height: var(--ui-size-touch-target);
  display: inline-flex;
  align-items: center;
  gap: var(--ui-gap-xs);
  color: rgb(var(--ui-color-brand));
  font-weight: var(--ui-font-weight-semibold);
  text-decoration: none;
  text-underline-offset: 0.18em;
}

.ui-text-link:hover,
.ui-text-link:focus-visible {
  color: var(--ui-color-primary-strong);
  text-decoration: underline;
}

.ui-text-center {
  text-align: center;
}

.ui-weight-semibold {
  font-weight: var(--ui-font-weight-semibold);
}

.ui-weight-bold {
  font-weight: var(--ui-font-weight-bold);
}

.ui-bg-brand {
  background: rgb(var(--ui-color-brand));
}

.ui-bg-accent {
  background: rgb(var(--ui-color-accent));
}

.ui-bg-accent\/10 {
  background: color-mix(in oklch, rgb(var(--ui-color-accent)) 10%, transparent);
}

.ui-border-default {
  border-color: var(--ui-color-border);
}

.ui-button-secondary,
.ui-button-sm,
.ui-button-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-control-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-label);
}

.ui-button-secondary {
  min-height: var(--ui-control-height);
  padding-inline: var(--ui-control-padding-inline);
}

.ui-button-sm {
  min-height: var(--ui-control-height-sm);
  padding-inline: var(--ui-control-padding-inline);
  font-size: var(--ui-font-size-icon-label);
}

.ui-button-block {
  width: 100%;
}

.ui-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--ui-z-overlay);
  display: grid;
  place-items: center;
  background: color-mix(in oklch, var(--ui-color-text) 58%, transparent);
  padding: var(--ui-card-padding-md);
  overflow: auto;
}

.ui-overlay.hidden,
.ui-overlay.is-hidden,
.ui-overlay[hidden] {
  display: none;
}

.ui-overlay-backdrop {
  position: fixed;
  inset: 0;
}

.ui-modal {
  position: relative;
  min-width: 0;
  width: min(calc(100vw - (var(--ui-card-padding-md) * 2)), var(--ui-content-width-narrow));
  max-width: 100%;
  margin-inline: auto;
}

.ui-modal-close {
  position: absolute;
  inset-block-start: var(--ui-space-4);
  inset-inline-end: var(--ui-space-4);
  z-index: 2;
}

.ui-dialog,
.ui-fallback-panel {
  width: min(calc(100vw - (var(--ui-card-padding-md) * 2)), var(--ui-content-width-narrow));
  max-width: 100%;
  max-height: calc(100dvh - (var(--ui-card-padding-md) * 2));
  overflow: auto;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-lg);
  margin-inline: auto;
}

.ui-dialog-header,
.ui-dialog-body,
.ui-view-header {
  display: grid;
  gap: var(--ui-list-gap);
  padding: var(--ui-card-padding-md);
}

.ui-dialog-header {
  border-bottom: 1px solid var(--ui-color-border);
}

.ui-dialog-body {
  gap: var(--ui-form-gap);
}

.ui-header-toggle {
  justify-self: end;
}

.ui-title-md,
.ui-title-sm {
  margin: 0;
  max-width: 100%;
  color: var(--ui-color-text);
  line-height: var(--ui-line-height-heading);
  font-weight: var(--ui-font-weight-bold);
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.ui-title-md {
  font-size: var(--ui-font-size-xl);
}

.ui-title-sm {
  font-size: var(--ui-font-size-h4);
}

.ui-text-meta,
.ui-form-help {
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-form-help);
  line-height: var(--ui-line-height-fine);
}

.ui-field {
  display: grid;
  gap: var(--ui-form-field-gap);
}

.ui-checkbox {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--ui-gap-xs);
  min-height: var(--ui-touch-target-min);
  min-width: 0;
  color: var(--ui-color-muted);
  accent-color: var(--ui-action-primary, var(--ui-color-primary));
}

.ui-checkbox::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: var(--ui-touch-target-min);
  block-size: var(--ui-touch-target-min);
  pointer-events: none;
}

.ui-checkbox input[type="checkbox"],
.ui-checkbox-row input[type="checkbox"] {
  inline-size: var(--ui-size-icon-xs);
  block-size: var(--ui-size-icon-xs);
  min-inline-size: var(--ui-size-icon-xs);
  min-block-size: var(--ui-size-icon-xs);
  flex: 0 0 var(--ui-size-icon-xs);
  margin: var(--ui-checkbox-input-offset) 0 0;
  accent-color: var(--ui-action-primary, var(--ui-color-primary));
}

.ui-label {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-control);
  font-weight: var(--ui-font-weight-control);
}

.ui-autocomplete-field {
  position: relative;
}

.ui-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: var(--ui-control-gap);
  min-width: 0;
  color: var(--ui-color-muted);
}

.ui-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--ui-action-gap);
}

.ui-callout {
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface-muted);
  padding: var(--ui-card-padding-sm);
}

.ui-callout-danger {
  border-color: var(--ui-color-danger-border-soft);
  background: var(--ui-color-danger-bg-soft);
  color: var(--ui-color-danger);
}

.ui-grid-4 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-commerce-summary,
.ui-commerce-grid,
.ui-directory-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-commerce-summary {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-card-min)), 1fr));
}

.ui-commerce-summary-item {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: center;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 90%, var(--ui-color-primary) 10%), var(--ui-color-surface));
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-shadow-sm);
}

.ui-commerce-summary-item .ui-icon,
.ui-directory-location .ui-icon,
.ui-commerce-card-media .ui-icon {
  width: var(--ui-size-icon-md);
  height: var(--ui-size-icon-md);
  color: var(--ui-color-primary-strong);
}

.ui-commerce-summary-item strong,
.ui-commerce-summary-item span,
.ui-commerce-card,
.ui-directory-card {
  min-width: 0;
}

.ui-commerce-summary-item strong {
  display: block;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-label);
}

.ui-commerce-summary-item span {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
}

.ui-commerce-toolbar,
.ui-directory-toolbar {
  border-color: color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 92%, var(--ui-color-primary) 8%), var(--ui-color-surface));
  box-shadow: var(--ui-shadow-sm);
}

.ui-section-variant-commerce-catalog .ui-commerce-toolbar,
.ui-section-variant-service-marketplace .ui-commerce-toolbar,
.ui-section-variant-offer-catalog .ui-commerce-toolbar,
.ui-section-variant-regional-directory .ui-directory-toolbar,
.ui-section-variant-industry-directory .ui-directory-toolbar,
.ui-section-variant-partner-catalog .ui-directory-toolbar,
[data-section-variant="commerce-catalog"] .ui-commerce-toolbar,
[data-section-variant="service-marketplace"] .ui-commerce-toolbar,
[data-section-variant="offer-catalog"] .ui-commerce-toolbar,
[data-section-variant="regional-directory"] .ui-directory-toolbar,
[data-section-variant="industry-directory"] .ui-directory-toolbar,
[data-section-variant="partner-catalog"] .ui-directory-toolbar {
  overflow: hidden;
  padding: var(--ui-card-padding-md);
}

.ui-section-variant-commerce-catalog .ui-commerce-toolbar .ui-actionbar,
.ui-section-variant-service-marketplace .ui-commerce-toolbar .ui-actionbar,
.ui-section-variant-offer-catalog .ui-commerce-toolbar .ui-actionbar,
.ui-section-variant-regional-directory .ui-directory-toolbar .ui-actionbar,
.ui-section-variant-industry-directory .ui-directory-toolbar .ui-actionbar,
.ui-section-variant-partner-catalog .ui-directory-toolbar .ui-actionbar,
[data-section-variant="commerce-catalog"] .ui-commerce-toolbar .ui-actionbar,
[data-section-variant="service-marketplace"] .ui-commerce-toolbar .ui-actionbar,
[data-section-variant="offer-catalog"] .ui-commerce-toolbar .ui-actionbar,
[data-section-variant="regional-directory"] .ui-directory-toolbar .ui-actionbar,
[data-section-variant="industry-directory"] .ui-directory-toolbar .ui-actionbar,
[data-section-variant="partner-catalog"] .ui-directory-toolbar .ui-actionbar {
  justify-content: flex-start;
}

.ui-directory-filter-form {
  display: grid;
  gap: var(--ui-form-gap);
}

.ui-commerce-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-commerce-filter-group {
  min-width: 0;
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 86%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-surface-muted) 74%, var(--ui-color-surface));
  padding: var(--ui-card-padding-sm);
}

.ui-commerce-filter-group .ui-text-caption {
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-label);
}

.ui-commerce-card,
.ui-directory-card {
  position: relative;
  display: grid;
  gap: var(--ui-gap-md);
  align-content: start;
  border-color: color-mix(in oklch, var(--ui-color-border) 84%, transparent);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease, transform var(--ui-duration-fast) ease;
}

.ui-commerce-card::before,
.ui-directory-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline: 0;
  height: 0.1875rem;
  background: color-mix(in oklch, var(--ui-color-primary) 70%, transparent);
  opacity: 0.72;
}

.ui-commerce-card:hover,
.ui-directory-card:hover,
.ui-commerce-card:focus-within,
.ui-directory-card:focus-within {
  border-color: color-mix(in oklch, var(--ui-color-primary) 32%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-lg);
  transform: translateY(-0.0625rem);
}

.ui-commerce-card {
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding: 0;
  overflow: hidden;
}

.ui-section-variant-commerce-catalog .ui-commerce-card,
.ui-section-variant-service-marketplace .ui-commerce-card,
.ui-section-variant-offer-catalog .ui-commerce-card,
.ui-section-variant-regional-directory .ui-directory-card,
.ui-section-variant-industry-directory .ui-directory-card,
.ui-section-variant-partner-catalog .ui-directory-card,
[data-section-variant="commerce-catalog"] .ui-commerce-card,
[data-section-variant="service-marketplace"] .ui-commerce-card,
[data-section-variant="offer-catalog"] .ui-commerce-card,
[data-section-variant="regional-directory"] .ui-directory-card,
[data-section-variant="industry-directory"] .ui-directory-card,
[data-section-variant="partner-catalog"] .ui-directory-card {
  box-shadow: var(--ui-shadow-card);
}

.ui-commerce-card-media {
  min-height: var(--ui-card-min-height-md);
  display: grid;
  place-items: center;
  overflow: hidden;
  border-block-end: 1px solid var(--ui-color-border);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 16%, transparent), transparent 58%),
    color-mix(in oklch, var(--ui-color-primary) 8%, var(--ui-color-surface-muted));
  aspect-ratio: 16 / 10;
}

.ui-section-variant-service-marketplace .ui-commerce-card-media,
.ui-section-variant-offer-catalog .ui-commerce-card-media,
[data-section-variant="service-marketplace"] .ui-commerce-card-media,
[data-section-variant="offer-catalog"] .ui-commerce-card-media {
  aspect-ratio: 4 / 3;
}

.ui-commerce-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--ui-duration-base) ease;
}

.ui-commerce-card:hover .ui-commerce-card-media img,
.ui-commerce-card:focus-within .ui-commerce-card-media img {
  transform: scale(1.025);
}

.ui-commerce-card-main,
.ui-commerce-card-footer {
  position: relative;
  z-index: 2;
  display: grid;
  gap: var(--ui-gap-md);
  padding-inline: var(--ui-card-padding-md);
}

.ui-commerce-card-main {
  padding-block-start: var(--ui-card-padding-md);
}

.ui-commerce-card-footer {
  align-self: end;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  border-block-start: 1px solid var(--ui-color-border);
  background: color-mix(in oklch, var(--ui-color-surface-muted) 72%, var(--ui-color-surface));
  padding-block: var(--ui-card-padding-sm);
}

.ui-section-variant-commerce-catalog .ui-commerce-card-footer,
.ui-section-variant-service-marketplace .ui-commerce-card-footer,
.ui-section-variant-offer-catalog .ui-commerce-card-footer,
[data-section-variant="commerce-catalog"] .ui-commerce-card-footer,
[data-section-variant="service-marketplace"] .ui-commerce-card-footer,
[data-section-variant="offer-catalog"] .ui-commerce-card-footer {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.ui-commerce-actions .ui-btn,
.ui-directory-actions .ui-btn {
  width: 100%;
  justify-content: center;
}

.ui-commerce-card-kicker,
.ui-commerce-feature-list,
.ui-commerce-actions,
.ui-directory-service-list,
.ui-directory-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  align-items: center;
}

.ui-section-variant-commerce-catalog .ui-commerce-actions,
.ui-section-variant-service-marketplace .ui-commerce-actions,
.ui-section-variant-offer-catalog .ui-commerce-actions,
[data-section-variant="commerce-catalog"] .ui-commerce-actions,
[data-section-variant="service-marketplace"] .ui-commerce-actions,
[data-section-variant="offer-catalog"] .ui-commerce-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.ui-commerce-feature-list,
.ui-directory-service-list {
  row-gap: var(--ui-space-2);
}

.ui-commerce-meta,
.ui-directory-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-commerce-meta li,
.ui-directory-meta span {
  min-width: 0;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-muted);
  padding: var(--ui-space-1) var(--ui-gap-xs);
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-fine);
}

.ui-commerce-price {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.ui-section-variant-commerce-catalog .ui-commerce-price,
.ui-section-variant-service-marketplace .ui-commerce-price,
.ui-section-variant-offer-catalog .ui-commerce-price,
[data-section-variant="commerce-catalog"] .ui-commerce-price,
[data-section-variant="service-marketplace"] .ui-commerce-price,
[data-section-variant="offer-catalog"] .ui-commerce-price {
  min-width: 0;
}

.ui-commerce-price strong {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-label);
}

.ui-commerce-price span,
.ui-directory-region {
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
}

.ui-directory-card-header {
  min-width: 0;
  position: relative;
  z-index: 2;
  display: grid;
  gap: var(--ui-gap-sm);
  padding-block-end: var(--ui-gap-sm);
  border-block-end: 1px solid var(--ui-color-border);
}

.ui-directory-card-media {
  display: inline-grid;
  place-items: center;
  inline-size: calc(var(--ui-size-touch-target) * 1.45);
  block-size: calc(var(--ui-size-touch-target) * 1.45);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-primary);
  overflow: hidden;
}

.ui-directory-card-media img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.ui-directory-card-media .ui-icon {
  inline-size: calc(var(--ui-size-touch-target) * 0.62);
  block-size: calc(var(--ui-size-touch-target) * 0.62);
}

.ui-directory-card-header .ui-text-h3 {
  max-width: 100%;
  text-wrap: balance;
}

.ui-directory-card {
  padding: var(--ui-card-padding-md);
}

.ui-directory-section-head {
  display: grid;
  gap: var(--ui-gap-md);
}

.ui-directory-section-copy {
  min-width: 0;
  display: grid;
  gap: var(--ui-gap-sm);
}

.ui-directory-section-search {
  justify-self: stretch;
  width: 100%;
}

[data-block-key="commerce-category-discovery"] .ui-directory-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-gap-sm);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card {
  position: relative;
  overflow: hidden;
  min-block-size: clamp(10.25rem, 15vw, 12rem);
  grid-template-rows: auto minmax(2.7rem, auto) auto auto;
  align-content: start;
  gap: var(--ui-space-2);
  padding: var(--ui-card-padding-md);
  border-color: color-mix(in oklch, var(--ui-color-border) 74%, transparent);
  border-radius: var(--ui-radius-md);
  background:
    linear-gradient(150deg, color-mix(in oklch, var(--ui-color-primary) 8%, transparent), transparent 44%),
    var(--ui-color-surface);
  box-shadow: 0 12px 32px color-mix(in oklch, var(--ui-color-primary) 8%, transparent);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-header {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  justify-items: start;
  gap: var(--ui-space-2);
  border-block-end: 0;
  padding-block-end: 0;
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-media {
  inline-size: clamp(3.25rem, 4.8vw, 4.75rem);
  block-size: clamp(3.25rem, 4.8vw, 4.75rem);
  border-color: color-mix(in oklch, var(--ui-color-primary) 14%, var(--ui-color-border));
  border-radius: var(--ui-radius-sm);
  background: color-mix(in oklch, var(--ui-color-primary) 8%, var(--ui-color-surface));
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-media img {
  object-fit: contain;
  padding: var(--ui-space-1);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-header .ui-stack-sm {
  gap: var(--ui-space-1);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-header .ui-text-h3 {
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-tight);
  text-wrap: auto;
  overflow-wrap: anywhere;
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-header .ui-text-h3 a {
  color: var(--ui-color-primary);
  text-decoration: none;
}

[data-block-key="commerce-category-discovery"] .ui-directory-card .ui-text-body {
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-body);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[data-block-key="commerce-category-discovery"] .ui-directory-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-1);
  margin-block-start: auto;
  padding: 0;
}

[data-block-key="commerce-category-discovery"] .ui-directory-meta span {
  border-color: color-mix(in oklch, var(--ui-color-primary) 12%, var(--ui-color-border));
  background: color-mix(in oklch, var(--ui-color-surface) 82%, var(--ui-color-primary));
  color: var(--ui-color-text-muted);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-cta {
  position: relative;
  z-index: 2;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--ui-space-1);
  color: var(--ui-color-primary);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-label);
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-cta .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
}

[data-block-key="commerce-category-discovery"] .ui-directory-actions {
  margin-block-start: 0;
}

[data-block-key="commerce-category-discovery"] .ui-directory-actions .ui-btn {
  min-block-size: auto;
  justify-content: flex-start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ui-color-primary);
  box-shadow: none;
}

[data-block-key="commerce-category-discovery"] .ui-directory-card-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

[data-block-key="commerce-category-discovery"] .ui-directory-card:hover,
[data-block-key="commerce-category-discovery"] .ui-directory-card:focus-within {
  border-color: color-mix(in oklch, var(--ui-color-primary) 38%, var(--ui-color-border));
  box-shadow: 0 16px 36px color-mix(in oklch, var(--ui-color-primary) 14%, transparent);
}

[data-block-key="commerce-category-discovery"] .ui-directory-section-head {
  grid-template-areas: "copy" "search";
  align-items: end;
  column-gap: var(--ui-gap-xl);
}

[data-block-key="commerce-category-discovery"] .ui-directory-section-copy {
  grid-area: copy;
}

[data-block-key="commerce-category-discovery"] .ui-directory-section-search {
  grid-area: search;
  grid-column: 1 / -1;
  align-self: end;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  gap: var(--ui-gap-xs);
  width: 100%;
  max-width: none;
  min-height: var(--ui-control-height-lg);
  padding: var(--ui-control-padding-block);
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  box-shadow: 0 12px 32px color-mix(in oklch, var(--ui-color-primary) 8%, transparent);
}
[data-block-key="commerce-category-discovery"] .ui-directory-section-search input {
  min-width: 0;
  min-height: var(--ui-control-height-lg);
  border: 0;
  background: transparent;
  padding-inline: var(--ui-control-padding-inline);
  color: var(--ui-color-text);
}

[data-block-key="commerce-category-discovery"] .ui-directory-section-search .ui-btn {
  min-height: var(--ui-control-height-lg);
  border-radius: var(--ui-radius-sm);
}

@media (min-width: 24rem) {
  [data-block-key="commerce-category-discovery"] .ui-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  [data-block-key="commerce-category-discovery"] .ui-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  [data-block-key="commerce-category-discovery"] .ui-directory-section-head {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 640px);
    grid-template-areas: "copy search";
    align-items: end;
  }

  [data-block-key="commerce-category-discovery"] .ui-directory-section-search {
    grid-column: auto;
    justify-self: end;
    width: min(100%, 640px);
  }

  [data-block-key="commerce-category-discovery"] .ui-directory-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.ui-section-variant-regional-directory .ui-directory-card,
.ui-section-variant-industry-directory .ui-directory-card,
.ui-section-variant-partner-catalog .ui-directory-card {
  grid-template-rows: auto minmax(0, 1fr) auto auto auto;
}

.ui-directory-location {
  display: inline-flex;
  min-width: 0;
  gap: var(--ui-gap-xs);
  align-items: center;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
}

.ui-directory-service-list {
  align-content: start;
  padding-block-start: var(--ui-gap-xs);
  border-block-start: 1px solid color-mix(in oklch, var(--ui-color-border) 72%, transparent);
}

.ui-directory-card > .ui-stack-sm,
.ui-directory-meta,
.ui-directory-service-list,
.ui-directory-region,
.ui-directory-actions {
  position: relative;
  z-index: 2;
}

.ui-directory-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-self: end;
  padding-block-start: var(--ui-gap-xs);
}

.ui-map-visual,
.ui-map-placeholder {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface-muted);
}

.ui-locale-switcher select {
  min-width: 0;
  max-width: 8rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

.ui-public-footer-grid,
.ui-public-footer-bottom {
  width: var(--ui-public-footer-container-width);
  max-width: var(--ui-public-footer-container-max-width);
  margin-inline: var(--ui-public-footer-container-margin-inline);
}

.ui-public-footer-grid {
  display: grid;
  grid-template-columns: var(--ui-public-footer-grid-columns);
  align-items: var(--ui-public-footer-grid-align-items);
  gap: var(--ui-public-footer-grid-gap);
}

.ui-public-footer-brand,
.ui-public-footer-links,
.ui-public-footer-newsletter,
.ui-public-footer-newsletter-form {
  display: grid;
  gap: var(--ui-public-footer-gap);
  min-width: 0;
}

.ui-public-footer-logo {
  display: block;
  width: auto;
  max-width: var(--ui-public-brand-logo-width);
  max-height: var(--ui-public-brand-logo-height);
  object-fit: contain;
}

.ui-public-footer-brand strong,
.ui-public-footer-links strong,
.ui-public-footer-newsletter strong {
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-label);
}

.ui-public-footer-brand address,
.ui-public-footer-brand p,
.ui-public-footer-newsletter p,
.ui-public-footer-newsletter-consent {
  margin: 0;
  color: color-mix(in oklch, rgb(var(--ui-text-inverse)) 74%, transparent);
  line-height: var(--ui-line-height-body);
}

.ui-public-footer-brand address {
  font-style: normal;
}

.ui-public-footer-brand p:last-child,
.ui-public-footer-bottom nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-public-footer-bottom-nav-gap);
}

.ui-public-footer-bottom nav {
  justify-content: var(--ui-public-footer-bottom-nav-justify-content);
}

.ui-public-footer-links > ul {
  display: grid;
  align-content: start;
  grid-template-columns: var(--ui-public-footer-links-list-columns);
  gap: var(--ui-public-footer-links-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-public-footer-links li {
  min-width: 0;
}

.ui-public-footer a {
  min-height: var(--ui-touch-target-min);
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: var(--ui-gap-xs);
  color: inherit;
  text-decoration: none;
}

.ui-public-footer-links a {
  width: 100%;
  min-height: var(--ui-public-footer-link-min-height);
  padding: var(--ui-public-footer-link-padding);
  border: var(--ui-public-footer-link-border);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-public-footer-link-background);
  font-weight: var(--ui-public-footer-link-font-weight);
}

.ui-public-footer a:hover,
.ui-public-footer a:focus-visible {
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
}

.ui-public-footer a .ui-icon {
  width: var(--ui-size-icon-sm);
  height: var(--ui-size-icon-sm);
}

.ui-public-footer-newsletter {
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 18%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary-strong) 16%, transparent), transparent 60%),
    color-mix(in oklch, var(--color-brand-950) 84%, var(--ui-color-primary-strong));
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-card);
}

.ui-public-footer-newsletter-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-xs);
  align-items: center;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 26%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--color-brand-950) 78%, transparent);
  padding: var(--ui-gap-xs);
}

.ui-public-footer-newsletter-control > .ui-icon {
  width: var(--ui-size-icon-sm);
  height: var(--ui-size-icon-sm);
  color: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  margin-inline-start: var(--ui-gap-xs);
}

.ui-public-footer-newsletter-control input {
  min-width: 0;
  border: 0;
  background: transparent;
  color: rgb(var(--ui-text-inverse));
  font: inherit;
  outline: 0;
}

.ui-public-footer-newsletter-control button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: var(--ui-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-gap-xs);
  border: 1px solid transparent;
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-brand-accent, rgb(var(--ui-color-accent)));
  color: var(--ui-theme-text-on-accent, rgb(var(--ui-text-on-accent)));
  padding-inline: var(--ui-control-padding-inline);
  font-weight: var(--ui-font-weight-control);
}

.ui-public-footer-newsletter-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-xs);
  align-items: start;
  font-size: var(--ui-font-size-body-sm);
}


.ui-public-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-public-footer-bottom-gap);
  align-items: var(--ui-public-footer-bottom-align-items);
  justify-content: space-between;
  min-height: var(--ui-public-footer-bottom-min-height);
  color: var(--ui-public-footer-bottom-color);
  line-height: var(--ui-line-height-body);
  border-block-start: var(--ui-public-footer-bottom-border-block-start);
  margin-block-start: var(--ui-public-footer-section-gap);
  padding-block: var(--ui-public-footer-bottom-padding-block);
}

.ui-inline-gap-md {
  display: flex;
  align-items: center;
  gap: var(--ui-cluster-gap);
  min-width: 0;
}

.ui-btn-icon {
  width: var(--ui-control-height);
  min-width: var(--ui-control-height);
  height: var(--ui-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  color: var(--ui-color-text);
}

.ui-layout-three-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-surface-inverse {
  background: rgb(var(--ui-surface-inverse));
  color: rgb(var(--ui-text-inverse));
}

.ui-desktop-only,
.ui-hidden-mobile {
  display: none;
}

.ui-mobile-only {
  display: inline-flex;
}

.ui-mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: block;
  background: color-mix(in oklch, var(--ui-color-text) 46%, transparent);
}

.ui-mobile-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 41;
  width: min(var(--ui-mobile-drawer-width), 100%);
  display: grid;
  align-content: start;
  gap: var(--ui-list-gap);
  overflow-y: auto;
  border-left: 1px solid var(--ui-color-border);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-lg);
  padding: var(--ui-card-padding-lg);
}

.ui-drawer-left {
  inset: 0 auto 0 0;
  border-right: 1px solid var(--ui-color-border);
  border-left: 0;
}

.ui-drawer-right {
  inset: 0 0 0 auto;
}

.ui-drawer-header,
.ui-drawer-body,
.ui-drawer-nav,
.ui-drawer-actions {
  display: grid;
  gap: var(--ui-list-gap);
  min-width: 0;
}

.ui-drawer-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  border-bottom: 1px solid var(--ui-color-border);
  padding-bottom: var(--ui-stack-gap-sm);
}

.ui-drawer-body {
  align-content: start;
  overflow: auto;
}

.ui-drawer-nav .ui-link-action {
  justify-content: flex-start;
  width: 100%;
}

.ui-drawer-actions {
  border-top: 1px solid var(--ui-color-border);
  padding-top: var(--ui-stack-gap-sm);
}

.ui-header-panel {
  display: grid;
  gap: var(--ui-list-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-md);
  padding: var(--ui-card-padding-md);
}

.ui-media-hero {
  position: relative;
  min-height: var(--ui-media-hero-min-height);
  overflow: hidden;
  color: var(--ui-color-surface);
  border-radius: var(--ui-radius-lg);
}

.ui-image-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
}

.ui-image-frame img,
.ui-image-frame picture,
.ui-image-frame video {
  display: block;
  width: 100%;
}

.ui-media-hero-media,
.ui-media-hero-shade {
  position: absolute;
  inset: 0;
}

.ui-media-hero-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-media-hero-shade {
  background:
    linear-gradient(90deg, color-mix(in oklch, var(--ui-color-text) 82%, transparent), color-mix(in oklch, var(--ui-color-text) 34%, transparent)),
    linear-gradient(180deg, transparent, color-mix(in oklch, var(--ui-color-text) 46%, transparent));
}

.ui-media-hero-copy,
.ui-media-hero-card {
  position: relative;
  z-index: 1;
}

.ui-media-hero-copy {
  max-width: var(--ui-media-hero-content-width);
  display: grid;
  gap: var(--ui-list-gap);
}

.ui-media-hero-copy h1 {
  margin: 0;
  color: var(--ui-color-surface);
  font-size: var(--ui-font-size-hero);
  line-height: var(--ui-line-height-hero);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-media-hero-copy p {
  max-width: var(--ui-media-hero-text-width);
  font-size: var(--ui-font-size-body);
  color: color-mix(in oklch, var(--ui-color-surface) 88%, var(--ui-color-muted));
}

.ui-media-hero-card {
  display: none;
  background: color-mix(in oklch, var(--ui-color-surface) 94%, transparent);
  color: var(--ui-color-text);
}

.ui-media-hero-copy .ui-actions {
  align-items: stretch;
}

.ui-media-hero-copy .ui-actions a {
  width: 100%;
}

.ui-media-hero-card dl {
  gap: var(--ui-list-gap) var(--ui-grid-gap);
}

.ui-media-hero-copy .ui-actions .ui-link-action {
  min-height: var(--ui-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in oklch, var(--ui-color-surface) 46%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-surface) 16%, transparent);
  color: var(--ui-color-surface);
  padding: 0 var(--ui-control-padding-inline);
  font-weight: var(--ui-font-weight-label);
}

.ui-media-hero-copy .ui-actions .ui-link-action:hover {
  background: color-mix(in oklch, var(--ui-color-surface) 24%, transparent);
  text-decoration: none;
}

.ui-media-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
  align-items: center;
}

.ui-media-panel img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--ui-radius-md);
  border: 1px solid var(--ui-color-border);
}

.ui-form-surface {
  display: grid;
  gap: var(--ui-list-gap);
}

.ui-form-surface .ui-actions {
  margin-top: var(--ui-space-1);
}

@media (min-width: 48rem) {
  .ui-backend-root h1,
  .ui-page-section h1 {
    font-size: var(--ui-font-size-launch-title);
  }

  .ui-grid-2,
  .ui-layout-three-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-commerce-filter-grid,
  .ui-commerce-grid,
  .ui-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-section-variant-commerce-catalog .ui-commerce-filter-grid,
  .ui-section-variant-service-marketplace .ui-commerce-filter-grid,
  .ui-section-variant-offer-catalog .ui-commerce-filter-grid,
  .ui-section-variant-regional-directory .ui-directory-filter-form .ui-form-grid,
  .ui-section-variant-industry-directory .ui-directory-filter-form .ui-form-grid,
  .ui-section-variant-partner-catalog .ui-directory-filter-form .ui-form-grid,
  [data-section-variant="commerce-catalog"] .ui-commerce-filter-grid,
  [data-section-variant="service-marketplace"] .ui-commerce-filter-grid,
  [data-section-variant="offer-catalog"] .ui-commerce-filter-grid,
  [data-section-variant="regional-directory"] .ui-directory-filter-form .ui-form-grid,
  [data-section-variant="industry-directory"] .ui-directory-filter-form .ui-form-grid,
  [data-section-variant="partner-catalog"] .ui-directory-filter-form .ui-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-commerce-card-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .ui-directory-card-header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  .ui-directory-actions {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-grid-card-min)), 1fr));
  }

  .ui-desktop-only,
  .ui-hidden-mobile {
    display: revert;
  }

  .ui-mobile-only,
  .ui-mobile-backdrop,
  .ui-mobile-drawer {
    display: none;
  }

  .ui-media-hero-card {
    display: block;
  }

  .ui-media-hero-copy .ui-actions {
    align-items: center;
  }

  .ui-media-hero-copy .ui-actions a {
    width: auto;
  }

  .ui-page-section {
    padding-block: var(--ui-section-padding-md);
  }

  .ui-page-section-loose {
    padding-block: var(--ui-section-padding-lg);
  }

}

@media (min-width: 64rem) {
  .ui-public-footer-grid {
    grid-template-columns: var(--ui-public-footer-grid-desktop-columns);
  }

  .ui-public-footer-newsletter-control {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .ui-public-footer-newsletter-control button {
    grid-column: auto;
    width: auto;
  }

  .ui-media-panel {
    grid-template-columns: minmax(15rem, 0.55fr) minmax(0, 1fr);
  }

  .ui-layout-three-column {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ui-layout-two-column {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  }

  .ui-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ui-commerce-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-chart-grid-card-min-width)), 1fr));
  }

  .ui-directory-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ui-chart-grid-card-min-width)), 1fr));
  }

  .ui-section-variant-commerce-catalog .ui-commerce-grid,
  .ui-section-variant-service-marketplace .ui-commerce-grid,
  .ui-section-variant-offer-catalog .ui-commerce-grid,
  [data-section-variant="commerce-catalog"] .ui-commerce-grid,
  [data-section-variant="service-marketplace"] .ui-commerce-grid,
  [data-section-variant="offer-catalog"] .ui-commerce-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
  }

  .ui-section-variant-commerce-catalog .ui-commerce-card,
  .ui-section-variant-service-marketplace .ui-commerce-card,
  .ui-section-variant-offer-catalog .ui-commerce-card,
  [data-section-variant="commerce-catalog"] .ui-commerce-card,
  [data-section-variant="service-marketplace"] .ui-commerce-card,
  [data-section-variant="offer-catalog"] .ui-commerce-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-items: stretch;
  }

  .ui-section-variant-commerce-catalog .ui-commerce-card-media,
  .ui-section-variant-service-marketplace .ui-commerce-card-media,
  .ui-section-variant-offer-catalog .ui-commerce-card-media,
  [data-section-variant="commerce-catalog"] .ui-commerce-card-media,
  [data-section-variant="service-marketplace"] .ui-commerce-card-media,
  [data-section-variant="offer-catalog"] .ui-commerce-card-media {
    grid-row: auto;
    min-height: var(--ui-card-min-height-md);
    border-block-end: 1px solid var(--ui-color-border);
    border-inline-end: 0;
    aspect-ratio: 16 / 10;
  }

  .ui-directory-actions .ui-btn {
    width: auto;
  }

  .ui-section-variant-regional-directory .ui-directory-grid,
  .ui-section-variant-industry-directory .ui-directory-grid,
  .ui-section-variant-partner-catalog .ui-directory-grid,
  [data-section-variant="regional-directory"] .ui-directory-grid,
  [data-section-variant="industry-directory"] .ui-directory-grid,
  [data-section-variant="partner-catalog"] .ui-directory-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  }

  .ui-media-hero {
    min-height: var(--ui-media-hero-desktop-min-height);
  }

}

.ui-section {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: var(--ui-section-padding-md) 0;
}

.ui-page-section {
  position: relative;
  overflow: hidden;
}

.ui-card,
.ui-panel,
.ui-record-view {
  border: 1px solid var(--ui-color-border);
  background: var(--ui-public-card-surface);
  border-radius: var(--ui-radius-lg);
  padding: var(--ui-card-padding-md);
}

html:not([data-theme="dark"]) .page-blueprint[data-ui-page-surface="public"] .ui-card,
html:not([data-theme="dark"]) .page-blueprint[data-ui-page-surface="public"] .ui-panel,
html:not([data-theme="dark"]) .page-blueprint[data-ui-page-surface="public"] .ui-record-view {
  border-color: color-mix(in oklch, var(--ui-color-primary) 16%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
}

.ui-feature-grid,
.ui-process {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--ui-feature-card-min-width), 1fr));
  gap: var(--ui-grid-gap);
}

.ui-process-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-md);
  min-width: 0;
  padding: var(--ui-card-padding);
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 86%, transparent);
  border-block-start: 0.1875rem solid color-mix(in oklch, var(--ui-color-primary) 34%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  box-shadow: var(--ui-shadow-sm);
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease, transform var(--ui-duration-fast) ease;
}

.ui-process-step:hover,
.ui-process-step:focus-within {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-process-index {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 12%, var(--ui-color-surface-muted));
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-icon-label);
  font-weight: var(--ui-font-weight-bold);
}

.ui-process-content {
  display: grid;
  gap: var(--ui-gap-xs);
  min-width: 0;
}

.ui-flow-showcase,
.ui-flow-showcase-media,
.ui-flow-timeline,
.ui-flow-timeline-item,
.ui-flow-timeline-content,
.ui-feature-showcase-grid,
.ui-feature-showcase-card,
.ui-feature-showcase-preview,
.ui-evidence-hero,
.ui-evidence-system,
.ui-evidence-signal-list,
.ui-faq-layout,
.ui-faq-list,
.ui-split-cta,
.ui-final-cta {
  display: grid;
  min-width: 0;
}

.ui-flow-showcase {
  gap: var(--ui-grid-gap);
  align-items: start;
  overflow: hidden;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 16%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 8%, transparent), transparent 58%),
    var(--ui-public-card-surface);
  box-shadow: var(--ui-shadow-card);
  padding: var(--ui-card-padding-lg);
}

.ui-flow-showcase-media {
  position: relative;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 16 / 10;
  min-height: 0;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-public-media-surface);
  box-shadow: var(--ui-shadow-card);
}

.ui-flow-showcase-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ui-flow-showcase-media figcaption {
  position: absolute;
  inset-inline: var(--ui-space-3);
  inset-block-end: var(--ui-space-3);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
  align-items: center;
  justify-content: space-between;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 30%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 86%, transparent);
  color: rgb(var(--ui-text-inverse));
  padding: var(--ui-space-2) var(--ui-space-3);
  font-size: var(--ui-font-size-body-sm);
}

.ui-flow-timeline {
  gap: var(--ui-gap-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-flow-timeline-item {
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-md);
  align-items: start;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-public-card-surface-strong);
  padding: var(--ui-card-padding-md);
  box-shadow: var(--ui-shadow-sm);
}

.ui-flow-timeline-marker,
.ui-flow-timeline-icon,
.ui-flow-timeline-index {
  display: grid;
  place-items: center;
}

.ui-flow-timeline-marker {
  gap: var(--ui-space-2);
}

.ui-flow-timeline-index {
  width: 2.375rem;
  height: 2rem;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface);
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-flow-timeline-icon {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 14%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
}

.ui-flow-timeline-content {
  gap: var(--ui-gap-xs);
}

.ui-flow-timeline-content .ui-text-h3,
.ui-flow-timeline-copy,
.ui-flow-timeline-result {
  margin: 0;
}

.ui-process-kicker,
.ui-flow-timeline-kicker {
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  text-transform: uppercase;
}

.ui-flow-timeline-copy {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-flow-timeline-result {
  border-inline-start: var(--ui-border-width-strong) solid var(--ui-color-primary);
  color: var(--ui-color-text);
  padding-inline-start: var(--ui-gap-sm);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-semibold);
}

.ui-process-composition[data-ui-flow-variant="timeline"] {
  align-items: start;
}

.ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-showcase[data-ui-process-stage="true"] {
  overflow: visible;
}

.ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-timeline,
.ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-timeline-content,
.ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-timeline-item {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--ui-grid-gap);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-showcase-media {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  min-height: clamp(14rem, 30dvh, 22rem);
  border: 0;
  box-shadow: var(--ui-shadow-card);
}

.ui-flow-anchor-nav {
  display: grid;
  gap: var(--ui-gap-sm);
  align-content: start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: var(--ui-card-padding-sm);
  border: 0;
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-public-card-surface) 88%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ui-product-surface-border, var(--ui-color-border)) 58%, transparent);
}

.ui-flow-anchor-nav-label {
  color: var(--ui-product-home-action-color, var(--ui-action-primary));
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-black);
  letter-spacing: var(--ui-letter-spacing-default);
  text-transform: uppercase;
}

.ui-flow-anchor-nav ol {
  display: grid;
  gap: var(--ui-gap-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-flow-anchor-nav a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: center;
  min-height: var(--ui-touch-target-min);
  padding: var(--ui-space-2) var(--ui-space-3);
  border: 0;
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  text-decoration: none;
  background: transparent;
}

.ui-flow-anchor-nav a:hover,
.ui-flow-anchor-nav a:focus-visible {
  background: var(--ui-product-active-surface, var(--ui-color-surface-muted));
}

.ui-flow-anchor-nav-index {
  display: inline-grid;
  place-items: center;
  inline-size: var(--ui-size-icon-md);
  block-size: var(--ui-size-icon-md);
  border-radius: var(--ui-radius-pill);
  color: var(--ui-icon-series-solid-color, var(--ui-action-on-primary));
  background: var(--ui-icon-series-solid-bg, var(--ui-action-primary));
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0;
  padding: var(--ui-card-padding-md);
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-public-card-surface) 82%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--ui-product-surface-border, var(--ui-color-border)) 42%, transparent);
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline-item {
  position: relative;
  grid-template-columns: minmax(var(--ui-control-height-lg), auto) minmax(0, 1fr);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: var(--ui-card-padding-sm) 0;
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline-item + .ui-flow-timeline-item {
  border-block-start: 1px solid var(--ui-product-surface-border, var(--ui-color-border));
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline-marker {
  position: relative;
  align-content: start;
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline-index {
  inline-size: var(--ui-control-height-lg);
  block-size: var(--ui-control-height);
  border-color: var(--ui-product-active-border, var(--ui-color-border));
  color: var(--ui-product-home-action-color, var(--ui-action-primary));
  background: var(--ui-product-active-surface, var(--ui-color-surface));
  font-size: var(--ui-font-size-h3);
}

.ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline-result {
  border: 0;
  border-inline-start: 0.1875rem solid var(--ui-product-active-border, var(--ui-action-primary));
  border-radius: 0;
  padding: var(--ui-space-2) 0 var(--ui-space-2) var(--ui-space-3);
  background: transparent;
}

@media (min-width: 64rem) {
  .ui-process-composition[data-ui-flow-variant="deep-process"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .ui-process-composition[data-ui-flow-variant="timeline"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-showcase[data-ui-process-stage="true"] {
    grid-template-columns: minmax(18rem, 0.82fr) minmax(24rem, 1.18fr);
  }

  .ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-showcase-media {
    position: sticky;
    top: var(--ui-section-padding-md);
  }

  .ui-flow-showcase[data-ui-flow-variant="deep-process"] {
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.12fr);
  }

  .ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-showcase-media,
  .ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-anchor-nav {
    position: sticky;
    grid-column: 1;
    inset-block-start: calc(var(--ui-shell-public-chrome-height, var(--ui-space-0)) + var(--ui-section-padding-sm));
  }

  .ui-flow-showcase[data-ui-flow-variant="deep-process"] .ui-flow-timeline {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

@media (min-width: 80rem) {
  .ui-process-composition[data-ui-flow-variant="timeline"] {
    grid-template-columns: minmax(18rem, 0.62fr) minmax(0, 1.38fr);
  }

  .ui-process-composition[data-ui-flow-variant="timeline"] .ui-flow-showcase[data-ui-process-stage="true"] {
    grid-template-columns: minmax(18rem, 0.82fr) minmax(26rem, 1.18fr);
  }

  .ui-flow-showcase[data-ui-flow-variant="deep-process"] {
    grid-template-columns: minmax(22rem, 0.84fr) minmax(0, 1.16fr);
  }
}

.ui-feature-showcase-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-feature-showcase-card {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: var(--ui-gap-md);
  align-content: start;
  min-height: var(--ui-card-min-height-lg);
  overflow: hidden;
  border-color: color-mix(in oklch, var(--ui-color-primary) 14%, var(--ui-color-border));
  background: var(--ui-public-card-surface-strong);
  box-shadow: var(--ui-shadow-card);
  transition:
    border-color var(--ui-duration-fast) ease,
    box-shadow var(--ui-duration-fast) ease,
    transform var(--ui-duration-fast) ease;
}

.ui-feature-showcase-card:hover,
.ui-feature-showcase-card:focus-within {
  border-color: color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-feature-showcase-card-head {
  display: flex;
  min-width: 0;
  gap: var(--ui-gap-sm);
  align-items: center;
  justify-content: space-between;
}

.ui-feature-showcase-icon,
.ui-feature-showcase-count {
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
}

.ui-feature-showcase-icon {
  width: 2.5rem;
  height: 2.5rem;
}

.ui-feature-showcase-count {
  min-width: 2.25rem;
  min-height: 2rem;
  padding-inline: var(--ui-gap-xs);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-feature-showcase-preview {
  position: relative;
  overflow: hidden;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: minmax(1.125rem, auto);
  gap: var(--ui-space-2);
  min-height: 5.75rem;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 16%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 10%, transparent), transparent 58%),
    var(--ui-public-media-surface);
  padding: var(--ui-space-3);
}

.ui-feature-showcase-preview > span {
  min-width: 0;
  border-radius: var(--ui-radius-sm);
  background: color-mix(in oklch, var(--ui-theme-brand-accent, var(--ui-color-primary)) 22%, var(--ui-color-surface));
}

.ui-feature-showcase-copy {
  min-width: 0;
}

.ui-feature-showcase-kicker {
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  text-transform: uppercase;
}

.ui-feature-showcase-copy p {
  margin: 0;
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-feature-showcase-cta {
  align-self: end;
  justify-self: start;
}

.ui-evidence-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(34rem, 74vw, 48rem);
  align-items: end;
  border-block: 1px solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  background: var(--ui-public-media-surface);
}

.ui-section-variant-evidence-showcase {
  padding-block: 0;
  background: var(--ui-public-section-tint);
}

.ui-section-variant-evidence-showcase .ui-adaptive-showcase,
.ui-section-variant-workspace-preview .ui-adaptive-showcase {
  gap: var(--ui-section-padding-sm);
  align-items: start;
}

.ui-section-variant-evidence-showcase .ui-adaptive-showcase-copy {
  width: 100%;
  max-width: none;
}

.ui-section-variant-evidence-showcase .ui-adaptive-showcase-stage,
.ui-section-variant-workspace-preview .ui-adaptive-showcase-stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: var(--ui-card-padding-md);
  border: var(--ui-border-width) solid var(--ui-product-surface-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-product-surface-strong);
  box-shadow: var(--ui-theme-card-shadow, var(--ui-shadow-card));
  isolation: isolate;
}

.ui-section-variant-evidence-showcase .ui-adaptive-showcase-stage::before,
.ui-section-variant-workspace-preview .ui-adaptive-showcase-stage::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 0.125rem;
  background: var(--ui-product-accent-rail);
  pointer-events: none;
}

.ui-section-variant-evidence-showcase .ui-adaptive-media,
.ui-section-variant-workspace-preview .ui-adaptive-media {
  overflow: hidden;
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-surface-section, var(--ui-color-surface-muted));
}

.ui-section-variant-evidence-showcase .ui-adaptive-media img,
.ui-section-variant-workspace-preview .ui-adaptive-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-evidence-hero-image,
.ui-evidence-hero-scrim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ui-evidence-hero-image {
  z-index: -2;
  object-fit: cover;
}

.ui-evidence-hero-scrim {
  z-index: -1;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-bg) 92%, transparent) 0%, color-mix(in oklch, var(--ui-color-bg) 52%, transparent) 44%, var(--ui-color-bg) 100%),
    linear-gradient(90deg, var(--ui-color-bg) 0%, color-mix(in oklch, var(--ui-color-bg) 34%, transparent) 58%, transparent 100%);
}

.ui-evidence-hero-content {
  width: min(100%, var(--ui-content-width-wide));
  padding-block: var(--ui-section-padding-lg);
}

.ui-evidence-system {
  gap: var(--ui-grid-gap);
}

.ui-evidence-signal-map {
  position: relative;
  display: none;
  min-height: 16rem;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 22%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 54%),
    linear-gradient(180deg, color-mix(in oklch, rgb(var(--ui-color-accent)) 10%, transparent), transparent),
    color-mix(in oklch, rgb(var(--ui-surface-inverse)) 70%, transparent);
}

.ui-evidence-signal-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 28%, transparent);
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 78%, transparent);
  color: rgb(var(--ui-text-inverse));
}

.ui-evidence-signal-list {
  gap: var(--ui-gap-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-evidence-signal {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: start;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 22%, transparent);
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 72%, transparent);
  color: rgb(var(--ui-text-inverse));
  padding: var(--ui-card-padding-md);
}

.ui-evidence-signal-index,
.ui-evidence-signal-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 24%, transparent);
  border-radius: var(--ui-radius-md);
}

.ui-evidence-signal-copy {
  display: grid;
  gap: var(--ui-gap-xs);
  min-width: 0;
}

.ui-evidence-signal-copy span:last-child {
  color: color-mix(in oklch, rgb(var(--ui-text-inverse)) 78%, transparent);
  line-height: var(--ui-line-height-body);
}

.ui-faq-layout {
  gap: var(--ui-grid-gap);
  align-items: start;
}

.ui-faq-highlight-row,
.ui-faq-highlight-chip,
.ui-faq-row summary {
  display: flex;
  min-width: 0;
}

.ui-faq-highlight-row {
  flex-wrap: wrap;
  gap: var(--ui-gap-sm);
}

.ui-faq-highlight-chip {
  flex: 1 1 min(100%, 12rem);
  gap: var(--ui-gap-sm);
  align-items: flex-start;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 90%, var(--ui-color-primary) 10%), var(--ui-color-surface));
  padding: var(--ui-card-padding-sm);
  box-shadow: var(--ui-shadow-sm);
}

.ui-faq-highlight-chip .ui-icon {
  flex: 0 0 auto;
  color: var(--ui-color-primary-strong);
}

.ui-faq-highlight-chip span:last-child {
  display: grid;
  gap: var(--ui-space-1);
}

.ui-faq-highlight-chip small,
.ui-faq-question small,
.ui-faq-answer {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-faq-list {
  gap: var(--ui-gap-sm);
}

.ui-faq-row {
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 86%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  box-shadow: var(--ui-shadow-sm);
  transition: border-color var(--ui-duration-fast) ease, box-shadow var(--ui-duration-fast) ease;
}

.ui-faq-row:hover,
.ui-faq-row:focus-within,
.ui-faq-row[open] {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
}

.ui-faq-row summary {
  cursor: pointer;
  gap: var(--ui-gap-sm);
  align-items: center;
  padding: var(--ui-card-padding-md);
  list-style: none;
}

.ui-faq-row summary::-webkit-details-marker {
  display: none;
}

.ui-faq-index {
  display: grid;
  place-items: center;
  min-width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted));
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-faq-question {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
}

.ui-faq-chevron {
  width: var(--ui-size-icon-sm);
  height: var(--ui-size-icon-sm);
  color: var(--ui-color-muted);
  transition: transform var(--ui-duration-fast) ease, color var(--ui-duration-fast) ease;
}

.ui-faq-row[open] .ui-faq-chevron {
  color: var(--ui-color-primary-strong);
  transform: rotate(180deg);
}

.ui-faq-answer {
  border-block-start: 1px solid var(--ui-color-border);
  background: color-mix(in oklch, var(--ui-color-surface-muted) 54%, transparent);
  padding: var(--ui-card-padding-sm) var(--ui-card-padding-md) var(--ui-card-padding-md);
}

.ui-split-cta {
  gap: var(--ui-grid-gap);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 14%, transparent), transparent 52%),
    var(--ui-color-surface);
  box-shadow: var(--ui-shadow-card);
}

.ui-split-cta-copy {
  padding: var(--ui-card-padding-lg);
}

.ui-split-cta-list {
  display: grid;
  gap: var(--ui-gap-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-split-cta-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: start;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  padding: var(--ui-card-padding-sm);
}

.ui-split-cta-list li > span:last-child {
  display: grid;
  min-width: 0;
  gap: var(--ui-space-1);
}

.ui-split-cta-list strong,
.ui-split-cta-list small {
  display: block;
}

.ui-split-cta-icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 14%, var(--ui-color-surface));
  color: var(--ui-color-primary-strong);
}

.ui-split-cta-list small,
.ui-split-cta-actions > span {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-split-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-sm);
  align-items: center;
}

.ui-split-cta-actions .ui-btn {
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: 100%;
  justify-content: center;
}

.ui-split-cta-media {
  position: relative;
  min-height: 24rem;
  margin: 0;
  overflow: hidden;
  background: var(--ui-color-surface-muted);
}

.ui-split-cta-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 42%, color-mix(in oklch, rgb(var(--ui-surface-inverse)) 62%, transparent));
  pointer-events: none;
}

.ui-split-cta-media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
}

.ui-split-cta-panel {
  position: absolute;
  inset-inline: var(--ui-space-3);
  inset-block-end: var(--ui-space-3);
  display: grid;
  gap: var(--ui-gap-sm);
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 28%, transparent);
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 84%, transparent);
  color: rgb(var(--ui-text-inverse));
  padding: var(--ui-card-padding-md);
  box-shadow: var(--ui-shadow-card);
  z-index: 2;
}

.ui-split-cta-panel span,
.ui-split-cta-panel strong,
.ui-split-cta-signal-row span {
  color: inherit;
}

.ui-split-cta-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-xs);
}

.ui-split-cta-signal-row span {
  display: inline-flex;
  gap: var(--ui-space-1);
  align-items: center;
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 24%, transparent);
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 72%, transparent);
  padding: var(--ui-space-1) var(--ui-gap-xs);
  font-size: var(--ui-font-size-body-sm);
}

.ui-final-cta {
  gap: var(--ui-grid-gap);
  align-items: center;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 18%, transparent), transparent 54%),
    var(--ui-color-surface);
  box-shadow: var(--ui-shadow-card);
  padding: var(--ui-card-padding-lg);
}

.ui-final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-sm);
  align-items: center;
  width: 100%;
  min-width: 0;
}

.ui-feature-title {
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-h4);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-label);
}

.ui-feature-text {
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-body);
}

.ui-cta {
  display: grid;
  min-width: 0;
}

.ui-cta-panel {
  display: grid;
  gap: var(--ui-gap-lg);
  min-width: 0;
  padding: var(--ui-section-padding-sm);
  border: 1px solid color-mix(in oklch, rgb(var(--ui-text-inverse)) 26%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, rgb(var(--ui-color-brand)) 0%, rgb(var(--ui-surface-inverse)) 100%);
  color: rgb(var(--ui-text-inverse));
  box-shadow: var(--ui-shadow-lg);
}

.ui-wizard,
.ui-form {
  display: grid;
  gap: var(--ui-form-gap);
}

.ui-pro-summary {
  display: grid;
  gap: var(--ui-list-gap);
}

.ui-block-category {
  display: grid;
  gap: var(--ui-list-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-sm);
  padding: var(--ui-card-padding-md);
}

.ui-block-category header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-cluster-gap);
}

.ui-block-category ul {
  display: grid;
  gap: var(--ui-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-block-category li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-cluster-gap);
  border-top: 1px solid var(--ui-color-border);
  padding-top: var(--ui-space-2);
}

.ui-block-category li span {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-label);
}

.ui-knowledge {
  min-width: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface-muted) 38%, var(--ui-color-bg)), var(--ui-color-bg));
}

.ui-knowledge-calculator {
  min-width: 0;
}

.ui-knowledge-preview-header,
.ui-knowledge-preview-grid,
.ui-knowledge-preview-card,
.ui-knowledge-preview-card-body {
  display: grid;
  min-width: 0;
}

.ui-knowledge-preview-header {
  gap: var(--ui-gap-md);
  align-items: start;
}

.ui-knowledge-preview-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-knowledge-preview-card {
  overflow: hidden;
  align-content: start;
  padding: 0;
  border-color: color-mix(in oklch, var(--ui-color-border) 84%, transparent);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  text-decoration: none;
  transition:
    border-color var(--ui-duration-fast) ease,
    box-shadow var(--ui-duration-fast) ease,
    transform var(--ui-duration-fast) ease;
}

.ui-knowledge-preview-card:hover,
.ui-knowledge-preview-card:focus-visible {
  border-color: color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-knowledge-preview-card-media {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-block-end: 1px solid var(--ui-color-border);
  background: color-mix(in oklch, var(--ui-color-primary) 8%, var(--ui-color-surface-muted));
}

.ui-knowledge-preview-card-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform var(--ui-duration-base) ease;
}

.ui-knowledge-preview-card:hover .ui-knowledge-preview-card-media img,
.ui-knowledge-preview-card:focus-visible .ui-knowledge-preview-card-media img {
  transform: scale(1.025);
}

.ui-knowledge-preview-card-body {
  gap: var(--ui-gap-sm);
  padding: var(--ui-card-padding-md);
}

.ui-knowledge-preview-card-body h3,
.ui-knowledge-preview-card-body p {
  margin: 0;
}

.ui-knowledge-preview-card-body h3 {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-lg);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-tight);
}

.ui-knowledge-preview-card-body p {
  color: var(--ui-color-muted);
  line-height: var(--ui-line-height-body);
}

.ui-knowledge-preview-card-label,
.ui-knowledge-preview-card-footer {
  display: inline-flex;
  min-width: 0;
  gap: var(--ui-gap-xs);
  align-items: center;
}

.ui-knowledge-preview-card-label {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  text-transform: uppercase;
}

.ui-knowledge-preview-card-footer {
  margin-block-start: auto;
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-bold);
}

.ui-knowledge-preview-card-label .ui-icon,
.ui-knowledge-preview-card-footer .ui-icon {
  width: 1rem;
  height: 1rem;
}

.page-blueprint > .ui-knowledge.ui-page-section-tight {
  padding-block: calc(var(--ui-section-padding-sm) * 0.75);
}

.page-blueprint > .ui-knowledge.ui-page-section-tight + .ui-knowledge.ui-page-section-tight {
  padding-block-start: 0;
}

.ui-knowledge-stack {
  display: grid;
  gap: var(--ui-section-padding-md);
}

.ui-knowledge-hero,
.ui-knowledge-topic-layout,
.ui-knowledge-cta,
.ui-knowledge-calculator-layout {
  display: grid;
  gap: var(--ui-gap-lg);
}

.ui-knowledge-hero {
  border: 0.0625rem solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 12%, transparent), transparent 52%),
    color-mix(in oklch, var(--ui-color-surface) 88%, var(--ui-color-surface-muted));
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-card);
}

.ui-knowledge-hero-copy,
.ui-knowledge-section,
.ui-knowledge-section-header,
.ui-knowledge-card-body,
.ui-knowledge-category,
.ui-knowledge-article-card,
.ui-knowledge-nav,
.ui-knowledge-cta-copy,
.ui-knowledge-calculator-layout {
  display: grid;
  gap: var(--ui-gap-sm);
  min-width: 0;
}

.ui-knowledge-title {
  max-width: var(--ui-content-width-default);
  margin: 0;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-display);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-tight);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-knowledge-lead,
.ui-knowledge-section-header .ui-text-lead,
.ui-knowledge-category-header p,
.ui-knowledge-article-card p,
.ui-knowledge-article-row p,
.ui-knowledge-decision-row p,
.ui-knowledge-path-card p,
.ui-knowledge-card-body p,
.ui-knowledge-nav p,
.ui-knowledge-cta-copy p {
  margin: 0;
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-base);
  font-weight: var(--ui-font-weight-medium);
  line-height: var(--ui-line-height-body);
}

.ui-knowledge-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-sm);
}

.ui-knowledge-stat-grid,
.ui-knowledge-featured-grid,
.ui-knowledge-paths,
.ui-knowledge-article-grid {
  display: grid;
  gap: var(--ui-gap-md);
}

.ui-knowledge-stat,
.ui-knowledge-hero-card,
.ui-knowledge-feature-card,
.ui-knowledge-path-card,
.ui-knowledge-category,
.ui-knowledge-article-card,
.ui-knowledge-nav,
.ui-knowledge-cta {
  min-width: 0;
  overflow: hidden;
  border: 0.0625rem solid color-mix(in oklch, var(--ui-color-border) 86%, transparent);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ui-color-surface) 94%, var(--ui-color-surface-muted)), var(--ui-color-surface));
  color: var(--ui-color-text);
  box-shadow: var(--ui-shadow-sm);
}

.ui-knowledge-stat {
  display: grid;
  gap: var(--ui-gap-xs);
  padding: var(--ui-space-2) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-knowledge-stat strong {
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-2xl);
  line-height: var(--ui-line-height-none);
}

.ui-knowledge-decision-list,
.ui-knowledge-article-list {
  display: grid;
  gap: 0;
  min-width: 0;
  border-block-start: 1px solid color-mix(in oklch, var(--ui-color-border) 76%, transparent);
}

.ui-knowledge-decision-row,
.ui-knowledge-article-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  color: var(--ui-color-text);
  text-decoration: none;
  border-block-end: 1px solid color-mix(in oklch, var(--ui-color-border) 76%, transparent);
  background: transparent;
  transition:
    background-color var(--ui-duration-fast) ease,
    color var(--ui-duration-fast) ease;
}

.ui-knowledge-decision-row:hover,
.ui-knowledge-decision-row:focus-visible,
.ui-knowledge-article-row:hover,
.ui-knowledge-article-row:focus-visible {
  background: color-mix(in oklch, var(--ui-product-active-surface, var(--ui-color-surface-muted)) 62%, transparent);
}

.ui-knowledge-decision-media {
  display: none;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: var(--ui-public-media-surface);
}

.ui-knowledge-decision-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-knowledge-topic-chapter {
  min-width: 0;
  padding-block: var(--ui-section-padding-sm);
  border-block-start: 1px solid color-mix(in oklch, var(--ui-color-border) 76%, transparent);
}

.ui-knowledge-topic-chapter:first-child {
  border-block-start: 0;
  padding-block-start: 0;
}

.ui-stats-band {
  min-width: 0;
}

.ui-stats-band-layout {
  display: grid;
  gap: var(--ui-stack-gap-lg);
  min-width: 0;
  align-items: start;
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 16%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 10%, transparent), transparent 54%),
    color-mix(in oklch, var(--ui-color-surface) 88%, var(--ui-color-surface-muted));
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-card);
}

.ui-stats-band-content {
  display: grid;
  gap: var(--ui-stack-gap-lg);
  min-width: 0;
}

.ui-stats-band-header {
  display: grid;
  gap: var(--ui-stack-gap-sm);
  max-width: var(--ui-content-width-readable);
  min-width: 0;
}

.ui-stats-band-card-grid,
.ui-stats-band-signal-list {
  display: grid;
  gap: var(--ui-grid-gap);
  min-width: 0;
}

.ui-stats-band-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.ui-stats-band-signal-list {
  grid-template-columns: minmax(0, 1fr);
}

.ui-stats-band-signal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ui-cluster-gap);
  min-width: 0;
  border: 1px solid color-mix(in oklch, var(--ui-color-border) 82%, transparent);
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-surface) 76%, var(--ui-color-surface-muted));
  padding: var(--ui-card-padding-sm);
}

.ui-stats-band-signal > .ui-icon {
  width: var(--ui-size-icon-md);
  height: var(--ui-size-icon-md);
  padding: var(--ui-space-1);
  border: 1px solid color-mix(in oklch, var(--ui-color-primary) 24%, var(--ui-color-border));
  border-radius: var(--ui-radius-md);
  background: color-mix(in oklch, var(--ui-color-primary) 10%, var(--ui-color-surface-muted));
  color: var(--ui-color-primary);
}

.ui-stats-band-signal div,
.ui-stats-band-signal strong,
.ui-stats-band-signal p {
  min-width: 0;
}

.ui-stats-band-signal strong {
  display: block;
  color: var(--ui-color-text);
}

.ui-stats-band-signal p {
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-color-muted);
}

.ui-stats-band-signal .ui-chart-meter {
  grid-column: 1 / -1;
  width: 100%;
}

.ui-stats-band-visual {
  min-width: 0;
}

@media (min-width: 64rem) {
  .ui-stats-band[data-ui-stats-band-chart="true"] .ui-stats-band-layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
  }
}

html[data-theme="dark"] .ui-knowledge-stat strong {
  color: var(--ui-color-text);
}

.ui-knowledge-stat span,
.ui-knowledge-label,
.ui-knowledge-count,
.ui-knowledge-nav small,
.ui-knowledge-card-meta {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  text-transform: uppercase;
}

.ui-knowledge-hero-card img,
.ui-knowledge-feature-card img,
.ui-knowledge-cta img {
  display: block;
  width: 100%;
  object-fit: cover;
  transition: transform var(--ui-duration-base) ease;
}

.ui-knowledge-hero-card img {
  aspect-ratio: 16 / 10;
}

.ui-knowledge-hero-card,
.ui-knowledge-feature-card {
  display: grid;
}

.ui-knowledge-hero-card {
  align-self: stretch;
  background: var(--ui-public-card-surface-strong);
}

.ui-knowledge-hero-panel,
.ui-knowledge-card-body,
.ui-knowledge-path-card,
.ui-knowledge-category,
.ui-knowledge-article-card,
.ui-knowledge-nav,
.ui-knowledge-cta-copy {
  padding: var(--ui-card-padding-md);
}

.ui-knowledge-hero-panel h2,
.ui-knowledge-card-body h3,
.ui-knowledge-path-card h2,
.ui-knowledge-category-header h3,
.ui-knowledge-article-card h4,
.ui-knowledge-cta-copy h2 {
  margin: 0;
  color: var(--ui-color-text);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-tight);
}

.ui-knowledge-hero-panel h2 {
  font-size: var(--ui-font-size-xl);
}

.ui-knowledge-card-body h3 {
  font-size: var(--ui-font-size-lg);
}

.ui-knowledge-path-card h2,
.ui-knowledge-category-header h3,
.ui-knowledge-article-card h4 {
  font-size: var(--ui-font-size-lg);
}

.ui-knowledge-section-header {
  max-width: var(--ui-content-width-default);
}

.ui-knowledge-section-header.ui-text-center {
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}

.ui-knowledge-feature-card,
.ui-knowledge-path-card,
.ui-knowledge-article-card,
.ui-knowledge-decision-row,
.ui-knowledge-article-row,
.ui-knowledge-nav a {
  text-decoration: none;
  transition:
    border-color var(--ui-duration-fast) ease,
    box-shadow var(--ui-duration-fast) ease,
    transform var(--ui-duration-fast) ease;
}

html:not([data-theme="dark"]) .ui-knowledge-feature-card,
html:not([data-theme="dark"]) .ui-knowledge-path-card,
html:not([data-theme="dark"]) .ui-knowledge-article-card,
html:not([data-theme="dark"]) .ui-knowledge-preview-card {
  border-color: color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  background: var(--ui-public-card-surface-strong);
}

html:not([data-theme="dark"]) .ui-knowledge-feature-card .ui-media-frame,
html:not([data-theme="dark"]) .ui-knowledge-preview-card .ui-media-frame,
html:not([data-theme="dark"]) .ui-knowledge-hero-card .ui-media-frame {
  background: var(--ui-public-media-surface);
}

.ui-knowledge-feature-card:hover,
.ui-knowledge-feature-card:focus-visible,
.ui-knowledge-path-card:hover,
.ui-knowledge-path-card:focus-visible,
.ui-knowledge-article-card:hover,
.ui-knowledge-article-card:focus-visible {
  border-color: color-mix(in oklch, var(--ui-color-primary) 30%, var(--ui-color-border));
  box-shadow: var(--ui-shadow-card);
  transform: translateY(-0.0625rem);
}

.ui-knowledge-nav a:hover,
.ui-knowledge-nav a:focus-visible {
  background: color-mix(in oklch, var(--ui-product-active-surface, var(--ui-color-surface-muted)) 62%, transparent);
  color: var(--ui-color-text);
}

.ui-knowledge-hero-card:hover img,
.ui-knowledge-feature-card:hover img,
.ui-knowledge-feature-card:focus-visible img,
.ui-knowledge-cta:hover img {
  transform: scale(1.025);
}

.ui-knowledge-card-meta,
.ui-knowledge-link,
.ui-knowledge-article-head,
.ui-knowledge-category-header,
.ui-knowledge-topic-header,
.ui-knowledge-nav a {
  display: flex;
  align-items: center;
  gap: var(--ui-gap-sm);
}

.ui-knowledge-card-meta [data-lucide],
.ui-knowledge-link [data-lucide],
.ui-knowledge-nav [data-lucide] {
  width: 1rem;
  height: 1rem;
}

.ui-knowledge-link {
  margin-block-start: auto;
  color: var(--ui-color-primary-strong);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-bold);
}

html[data-theme="dark"] .ui-knowledge-link,
html[data-theme="dark"] .ui-knowledge-link [data-lucide] {
  color: var(--ui-color-primary-strong);
}

.ui-knowledge-path-card,
.ui-knowledge-article-card,
.ui-knowledge-article-row,
.ui-knowledge-decision-row {
  align-content: start;
}

.ui-knowledge-category {
  border-color: color-mix(in oklch, var(--ui-color-primary) 20%, var(--ui-color-border));
  background: var(--ui-public-card-surface);
  box-shadow: var(--ui-shadow-card);
}

.ui-knowledge-category > .ui-knowledge-card-body,
.ui-knowledge-topic-chapter > .ui-knowledge-card-body {
  gap: var(--ui-gap-lg);
}

.ui-knowledge-article-card {
  min-height: var(--ui-card-min-height-md);
}

.ui-knowledge-category-header,
.ui-knowledge-topic-header {
  flex-wrap: wrap;
  justify-content: space-between;
}

.ui-knowledge-count,
.ui-knowledge-label {
  width: fit-content;
  border: 0.0625rem solid color-mix(in oklch, var(--ui-color-primary) 18%, var(--ui-color-border));
  border-radius: var(--ui-radius-pill);
  background-color: color-mix(in oklch, var(--ui-color-surface-muted) 78%, var(--ui-color-surface));
  padding: var(--ui-chip-padding-block) var(--ui-chip-padding-inline);
}

.ui-knowledge-article-head {
  justify-content: space-between;
}

.ui-knowledge-sidebar {
  min-width: 0;
}

.ui-knowledge-topic-stack {
  display: grid;
  gap: var(--ui-section-padding-sm);
}

.ui-knowledge-nav-list {
  display: grid;
  gap: var(--ui-gap-sm);
}

.ui-knowledge-nav a {
  justify-content: flex-start;
  border: 0;
  border-block-start: 1px solid color-mix(in oklch, var(--ui-color-border) 70%, transparent);
  border-radius: 0;
  background: transparent;
  padding: var(--ui-card-padding-sm);
  color: var(--ui-color-text);
}

.ui-knowledge-nav a:first-child {
  border-block-start: 0;
}

.ui-knowledge-nav strong {
  display: block;
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-sm);
}

.ui-knowledge-nav small {
  display: block;
  margin-top: var(--ui-space-1);
}

.ui-knowledge-cta {
  background:
    linear-gradient(135deg, rgb(var(--ui-color-brand)) 0%, rgb(var(--ui-surface-inverse)) 100%);
  background-color: rgb(var(--ui-color-brand));
  color: rgb(var(--ui-text-on-brand));
  align-items: center;
  box-shadow: var(--ui-shadow-lg);
}

html[data-theme="dark"] .ui-knowledge-cta {
  background:
    linear-gradient(
      135deg,
      var(--ui-color-primary) 0%,
      color-mix(in oklch, var(--ui-color-primary) 34%, var(--ui-color-bg)) 100%
    );
  background-color: var(--ui-color-primary);
  color: var(--ui-color-text);
}

.ui-knowledge-cta-media {
  margin: 0;
  min-width: 0;
  align-self: center;
  background: color-mix(in oklch, rgb(var(--ui-surface-inverse)) 74%, transparent);
}

.ui-knowledge-cta img {
  height: clamp(12rem, 52vw, 18rem);
  aspect-ratio: 4 / 3;
  object-position: center;
}

.ui-knowledge-cta-copy h2,
.ui-knowledge-cta-copy p {
  color: rgb(var(--ui-text-on-brand));
}

html[data-theme="dark"] .ui-knowledge-cta-copy h2,
html[data-theme="dark"] .ui-knowledge-cta-copy p {
  color: var(--ui-color-text);
}

.ui-knowledge-calculator-layout {
  border: 0.0625rem solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ui-color-primary) 10%, transparent), transparent 62%),
    var(--ui-color-surface);
  padding: var(--ui-card-padding-lg);
  box-shadow: var(--ui-shadow-sm);
}

.ui-knowledge [data-ui-tone='accent'] {
  border-color: color-mix(in oklch, var(--ui-color-primary) 28%, var(--ui-color-border));
}

.ui-knowledge [data-ui-tone='success'] {
  border-color: color-mix(in oklch, var(--ui-color-success) 28%, var(--ui-color-border));
}

.ui-knowledge [data-ui-tone='warning'] {
  border-color: color-mix(in oklch, var(--ui-color-primary) 24%, var(--ui-color-border));
}

.ui-knowledge [data-ui-tone='info'] {
  border-color: color-mix(in oklch, var(--ui-color-info) 30%, var(--ui-color-border));
}

.ui-knowledge [data-ui-tone='brand'] {
  border-color: color-mix(in oklch, rgb(var(--ui-color-brand)) 30%, var(--ui-color-border));
}

@media (min-width: 40rem) {
  .ui-section-variant-subpage-hero .ui-block-contract-grid,
  .ui-section-variant-product-hero .ui-block-contract-grid,
  .ui-section-variant-service-hero .ui-block-contract-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-feature-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-final-cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .ui-knowledge-preview-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ui-knowledge-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-knowledge-stat-grid,
  .ui-knowledge-paths {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  }

  .ui-knowledge-featured-grid,
  .ui-knowledge-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-knowledge-decision-row {
    grid-template-columns: minmax(11rem, 0.36fr) minmax(0, 1fr);
  }

  .ui-knowledge-decision-media {
    display: block;
  }
}

@media (min-width: 64rem) {
  .ui-section-variant-subpage-hero,
  .ui-section-variant-product-hero,
  .ui-section-variant-service-hero {
    padding-block: var(--ui-section-padding-sm);
  }

  .ui-section-variant-subpage-hero .ui-container-4xl,
  .ui-section-variant-product-hero .ui-container-4xl,
  .ui-section-variant-service-hero .ui-container-4xl {
    grid-template-columns: minmax(0, 1fr);
  }

  .ui-section-variant-service-hero .ui-container-4xl {
    grid-template-columns: minmax(0, 1fr);
  }

  .ui-section-variant-subpage-hero .ui-block-contract-header .ui-title-md,
  .ui-section-variant-product-hero .ui-block-contract-header .ui-title-md,
  .ui-section-variant-service-hero .ui-block-contract-header .ui-title-md {
    font-size: var(--ui-font-size-display);
    line-height: var(--ui-line-height-display);
  }

  .ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] {
    padding-block: var(--ui-section-padding-lg);
  }

  .ui-section-variant-calculator-hero[data-block-key="landingpage-hero"] .ui-stack-lg {
    grid-template-columns: minmax(0, 0.92fr) minmax(24rem, 1.08fr);
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) {
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 0.8fr);
    align-items: center;
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-actions,
  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-display,
  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-lead {
    grid-column: 1;
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-address-autocomplete {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    max-width: none;
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete),
  .ui-page[data-ui-page="sitemap"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) {
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 0.8fr);
    align-items: center;
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-badge,
  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-display,
  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-lead,
  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-actions,
  .ui-page[data-ui-page="sitemap"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-badge,
  .ui-page[data-ui-page="sitemap"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-display,
  .ui-page[data-ui-page="sitemap"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-text-lead {
    grid-column: 1;
  }

  .ui-page[data-ui-page="subpage"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-address-autocomplete,
  .ui-page[data-ui-page="sitemap"] .ui-section-variant-calculator-hero .ui-stack-lg:has(.ui-address-autocomplete) > .ui-address-autocomplete {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
  }

  .ui-choice-grid,
  .ui-page[data-ui-page="content"] [aria-labelledby="content-articles-title"] > div {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  }

  .ui-page[data-ui-page="content"] .ui-card:has(> .ui-stack-sm + .ui-btn) {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ui-section-variant-editorial .ui-block-contract-grid > .ui-card,
  .ui-section-variant-feature .ui-block-contract-grid > .ui-card {
    grid-template-columns: minmax(0, 0.88fr) minmax(22rem, 1.12fr);
  }

  .ui-section-variant-single-offer .ui-block-contract-grid > .ui-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .ui-section-variant-conversion .ui-stack-lg {
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
  }

  .ui-flow-showcase,
  .ui-evidence-system,
  .ui-split-cta {
    grid-template-columns: minmax(20rem, 0.86fr) minmax(0, 1.14fr);
  }

  .ui-flow-showcase-media {
    position: sticky;
    top: var(--ui-section-padding-md);
  }

  .ui-feature-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ui-evidence-signal-map {
    display: block;
  }

  .ui-split-cta-media {
    min-height: auto;
  }

  .ui-split-cta-media img {
    position: absolute;
    inset: 0;
  }

  .ui-knowledge-hero {
    grid-template-columns: minmax(0, 0.98fr) minmax(24rem, 1.02fr);
  }

  .ui-knowledge-cta {
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.28fr);
    align-items: center;
  }

  .ui-knowledge-cta img {
    height: clamp(18rem, 34vw, 31rem);
  }

  .ui-knowledge-calculator-layout {
    grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
  }

  .ui-knowledge-paths {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  }

  .ui-knowledge-featured-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  }

  .ui-knowledge-article-row > .ui-knowledge-card-body {
    grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.54fr) auto;
    align-items: center;
  }

  .ui-knowledge-article-row .ui-knowledge-card-meta {
    grid-row: 1 / span 2;
    align-self: start;
  }

  .ui-knowledge-article-row h4,
  .ui-knowledge-article-row p {
    grid-column: 2;
  }

  .ui-knowledge-article-row .ui-knowledge-link {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-self: end;
    margin-block-start: 0;
    white-space: nowrap;
  }

  .ui-knowledge-preview-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  }
}

@media (min-width: 80rem) {
  .ui-section-variant-subpage-hero .ui-block-contract-grid,
  .ui-section-variant-product-hero .ui-block-contract-grid,
  .ui-section-variant-service-hero .ui-block-contract-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-feature-showcase-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ui-knowledge-topic-layout {
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: start;
  }

  .ui-knowledge-sidebar {
    position: sticky;
    top: var(--ui-sticky-sidebar-offset);
  }
}

.ui-analysis-cockpit .ui-analysis-cockpit-grid,
.ui-analysis-cockpit .ui-analysis-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-section-padding-lg);
  align-items: start;
}


.ui-analysis-cockpit .ui-analysis-summary {
  order: 2;
  min-width: 0;
}

.ui-analysis-cockpit .ui-analysis-surface {
  min-width: 0;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
}

.ui-analysis-cockpit .ui-analysis-surface.is-elevated {
  box-shadow: var(--ui-shadow-md);
}

.ui-analysis-cockpit .ui-analysis-surface.is-muted {
  background: var(--ui-color-surface-muted);
}

.ui-analysis-cockpit .ui-analysis-surface-body {
  min-width: 0;
  padding: var(--ui-card-padding-lg);
}

.ui-analysis-cockpit .ui-analysis-surface-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-gap-sm);
  min-width: 0;
  border-block-end: 1px solid var(--ui-color-border);
  padding: var(--ui-card-padding-md) var(--ui-card-padding-lg);
}

.ui-analysis-cockpit .ui-analysis-surface-header > div {
  min-width: 0;
}

.ui-analysis-cockpit .ui-analysis-projection {
  order: 1;
  display: grid;
  min-width: 0;
  gap: var(--ui-grid-gap);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  padding: var(--ui-card-padding-md);
}

.ui-analysis-cockpit .ui-analysis-card-header,
.ui-analysis-cockpit .ui-analysis-map-header,
.ui-analysis-cockpit .ui-analysis-map-meta {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-gap-sm);
}

.ui-analysis-cockpit .ui-analysis-card-header > div,
.ui-analysis-cockpit .ui-analysis-map-header > div:first-child {
  min-width: 0;
}

.ui-analysis-cockpit .ui-analysis-live-badge {
  align-self: start;
}

.ui-analysis-cockpit .ui-layout-two-column,
.ui-analysis-cockpit .ui-analysis-metric-grid,
.ui-analysis-cockpit .ui-analysis-detail-grid,
.ui-analysis-cockpit .ui-analysis-telemetry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-grid-gap);
}

.ui-analysis-cockpit .ui-analysis-control,
.ui-analysis-cockpit .ui-analysis-metrics,
.ui-analysis-cockpit .ui-analysis-chart {
  min-width: 0;
}

.ui-analysis-cockpit .ui-analysis-control {
  align-content: start;
}

.ui-analysis-cockpit .ui-analysis-value {
  display: grid;
  gap: var(--ui-gap-xs);
  border: 1px solid color-mix(in oklch, var(--ui-color-success) 30%, var(--ui-color-border));
  border-radius: var(--ui-radius-lg);
  background: color-mix(in oklch, var(--ui-color-success) 10%, var(--ui-color-surface));
  padding: var(--ui-card-padding-md);
  text-align: center;
}

.ui-analysis-cockpit .ui-analysis-value strong {
  color: var(--ui-color-success);
  font-size: var(--ui-font-size-display);
  font-variant-numeric: tabular-nums;
  line-height: var(--ui-line-height-tight);
}

.ui-analysis-cockpit .ui-analysis-value span,
.ui-analysis-cockpit .ui-analysis-range-meta,
.ui-analysis-cockpit .ui-analysis-metric small,
.ui-analysis-cockpit .ui-analysis-detail small {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-label);
}

.ui-analysis-cockpit .ui-analysis-range-field {
  gap: var(--ui-gap-sm);
}

.ui-analysis-cockpit .ui-range {
  width: 100%;
  height: var(--ui-space-md);
  border-radius: var(--ui-radius-pill);
  accent-color: var(--ui-color-success);
  cursor: pointer;
}

.ui-analysis-cockpit .ui-range:focus-visible {
  outline: 0;
  box-shadow: var(--ui-focus);
}

.ui-analysis-cockpit .ui-range::-webkit-slider-thumb {
  width: var(--ui-control-height-sm);
  height: var(--ui-control-height-sm);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-success);
  box-shadow: var(--ui-shadow-md);
}

.ui-analysis-cockpit .ui-range::-moz-range-thumb {
  width: var(--ui-control-height-sm);
  height: var(--ui-control-height-sm);
  border: 0;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-success);
  box-shadow: var(--ui-shadow-md);
}

.ui-analysis-cockpit .ui-analysis-range-meta,
.ui-analysis-cockpit .ui-analysis-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-gap-sm);
  align-items: center;
  justify-content: space-between;
}

.ui-analysis-cockpit .ui-analysis-metric,
.ui-analysis-cockpit .ui-analysis-detail {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--ui-gap-sm);
  align-items: start;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-color-surface);
  padding: var(--ui-card-padding-sm);
}

.ui-analysis-cockpit .ui-analysis-metric strong,
.ui-analysis-cockpit .ui-analysis-detail strong {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-1);
  color: var(--ui-color-text);
}

.ui-analysis-cockpit .ui-analysis-map-card {
  overflow: hidden;
}

.ui-analysis-cockpit .ui-analysis-map-header {
  border-block-end: 1px solid var(--ui-color-border);
  background: var(--ui-color-surface-muted);
  color: var(--ui-color-text);
  padding: var(--ui-card-padding-md) var(--ui-card-padding-lg);
}

.ui-analysis-cockpit .ui-analysis-map-header .ui-kicker,
.ui-analysis-cockpit .ui-analysis-map-header .ui-title-md {
  color: var(--ui-color-text);
}

.ui-analysis-cockpit .ui-analysis-map-header .ui-kicker {
  opacity: 0.72;
}

.ui-analysis-cockpit .ui-analysis-map-stage {
  position: relative;
  display: grid;
  min-height: clamp(16rem, 38vw, 24rem);
  place-items: center;
  overflow: hidden;
  border: 1px solid color-mix(in oklch, var(--ui-color-success) 22%, var(--ui-color-border));
  border-radius: var(--ui-radius-xl);
  background: color-mix(in oklch, var(--ui-color-text) 92%, var(--ui-color-surface));
}

.ui-analysis-cockpit .ui-analysis-map-stage > img {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-analysis-cockpit .ui-analysis-map-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ui-analysis-cockpit .ui-analysis-map-empty {
  position: relative;
  z-index: 5;
  display: grid;
  width: min(100%, 28rem);
  justify-items: center;
  gap: var(--ui-gap-xs);
  padding: var(--ui-card-padding-lg);
  color: var(--ui-color-surface);
  text-align: center;
}

.ui-analysis-cockpit .ui-analysis-map-stage:has(.ui-analysis-map-canvas > *) .ui-analysis-map-empty {
  display: none;
}

.ui-analysis-cockpit .ui-analysis-map-empty .ui-alert-icon {
  background: color-mix(in oklch, var(--ui-color-success) 16%, transparent);
  color: var(--ui-color-success);
}

.ui-analysis-cockpit .ui-analysis-map-empty span:not(.ui-alert-icon) {
  color: color-mix(in oklch, var(--ui-color-surface) 72%, transparent);
}

@media (min-width: 48rem) {
  .ui-analysis-cockpit .ui-analysis-metric-grid,
  .ui-analysis-cockpit .ui-analysis-detail-grid,
  .ui-analysis-cockpit .ui-analysis-telemetry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .ui-analysis-cockpit .ui-analysis-summary,
  .ui-analysis-cockpit .ui-analysis-projection {
    order: 0;
  }

  .ui-analysis-cockpit .ui-analysis-cockpit-grid {
    grid-template-columns: minmax(18rem, 0.36fr) minmax(0, 1fr);
  }

  .ui-analysis-cockpit .ui-analysis-primary-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.52fr);
  }

  .ui-analysis-cockpit .ui-layout-two-column {
    grid-template-columns: minmax(20rem, 0.56fr) minmax(0, 1fr);
  }

  .ui-analysis-cockpit .ui-analysis-detail-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  }
}

.ui-design-profile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--ui-grid-card-min), 1fr));
  gap: var(--ui-cluster-gap);
}

.ui-design-profile {
  display: grid;
  gap: var(--ui-space-1);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-muted);
  padding: var(--ui-card-padding-sm);
}

.ui-design-profile span,
.ui-design-profile small {
  color: var(--ui-color-muted);
}

/* Enterprise icon system: inline, accent-soft, accent-solid. */
:root {
  --ui-icon-series-inline-size: var(--ui-size-icon-sm);
  --ui-icon-series-context-size: var(--ui-size-icon-md);
  --ui-icon-series-soft-size: var(--ui-control-height-sm);
  --ui-icon-series-soft-bg: color-mix(in srgb, var(--ui-theme-brand-accent, var(--ui-color-success)) 18%, transparent);
  --ui-icon-series-soft-color: var(--ui-theme-brand-accent, var(--ui-color-success));
  --ui-icon-series-solid-bg: var(--ui-theme-brand-accent, var(--ui-color-success));
  --ui-icon-series-solid-color: var(--ui-theme-text-on-accent, var(--ui-color-on-primary));
  --ui-icon-series-neutral-color: var(--ui-theme-text-secondary, var(--ui-color-muted));
}

body :is(.ui-btn .ui-icon, .ui-link-action .ui-icon, .ui-public-nav .ui-icon, .ui-public-action-primary .ui-icon, .ui-public-action-dashboard .ui-icon, .ui-public-icon-action .ui-icon, .ui-locale-switcher .ui-icon, .ui-public-footer a .ui-icon, .ui-badge .ui-icon, .ui-section-label .ui-icon, .ui-field-control-icon) {
  width: var(--ui-icon-series-inline-size);
  height: var(--ui-icon-series-inline-size);
  flex: 0 0 var(--ui-icon-series-inline-size);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  box-shadow: none;
}

body :is(.ui-icon-series-accent-soft, .ui-choice-card .ui-icon, .ui-card-muted[data-feature-card] > .ui-icon, .ui-grid-4 > .ui-card-muted > .ui-icon, .ui-flow-timeline-icon, .ui-feature-showcase-icon, .ui-evidence-signal-icon, .ui-split-cta-icon, .ui-faq-highlight-chip .ui-icon, .ui-commerce-summary-item .ui-icon, .ui-directory-location .ui-icon, .ui-commerce-card-media .ui-icon, .ui-stats-band-signal > .ui-icon, .ui-alert-icon) {
  display: inline-grid;
  place-items: center;
  width: var(--ui-icon-series-soft-size);
  height: var(--ui-icon-series-soft-size);
  flex: 0 0 var(--ui-icon-series-soft-size);
  border: 0;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-icon-series-soft-bg);
  color: var(--ui-icon-series-soft-color);
  box-shadow: none;
}

body :is(.ui-icon-series-accent-soft > .ui-icon) {
  width: var(--ui-icon-series-inline-size);
  height: var(--ui-icon-series-inline-size);
}

body :is(.ui-choice-card.is-active .ui-icon, .ui-choice-card[data-state="active"] .ui-icon) {
  border: 0;
  background: var(--ui-icon-series-solid-bg);
  color: var(--ui-icon-series-solid-color);
}

body :is(.ui-pagination-control[data-ui-pagination-current="true"] .ui-icon, .ui-pagination-size-control[data-ui-page-size-current="true"] .ui-icon) {
  background: transparent;
  color: var(--ui-icon-series-neutral-color);
}

:is(.ui-section-variant-marketplace-command, .ui-section-variant-talent-command, .ui-section-variant-project-command, .ui-section-variant-editorial, .ui-section-variant-icon-feature-grid, .ui-section-variant-feature, .ui-section-variant-dual-entry, .ui-section-variant-provider-directory, .ui-section-variant-partner-directory, .ui-section-variant-plans-with-closing-cta, .ui-section-variant-project-feed, .ui-section-variant-capability-grid, .ui-section-variant-logo-grid, .ui-section-variant-partner-proof, .ui-section-variant-map-contact) {
  background-color: var(--ui-theme-surface-page, var(--ui-color-bg));
  background-image: none;
}

.page-blueprint[data-ui-page-surface="public"] > :is(.ui-section-variant-marketplace-command, .ui-section-variant-talent-command, .ui-section-variant-project-command, .ui-section-variant-editorial, .ui-section-variant-icon-feature-grid, .ui-section-variant-feature, .ui-section-variant-dual-entry, .ui-section-variant-provider-directory, .ui-section-variant-partner-directory, .ui-section-variant-plans-with-closing-cta, .ui-section-variant-project-feed, .ui-section-variant-capability-grid, .ui-section-variant-logo-grid, .ui-section-variant-partner-proof, .ui-section-variant-map-contact) {
  background: var(--ui-theme-surface-page, var(--ui-color-bg));
}

:is(.ui-match-orbit, .ui-network-radar-stage, .ui-workspace-mosaic, .ui-process-list, .ui-opportunity-list, .ui-pricing-cta, .ui-adaptive-showcase-stage) {
  background-color: var(--ui-theme-surface-section, var(--ui-color-surface-muted));
  background-image: none;
}

:is(.ui-command-segment, .ui-match-search, .ui-match-proof, .ui-match-orbit-node, .ui-radar-node, .ui-workspace-unit, .ui-role-path, .ui-pricing-plan, .ui-adaptive-proof, .ui-adaptive-layer, .ui-block-contract-marketing .ui-block-contract-grid > .ui-card) {
  background-color: var(--ui-theme-surface-card, var(--ui-color-surface));
  background-image: none;
}

:is(.ui-pricing-plan > span, .ui-pricing-plan li, .ui-opportunity-tags span, .ui-workspace-unit-index, .ui-role-steps li > span, .ui-process-index) {
  background-color: var(--ui-theme-surface-elevated, var(--ui-color-panel));
  background-image: none;
}

/* Comparison portal catalog presets are Core UI owned; themes provide semantic --theme-* values only. */
.ui-comparison-portal[data-ui-component-preset="comparison-catalog"] {
  --ui-comparison-portal-home-background: transparent;
  --ui-comparison-portal-home-discovery-gap: var(--ui-comparison-portal-rhythm-gap-md, var(--ui-theme-density-public-section-gap));
  --ui-comparison-portal-home-mast-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-mast-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-home-intro-align-self: start;
  --ui-comparison-portal-home-intro-max-width: var(--ui-text-measure-lg);
  --ui-comparison-portal-home-badge-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-badge-background: color-mix(in oklch, var(--ui-theme-info) 12%, transparent);
  --ui-comparison-portal-home-badge-color: var(--ui-theme-info);
  --ui-comparison-portal-home-search-align-self: start;
  --ui-comparison-portal-home-search-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-search-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-media-display: none;
  --ui-comparison-portal-home-media-align-self: start;
  --ui-comparison-portal-home-media-item-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-mast-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-mast-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-subpage-badge-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-badge-background: color-mix(in oklch, var(--ui-theme-info) 12%, transparent);
  --ui-comparison-portal-subpage-badge-color: var(--ui-theme-info);
  --ui-comparison-portal-subpage-title-size: var(--ui-font-size-h3);
  --ui-comparison-portal-subpage-search-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-search-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-listing-row-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-listing-row-background: var(--ui-theme-surface-card);
  --ui-comparison-portal-listing-media-width: min(100%, 11.5rem);
  --ui-comparison-portal-listing-media-background: var(--ui-theme-surface-section);
  --ui-comparison-portal-deal-listing-row-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 30%, var(--ui-theme-border));
  --ui-comparison-portal-deal-listing-media-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-product-zone-item-border-block: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-product-summary-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-product-summary-media-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-product-summary-media-background: var(--ui-theme-surface-section);
  --ui-comparison-portal-product-summary-fact-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-product-summary-fact-background: color-mix(in oklch, var(--ui-theme-surface-card) 88%, var(--ui-theme-brand-accent) 12%);
  --ui-comparison-portal-tabs-border-block: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-tab-hover-color: var(--ui-theme-info);
  --ui-comparison-portal-summary-border-block: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-sort-link-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-sort-link-active-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 64%, var(--ui-theme-border));
  --ui-comparison-portal-sort-link-active-background: color-mix(in oklch, var(--ui-theme-brand-accent) 14%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-active-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 46%, var(--ui-theme-border));
  --ui-comparison-portal-filter-active-background: color-mix(in oklch, var(--ui-theme-brand-accent) 9%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-media-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-filter-media-background: var(--ui-theme-surface-section);
  --ui-comparison-portal-enterprise-summary-background: color-mix(in oklch, var(--ui-theme-surface-card) 88%, var(--ui-theme-brand-accent) 12%);
  --ui-comparison-portal-enterprise-summary-border-block: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-matrix-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-matrix-best-background: color-mix(in oklch, var(--ui-theme-success) 16%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-quality-background: color-mix(in oklch, var(--ui-theme-success) 10%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-value-background: color-mix(in oklch, var(--ui-theme-brand-accent) 13%, var(--ui-theme-surface-card));
  --ui-comparison-portal-list-border-top: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-row-border-bottom: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-media-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-media-background: var(--ui-theme-surface-section);
  --ui-comparison-portal-price-signal-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 56%, var(--ui-theme-border));
  --ui-comparison-portal-price-signal-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-evidence-background: color-mix(in oklch, var(--ui-theme-surface-card) 88%, var(--ui-theme-brand-accent) 12%);
  --ui-comparison-portal-evidence-border-inline-start: 3px solid color-mix(in oklch, var(--ui-theme-info) 42%, var(--ui-theme-border));
  --ui-comparison-portal-listing-filter-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-deal-control-background: color-mix(in oklch, var(--ui-theme-brand-accent) 14%, var(--ui-theme-surface-card));
  --ui-comparison-portal-explanation-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-explanation-background: var(--ui-theme-surface-card-soft);
  --ui-comparison-portal-home-insight-min-height: var(--ui-card-min-height-md);
  --ui-comparison-portal-home-insight-gap: var(--ui-stack-gap-sm);
  --ui-comparison-portal-home-insight-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-filter-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-filter-background: var(--ui-theme-surface-card);
  --ui-comparison-portal-home-filter-hover-border: color-mix(in oklch, var(--ui-theme-info) 42%, var(--ui-theme-border));
  --ui-comparison-portal-home-filter-hover-background: var(--ui-theme-surface-card-soft);
  --ui-comparison-portal-home-row-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-rank-size: 2rem;
  --ui-comparison-portal-home-rank-radius: 0.8rem;
  --ui-comparison-portal-home-rank-background: color-mix(in oklch, var(--ui-theme-info) 14%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-rank-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-card-media-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-main-title-weight: var(--ui-font-weight-black);
  --ui-comparison-portal-home-signal-align-self: end;
  --ui-comparison-portal-home-price-badge-border: color-mix(in oklch, var(--ui-theme-brand-accent) 56%, var(--ui-theme-border));
  --ui-comparison-portal-home-price-badge-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-primary-action-background: var(--ui-theme-brand-primary);
  --ui-comparison-portal-primary-action-color: var(--ui-theme-text-on-primary);
  --ui-affiliate-disclosure-padding: var(--ui-theme-density-public-card-padding);
  --ui-affiliate-disclosure-border: 1px solid var(--ui-theme-border);
  --ui-affiliate-disclosure-radius: var(--ui-theme-radius-card);
  --ui-affiliate-disclosure-background: var(--ui-theme-surface-card);
  --ui-affiliate-disclosure-shadow: none;
  padding-block: var(--ui-comparison-portal-rhythm-section-padding, var(--ui-section-padding-sm));
}

.ui-comparison-portal[data-ui-component-preset="comparison-catalog"][data-component-variant="product_detail"] {
  --ui-comparison-portal-home-background: transparent;
  --ui-comparison-portal-home-discovery-gap: var(--ui-comparison-portal-rhythm-gap-md, var(--ui-theme-density-public-section-gap));
  --ui-comparison-portal-home-mast-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-border));
  --ui-comparison-portal-home-intro-justify-items: start;
  --ui-comparison-portal-home-intro-text-align: left;
  --ui-comparison-portal-home-badge-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 34%, var(--ui-theme-border));
  --ui-comparison-portal-home-badge-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, transparent);
  --ui-comparison-portal-home-title-line-height: var(--ui-line-height-display);
  --ui-comparison-portal-home-search-label-justify-self: start;
  --ui-comparison-portal-home-search-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, var(--ui-theme-border));
  --ui-comparison-portal-home-search-radius: var(--ui-theme-radius-control);
  --ui-comparison-portal-home-search-background: color-mix(in oklch, var(--ui-theme-surface-card) 96%, transparent);
  --ui-comparison-portal-home-media-display: none;
  --ui-comparison-portal-home-media-item-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 28%, var(--ui-theme-border));
  --ui-comparison-portal-home-media-item-shadow: none;
  --ui-comparison-portal-subpage-mast-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-border));
  --ui-comparison-portal-subpage-mast-radius: 0;
  --ui-comparison-portal-subpage-badge-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 34%, var(--ui-theme-border));
  --ui-comparison-portal-subpage-badge-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, transparent);
  --ui-comparison-portal-subpage-title-line-height: var(--ui-line-height-display);
  --ui-comparison-portal-subpage-search-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, var(--ui-theme-border));
  --ui-comparison-portal-subpage-search-radius: var(--ui-theme-radius-control);
  --ui-comparison-portal-subpage-search-background: color-mix(in oklch, var(--ui-theme-surface-card) 96%, transparent);
  --ui-comparison-portal-listing-row-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-border));
  --ui-comparison-portal-listing-row-background: color-mix(in oklch, var(--ui-theme-surface-card) 94%, transparent);
  --ui-comparison-portal-listing-media-width: min(100%, 12rem);
  --ui-comparison-portal-listing-media-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, var(--ui-theme-brand-accent) 14%);
  --ui-comparison-portal-product-first-row-background: color-mix(in oklch, var(--ui-theme-surface-card) 90%, var(--ui-theme-brand-accent) 10%);
  --ui-comparison-portal-deal-listing-row-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 34%, var(--ui-theme-border));
  --ui-comparison-portal-deal-listing-media-background: color-mix(in oklch, var(--ui-theme-surface-card) 82%, var(--ui-theme-brand-accent) 18%);
  --ui-comparison-portal-product-zone-item-border-block: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 22%, var(--ui-theme-border));
  --ui-comparison-portal-product-summary-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, var(--ui-theme-border));
  --ui-comparison-portal-product-summary-media-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 26%, var(--ui-theme-border));
  --ui-comparison-portal-product-summary-media-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, var(--ui-theme-brand-accent) 14%);
  --ui-comparison-portal-product-summary-fact-border: 1px solid color-mix(in oklch, var(--ui-theme-border) 48%, transparent);
  --ui-comparison-portal-product-summary-fact-background: color-mix(in oklch, var(--ui-theme-surface-elevated) 84%, var(--ui-theme-brand-accent) 16%);
  --ui-comparison-portal-tabs-border-block: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-border));
  --ui-comparison-portal-tab-hover-color: var(--ui-theme-brand-accent);
  --ui-comparison-portal-tab-active-border-color: var(--ui-theme-brand-accent);
  --ui-comparison-portal-summary-border-block: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-border));
  --ui-comparison-portal-sort-link-border: 1px solid color-mix(in oklch, var(--ui-theme-border) 66%, transparent);
  --ui-comparison-portal-sort-link-active-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 68%, var(--ui-theme-border));
  --ui-comparison-portal-sort-link-active-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-active-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 56%, var(--ui-theme-border));
  --ui-comparison-portal-filter-active-background: color-mix(in oklch, var(--ui-theme-brand-accent) 12%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-media-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, var(--ui-theme-border));
  --ui-comparison-portal-filter-media-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, var(--ui-theme-brand-accent) 14%);
  --ui-comparison-portal-enterprise-summary-background: color-mix(in oklch, var(--ui-theme-surface-card) 90%, var(--ui-theme-brand-accent) 10%);
  --ui-comparison-portal-enterprise-summary-border-block: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 22%, var(--ui-theme-border));
  --ui-comparison-portal-matrix-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-border));
  --ui-comparison-portal-matrix-background: color-mix(in oklch, var(--ui-theme-surface-card) 94%, transparent);
  --ui-comparison-portal-matrix-best-background: color-mix(in oklch, var(--ui-theme-brand-primary-strong) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-quality-background: color-mix(in oklch, var(--ui-theme-brand-primary-strong) 12%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-value-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-list-border-top: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-border));
  --ui-comparison-portal-row-border-bottom: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-border));
  --ui-comparison-portal-media-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, var(--ui-theme-border));
  --ui-comparison-portal-media-background: color-mix(in oklch, var(--ui-theme-surface-card) 86%, var(--ui-theme-brand-accent) 14%);
  --ui-comparison-portal-price-signal-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 68%, var(--ui-theme-border));
  --ui-comparison-portal-price-signal-background: color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-surface-card));
  --ui-comparison-portal-evidence-background: color-mix(in oklch, var(--ui-theme-surface-card) 90%, var(--ui-theme-brand-accent) 10%);
  --ui-comparison-portal-evidence-border-inline-start: 3px solid color-mix(in oklch, var(--ui-theme-brand-accent) 48%, var(--ui-theme-border));
  --ui-comparison-portal-listing-filter-border: 1px solid color-mix(in oklch, var(--ui-theme-border) 66%, transparent);
  --ui-comparison-portal-listing-filter-background: color-mix(in oklch, var(--ui-theme-surface-card) 94%, transparent);
  --ui-comparison-portal-deal-control-background: color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-explanation-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 22%, var(--ui-theme-border));
  --ui-comparison-portal-explanation-background: color-mix(in oklch, var(--ui-theme-surface-card) 90%, var(--ui-theme-brand-accent) 10%);
  --ui-comparison-portal-home-insight-min-height: var(--ui-card-min-height-md);
  --ui-comparison-portal-home-insight-gap: var(--ui-stack-gap-sm);
  --ui-comparison-portal-home-insight-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-border));
  --ui-comparison-portal-home-insight-background: color-mix(in oklch, var(--ui-theme-surface-card) 94%, transparent);
  --ui-comparison-portal-home-filter-border: 1px solid color-mix(in oklch, var(--ui-theme-border) 52%, transparent);
  --ui-comparison-portal-home-filter-background: color-mix(in oklch, var(--ui-theme-surface-card) 92%, transparent);
  --ui-comparison-portal-home-filter-hover-border: color-mix(in oklch, var(--ui-theme-brand-accent) 64%, var(--ui-theme-border));
  --ui-comparison-portal-home-filter-hover-background: color-mix(in oklch, var(--ui-theme-surface-card) 82%, var(--ui-theme-brand-accent) 18%);
  --ui-comparison-portal-home-filter-label-size: var(--ui-font-size-body);
  --ui-comparison-portal-home-row-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 18%, var(--ui-theme-border));
  --ui-comparison-portal-home-card-media-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-accent) 24%, transparent);
  --ui-comparison-portal-home-price-badge-border: color-mix(in oklch, var(--ui-theme-brand-accent) 68%, var(--ui-theme-border));
  --ui-comparison-portal-home-price-badge-background: color-mix(in oklch, var(--ui-theme-brand-accent) 20%, var(--ui-theme-surface-card));
  --ui-comparison-portal-primary-action-background: var(--ui-theme-brand-primary-strong);
  --ui-comparison-portal-primary-action-color: var(--ui-theme-text-on-primary);
  --ui-comparison-portal-top-deals-border-color: color-mix(in oklch, var(--ui-theme-brand-accent) 52%, var(--ui-theme-border));
  --ui-comparison-portal-top-deals-background: linear-gradient(180deg, color-mix(in oklch, var(--ui-theme-brand-accent) 14%, var(--ui-theme-surface-card)), var(--ui-theme-surface-card));
  padding-block: var(--ui-comparison-portal-rhythm-section-padding, var(--ui-section-padding-sm));
}


/* MaxCompare comparison portal presets are Core UI owned; themes provide semantic --theme-* values only. */
.ui-comparison-portal {
  --ui-comparison-portal-home-padding: var(--ui-comparison-portal-rhythm-section-padding, clamp(var(--ui-space-4), 4.8vw, var(--ui-space-8))) var(--ui-comparison-portal-rhythm-section-padding, clamp(var(--ui-space-4), 4.8vw, var(--ui-space-8)));
  --ui-comparison-portal-home-background: var(--ui-theme-surface-page);
  --ui-comparison-portal-home-mast-grid-areas: "intro media" "search media";
  --ui-comparison-portal-home-mast-grid-columns: minmax(0, 1.04fr) minmax(0, 0.76fr);
  --ui-comparison-portal-home-mast-gap: var(--ui-comparison-portal-rhythm-gap-md, var(--ui-grid-gap));
  --ui-comparison-portal-home-mast-padding: var(--ui-comparison-portal-rhythm-mast-padding, clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6))) 0 var(--ui-comparison-portal-rhythm-mast-padding, clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6)));
  --ui-comparison-portal-home-intro-align-self: end;
  --ui-comparison-portal-home-intro-max-width: var(--ui-text-measure-lg);
  --ui-comparison-portal-home-badge-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-badge-background: color-mix(in oklch, var(--ui-theme-brand-primary) 12%, transparent);
  --ui-comparison-portal-home-badge-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-search-align-self: start;
  --ui-comparison-portal-home-search-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-home-search-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-search-shadow: var(--ui-theme-shadow-soft);
  --ui-comparison-portal-home-media-align-self: stretch;
  --ui-comparison-portal-home-media-columns: repeat(2, minmax(0, 1fr));
  --ui-comparison-portal-home-media-gap: var(--ui-grid-gap);
  --ui-comparison-portal-home-media-min-height: var(--ui-card-min-height-lg);
  --ui-comparison-portal-home-media-item-min-height: var(--ui-card-min-height-md);
  --ui-comparison-portal-home-media-item-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-media-image-padding: var(--ui-space-3);
  --ui-comparison-portal-home-media-copy-padding-inline: var(--ui-space-sm);
  --ui-comparison-portal-home-media-copy-padding-block-end: var(--ui-space-sm);
  --ui-comparison-portal-home-showcase-order: 4;
  --ui-comparison-portal-home-body-order: 3;
  --ui-comparison-portal-home-insights-order: 5;
  --ui-comparison-portal-home-tabs-order: 6;
  --ui-comparison-portal-home-explanation-order: 7;
  --ui-comparison-portal-home-showcase-gap: var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-theme-density-public-section-gap));
  --ui-comparison-portal-home-stage-gap: var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-lg));
  --ui-comparison-portal-home-stage-padding-block: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
  --ui-comparison-portal-home-stage-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-stage-title-size: var(--ui-font-size-h4);
  --ui-comparison-portal-home-category-stage-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  --ui-comparison-portal-home-category-stage-item-min-height: 7.5rem;
  --ui-comparison-portal-home-category-stage-item-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-category-stage-item-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-category-stage-item-background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-category-stage-media-size: 3.75rem;
  --ui-comparison-portal-home-category-stage-media-background: color-mix(in oklch, var(--ui-theme-success) 7%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-product-stage-gap: 0;
  --ui-comparison-portal-home-product-stage-item-columns: minmax(4.75rem, auto) minmax(0, 1fr) minmax(0, max-content);
  --ui-comparison-portal-home-product-stage-media-size: 4rem;
  --ui-comparison-portal-home-decision-stage-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  --ui-comparison-portal-home-decision-stage-gap: var(--ui-space-md);
  --ui-comparison-portal-home-decision-stage-item-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-decision-stage-item-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-seo-stage-columns: repeat(2, minmax(0, 1fr));
  --ui-comparison-portal-home-seo-stage-gap: var(--ui-space-lg) clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
  --ui-comparison-portal-home-seo-stage-item-columns: var(--ui-size-touch-target) minmax(0, 1fr);
  --ui-comparison-portal-home-seo-stage-item-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-seo-stage-action-grid-column: 2;
  --ui-comparison-portal-subpage-gap: var(--ui-space-6);
  --ui-comparison-portal-subpage-mast-padding: var(--ui-space-6) 0;
  --ui-comparison-portal-subpage-mast-border: 0;
  --ui-comparison-portal-subpage-mast-radius: 0;
  --ui-comparison-portal-subpage-mast-background: transparent;
  --ui-comparison-portal-subpage-badge-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-badge-background: color-mix(in oklch, var(--ui-theme-brand-primary) 12%, transparent);
  --ui-comparison-portal-subpage-badge-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-subpage-title-size: var(--ui-font-size-h3);
  --ui-comparison-portal-subpage-search-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-subpage-search-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-subpage-search-shadow: var(--ui-theme-shadow-soft);
  --ui-comparison-portal-subpage-guide-padding-block: var(--ui-space-5);
  --ui-comparison-portal-subpage-guide-border-block: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-subpage-guide-item-columns: var(--ui-size-icon-lg) minmax(0, 1fr);
  --ui-comparison-portal-subpage-guide-item-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-subpage-guide-icon-size: var(--ui-size-icon-lg);
  --ui-comparison-portal-subpage-guide-icon-background: color-mix(in oklch, var(--ui-theme-brand-primary) 10%, var(--ui-theme-surface-card));
  --ui-comparison-portal-subpage-guide-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-subpage-guide-action-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-listing-gap: var(--ui-space-5);
  --ui-comparison-portal-listing-padding: var(--ui-space-5) 0;
  --ui-comparison-portal-listing-row-padding-block: clamp(var(--ui-space-4), 1.6vw, var(--ui-space-6));
  --ui-comparison-portal-listing-row-padding-inline: clamp(var(--ui-space-3), 1.4vw, var(--ui-space-5));
  --ui-comparison-portal-listing-row-border: 0;
  --ui-comparison-portal-listing-row-radius: 0;
  --ui-comparison-portal-listing-row-background: transparent;
  --ui-comparison-portal-listing-media-background: color-mix(in oklch, var(--ui-theme-brand-primary) 4%, var(--ui-theme-surface-card));
  --ui-comparison-portal-product-first-row-background: transparent;
  --ui-comparison-portal-deal-listing-background: linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-primary) 6%, transparent), transparent 58%), transparent;
  --ui-comparison-portal-deal-listing-row-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary) 26%, var(--ui-theme-border-strong));
  --ui-comparison-portal-deal-listing-media-background: color-mix(in oklch, var(--ui-theme-success) 7%, var(--ui-theme-surface-card));
  --ui-comparison-portal-service-listing-row-background: linear-gradient(135deg, color-mix(in oklch, var(--ui-theme-brand-primary) 10%, transparent), transparent 58%), var(--ui-theme-surface-card);
  --ui-comparison-portal-product-detail-row-background: transparent;
  --ui-comparison-portal-product-detail-mast-order: 1;
  --ui-comparison-portal-product-detail-product-order: 2;
  --ui-comparison-portal-product-detail-body-order: 3;
  --ui-comparison-portal-product-detail-explanation-order: 4;
  --ui-comparison-portal-product-detail-subpage-guides-order: 5;
  --ui-comparison-portal-product-detail-mast-columns: minmax(0, 0.9fr) minmax(18rem, 0.72fr);
  --ui-comparison-portal-product-detail-mast-align-items: center;
  --ui-comparison-portal-product-detail-mast-gap: clamp(var(--ui-space-6), 4vw, var(--ui-space-10));
  --ui-comparison-portal-product-detail-mast-padding: clamp(var(--ui-space-6), 4vw, var(--ui-space-10)) 0 var(--ui-space-4);
  --ui-comparison-portal-product-detail-mast-border: 0;
  --ui-comparison-portal-product-detail-mast-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-product-detail-mast-radius: 0;
  --ui-comparison-portal-product-detail-mast-background: transparent;
  --ui-comparison-portal-product-detail-mast-shadow: none;
  --ui-comparison-portal-product-detail-row-columns: minmax(6.5rem, 8rem) minmax(20rem, 1fr) minmax(8rem, 10rem) minmax(15rem, max-content);
  --ui-comparison-portal-product-detail-row-columns-no-media: minmax(20rem, 1fr) minmax(8rem, 10rem) minmax(15rem, max-content);
  --ui-comparison-portal-product-detail-actions-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), max-content));
  --ui-comparison-portal-product-detail-action-min-inline-size: 12.5rem;
  --ui-comparison-portal-product-detail-media-grid-column: 1;
  --ui-comparison-portal-product-detail-media-grid-row: 1;
  --ui-comparison-portal-product-detail-media-align-self: center;
  --ui-comparison-portal-product-detail-media-justify-self: start;
  --ui-comparison-portal-product-detail-media-padding: var(--ui-space-xs);
  --ui-comparison-portal-product-detail-media-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-product-detail-media-radius: var(--ui-theme-radius-control);
  --ui-comparison-portal-product-detail-main-grid-column: 2;
  --ui-comparison-portal-product-detail-main-grid-row: 1;
  --ui-comparison-portal-product-detail-main-align-self: center;
  --ui-comparison-portal-product-detail-signal-grid-column: 3;
  --ui-comparison-portal-product-detail-signal-grid-row: 1;
  --ui-comparison-portal-product-detail-signal-justify-self: end;
  --ui-comparison-portal-product-detail-signal-align-self: center;
  --ui-comparison-portal-product-detail-signal-white-space: nowrap;
  --ui-comparison-portal-product-detail-actions-grid-column: 4;
  --ui-comparison-portal-product-detail-actions-grid-row: 1;
  --ui-comparison-portal-product-detail-actions-align-self: center;
  --ui-comparison-portal-product-detail-actions-justify-self: end;
  --ui-comparison-portal-product-detail-actions-display: flex;
  --ui-comparison-portal-product-detail-actions-flex-wrap: wrap;
  --ui-comparison-portal-product-detail-product-action-display: flex;
  --ui-comparison-portal-product-detail-product-action-flex-wrap: wrap;
  --ui-comparison-portal-product-detail-product-action-align-content: center;
  --ui-comparison-portal-product-detail-facts-gap: var(--ui-space-xs) var(--ui-space-md);
  --ui-comparison-portal-product-detail-fact-display: inline-flex;
  --ui-comparison-portal-product-detail-fact-align-items: baseline;
  --ui-comparison-portal-product-detail-fact-gap: var(--ui-space-2xs);
  --ui-comparison-portal-product-detail-fact-width: auto;
  --ui-comparison-portal-product-detail-fact-padding: 0;
  --ui-comparison-portal-product-detail-fact-padding-block: 0;
  --ui-comparison-portal-product-detail-fact-padding-inline: 0;
  --ui-comparison-portal-product-detail-fact-border: 0;
  --ui-comparison-portal-product-detail-fact-background: transparent;
  --ui-comparison-portal-product-detail-explanation-columns: minmax(0, 1fr);
  --ui-comparison-portal-product-detail-explanation-gap: clamp(var(--ui-space-4), 2.4vw, var(--ui-space-8));
  --ui-comparison-portal-product-detail-explanation-padding-block: clamp(var(--ui-space-5), 3vw, var(--ui-space-8));
  --ui-comparison-portal-product-detail-explanation-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-product-detail-explanation-background: transparent;
  --ui-comparison-portal-product-detail-subpage-guides-columns: minmax(0, 1fr);
  --ui-comparison-portal-product-detail-subpage-guides-gap: clamp(var(--ui-space-4), 2.4vw, var(--ui-space-8));
  --ui-comparison-portal-product-detail-subpage-guides-padding-block: clamp(var(--ui-space-5), 3vw, var(--ui-space-8));
  --ui-comparison-portal-product-detail-subpage-guides-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-product-detail-subpage-guides-background: transparent;
  --ui-comparison-portal-product-detail-media-width: min(100%, 8rem);
  --ui-comparison-portal-product-detail-media-aspect-ratio: 4 / 3;
  --ui-comparison-portal-product-zone-gap: var(--ui-space-5);
  --ui-comparison-portal-product-zone-padding-block: var(--ui-space-5);
  --ui-comparison-portal-product-zone-item-border-block: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-product-zone-item-shadow: var(--ui-theme-shadow-card);
  --ui-comparison-portal-product-summary-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-product-summary-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-product-summary-media-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-product-summary-media-background: color-mix(in oklch, var(--ui-theme-brand-primary) 4%, var(--ui-theme-surface-card));
  --ui-comparison-portal-product-summary-media-size: min(100%, 13rem);
  --ui-comparison-portal-product-summary-media-aspect-ratio: 1 / 1;
  --ui-comparison-portal-product-summary-media-align-self: center;
  --ui-comparison-portal-product-summary-media-padding: var(--ui-space-sm);
  --ui-comparison-portal-product-summary-facts-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  --ui-comparison-portal-product-summary-action-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), max-content));
  --ui-comparison-portal-product-summary-action-button-min-inline-size: 12.5rem;
  --ui-comparison-portal-product-summary-fact-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-product-summary-fact-radius: var(--ui-theme-radius-sm);
  --ui-comparison-portal-product-summary-fact-background: transparent;
  --ui-comparison-portal-product-detail-facts-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  --ui-comparison-portal-product-detail-facts-gap: var(--ui-space-sm);
  --ui-comparison-portal-product-detail-fact-min-width: 0;
  --ui-comparison-portal-product-detail-fact-padding: 0;
  --ui-comparison-portal-product-detail-fact-padding-block: 0;
  --ui-comparison-portal-product-detail-fact-padding-inline: 0;
  --ui-comparison-portal-product-detail-fact-border: 0;
  --ui-comparison-portal-product-detail-fact-radius: 0;
  --ui-comparison-portal-product-detail-fact-background: transparent;
  --ui-comparison-portal-product-detail-fact-label-color: var(--ui-theme-text-muted);
  --ui-comparison-portal-product-detail-fact-label-size: var(--ui-theme-font-size-xs);
  --ui-comparison-portal-product-detail-fact-label-weight: var(--ui-theme-font-weight-semibold);
  --ui-comparison-portal-product-detail-fact-value-color: var(--ui-theme-text-primary);
  --ui-comparison-portal-product-detail-fact-value-weight: var(--ui-theme-font-weight-bold);
  --ui-comparison-portal-product-detail-fact-value-max-width: min(100%, var(--ui-action-menu-min-width));
  --ui-comparison-portal-tabs-border-block: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-summary-border-block: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-sort-link-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-sort-link-active-border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 54%, var(--ui-theme-border));
  --ui-comparison-portal-sort-link-active-background: color-mix(in oklch, var(--ui-theme-brand-primary) 10%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-active-border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 54%, var(--ui-theme-border));
  --ui-comparison-portal-filter-active-background: color-mix(in oklch, var(--ui-theme-brand-primary) 10%, var(--ui-theme-surface-card));
  --ui-comparison-portal-filter-media-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-filter-media-background: color-mix(in oklch, var(--ui-theme-brand-primary) 4%, var(--ui-theme-surface-card));
  --ui-comparison-portal-enterprise-summary-background: color-mix(in oklch, var(--ui-theme-surface-card) 88%, var(--ui-theme-brand-primary) 8%);
  --ui-comparison-portal-enterprise-summary-border-block: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-matrix-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-matrix-best-background: color-mix(in oklch, var(--ui-theme-brand-primary) 18%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-quality-background: color-mix(in oklch, var(--ui-theme-brand-primary) 12%, var(--ui-theme-surface-card));
  --ui-comparison-portal-matrix-value-background: color-mix(in oklch, var(--ui-theme-success) 10%, var(--ui-theme-surface-card));
  --ui-comparison-portal-list-border-top: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-row-border-bottom: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-media-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-media-background: color-mix(in oklch, var(--ui-theme-brand-primary) 4%, var(--ui-theme-surface-card));
  --ui-comparison-portal-price-signal-border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 42%, var(--ui-theme-border));
  --ui-comparison-portal-price-signal-background: color-mix(in oklch, var(--ui-theme-success) 8%, var(--ui-theme-surface-card));
  --ui-comparison-portal-evidence-background: color-mix(in oklch, var(--ui-theme-surface-card) 92%, var(--ui-theme-brand-primary) 5%);
  --ui-comparison-portal-evidence-border-inline-start: 3px solid color-mix(in oklch, var(--ui-theme-brand-primary) 48%, var(--ui-theme-border));
  --ui-comparison-portal-listing-filter-border: 1px solid var(--ui-theme-border);
  --ui-comparison-portal-deal-control-background: color-mix(in oklch, var(--ui-theme-brand-primary) 9%, var(--ui-theme-surface-card));
  --ui-comparison-portal-explanation-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-explanation-background: color-mix(in oklch, var(--ui-theme-surface-card) 88%, var(--ui-theme-brand-primary) 8%);
  --ui-comparison-portal-body-gap: var(--ui-space-5);
  --ui-comparison-portal-evidence-padding: var(--ui-space-sm) 0 var(--ui-space-sm) var(--ui-space-sm);
  --ui-comparison-portal-home-discovery-gap: var(--ui-space-6);
  --ui-comparison-portal-home-insight-padding: var(--ui-space-sm) 0;
  --ui-comparison-portal-home-insight-border: 0;
  --ui-comparison-portal-home-insight-radius: 0;
  --ui-comparison-portal-home-insight-background: transparent;
  --ui-comparison-portal-home-insight-value-color: var(--ui-theme-success);
  --ui-comparison-portal-home-results-order: 2;
  --ui-comparison-portal-home-filters-order: 1;
  --ui-comparison-portal-home-filter-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  --ui-comparison-portal-home-filter-gap: 0;
  --ui-comparison-portal-home-filter-padding-block: var(--ui-space-sm);
  --ui-comparison-portal-home-filter-padding-inline: 0;
  --ui-comparison-portal-home-filter-border: 0;
  --ui-comparison-portal-home-filter-radius: 0;
  --ui-comparison-portal-home-filter-background: transparent;
  --ui-comparison-portal-home-filter-hover-border: transparent;
  --ui-comparison-portal-home-filter-hover-background: transparent;
  --ui-comparison-portal-home-filter-media-size: 2rem;
  --ui-comparison-portal-home-filter-media-radius: 0;
  --ui-comparison-portal-home-filter-media-background: transparent;
  --ui-comparison-portal-home-list-gap: 0;
  --ui-comparison-portal-home-list-border-top: 2px solid var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-row-min-height: 7.25rem;
  --ui-comparison-portal-home-row-padding: var(--ui-space-md) 0;
  --ui-comparison-portal-home-row-gap: var(--ui-space-md);
  --ui-comparison-portal-home-row-border: 0;
  --ui-comparison-portal-home-row-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-row-radius: 0;
  --ui-comparison-portal-home-row-background: transparent;
  --ui-comparison-portal-home-rank-size: 2rem;
  --ui-comparison-portal-home-rank-radius: 0.8rem;
  --ui-comparison-portal-home-rank-background: color-mix(in oklch, var(--ui-theme-brand-primary) 14%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-rank-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-card-media-width: 5.5rem;
  --ui-comparison-portal-home-card-media-border: 0;
  --ui-comparison-portal-home-card-media-radius: 0;
  --ui-comparison-portal-home-card-media-background: transparent;
  --ui-comparison-portal-home-card-media-image-padding: 0;
  --ui-comparison-portal-home-main-gap: var(--ui-space-sm);
  --ui-comparison-portal-home-main-title-weight: var(--ui-font-weight-black);
  --ui-comparison-portal-home-signal-align-self: center;
  --ui-comparison-portal-home-price-badge-border: color-mix(in oklch, var(--ui-theme-brand-primary) 44%, var(--ui-theme-border));
  --ui-comparison-portal-home-price-badge-background: color-mix(in oklch, var(--ui-theme-success) 8%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-price-badge-color: var(--ui-theme-text-primary);
  --ui-comparison-portal-home-actions-align-self: center;
}

.ui-comparison-portal[data-component-variant="search_first"] {
  --ui-comparison-portal-home-mast-max-width: 100%;
  --ui-comparison-portal-home-mast-grid-columns: minmax(20rem, 0.9fr) minmax(28rem, 1.1fr);
  --ui-comparison-portal-home-mast-gap: var(--ui-comparison-portal-rhythm-gap-lg, clamp(var(--ui-space-xl), 5vw, var(--ui-space-12)));
  --ui-comparison-portal-home-media-gap: var(--ui-space-md);
  --ui-comparison-portal-home-media-width: min(100%, 28rem);
  --ui-comparison-portal-home-media-item-min-height: 8rem;
  --ui-comparison-portal-home-showcase-order: 2;
  --ui-comparison-portal-home-insights-order: 4;
  --ui-comparison-portal-home-tabs-order: 5;
  --ui-comparison-portal-home-explanation-order: 6;
  --ui-comparison-portal-home-background: transparent;
  --ui-comparison-portal-home-padding: 0 0 var(--ui-comparison-portal-rhythm-section-padding, clamp(var(--ui-space-4), 4.8vw, var(--ui-space-8)));
  padding-block-start: 0;
  --ui-comparison-portal-home-stage-title-size: var(--ui-font-size-h3);
  --ui-comparison-portal-home-stage-title-weight: var(--ui-font-weight-semibold);
  --ui-comparison-portal-home-main-title-weight: var(--ui-font-weight-bold);
  --ui-comparison-portal-home-category-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-category-stage-item-min-height: auto;
  --ui-comparison-portal-home-category-stage-item-radius: 0;
  --ui-comparison-portal-home-category-stage-item-border: 0;
  --ui-comparison-portal-home-category-stage-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-category-stage-item-background: transparent;
  --ui-comparison-portal-home-product-stage-border: 0;
  --ui-comparison-portal-home-product-stage-border-block-start: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-home-product-stage-radius: 0;
  --ui-comparison-portal-home-product-stage-background: transparent;
  --ui-comparison-portal-home-product-stage-list-border-block-start: 0;
  --ui-comparison-portal-home-suite-gap: 0;
  --ui-comparison-portal-home-suite-min-height: auto;
  --ui-comparison-portal-home-suite-border: 0;
  --ui-comparison-portal-home-suite-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-suite-radius: 0;
  --ui-comparison-portal-home-decision-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-decision-stage-item-radius: 0;
  --ui-comparison-portal-home-decision-stage-item-border: 0;
  --ui-comparison-portal-home-decision-stage-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-seo-stage-columns: minmax(0, 1fr);
}


body[data-shell="public"] .ui-public-page:has(.ui-comparison-portal) {
  --ui-page-component-zone-columns: minmax(0, 1fr);
  --ui-page-component-zone-desktop-columns: minmax(0, 1fr);
  --ui-page-component-zone-gap: clamp(var(--ui-space-4), 2.2vw, var(--ui-space-6));
  --ui-page-component-zone-full-item-width: 100%;
  --ui-page-component-zone-full-item-max-width: none;
}

.ui-comparison-portal {
  --ui-comparison-portal-surface-width: 100%;
  --ui-comparison-portal-surface-max-width: none;
  --ui-comparison-portal-rhythm-gap-sm: clamp(var(--ui-space-3), 1.6vw, var(--ui-space-4));
  --ui-comparison-portal-rhythm-gap-md: clamp(var(--ui-space-4), 2.2vw, var(--ui-space-6));
  --ui-comparison-portal-rhythm-gap-lg: clamp(var(--ui-space-5), 3vw, var(--ui-space-7));
  --ui-comparison-portal-rhythm-mast-padding: clamp(var(--ui-space-7), 6vw, var(--ui-space-10, 6rem));
  --ui-comparison-portal-rhythm-section-padding: clamp(var(--ui-space-4), 2.2vw, var(--ui-space-5));
  --ui-comparison-portal-rhythm-compact-section-padding: var(--ui-space-sm);
  --ui-comparison-portal-rhythm-live-stage-width: min(100%, 32rem);
  --ui-comparison-portal-rhythm-live-media-height: clamp(7rem, 12vw, 9.5rem);
  --ui-comparison-portal-surface-gap: var(--ui-comparison-portal-rhythm-gap-md);
}

@media (min-width: 48rem) {
  body[data-shell="public"] .ui-public-page:has(.ui-comparison-portal) {
    --ui-comparison-portal-body-gap: var(--ui-theme-density-public-section-gap);
    --ui-comparison-portal-subpage-mast-padding: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6)) 0;
    --ui-comparison-portal-subpage-guide-padding-block: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
    --ui-comparison-portal-subpage-guide-gap: var(--ui-space-md);
    --ui-comparison-portal-subpage-guide-item-columns: var(--ui-size-touch-target) minmax(0, 1fr) minmax(8rem, max-content);
    --ui-comparison-portal-subpage-guide-item-gap: var(--ui-space-md);
    --ui-comparison-portal-subpage-guide-item-padding-block: var(--ui-space-md);
    --ui-comparison-portal-subpage-guide-action-grid-column: auto;
    --ui-comparison-portal-home-category-stage-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
    --ui-comparison-portal-home-category-stage-gap: var(--ui-space-md);
    --ui-comparison-portal-home-category-stage-item-min-height: 9rem;
    --ui-comparison-portal-home-category-stage-item-padding: var(--ui-space-md);
    --ui-comparison-portal-home-category-stage-media-size: 4.75rem;
    --ui-comparison-portal-home-product-stage-item-padding-block: var(--ui-space-md);
    --ui-comparison-portal-home-product-stage-media-size: 4.75rem;
    --ui-comparison-portal-home-decision-stage-item-padding: var(--ui-space-lg);
    --ui-comparison-portal-home-seo-stage-item-padding-block: var(--ui-space-lg);
    --ui-comparison-portal-listing-row-padding-block: clamp(var(--ui-space-5), 1.7vw, var(--ui-space-8));
    --ui-comparison-portal-listing-row-padding-inline: clamp(var(--ui-space-4), 1.5vw, var(--ui-space-6));
    --ui-comparison-portal-listing-row-gap: var(--ui-space-md);
  }

  .ui-comparison-portal[data-component-variant="search_first"] {
    --ui-comparison-portal-home-trust-stage-columns: minmax(0, 1fr);
  }
}

.ui-comparison-portal:not([data-component-variant="search_first"]) {
  --ui-comparison-portal-subpage-mast-order: 1;
  --ui-comparison-portal-subpage-guides-order: 2;
  --ui-comparison-portal-subpage-controls-order: 3;
  --ui-comparison-portal-subpage-body-order: 4;
  --ui-comparison-portal-subpage-home-showcase-order: 5;
  --ui-comparison-portal-home-showcase-gap: var(--ui-space-4);
  --ui-comparison-portal-home-stage-gap: var(--ui-space-2);
  --ui-comparison-portal-home-stage-padding-block: var(--ui-space-4);
  --ui-comparison-portal-home-category-stage-columns: repeat(2, minmax(0, 1fr));
  --ui-comparison-portal-home-category-stage-gap: var(--ui-space-sm) var(--ui-space-md);
  --ui-comparison-portal-home-category-stage-item-min-height: auto;
  --ui-comparison-portal-home-category-stage-item-padding: 0;
  --ui-comparison-portal-home-category-stage-item-border: 0;
  --ui-comparison-portal-home-category-stage-item-radius: 0;
  --ui-comparison-portal-home-category-stage-item-background: transparent;
  --ui-comparison-portal-home-category-stage-media-size: var(--ui-size-icon-md);
  --ui-comparison-portal-home-product-stage-media-size: 3.5rem;
  --ui-comparison-portal-home-decision-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-decision-stage-item-padding: 0;
  --ui-comparison-portal-home-decision-stage-item-border: 0;
  --ui-comparison-portal-home-decision-stage-item-radius: 0;
  --ui-comparison-portal-home-decision-stage-item-background: transparent;
  --ui-comparison-portal-home-decision-stage-icon-size: var(--ui-size-icon-md);
  --ui-comparison-portal-home-seo-stage-item-columns: var(--ui-size-icon-md) minmax(0, 1fr);
  --ui-comparison-portal-home-seo-stage-item-padding-block: var(--ui-space-sm);
  --ui-comparison-portal-home-seo-stage-icon-size: var(--ui-size-icon-md);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__subpage-guides {
  --ui-comparison-portal-subpage-guide-padding-block: var(--ui-space-4);
  --ui-comparison-portal-subpage-guide-gap: var(--ui-space-xs);
  --ui-comparison-portal-subpage-guide-item-gap: var(--ui-space-xs);
  --ui-comparison-portal-subpage-guide-item-padding-block: var(--ui-space-xs);
  --ui-comparison-portal-subpage-guide-icon-size: var(--ui-size-icon-md);
  --ui-comparison-portal-subpage-guide-copy-meta-display: none;
  --ui-comparison-portal-subpage-guide-copy-meta-display-tablet: block;
}

@media (min-width: 48rem) {
  .ui-comparison-portal:not([data-component-variant="search_first"]) {
    --ui-comparison-portal-home-category-stage-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-product-stage-item-columns: minmax(3.5rem, auto) minmax(0, 1fr) max-content;
    --ui-comparison-portal-home-decision-stage-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-comparison-portal[data-component-variant="product_detail"] {
    --ui-comparison-portal-product-detail-explanation-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-product-detail-subpage-guides-columns: repeat(2, minmax(0, 1fr));
  }
}

.ui-comparison-portal[data-component-variant="search_first"],
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal {
  --ui-page-component-zone-full-item-width: 100%;
  --ui-page-component-zone-full-item-max-width: none;
  --ui-comparison-portal-home-gap: var(--ui-comparison-portal-rhythm-gap-md);
  --ui-comparison-portal-home-padding: 0 0 var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-padding-block-start: 0;
  --ui-comparison-portal-search-first-border-block: 0;
  --ui-comparison-portal-home-mast-grid-areas: "intro" "search" "media";
  --ui-comparison-portal-home-mast-grid-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-full-bleed-background: color-mix(in oklch, var(--ui-theme-brand-primary) 30%, var(--ui-theme-surface-page));
  --ui-comparison-portal-home-full-bleed-shadow: 0 0 0 100vmax var(--ui-comparison-portal-home-full-bleed-background);
  --ui-comparison-portal-home-full-bleed-clip-path: inset(0 -100vmax);
  --ui-comparison-portal-home-hero-background-scrim-content: "";
  --ui-comparison-portal-home-hero-background-scrim-inset: 0;
  --ui-comparison-portal-home-hero-background-scrim: linear-gradient(90deg, color-mix(in oklch, var(--ui-theme-surface-page) 90%, transparent) 0%, color-mix(in oklch, var(--ui-theme-surface-page) 72%, transparent) 34%, color-mix(in oklch, var(--ui-theme-surface-page) 24%, transparent) 63%, color-mix(in oklch, var(--ui-theme-surface-page) 18%, transparent) 100%), linear-gradient(180deg, color-mix(in oklch, var(--ui-theme-surface-page) 14%, transparent) 0%, color-mix(in oklch, var(--ui-theme-surface-page) 34%, transparent) 100%);
  --ui-comparison-portal-home-hero-background-position: 42% center;
  --ui-comparison-portal-home-hero-background-transform: translateX(-58%) scale(1.08);
  --ui-comparison-portal-home-hero-background-filter: saturate(1.08) contrast(1.1) brightness(1.02);
  --ui-comparison-portal-home-mast-order: 0;
  --ui-comparison-portal-home-mast-align-items: stretch;
  --ui-comparison-portal-home-mast-gap: var(--ui-comparison-portal-rhythm-gap-md);
  --ui-comparison-portal-home-mast-min-height: 0;
  --ui-comparison-portal-home-mast-padding: var(--ui-comparison-portal-rhythm-mast-padding) 0;
  --ui-comparison-portal-home-mast-border: 0;
  --ui-comparison-portal-home-mast-radius: 0;
  --ui-comparison-portal-home-mast-background: var(--ui-comparison-portal-home-full-bleed-background);
  --ui-comparison-portal-home-mast-shadow: var(--ui-comparison-portal-home-full-bleed-shadow);
  --ui-comparison-portal-home-mast-clip-path: var(--ui-comparison-portal-home-full-bleed-clip-path);
  --ui-comparison-portal-home-mast-overflow: hidden;
  --ui-comparison-portal-home-intro-display: flex;
  --ui-comparison-portal-home-intro-direction: column;
  --ui-comparison-portal-home-intro-justify-content: flex-start;
  --ui-comparison-portal-home-intro-justify-items: center;
  --ui-comparison-portal-home-intro-text-align: start;
  --ui-comparison-portal-home-intro-align-self: stretch;
  --ui-comparison-portal-home-intro-min-height: 0;
  --ui-comparison-portal-home-intro-max-width: var(--ui-text-measure-lg);
  --ui-comparison-portal-home-intro-title-max-width: var(--ui-text-measure-lg);
  --ui-comparison-portal-home-intro-title-size: var(--ui-comparison-portal-home-hero-title-size);
  --ui-comparison-portal-home-intro-title-line-height: var(--ui-comparison-portal-home-hero-title-line-height);
  --ui-comparison-portal-home-title-weight: var(--ui-font-weight-semibold);
  --ui-comparison-portal-home-intro-body-max-width: var(--ui-text-measure-md);
  --ui-comparison-portal-home-intro-body-size: var(--ui-font-size-body-lg);
  --ui-comparison-portal-home-media-display: grid;
  --ui-comparison-portal-home-media-align-self: center;
  --ui-comparison-portal-home-media-justify-self: center;
  --ui-comparison-portal-home-media-link-border: 0;
  --ui-comparison-portal-home-media-link-radius: 0;
  --ui-comparison-portal-home-media-link-background: transparent;
  --ui-comparison-portal-home-media-link-shadow: none;
  --ui-comparison-portal-home-media-image-padding: 0;
  --ui-comparison-portal-home-media-image-width: 100%;
  --ui-comparison-portal-home-media-image-height: min(10rem, 35vw);
  --ui-comparison-portal-home-media-image-fit: contain;
  --ui-comparison-portal-home-media-image-position: center;
  --ui-comparison-portal-home-hero-live-product-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-hero-live-product-text-align: center;
  --ui-comparison-portal-home-hero-live-media-min-height: clamp(6rem, 34vw, 8rem);
  --ui-comparison-portal-home-hero-live-copy-max-width: min(100%, 20rem);
  --ui-comparison-portal-home-hero-live-copy-justify-self: center;
  --ui-comparison-portal-home-finder-panel-justify-self: stretch;
  --ui-comparison-portal-home-finder-panel-align-self: start;
  --ui-comparison-portal-home-finder-panel-max-width: none;
  --ui-comparison-portal-home-finder-panel-width: 100%;
  --ui-comparison-portal-home-finder-panel-gap: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-finder-panel-padding: var(--ui-comparison-portal-rhythm-section-padding) 0 0;
  --ui-comparison-portal-home-finder-panel-border: 0;
  --ui-comparison-portal-home-finder-panel-radius: 0;
  --ui-comparison-portal-home-finder-panel-background: transparent;
  --ui-comparison-portal-home-finder-modes-gap: var(--ui-space-xs);
  --ui-comparison-portal-home-finder-decisions-gap: var(--ui-space-xs);
  --ui-comparison-portal-home-finder-decision-gap: var(--ui-space-2xs);
  --ui-comparison-portal-home-search-grid-area: search;
  --ui-comparison-portal-home-search-align-self: start;
  --ui-comparison-portal-home-search-width: min(100%, var(--ui-content-width-default));
  --ui-comparison-portal-home-search-height: clamp(3.5rem, 4vw, 4rem);
  --ui-comparison-portal-home-finder-head-justify-content: space-between;
  --ui-comparison-portal-home-finder-head-icon-size: var(--ui-icon-size-xl);
  --ui-comparison-portal-home-finder-head-icon-padding: var(--ui-space-xs);
  --ui-comparison-portal-home-finder-head-icon-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-finder-head-icon-background: var(--ui-theme-brand-accent);
  --ui-comparison-portal-home-finder-head-icon-color: var(--ui-theme-text-primary);
  --ui-comparison-portal-home-finder-mode-display: grid;
  --ui-comparison-portal-home-finder-modes-columns: repeat(2, minmax(0, 1fr));
  --ui-comparison-portal-home-finder-mode-justify-items: center;
  --ui-comparison-portal-home-finder-mode-min-height: 2.75rem;
  --ui-comparison-portal-home-finder-mode-padding: var(--ui-space-xs) var(--ui-space-sm);
  --ui-comparison-portal-home-finder-mode-text-align: center;
  --ui-comparison-portal-home-finder-mode-font-weight: var(--ui-font-weight-bold);
  --ui-comparison-portal-home-finder-mode-featured-border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 48%, var(--ui-theme-border));
  --ui-comparison-portal-home-finder-mode-featured-background: linear-gradient(135deg, var(--ui-theme-brand-primary), var(--ui-theme-brand-primary-strong));
  --ui-comparison-portal-home-finder-mode-featured-color: var(--ui-theme-text-on-primary);
  --ui-comparison-portal-home-finder-decision-columns: auto minmax(0, 1fr);
  --ui-comparison-portal-home-finder-decision-align-items: center;
  --ui-comparison-portal-home-finder-decision-padding: var(--ui-space-xs) var(--ui-space-sm);
  --ui-comparison-portal-home-finder-decision-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-finder-decision-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-finder-decision-background: color-mix(in oklch, var(--ui-theme-surface-card-soft) 72%, transparent);
  --ui-comparison-portal-home-finder-decision-shadow: var(--ui-theme-shadow-soft);
  --ui-comparison-portal-home-finder-decision-status-grid-column: 2;
  --ui-comparison-portal-home-finder-decision-status-justify-self: start;
  --ui-comparison-portal-home-actions-white-space: nowrap;
  --ui-comparison-portal-home-actions-display: grid;
  --ui-comparison-portal-home-actions-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-actions-justify-self: stretch;
  --ui-comparison-portal-home-actions-justify-content: stretch;
  --ui-comparison-portal-home-actions-gap: var(--ui-space-sm);
  --ui-comparison-portal-home-actions-width: 100%;
  --ui-comparison-portal-home-tabs-justify-content: flex-start;
  --ui-comparison-portal-home-tabs-gap: var(--ui-space-xs);
  --ui-comparison-portal-home-tabs-padding: 0;
  --ui-comparison-portal-home-showcase-width: 100%;
  --ui-comparison-portal-home-showcase-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-showcase-areas: "finder" "scope" "decision" "products" "categories" "suites" "services" "workspace" "seo" "trust";
  --ui-comparison-portal-home-showcase-gap: var(--ui-comparison-portal-rhythm-gap-md);
  --ui-comparison-portal-home-stage-gap: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-stage-padding-block: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-stage-padding-inline: var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-visible-stage-padding: var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-stage-border-block: 0;
  --ui-comparison-portal-home-stage-title-weight: var(--ui-font-weight-semibold);
  --ui-comparison-portal-home-section-header-margin-block-end: var(--ui-space-sm);
  --ui-comparison-portal-home-section-header-padding-block-end: var(--ui-space-xs);
  --ui-comparison-portal-home-section-header-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-finder-panel-padding: var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-finder-panel-border: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-home-finder-panel-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-home-finder-panel-shadow: var(--ui-theme-shadow-soft);
  --ui-comparison-portal-home-finder-mode-border: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-finder-mode-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-finder-mode-background: color-mix(in oklch, var(--ui-theme-brand-primary) 4%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-scope-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-scope-gap: var(--ui-space-xs) var(--ui-space-md);
  --ui-comparison-portal-home-scope-item-min-height: auto;
  --ui-comparison-portal-home-scope-item-padding: var(--ui-space-sm) var(--ui-space-xs);
  --ui-comparison-portal-home-scope-item-border: 0;
  --ui-comparison-portal-home-scope-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-scope-item-radius: 0;
  --ui-comparison-portal-home-scope-item-background: transparent;
  --ui-comparison-portal-home-scope-item-shadow: none;
  --ui-comparison-portal-home-scope-icon-size: var(--ui-icon-size-xl);
  --ui-comparison-portal-home-scope-icon-background: color-mix(in oklch, var(--ui-theme-brand-primary) 11%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-scope-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-category-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-category-stage-align-items: start;
  --ui-comparison-portal-home-category-stage-gap: 0;
  --ui-comparison-portal-home-category-stage-padding: 0;
  --ui-comparison-portal-home-category-stage-radius: 0;
  --ui-comparison-portal-home-category-stage-background: transparent;
  --ui-comparison-portal-home-category-stage-shadow: none;
  --ui-comparison-portal-home-category-stage-item-min-height: auto;
  --ui-comparison-portal-home-category-stage-item-padding: var(--ui-space-sm) var(--ui-space-xs);
  --ui-comparison-portal-home-category-stage-item-border: 0;
  --ui-comparison-portal-home-category-stage-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-category-stage-item-background: transparent;
  --ui-comparison-portal-home-category-stage-media-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-product-stage-align-self: stretch;
  --ui-comparison-portal-home-product-stage-padding: var(--ui-comparison-portal-rhythm-gap-sm) var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-product-stage-border: 0;
  --ui-comparison-portal-home-product-stage-border-block-start: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-home-product-stage-radius: 0;
  --ui-comparison-portal-home-product-stage-background: transparent;
  --ui-comparison-portal-home-product-stage-list-border-block-start: 0;
  --ui-comparison-portal-home-product-stage-item-min-height: 4.75rem;
  --ui-comparison-portal-home-product-stage-item-padding-block: var(--ui-space-sm);
  --ui-comparison-portal-home-product-stage-item-padding-inline: var(--ui-space-xs);
  --ui-comparison-portal-home-product-stage-item-border: 0;
  --ui-comparison-portal-home-product-stage-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-product-stage-item-radius: 0;
  --ui-comparison-portal-home-product-stage-item-background: transparent;
  --ui-comparison-portal-home-product-stage-item-shadow: none;
  --ui-comparison-portal-home-product-stage-media-radius: var(--ui-theme-radius-card);
  --ui-comparison-portal-home-decision-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-decision-stage-item-first-min-height: auto;
  --ui-comparison-portal-home-suite-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-suite-gap: 0;
  --ui-comparison-portal-home-suite-min-height: auto;
  --ui-comparison-portal-home-suite-padding: var(--ui-space-md) var(--ui-space-sm);
  --ui-comparison-portal-home-suite-border: 0;
  --ui-comparison-portal-home-suite-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-suite-radius: 0;
  --ui-comparison-portal-home-suite-icon-background: color-mix(in oklch, var(--ui-theme-brand-primary) 11%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-suite-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-workspace-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-workspace-board-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-workspace-copy-column-min: 0;
  --ui-comparison-portal-home-workspace-gap: var(--ui-comparison-portal-rhythm-gap-lg);
  --ui-comparison-portal-home-workspace-min-height: clamp(15rem, 26vw, 18rem);
  --ui-comparison-portal-home-workspace-padding: var(--ui-space-md) var(--ui-space-sm);
  --ui-comparison-portal-home-workspace-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary) 28%, transparent);
  --ui-comparison-portal-home-workspace-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-home-workspace-background: linear-gradient(135deg, var(--ui-theme-brand-primary), var(--ui-theme-brand-primary-strong));
  --ui-comparison-portal-home-workspace-color: var(--ui-theme-text-on-primary);
  --ui-comparison-portal-home-workspace-board-padding: 0;
  --ui-comparison-portal-home-workspace-board-radius: var(--ui-theme-radius-panel);
  --ui-comparison-portal-home-workspace-board-background: color-mix(in oklch, var(--ui-theme-brand-primary) 16%, transparent);
  --ui-comparison-portal-home-workspace-item-border: 1px solid color-mix(in oklch, var(--ui-theme-text-on-primary) 18%, transparent);
  --ui-comparison-portal-home-workspace-item-background: color-mix(in oklch, var(--ui-theme-text-on-primary) 10%, transparent);
  --ui-comparison-portal-home-workspace-item-backdrop-filter: var(--ui-backdrop-filter-lg);
  --ui-comparison-portal-home-workspace-item-padding: var(--ui-space-sm);
  --ui-comparison-portal-home-service-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-service-gap: var(--ui-space-md);
  --ui-comparison-portal-home-service-icon-background: color-mix(in oklch, var(--ui-theme-brand-primary) 11%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-service-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-service-item-border: 0;
  --ui-comparison-portal-home-service-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-service-item-radius: 0;
  --ui-comparison-portal-home-service-item-background: transparent;
  --ui-comparison-portal-home-seo-stage-border-block-end: 1px solid var(--ui-theme-border-strong);
  --ui-comparison-portal-home-seo-stage-item-border: 0;
  --ui-comparison-portal-home-seo-stage-item-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-seo-stage-item-radius: 0;
  --ui-comparison-portal-home-seo-stage-item-background: transparent;
  --ui-comparison-portal-home-seo-stage-icon-background: color-mix(in oklch, var(--ui-theme-success) 8%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-seo-stage-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-seo-stage-action-color: var(--ui-theme-brand-primary-strong);
  --ui-comparison-portal-facts-display: flex;
  --ui-comparison-portal-facts-flex-wrap: wrap;
  --ui-comparison-portal-facts-gap: var(--ui-space-xs) var(--ui-space-md);
  --ui-comparison-portal-fact-display: inline-flex;
  --ui-comparison-portal-fact-align-items: baseline;
  --ui-comparison-portal-fact-gap: var(--ui-space-2xs);
  --ui-comparison-portal-results-display: grid;
  --ui-comparison-portal-results-gap: var(--ui-grid-gap);
  --ui-comparison-portal-home-insights-display: grid;
  --ui-comparison-portal-home-insights-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-insights-gap: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-insights-padding-block: var(--ui-comparison-portal-rhythm-section-padding);
  --ui-comparison-portal-home-insights-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-trust-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-trust-stage-gap: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-trust-stage-padding-block: var(--ui-comparison-portal-rhythm-compact-section-padding);
  --ui-comparison-portal-home-trust-stage-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-home-trust-item-border: 0;
  --ui-comparison-portal-home-trust-item-background: transparent;
  --ui-comparison-portal-home-trust-icon-background: color-mix(in oklch, var(--ui-theme-brand-primary) 11%, var(--ui-theme-surface-card));
  --ui-comparison-portal-home-trust-icon-color: var(--ui-theme-brand-primary);
  --ui-comparison-portal-home-media-item-border: 0;
  --ui-comparison-portal-home-media-item-radius: var(--ui-radius-sm);
  --ui-comparison-portal-home-media-item-background: transparent;
  --ui-comparison-portal-home-media-item-shadow: none;
  --ui-comparison-portal-home-hero-proof-columns: none;
  --ui-comparison-portal-home-hero-proof-auto-flow: column;
  --ui-comparison-portal-home-hero-proof-auto-columns: minmax(11.5rem, 1fr);
  --ui-comparison-portal-home-hero-proof-overflow-x: auto;
  --ui-comparison-portal-home-hero-proof-scroll-snap-type: x proximity;
  --ui-comparison-portal-home-hero-proof-gap: var(--ui-space-xs) var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-hero-proof-margin: var(--ui-space-sm) 0 0;
  --ui-comparison-portal-home-hero-proof-min-height: auto;
  --ui-comparison-portal-home-hero-proof-padding: var(--ui-space-sm) 0 0;
  --ui-comparison-portal-home-hero-proof-border: 0;
  --ui-comparison-portal-home-hero-proof-radius: 0;
  --ui-comparison-portal-home-hero-proof-background: transparent;
  --ui-comparison-portal-home-hero-proof-value-size: var(--ui-font-size-body-sm);
  --ui-comparison-portal-home-hero-proof-copy-size: var(--ui-font-size-xs);
  --ui-comparison-portal-home-hero-proof-copy-line-height: var(--ui-line-height-compact);
  --ui-comparison-portal-home-discovery-gap: var(--ui-comparison-portal-rhythm-gap-md);
  --ui-comparison-portal-home-trust-gap: var(--ui-comparison-portal-rhythm-gap-sm);
  --ui-comparison-portal-home-insight-padding: 0;
  --ui-comparison-portal-home-filter-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  --ui-comparison-portal-home-filter-padding-inline: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
  --ui-comparison-portal-home-filter-hover-background: color-mix(in oklch, var(--ui-theme-brand-primary) 5%, transparent);
  --ui-comparison-portal-home-card-media-width: 5rem;
  --ui-comparison-portal-home-card-media-radius: var(--ui-radius-sm);
  --ui-comparison-portal-home-price-badge-border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary) 44%, var(--ui-theme-border));
  --ui-comparison-portal-subpage-home-showcase-display: grid;
  --ui-comparison-portal-subpage-home-showcase-gap: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
  --ui-comparison-portal-subpage-home-showcase-padding-block: clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
  --ui-comparison-portal-subpage-home-showcase-border-block: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-subpage-home-showcase-background: transparent;
  --ui-comparison-portal-subpage-category-stage-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  --ui-comparison-portal-subpage-category-stage-gap: var(--ui-space-sm);
  --ui-comparison-portal-subpage-decision-stage-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
  --ui-comparison-portal-subpage-decision-stage-gap: var(--ui-space-md);
  --ui-comparison-portal-subpage-seo-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-subpage-seo-stage-gap: var(--ui-space-md) clamp(var(--ui-space-4), 3.6vw, var(--ui-space-6));
}

.ui-comparison-portal[data-component-variant="deal_listing"],
.ui-comparison-portal[data-component-variant="category_listing"],
.ui-comparison-portal[data-component-variant="comparison_matrix"],
.ui-comparison-portal[data-component-variant="guide_index"],
.ui-comparison-portal[data-component-variant="guide_detail"],
.ui-comparison-portal[data-component-variant="service_listing"] {
  --ui-comparison-portal-subpage-mast-padding: clamp(var(--ui-space-5), 3.4vw, var(--ui-space-8)) 0 var(--ui-space-4);
  --ui-comparison-portal-subpage-mast-gap: clamp(var(--ui-space-4), 2.4vw, var(--ui-space-6));
  --ui-comparison-portal-subpage-home-showcase-gap: var(--ui-space-4);
  --ui-comparison-portal-subpage-home-showcase-padding-block: var(--ui-space-4);
  --ui-comparison-portal-subpage-category-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-subpage-category-stage-gap: 0;
  --ui-comparison-portal-subpage-decision-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-subpage-decision-stage-gap: 0;
  --ui-comparison-portal-subpage-seo-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-subpage-seo-stage-gap: 0;
  --ui-comparison-portal-listing-gap: 0;
  --ui-comparison-portal-listing-row-border: 0;
  --ui-comparison-portal-listing-row-radius: 0;
  --ui-comparison-portal-listing-row-background: transparent;
  --ui-comparison-portal-list-border-top: 2px solid var(--ui-theme-brand-primary);
  --ui-comparison-portal-row-border-bottom: 1px solid var(--ui-theme-border-subtle);
}

@media (min-width: 48rem) {
  .ui-comparison-portal[data-component-variant="search_first"],
    .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal {
    --ui-comparison-portal-home-mast-grid-areas: "intro" "search" "media";
    --ui-comparison-portal-home-mast-grid-columns: minmax(0, 1fr);
    --ui-comparison-portal-home-mast-gap: var(--ui-comparison-portal-rhythm-gap-md);
    --ui-comparison-portal-home-mast-min-height: 0;
    --ui-comparison-portal-home-mast-padding: var(--ui-comparison-portal-rhythm-gap-lg) 0;
    --ui-comparison-portal-home-mast-radius: 0;
    --ui-comparison-portal-home-intro-min-height: auto;
    --ui-comparison-portal-home-intro-title-size: var(--ui-comparison-portal-home-hero-title-size);
    --ui-comparison-portal-home-intro-title-line-height: var(--ui-comparison-portal-home-hero-title-line-height);
    --ui-comparison-portal-home-finder-panel-width: 100%;
    --ui-comparison-portal-home-finder-modes-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-finder-mode-min-height: 2.75rem;
    --ui-comparison-portal-home-finder-decision-columns: auto minmax(0, 1fr);
    --ui-comparison-portal-home-finder-decision-status-grid-column: 2;
    --ui-comparison-portal-home-finder-decision-status-justify-self: start;
    --ui-comparison-portal-home-hero-proof-columns: none;
    --ui-comparison-portal-home-hero-proof-auto-flow: column;
    --ui-comparison-portal-home-hero-proof-auto-columns: minmax(11.5rem, 1fr);
    --ui-comparison-portal-home-hero-proof-overflow-x: auto;
    --ui-comparison-portal-home-hero-proof-scroll-snap-type: x proximity;
    --ui-comparison-portal-home-actions-display: flex;
    --ui-comparison-portal-home-actions-columns: none;
    --ui-comparison-portal-home-actions-justify-self: auto;
    --ui-comparison-portal-home-actions-justify-content: flex-end;
    --ui-comparison-portal-home-actions-width: max-content;
    --ui-comparison-portal-home-insights-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-workspace-board-columns: repeat(2, minmax(min(100%, 17.5rem), 1fr));
    --ui-comparison-portal-home-row-with-media-columns-tablet: minmax(0, 5.5rem) minmax(18rem, 1fr) max-content max-content;
    --ui-comparison-portal-home-row-without-media-columns-tablet: minmax(18rem, 1fr) max-content max-content;
    --ui-comparison-portal-home-row-tablet-align-items: center;
  }
}

@media (min-width: 64rem) {
  .ui-comparison-portal[data-component-variant="search_first"],
    .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal {
    --ui-comparison-portal-home-mast-grid-areas: "intro media" "search media";
    --ui-comparison-portal-home-mast-grid-columns: minmax(0, 0.58fr) minmax(22rem, 0.42fr);
    --ui-comparison-portal-home-mast-align-items: center;
    --ui-comparison-portal-home-mast-gap: var(--ui-comparison-portal-rhythm-gap-md);
    --ui-comparison-portal-home-mast-min-height: 0;
    --ui-comparison-portal-home-mast-padding: var(--ui-comparison-portal-rhythm-mast-padding) 0;
    --ui-comparison-portal-home-search-width: 100%;
    --ui-comparison-portal-home-search-margin-inline: 0;
    --ui-comparison-portal-home-media-width: 100%;
    --ui-comparison-portal-home-intro-title-size: var(--ui-comparison-portal-home-hero-title-size);
    --ui-comparison-portal-home-hero-live-product-columns: minmax(8rem, 0.4fr) minmax(0, 0.6fr);
    --ui-comparison-portal-home-hero-live-product-text-align: start;
    --ui-comparison-portal-home-hero-live-media-min-height: clamp(6rem, 13dvh, 9rem);
    --ui-comparison-portal-home-hero-live-copy-max-width: none;
    --ui-comparison-portal-home-hero-live-copy-justify-self: stretch;
    --ui-comparison-portal-home-intro-max-width: none;
    --ui-comparison-portal-home-intro-title-max-width: min(100%, var(--ui-text-measure-lg));
    --ui-comparison-portal-home-intro-body-max-width: min(100%, var(--ui-text-measure-md));
    --ui-comparison-portal-home-intro-justify-items: start;
    --ui-comparison-portal-home-intro-text-align: start;
    --ui-comparison-portal-home-media-justify-self: start;
    --ui-comparison-portal-home-media-image-height: min(16rem, 24vw);
    --ui-comparison-portal-home-finder-panel-align-self: start;
    --ui-comparison-portal-home-finder-panel-width: auto;
    --ui-comparison-portal-home-finder-panel-gap: var(--ui-space-xs);
    --ui-comparison-portal-home-finder-modes-gap: var(--ui-space-2xs);
    --ui-comparison-portal-home-finder-decisions-gap: var(--ui-space-2xs);
    --ui-comparison-portal-home-finder-decision-gap: var(--ui-space-2xs);
    --ui-comparison-portal-home-finder-panel-padding: var(--ui-space-sm);
    --ui-comparison-portal-home-finder-mode-min-height: 3rem;
    --ui-comparison-portal-home-finder-mode-padding: var(--ui-space-2xs) var(--ui-space-xs);
    --ui-comparison-portal-home-finder-decision-columns: auto minmax(0, 1fr) auto;
    --ui-comparison-portal-home-finder-decision-padding: var(--ui-space-2xs) var(--ui-space-xs);
    --ui-comparison-portal-home-finder-decision-status-grid-column: auto;
    --ui-comparison-portal-home-finder-decision-status-justify-self: end;
    --ui-comparison-portal-home-hero-proof-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    --ui-comparison-portal-home-hero-proof-auto-flow: row;
    --ui-comparison-portal-home-hero-proof-auto-columns: initial;
    --ui-comparison-portal-home-hero-proof-overflow-x: visible;
    --ui-comparison-portal-home-hero-proof-scroll-snap-type: none;
    --ui-comparison-portal-home-showcase-columns: minmax(0, 1fr);
    --ui-comparison-portal-home-showcase-areas: "finder" "scope" "decision" "products" "categories" "suites" "services" "workspace" "seo" "trust";
    --ui-comparison-portal-home-stage-columns: minmax(17rem, 0.3fr) minmax(0, 0.7fr);
    --ui-comparison-portal-home-stage-list-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-scope-columns: repeat(4, minmax(0, 1fr));
    --ui-comparison-portal-home-category-stage-columns: repeat(4, minmax(0, 1fr));
    --ui-comparison-portal-home-decision-stage-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-suite-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-service-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-seo-stage-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-insights-columns: repeat(4, minmax(0, 1fr));
    --ui-comparison-portal-subpage-seo-stage-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-workspace-board-columns: repeat(2, minmax(min(100%, 17rem), 1fr));
    --ui-comparison-portal-home-workspace-board-padding: var(--ui-space-md);
    --ui-comparison-portal-home-trust-stage-columns: minmax(0, 1fr);
  }

  .ui-comparison-portal[data-component-variant="search_first"][data-has-hero-media="true"],
    .ui-comparison-portal[data-component-variant="search_first"][data-has-hero-media="true"] .ui-comparison-portal {
    --ui-comparison-portal-home-mast-grid-areas: "intro media" "search media";
  }
}

@media (min-width: 75rem) {
  .ui-comparison-portal[data-component-variant="search_first"],
    .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal {
    --ui-comparison-portal-home-workspace-columns: minmax(30rem, 0.9fr) minmax(34rem, 1.1fr);
    --ui-comparison-portal-home-workspace-board-columns: repeat(2, minmax(min(100%, 18.5rem), 1fr));
    --ui-comparison-portal-home-workspace-copy-column-min: 30rem;
    --ui-comparison-portal-home-workspace-padding: var(--ui-comparison-portal-rhythm-gap-md);
    --ui-comparison-portal-home-workspace-gap: var(--ui-comparison-portal-rhythm-gap-md);
  }
}

.ui-comparison-portal[data-component-variant="search_first"] {
  border-block: var(--ui-comparison-portal-search-first-border-block, 0);
  background: transparent;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__mast {
  display: grid;
  order: var(--ui-comparison-portal-home-mast-order, 0);
  grid-template-columns: var(--ui-comparison-portal-home-mast-grid-columns, minmax(0, 1fr));
  grid-template-areas: var(--ui-comparison-portal-home-mast-grid-areas, "intro" "search");
  align-items: var(--ui-comparison-portal-home-mast-align-items, stretch);
  gap: var(--ui-comparison-portal-home-mast-gap, var(--ui-grid-gap));
  max-width: var(--ui-comparison-portal-home-mast-max-width, none);
  min-height: var(--ui-comparison-portal-home-mast-min-height, 0);
  padding: var(--ui-comparison-portal-home-mast-padding, 0);
  border: var(--ui-comparison-portal-home-mast-border, 0);
  border-radius: var(--ui-comparison-portal-home-mast-radius, 0);
  background: var(--ui-comparison-portal-home-mast-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-mast-shadow, none);
  clip-path: var(--ui-comparison-portal-home-mast-clip-path, none);
  overflow: var(--ui-comparison-portal-home-mast-overflow, visible);
}


.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__intro {
  grid-area: intro;
  align-self: var(--ui-comparison-portal-home-intro-align-self, start);
  display: var(--ui-comparison-portal-home-intro-display, grid);
  flex-direction: var(--ui-comparison-portal-home-intro-direction, column);
  justify-content: var(--ui-comparison-portal-home-intro-justify-content, flex-start);
  justify-items: var(--ui-comparison-portal-home-intro-justify-items, start);
  text-align: var(--ui-comparison-portal-home-intro-text-align, start);
  min-height: var(--ui-comparison-portal-home-intro-min-height, auto);
  max-width: var(--ui-comparison-portal-home-intro-max-width, var(--ui-text-measure-lg));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media {
  grid-area: media;
  display: var(--ui-comparison-portal-home-media-display, grid);
  align-self: var(--ui-comparison-portal-home-media-align-self, center);
  justify-self: var(--ui-comparison-portal-home-media-justify-self, center);
  width: var(--ui-comparison-portal-home-media-width, min(100%, 28rem));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media a {
  display: grid;
  gap: var(--ui-space-xs);
  border: var(--ui-comparison-portal-home-media-link-border, 0);
  border-radius: var(--ui-comparison-portal-home-media-link-radius, 0);
  background: var(--ui-comparison-portal-home-media-link-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-media-link-shadow, none);
  color: var(--ui-color-text);
  text-decoration: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media img {
  width: var(--ui-comparison-portal-home-media-image-width, 100%);
  height: var(--ui-comparison-portal-home-media-image-height, auto);
  padding: var(--ui-comparison-portal-home-media-image-padding, 0);
  object-fit: var(--ui-comparison-portal-home-media-image-fit, contain);
  object-position: var(--ui-comparison-portal-home-media-image-position, center);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media-copy {
  display: grid;
  gap: var(--ui-space-2xs);
  min-width: 0;
  padding-inline: var(--ui-comparison-portal-home-media-copy-padding-inline, var(--ui-space-sm));
  padding-block-end: var(--ui-comparison-portal-home-media-copy-padding-block-end, var(--ui-space-sm));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media-copy small {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-caption);
  line-height: var(--ui-line-height-compact);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media-copy strong {
  color: var(--ui-color-text);
  font-size: var(--ui-font-size-body-sm);
  line-height: var(--ui-line-height-label);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-media-copy b {
  color: var(--ui-color-primary);
  font-size: var(--ui-font-size-caption);
  line-height: var(--ui-line-height-label);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-stage {
  grid-area: media;
  display: grid;
  align-self: center;
  justify-self: stretch;
  gap: var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-md));
  min-width: 0;
  padding: var(--ui-comparison-portal-rhythm-section-padding, clamp(var(--ui-space-4), 4vw, var(--ui-space-6)));
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary) 54%, var(--ui-theme-border));
  border-radius: var(--ui-theme-radius-panel);
  background: linear-gradient(145deg, color-mix(in oklch, var(--ui-theme-brand-primary) 96%, black 4%), var(--ui-theme-brand-primary-strong));
  color: var(--ui-theme-text-on-primary);
  box-shadow: 0 1.4rem 3rem color-mix(in oklch, var(--ui-theme-brand-primary-strong) 28%, transparent);
  overflow: hidden;
  align-content: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-space-sm);
  color: color-mix(in oklch, var(--ui-theme-text-on-primary) 78%, transparent);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-head .ui-status-badge {
  background: color-mix(in oklch, var(--ui-theme-text-on-primary) 14%, transparent);
  color: var(--ui-theme-text-on-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-product {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-hero-live-product-columns, minmax(0, 1fr));
  align-items: center;
  gap: var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-md));
  text-align: var(--ui-comparison-portal-home-hero-live-product-text-align, center);
  color: inherit;
  text-decoration: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-media {
  display: grid;
  place-items: center;
  min-height: var(--ui-comparison-portal-home-hero-live-media-min-height, var(--ui-comparison-portal-rhythm-live-media-height, clamp(7rem, 12vw, 9.5rem)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-media img {
  width: min(100%, 17rem);
  max-height: var(--ui-comparison-portal-rhythm-live-media-height, clamp(7rem, 12vw, 9.5rem));
  object-fit: contain;
  filter: drop-shadow(0 1.2rem 1.6rem color-mix(in oklch, var(--ui-theme-text-primary) 32%, transparent));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-copy {
  display: grid;
  gap: var(--ui-space-2xs);
  width: 100%;
  justify-self: var(--ui-comparison-portal-home-hero-live-copy-justify-self, center);
  max-width: var(--ui-comparison-portal-home-hero-live-copy-max-width, min(100%, 20rem));
  min-width: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-copy small {
  color: color-mix(in oklch, var(--ui-theme-text-on-primary) 72%, transparent);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-copy strong {
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-copy b {
  color: var(--ui-theme-brand-accent);
  font-size: var(--ui-font-size-h4);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-sm));
  margin: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-metrics div {
  display: grid;
  gap: var(--ui-space-2xs);
  min-width: 0;
  padding: var(--ui-space-xs) var(--ui-space-sm);
  border: 1px solid color-mix(in oklch, var(--ui-theme-text-on-primary) 18%, transparent);
  border-radius: var(--ui-theme-radius-card);
  background: color-mix(in oklch, var(--ui-theme-text-on-primary) 10%, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-metrics dt {
  color: color-mix(in oklch, var(--ui-theme-text-on-primary) 66%, transparent);
  font-size: var(--ui-font-size-caption);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-metrics dd {
  margin: 0;
  color: var(--ui-theme-text-on-primary);
  font-weight: var(--ui-font-weight-black);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(10.5rem, 1fr);
  grid-template-columns: none;
  gap: var(--ui-space-2xs);
  overflow-x: auto;
  scroll-snap-type: x proximity;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip a {
  display: grid;
  grid-template-columns: minmax(0, 3.25rem) minmax(0, 1fr);
  align-items: center;
  gap: var(--ui-space-xs);
  min-width: 0;
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip img {
  width: 3.25rem;
  height: 3.25rem;
  object-fit: contain;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip span {
  display: grid;
  gap: var(--ui-space-2xs);
  min-width: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip strong,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip small {
  color: color-mix(in oklch, var(--ui-theme-text-on-primary) 64%, transparent);
  font-size: var(--ui-font-size-caption);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__intro .ui-title-md {
  max-width: var(--ui-comparison-portal-home-intro-title-max-width, var(--ui-text-measure-lg));
  font-size: var(--ui-comparison-portal-home-hero-title-size, var(--ui-comparison-portal-home-intro-title-size, var(--ui-font-size-h2)));
  line-height: var(--ui-comparison-portal-home-hero-title-line-height, var(--ui-comparison-portal-home-intro-title-line-height, var(--ui-line-height-heading)));
  font-weight: var(--ui-comparison-portal-home-hero-title-weight, var(--ui-font-weight-black));
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__intro .ui-text-body {
  max-width: var(--ui-comparison-portal-home-intro-body-max-width, var(--ui-text-measure-md));
  font-size: var(--ui-comparison-portal-home-intro-body-size, var(--ui-font-size-body));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-panel {
  grid-area: panel;
  display: grid;
  gap: var(--ui-comparison-portal-home-finder-panel-gap, var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-md)));
  align-self: var(--ui-comparison-portal-home-finder-panel-align-self, stretch);
  justify-self: var(--ui-comparison-portal-home-finder-panel-justify-self, stretch);
  width: var(--ui-comparison-portal-home-finder-panel-width, auto);
  max-width: var(--ui-comparison-portal-home-finder-panel-max-width, none);
  padding: var(--ui-comparison-portal-home-finder-panel-padding, var(--ui-space-lg));
  border: var(--ui-comparison-portal-home-finder-panel-border, 1px solid var(--ui-theme-border));
  border-radius: var(--ui-comparison-portal-home-finder-panel-radius, var(--ui-theme-radius-panel));
  box-shadow: var(--ui-comparison-portal-home-finder-panel-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage {
  grid-area: finder;
  display: grid;
  gap: var(--ui-comparison-portal-home-finder-panel-gap, var(--ui-comparison-portal-rhythm-gap-sm, var(--ui-space-md)));
  min-width: 0;
  padding: var(--ui-comparison-portal-home-finder-panel-padding, var(--ui-space-lg));
  border: var(--ui-comparison-portal-home-finder-panel-border, 1px solid var(--ui-theme-border));
  border-radius: var(--ui-comparison-portal-home-finder-panel-radius, var(--ui-theme-radius-panel));
  background: var(--ui-comparison-portal-home-finder-panel-background, var(--ui-theme-surface-card));
  box-shadow: var(--ui-comparison-portal-home-finder-panel-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-proof {
  grid-auto-flow: var(--ui-comparison-portal-home-hero-proof-auto-flow, row);
  grid-auto-columns: var(--ui-comparison-portal-home-hero-proof-auto-columns, initial);
  grid-template-columns: var(--ui-comparison-portal-home-hero-proof-columns, repeat(3, minmax(0, 1fr)));
  overflow-x: var(--ui-comparison-portal-home-hero-proof-overflow-x, visible);
  scroll-snap-type: var(--ui-comparison-portal-home-hero-proof-scroll-snap-type, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-proof > * {
  scroll-snap-align: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-proof strong {
  font-size: var(--ui-comparison-portal-home-hero-proof-value-size, inherit);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-proof small {
  font-size: var(--ui-comparison-portal-home-hero-proof-copy-size, inherit);
  line-height: var(--ui-comparison-portal-home-hero-proof-copy-line-height, inherit);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-modes {
  grid-template-columns: var(--ui-comparison-portal-home-finder-modes-columns, repeat(auto-fit, minmax(min(100%, 9rem), 1fr)));
  gap: var(--ui-comparison-portal-home-finder-modes-gap, 0);
  padding: var(--ui-space-2xs);
  border: 1px solid var(--ui-theme-border);
  border-radius: var(--ui-comparison-portal-commerce-radius, var(--ui-theme-radius-card, var(--ui-radius-md)));
  background: var(--ui-theme-surface-muted);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-decisions {
  gap: var(--ui-comparison-portal-home-finder-decisions-gap, var(--ui-space-sm));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search {
  grid-area: var(--ui-comparison-portal-home-search-grid-area, search);
  align-self: var(--ui-comparison-portal-home-search-align-self, start);
  width: var(--ui-comparison-portal-home-search-width, 100%);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-form-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-input-shell {
  display: grid;
  grid-template-columns: var(--ui-icon-size-lg) minmax(0, 1fr) minmax(10.5rem, max-content);
  align-items: center;
  gap: var(--ui-space-sm);
  min-height: var(--ui-comparison-portal-home-search-height, var(--ui-control-height-lg));
  border: 1px solid color-mix(in oklch, var(--ui-theme-brand-primary) 24%, var(--ui-theme-border));
  border-radius: var(--ui-theme-radius-control);
  background: var(--ui-theme-surface-card);
  box-shadow: var(--ui-theme-shadow-soft);
  padding: var(--ui-space-2xs) var(--ui-space-2xs) var(--ui-space-2xs) var(--ui-space-sm);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-input {
  min-width: 0;
  background: transparent;
  font-size: var(--ui-font-size-body-lg);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-btn {
  min-height: calc(var(--ui-comparison-portal-home-search-height, var(--ui-control-height-lg)) - var(--ui-space-xs));
  min-inline-size: 10.5rem;
  justify-content: center;
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
  white-space: nowrap;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-btn span {
  white-space: nowrap;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-head {
  justify-content: var(--ui-comparison-portal-home-finder-head-justify-content, flex-start);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-head > .ui-icon {
  inline-size: var(--ui-comparison-portal-home-finder-head-icon-size, var(--ui-size-icon-md));
  block-size: var(--ui-comparison-portal-home-finder-head-icon-size, var(--ui-size-icon-md));
  padding: var(--ui-comparison-portal-home-finder-head-icon-padding, 0);
  border-radius: var(--ui-comparison-portal-home-finder-head-icon-radius, 0);
  background: var(--ui-comparison-portal-home-finder-head-icon-background, transparent);
  color: var(--ui-comparison-portal-home-finder-head-icon-color, currentColor);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-mode {
  display: var(--ui-comparison-portal-home-finder-mode-display, inline-grid);
  justify-items: var(--ui-comparison-portal-home-finder-mode-justify-items, center);
  min-height: var(--ui-comparison-portal-home-finder-mode-min-height, auto);
  border: var(--ui-comparison-portal-home-finder-mode-border, 0);
  border-radius: var(--ui-comparison-portal-home-finder-mode-radius, 0);
  background: var(--ui-comparison-portal-home-finder-mode-background, transparent);
  padding: var(--ui-comparison-portal-home-finder-mode-padding, 0);
  text-align: var(--ui-comparison-portal-home-finder-mode-text-align, inherit);
  font-weight: var(--ui-comparison-portal-home-finder-mode-font-weight, inherit);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-mode[aria-selected="true"] {
  border-color: var(--ui-comparison-portal-home-finder-mode-featured-border-color, transparent);
  background: var(--ui-theme-brand-primary);
  color: var(--ui-theme-text-on-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-decision {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-finder-decision-columns, minmax(0, 1fr));
  align-items: var(--ui-comparison-portal-home-finder-decision-align-items, stretch);
  gap: var(--ui-comparison-portal-home-finder-decision-gap, var(--ui-space-xs));
  padding: var(--ui-comparison-portal-home-finder-decision-padding, 0);
  border: var(--ui-comparison-portal-home-finder-decision-border, 0);
  border-radius: var(--ui-comparison-portal-home-finder-decision-radius, 0);
  background: var(--ui-comparison-portal-home-finder-decision-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-finder-decision-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-decision > .ui-status-badge {
  grid-column: var(--ui-comparison-portal-home-finder-decision-status-grid-column, auto);
  justify-self: var(--ui-comparison-portal-home-finder-decision-status-justify-self, end);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__home-showcase {
  --ui-comparison-portal-home-stage-columns: minmax(0, 1fr);
  --ui-comparison-portal-home-stage-list-columns: none;
  --ui-comparison-portal-home-stage-list-gap: var(--ui-space-md);
  --ui-comparison-portal-home-stage-card-min-width: 18rem;
  display: grid;
  width: 100%;
  grid-template-columns: var(--ui-comparison-portal-home-showcase-columns, minmax(0, 1fr));
  grid-template-areas: var(--ui-comparison-portal-home-showcase-areas, "scope" "products" "categories" "decision" "suites" "services" "workspace" "seo" "trust");
  gap: var(--ui-comparison-portal-home-showcase-gap, var(--ui-theme-density-public-section-gap));
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__finder-stage, .ui-comparison-portal__suite-stage, .ui-comparison-portal__service-stage) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "header"
    "list";
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__suite-stage, .ui-comparison-portal__service-stage) > .ui-comparison-portal__section-header {
  position: static;
  grid-area: header;
  grid-template-columns: var(--ui-icon-size-lg) minmax(0, 1fr);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__finder-stage, .ui-comparison-portal__scope-stage, .ui-comparison-portal__decision-stage, .ui-comparison-portal__product-stage, .ui-comparison-portal__category-stage, .ui-comparison-portal__suite-stage, .ui-comparison-portal__workspace-stage, .ui-comparison-portal__service-stage, .ui-comparison-portal__seo-stage, .ui-comparison-portal__trust-stage) {
  padding-block: var(--ui-comparison-portal-home-stage-padding-block, var(--ui-space-4));
  border-block: var(--ui-comparison-portal-home-stage-border-block, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__finder-stage, .ui-comparison-portal__workspace-stage, .ui-comparison-portal__category-stage-list) {
  padding: var(--ui-comparison-portal-home-visible-stage-padding, var(--ui-space-lg));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage {
  grid-area: scope;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__finder-stage, .ui-comparison-portal__scope-stage, .ui-comparison-portal__decision-stage, .ui-comparison-portal__suite-stage, .ui-comparison-portal__workspace-stage, .ui-comparison-portal__service-stage, .ui-comparison-portal__seo-stage) {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-stage-columns);
  gap: var(--ui-comparison-portal-home-stage-gap, var(--ui-space-lg));
  align-items: start;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__suite-stage, .ui-comparison-portal__service-stage) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "header"
    "list";
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage, .ui-comparison-portal__decision-stage, .ui-comparison-portal__suite-stage, .ui-comparison-portal__service-stage, .ui-comparison-portal__seo-stage) > .ui-comparison-portal__section-header {
  position: static;
  display: grid;
  grid-template-columns: var(--ui-icon-size-lg) minmax(0, 1fr);
  gap: var(--ui-space-sm);
  align-content: start;
  padding-block-start: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-stage > .ui-comparison-portal__workspace-copy {
  position: static;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-space-sm);
  align-content: start;
  min-width: min(100%, var(--ui-comparison-portal-home-workspace-copy-column-min, 20rem));
  padding-block-start: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__suite-stage, .ui-comparison-portal__service-stage) > .ui-comparison-portal__section-header {
  position: static;
  grid-area: header;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-list, .ui-comparison-portal__category-stage-list, .ui-comparison-portal__product-stage-list) {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-list, .ui-comparison-portal__decision-stage-list, .ui-comparison-portal__suite-stage-list, .ui-comparison-portal__workspace-board, .ui-comparison-portal__service-stage-list, .ui-comparison-portal__seo-stage-list) {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(min(82vw, var(--ui-comparison-portal-home-stage-card-min-width)), 1fr);
  grid-template-columns: var(--ui-comparison-portal-home-stage-list-columns);
  gap: var(--ui-comparison-portal-home-stage-list-gap);
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__suite-stage-list, .ui-comparison-portal__service-stage-list) {
  grid-area: list;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-board {
  grid-auto-flow: row;
  grid-auto-columns: initial;
  grid-template-columns: var(--ui-comparison-portal-home-workspace-board-columns, minmax(0, 1fr));
  overflow-x: visible;
  scroll-snap-type: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-scope-columns, var(--ui-comparison-portal-home-stage-list-columns));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-list {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-category-stage-columns, var(--ui-comparison-portal-home-stage-list-columns));
  gap: var(--ui-comparison-portal-home-stage-list-gap);
  min-width: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-decision-stage-columns, var(--ui-comparison-portal-home-stage-list-columns));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__suite-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-suite-columns, repeat(2, minmax(0, 1fr)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__service-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-service-columns, var(--ui-comparison-portal-home-stage-list-columns));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-seo-stage-columns, repeat(2, minmax(0, 1fr)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage .ui-comparison-portal__finder-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage {
  grid-template-areas:
    "finder-head"
    "finder-tabs"
    "finder-panel";
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-head {
  grid-area: finder-head;
  align-items: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-modes {
  grid-area: finder-tabs;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-tab-panels {
  grid-area: finder-panel;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-mode {
  align-items: center;
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: start;
  border: 1px solid transparent;
  border-radius: var(--ui-comparison-portal-commerce-radius, var(--ui-radius-md));
  background: transparent;
  color: var(--ui-theme-text-primary);
  text-align: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-mode[aria-selected="true"] {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 12%, var(--ui-theme-surface-card));
  color: var(--ui-theme-brand-primary-strong);
  box-shadow: inset 0 -0.1875rem 0 var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-offer {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  border-block-start: 0.1875rem solid color-mix(in oklch, var(--ui-theme-brand-primary) 54%, var(--ui-theme-border));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage .ui-comparison-portal__finder-decisions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-item, .ui-comparison-portal__category-stage-item, .ui-comparison-portal__product-stage-item, .ui-comparison-portal__decision-stage-item, .ui-comparison-portal__suite, .ui-comparison-portal__workspace-item, .ui-comparison-portal__service-stage-item, .ui-comparison-portal__seo-stage-item) {
  scroll-snap-align: start;
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-item, .ui-comparison-portal__decision-stage-item, .ui-comparison-portal__suite, .ui-comparison-portal__workspace-item, .ui-comparison-portal__service-stage-item, .ui-comparison-portal__seo-stage-item) {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--ui-space-sm);
  min-width: 0;
  min-height: 100%;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-comparison-portal-commerce-radius, var(--ui-theme-radius-card, var(--ui-radius-md)));
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-sm);
  padding: var(--ui-card-padding-md);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-item {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-item > b {
  grid-column: 2;
  justify-self: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-icon {
  display: inline-grid;
  place-items: center;
  width: var(--ui-comparison-portal-home-scope-icon-size, var(--ui-icon-size-xl));
  height: var(--ui-comparison-portal-home-scope-icon-size, var(--ui-icon-size-xl));
  border-radius: var(--ui-radius-pill);
  background: var(--ui-comparison-portal-home-scope-icon-background, transparent);
  color: var(--ui-comparison-portal-home-scope-icon-color, currentColor);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-item span:last-child {
  display: grid;
  gap: var(--ui-space-2xs);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-action, .ui-comparison-portal__decision-stage-action, .ui-comparison-portal__service-stage-action, .ui-comparison-portal__seo-stage-action) {
  display: inline-flex;
  gap: var(--ui-space-2xs);
  align-items: center;
  align-self: end;
  justify-self: start;
  min-inline-size: max-content;
  max-inline-size: 100%;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  color: var(--ui-color-primary);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-action {
  grid-column: 2;
  grid-row: 3;
  align-self: start;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-item small {
  color: var(--ui-color-muted);
  font-size: var(--ui-font-size-caption);
  line-height: var(--ui-line-height-compact);
}

@media (min-width: 48rem) {
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__hero-live-strip {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
    scroll-snap-type: none;
  }
}

@media (min-width: 64rem) {
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__home-showcase {
    --ui-comparison-portal-home-stage-columns: minmax(0, 1fr);
    --ui-comparison-portal-home-stage-list-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-scope-columns: repeat(4, minmax(0, 1fr));
    --ui-comparison-portal-home-category-stage-columns: repeat(4, minmax(0, 1fr));
    --ui-comparison-portal-home-decision-stage-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-suite-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-service-columns: repeat(3, minmax(0, 1fr));
    --ui-comparison-portal-home-seo-stage-columns: repeat(2, minmax(0, 1fr));
    --ui-comparison-portal-home-workspace-board-columns: repeat(2, minmax(min(100%, 17.5rem), 1fr));
    --ui-comparison-portal-home-workspace-padding: var(--ui-comparison-portal-rhythm-gap-md);
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage .ui-comparison-portal__finder-modes {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage {
    grid-template-columns: minmax(18rem, 0.34fr) minmax(0, 0.66fr);
    grid-template-areas:
      "finder-head finder-tabs"
      "finder-panel finder-panel";
    align-items: start;
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-stage .ui-comparison-portal__finder-decisions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__finder-tab-panel:not([hidden]) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage, .ui-comparison-portal__decision-stage, .ui-comparison-portal__seo-stage) > .ui-comparison-portal__section-header,
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-stage > .ui-comparison-portal__workspace-copy {
    position: static;
    top: auto;
  }

  .ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-list, .ui-comparison-portal__category-stage-list, .ui-comparison-portal__product-stage-list) {
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-list, .ui-comparison-portal__decision-stage-list, .ui-comparison-portal__suite-stage-list, .ui-comparison-portal__workspace-board, .ui-comparison-portal__service-stage-list, .ui-comparison-portal__seo-stage-list) {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    overflow-x: visible;
    scroll-snap-type: none;
  }
}

@media (min-width: 75rem) {
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__home-showcase {
    --ui-comparison-portal-home-workspace-columns: minmax(30rem, 0.9fr) minmax(34rem, 1.1fr);
    --ui-comparison-portal-home-workspace-board-columns: repeat(2, minmax(19rem, 1fr));
    --ui-comparison-portal-home-workspace-copy-column-min: 30rem;
    --ui-comparison-portal-home-workspace-gap: var(--ui-comparison-portal-rhythm-gap-md);
  }
}


.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage {
  grid-area: decision;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage {
  grid-area: products;
  align-self: var(--ui-comparison-portal-home-product-stage-align-self, stretch);
  padding: var(--ui-comparison-portal-home-product-stage-padding, 0);
  border: var(--ui-comparison-portal-home-product-stage-border, 0);
  border-block-start: var(--ui-comparison-portal-home-product-stage-border-block-start, 0);
  border-radius: var(--ui-comparison-portal-home-product-stage-radius, 0);
  background: var(--ui-comparison-portal-home-product-stage-background, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage {
  grid-area: categories;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__suite-stage {
  grid-area: suites;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-stage {
  grid-area: workspace;
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-workspace-columns, minmax(0, 1fr));
  gap: var(--ui-comparison-portal-home-workspace-gap, var(--ui-grid-gap));
  min-height: var(--ui-comparison-portal-home-workspace-min-height, auto);
  padding: var(--ui-comparison-portal-home-workspace-padding, var(--ui-space-lg));
  border: var(--ui-comparison-portal-home-workspace-border, 0);
  border-radius: var(--ui-comparison-portal-home-workspace-radius, 0);
  background: var(--ui-comparison-portal-home-workspace-background, transparent);
  color: var(--ui-comparison-portal-home-workspace-color, currentColor);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__service-stage {
  grid-area: services;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage {
  grid-area: seo;
  border-block-end: var(--ui-comparison-portal-home-seo-stage-border-block-end, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__trust-stage {
  grid-area: trust;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-header {
  margin-block-end: var(--ui-comparison-portal-home-section-header-margin-block-end, var(--ui-space-md));
  padding-block-end: var(--ui-comparison-portal-home-section-header-padding-block-end, 0);
  border-block-end: var(--ui-comparison-portal-home-section-header-border-block-end, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage > .ui-comparison-portal__section-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--ui-space-sm) var(--ui-space-md);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage > .ui-comparison-portal__section-header .ui-title-sm {
  min-width: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search {
  grid-column: 1 / -1;
  justify-self: stretch;
  width: 100%;
  max-width: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search .ui-input-shell {
  min-height: var(--ui-control-height-lg);
  padding-inline: var(--ui-space-sm);
  border: var(--ui-comparison-portal-home-search-border);
  border-radius: var(--ui-comparison-portal-home-search-radius);
  background: var(--ui-comparison-portal-home-search-background);
  box-shadow: var(--ui-comparison-portal-home-search-shadow);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search .ui-btn {
  min-height: calc(var(--ui-control-height-lg) - var(--ui-space-xs));
  white-space: nowrap;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search .ui-btn span:not(.ui-icon) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (min-width: 36rem) {
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search .ui-btn span:not(.ui-icon) {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }
}

@media (min-width: 64rem) {
  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage > .ui-comparison-portal__section-header {
    grid-template-columns: auto minmax(0, 1fr) minmax(min(100%, 22rem), 30rem);
  }

  .ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-search {
    grid-column: auto;
    justify-self: end;
    max-width: 30rem;
  }
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-list {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-scope-columns, var(--ui-comparison-portal-home-stage-list-columns, minmax(0, 1fr)));
  gap: var(--ui-comparison-portal-home-stage-list-gap, var(--ui-comparison-portal-home-scope-gap, var(--ui-space-sm)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__scope-stage-item {
  min-height: var(--ui-comparison-portal-home-scope-item-min-height, auto);
  padding: var(--ui-comparison-portal-home-scope-item-padding, 0);
  border: var(--ui-comparison-portal-home-scope-item-border, 0);
  border-radius: var(--ui-comparison-portal-home-scope-item-radius, 0);
  background: var(--ui-comparison-portal-home-scope-item-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-scope-item-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__scope-stage-icon, .ui-comparison-portal__suite-icon, .ui-comparison-portal__service-stage-icon, .ui-comparison-portal__trust-icon) {
  background: var(--ui-comparison-portal-home-scope-icon-background, color-mix(in oklch, var(--ui-theme-brand-primary) 10%, var(--ui-theme-surface-card)));
  color: var(--ui-comparison-portal-home-scope-icon-color, var(--ui-theme-brand-primary));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-list {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-decision-stage-columns, var(--ui-comparison-portal-home-stage-list-columns, minmax(0, 1fr)));
  gap: var(--ui-comparison-portal-home-stage-list-gap, var(--ui-comparison-portal-home-decision-stage-gap, var(--ui-space-md)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-item:first-child {
  min-height: var(--ui-comparison-portal-home-decision-stage-item-first-min-height, auto);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage-list {
  gap: var(--ui-comparison-portal-home-product-stage-gap, 0);
  border-block-start: var(--ui-comparison-portal-home-product-stage-list-border-block-start, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage-item {
  min-height: var(--ui-comparison-portal-home-product-stage-item-min-height, auto);
  padding-block: var(--ui-comparison-portal-home-product-stage-item-padding-block, var(--ui-space-sm));
  padding-inline: var(--ui-comparison-portal-home-product-stage-item-padding-inline, 0);
  border: var(--ui-comparison-portal-home-product-stage-item-border, 0);
  border-block-end: var(--ui-comparison-portal-home-product-stage-item-border-block-end, 0);
  border-radius: var(--ui-comparison-portal-home-product-stage-item-radius, 0);
  background: var(--ui-comparison-portal-home-product-stage-item-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-product-stage-item-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage-media {
  inline-size: var(--ui-comparison-portal-home-product-stage-media-size, var(--ui-size-touch-target));
  block-size: var(--ui-comparison-portal-home-product-stage-media-size, var(--ui-size-touch-target));
  border-radius: var(--ui-comparison-portal-home-product-stage-media-radius, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-list {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-category-stage-columns, minmax(0, 1fr));
  gap: var(--ui-comparison-portal-home-category-stage-gap, var(--ui-space-md));
  padding: var(--ui-comparison-portal-home-category-stage-padding, 0);
  border-radius: var(--ui-comparison-portal-home-category-stage-radius, 0);
  background: var(--ui-comparison-portal-home-category-stage-background, transparent);
  box-shadow: var(--ui-comparison-portal-home-category-stage-shadow, none);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-item {
  min-height: var(--ui-comparison-portal-home-category-stage-item-min-height, auto);
  padding: var(--ui-comparison-portal-home-category-stage-item-padding, 0);
  border: var(--ui-comparison-portal-home-category-stage-item-border, 0);
  border-radius: var(--ui-comparison-portal-home-category-stage-item-radius, 0);
  background: var(--ui-comparison-portal-home-category-stage-item-background, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-media {
  inline-size: var(--ui-comparison-portal-home-category-stage-media-size, var(--ui-size-icon-lg));
  block-size: var(--ui-comparison-portal-home-category-stage-media-size, var(--ui-size-icon-lg));
  border-radius: var(--ui-comparison-portal-home-category-stage-media-radius, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__suite-stage-list, .ui-comparison-portal__service-stage-list) {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-suite-columns, var(--ui-comparison-portal-home-stage-list-columns, minmax(0, 1fr)));
  gap: var(--ui-comparison-portal-home-stage-list-gap, var(--ui-comparison-portal-home-suite-gap, var(--ui-space-md)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__service-stage-list {
  grid-template-columns: var(--ui-comparison-portal-home-service-columns, var(--ui-comparison-portal-home-stage-list-columns, minmax(0, 1fr)));
  gap: var(--ui-comparison-portal-home-stage-list-gap, var(--ui-comparison-portal-home-service-gap, var(--ui-space-md)));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__suite {
  min-height: var(--ui-comparison-portal-home-suite-min-height, auto);
  padding: var(--ui-comparison-portal-home-suite-padding, var(--ui-space-lg));
  border: var(--ui-comparison-portal-home-suite-border, 0);
  border-block-end: var(--ui-comparison-portal-home-suite-border-block-end, 0);
  border-radius: var(--ui-comparison-portal-home-suite-radius, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-board {
  padding: var(--ui-comparison-portal-home-workspace-board-padding, 0);
  border-radius: var(--ui-comparison-portal-home-workspace-board-radius, 0);
  background: var(--ui-comparison-portal-home-workspace-board-background, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-item {
  border: var(--ui-comparison-portal-home-workspace-item-border, 0);
  background: var(--ui-comparison-portal-home-workspace-item-background, transparent);
  backdrop-filter: var(--ui-comparison-portal-home-workspace-item-backdrop-filter, none);
  padding: var(--ui-comparison-portal-home-workspace-item-padding, var(--ui-card-padding-md));
}

.ui-comparison-portal[data-component-variant="search_first"] :is(.ui-comparison-portal__service-stage-item, .ui-comparison-portal__seo-stage-item) {
  border: var(--ui-comparison-portal-home-service-item-border, 0);
  border-block-end: var(--ui-comparison-portal-home-service-item-border-block-end, 0);
  border-radius: var(--ui-comparison-portal-home-service-item-radius, 0);
  background: var(--ui-comparison-portal-home-service-item-background, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-item {
  border: var(--ui-comparison-portal-home-seo-stage-item-border, var(--ui-comparison-portal-home-service-item-border, 0));
  border-block-end: var(--ui-comparison-portal-home-seo-stage-item-border-block-end, var(--ui-comparison-portal-home-service-item-border-block-end, 0));
  border-radius: var(--ui-comparison-portal-home-seo-stage-item-radius, var(--ui-comparison-portal-home-service-item-radius, 0));
  background: var(--ui-comparison-portal-home-seo-stage-item-background, var(--ui-comparison-portal-home-service-item-background, transparent));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-icon {
  background: var(--ui-comparison-portal-home-seo-stage-icon-background, transparent);
  color: var(--ui-comparison-portal-home-seo-stage-icon-color, currentColor);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-action {
  color: var(--ui-comparison-portal-home-seo-stage-action-color, currentColor);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__trust-stage-list {
  display: grid;
  grid-template-columns: var(--ui-comparison-portal-home-trust-stage-columns, minmax(0, 1fr));
  gap: var(--ui-comparison-portal-home-trust-stage-gap, var(--ui-space-lg));
  padding-block: var(--ui-comparison-portal-home-trust-stage-padding-block, 0);
  border-block: var(--ui-comparison-portal-home-trust-stage-border-block, 0);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__trust-item {
  border: var(--ui-comparison-portal-home-trust-item-border, 0);
  background: var(--ui-comparison-portal-home-trust-item-background, transparent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-copy :is(.ui-title-sm, .ui-text-body),
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__workspace-item :is(strong, small, b) {
  color: currentColor;
}

body[data-shell="public"]:has(.ui-comparison-portal) {
  --ui-public-topbar-position: static;
  --ui-public-topbar-top: auto;
  --ui-public-topbar-z-index: 40;
  --ui-public-footer-empty-copy-display: none;
  --ui-public-footer-container-width: var(--ui-public-rail-width);
  --ui-public-footer-container-max-width: var(--ui-public-max-width);
  --ui-public-footer-container-margin-inline: auto;
  --ui-public-footer-grid-desktop-columns: minmax(18rem, 1.05fr) minmax(13rem, 0.72fr) minmax(22rem, 1fr);
  --ui-public-footer-grid-align-items: start;
  --ui-public-footer-grid-gap: clamp(var(--ui-space-8), 4vw, var(--ui-space-12));
  --ui-public-footer-grid-padding-block: clamp(var(--ui-space-8), 5vw, var(--ui-space-12)) var(--ui-space-8);
  --ui-public-footer-mobile-padding-block: var(--ui-space-6);
  --ui-public-footer-grid-mobile-gap: var(--ui-space-lg);
  --ui-public-footer-grid-mobile-padding-block: 0;
  --ui-public-footer-links-list-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  --ui-public-footer-links-list-gap: var(--ui-space-xs) var(--ui-space-md);
  --ui-public-footer-links-list-mobile-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  --ui-public-footer-links-list-mobile-gap: var(--ui-space-sm);
  --ui-public-footer-link-min-height: calc(var(--ui-control-height) - var(--ui-space-sm));
  --ui-public-footer-link-mobile-min-height: var(--ui-control-height-sm);
  --ui-public-footer-link-padding: 0;
  --ui-public-footer-link-border: 0;
  --ui-public-footer-link-background: transparent;
  --ui-public-footer-link-font-weight: var(--ui-font-weight-semibold);
  --ui-public-footer-newsletter-mobile-padding: var(--ui-space-lg);
  --ui-public-footer-newsletter-form-mobile-gap: var(--ui-space-sm);
  --ui-public-footer-newsletter-control-mobile-columns: var(--ui-size-icon-md) minmax(0, 1fr) var(--ui-size-touch-target);
  --ui-public-footer-newsletter-control-mobile-child-grid-column: auto;
  --ui-public-footer-newsletter-button-mobile-width: var(--ui-size-touch-target);
  --ui-public-footer-newsletter-button-mobile-min-width: var(--ui-size-touch-target);
  --ui-public-footer-newsletter-button-mobile-padding-inline: 0;
  --ui-public-footer-newsletter-button-label-mobile-position: absolute;
  --ui-public-footer-newsletter-button-label-mobile-width: var(--ui-sr-only-size);
  --ui-public-footer-newsletter-button-label-mobile-height: var(--ui-sr-only-size);
  --ui-public-footer-newsletter-button-label-mobile-padding: 0;
  --ui-public-footer-newsletter-button-label-mobile-margin: var(--ui-sr-only-offset);
  --ui-public-footer-newsletter-button-label-mobile-overflow: hidden;
  --ui-public-footer-newsletter-button-label-mobile-clip: rect(0, 0, 0, 0);
  --ui-public-footer-newsletter-button-label-mobile-white-space: nowrap;
  --ui-public-footer-newsletter-button-label-mobile-border: 0;
  --ui-public-footer-newsletter-consent-mobile-font-size: var(--ui-font-size-xs);
  --ui-public-footer-newsletter-consent-mobile-line-height: var(--ui-line-height-tight);
  --ui-public-footer-bottom-display: flex;
  --ui-public-footer-bottom-flex-wrap: wrap;
  --ui-public-footer-bottom-columns: none;
  --ui-public-footer-bottom-min-height: auto;
  --ui-public-footer-bottom-align-items: center;
  --ui-public-footer-bottom-gap: var(--ui-gap-md);
  --ui-public-footer-bottom-padding-block: var(--ui-space-md);
  --ui-public-footer-bottom-mobile-display: grid;
  --ui-public-footer-bottom-mobile-columns: minmax(0, 1fr) auto;
  --ui-public-footer-bottom-mobile-align-items: center;
  --ui-public-footer-bottom-mobile-gap: var(--ui-space-sm);
  --ui-public-footer-bottom-mobile-padding-block: var(--ui-space-lg) 0;
  --ui-public-footer-bottom-border-block-start: 1px solid var(--ui-theme-border-subtle);
  --ui-public-footer-bottom-color: var(--ui-theme-text-muted);
  --ui-public-footer-bottom-nav-display: flex;
  --ui-public-footer-bottom-nav-flex-wrap: wrap;
  --ui-public-footer-bottom-nav-grid-column: auto;
  --ui-public-footer-bottom-nav-columns: none;
  --ui-public-footer-bottom-nav-justify-content: flex-end;
  --ui-public-footer-bottom-nav-gap: var(--ui-space-md);
  --ui-public-footer-bottom-nav-mobile-display: grid;
  --ui-public-footer-bottom-nav-mobile-grid-column: 1 / -1;
  --ui-public-footer-bottom-nav-mobile-columns: repeat(2, minmax(0, 1fr));
  --ui-public-footer-bottom-nav-mobile-gap: var(--ui-space-xs) var(--ui-space-sm);
  --ui-public-footer-locale-inline-size: var(--ui-control-height);
  --ui-public-footer-locale-block-size: var(--ui-control-height);
  --ui-public-footer-locale-flex: 0 0 var(--ui-control-height);
  --ui-public-footer-locale-label-inline-size: var(--ui-control-height);
  --ui-public-footer-locale-label-block-size: var(--ui-control-height);
  --ui-public-footer-locale-label-display: inline-grid;
  --ui-public-footer-locale-label-place-items: center;
  --ui-public-footer-locale-select-position: absolute;
  --ui-public-footer-locale-select-inset: 0;
  --ui-public-footer-locale-select-inline-size: 100%;
  --ui-public-footer-locale-select-block-size: 100%;
  --ui-public-footer-locale-select-opacity: 0;
  --ui-public-footer-locale-select-cursor: pointer;
}

.ui-comparison-portal[data-component-variant="product_detail"] {
  --ui-comparison-portal-product-summary-align-items: start;
  --ui-comparison-portal-product-detail-section-width: 100%;
  --ui-comparison-portal-product-detail-section-max-width: none;
  --ui-comparison-portal-listing-padding: 0;
  --ui-comparison-portal-listing-gap: clamp(var(--ui-space-6), 4vw, var(--ui-space-10));
  --ui-comparison-portal-listing-list-gap: 0;
  --ui-comparison-portal-listing-list-border-top: 2px solid var(--ui-theme-brand-primary);
  --ui-comparison-portal-listing-row-columns: minmax(4.5rem, 5.5rem) minmax(0, 1fr);
  --ui-comparison-portal-listing-row-align-content: center;
  --ui-comparison-portal-listing-row-gap: clamp(var(--ui-space-4), 2vw, var(--ui-space-6));
  --ui-comparison-portal-listing-row-min-height: 7.25rem;
  --ui-comparison-portal-listing-row-padding-block: var(--ui-space-md);
  --ui-comparison-portal-listing-row-padding-inline: 0;
  --ui-comparison-portal-listing-row-border: 0;
  --ui-comparison-portal-listing-row-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-comparison-portal-listing-row-radius: 0;
  --ui-comparison-portal-listing-row-background: transparent;
  --ui-comparison-portal-listing-row-shadow: none;
  --ui-comparison-portal-listing-media-aspect-ratio: 1 / 1;
  --ui-comparison-portal-listing-media-border-color: var(--ui-theme-border-subtle);
  --ui-comparison-portal-listing-media-background: var(--ui-theme-surface-card);
  --ui-comparison-portal-listing-signal-justify-self: end;
  --ui-comparison-portal-listing-action-justify-self: end;
  --ui-comparison-portal-product-summary-columns: minmax(0, 1fr);
  --ui-comparison-portal-product-summary-gap: clamp(var(--ui-space-5), 3vw, var(--ui-space-8));
  --ui-comparison-portal-product-summary-padding: clamp(var(--ui-space-5), 3vw, var(--ui-space-8)) 0;
  --ui-comparison-portal-product-summary-border: 0;
  --ui-comparison-portal-product-summary-radius: 0;
  --ui-comparison-portal-product-summary-background: transparent;
  --ui-comparison-portal-product-first-row-grid-column: auto;
  --ui-comparison-portal-product-first-row-columns: var(--ui-comparison-portal-listing-row-columns);
  --ui-comparison-portal-product-main-gap: var(--ui-space-sm);
  --ui-comparison-portal-product-title-size: var(--ui-font-size-lg);
  --ui-comparison-portal-product-title-line-height: var(--ui-line-height-label);
  --ui-comparison-portal-product-detail-mast-columns: minmax(0, 1fr);
  --ui-comparison-portal-product-detail-signal-grid-column: 1;
  --ui-comparison-portal-product-detail-signal-justify-self: stretch;
  --ui-comparison-portal-product-detail-actions-grid-column: 1;
  --ui-comparison-portal-product-detail-actions-justify-self: stretch;
  --ui-comparison-portal-product-summary-action-justify-content: flex-start;
  --ui-comparison-portal-product-summary-action-button-width: 100%;
  --ui-comparison-portal-product-detail-action-width: 100%;
}


.ui-public-topbar--comparison {
  --ui-public-topbar-inner-width: var(--ui-public-rail-width);
  --ui-public-topbar-inner-min-height: auto;
  --ui-public-topbar-inner-padding-block: var(--ui-space-xs);
  --ui-public-topbar-inner-columns: minmax(0, 1fr) auto;
  --ui-public-topbar-inner-areas: "brand actions" "search search" "nav nav";
  --ui-public-topbar-search-desktop-column-min: calc(var(--ui-size-touch-target) * 6);
  --ui-public-topbar-inner-desktop-columns: max-content minmax(var(--ui-public-topbar-search-desktop-column-min), 1fr) auto;
  --ui-public-topbar-inner-desktop-areas: "brand search actions" "nav nav nav";
  --ui-public-topbar-inner-desktop-align-items: center;
  --ui-public-topbar-inner-column-gap: var(--ui-space-sm);
  --ui-public-topbar-inner-row-gap: var(--ui-space-xs);
  --ui-public-topbar-inner-justify-content: stretch;
  --ui-public-search-grid-area: search;
  --ui-public-search-display: grid;
  --ui-public-search-columns: minmax(0, 1fr) 2.125rem;
  --ui-public-search-align-items: center;
  --ui-public-search-justify-self: stretch;
  --ui-public-search-width: 100%;
  --ui-public-search-max-width: 100%;
  --ui-public-search-max-inline-size: none;
  --ui-public-search-min-height: var(--ui-control-height);
  --ui-public-search-gap: var(--ui-space-xs);
  --ui-public-search-padding-inline: 0;
  --ui-public-search-border: 0;
  --ui-public-search-radius: 0;
  --ui-public-search-background: transparent;
  --ui-public-search-overflow: hidden;
  --ui-public-search-icon-display: none;
  --ui-public-search-input-color: var(--ui-theme-text-primary);
  --ui-public-search-button-size: var(--ui-size-icon-lg);
  --ui-public-search-button-padding: 0;
  --ui-public-search-button-radius: 0;
  --ui-public-search-button-display: inline-grid;
  --ui-public-search-button-icon-size: var(--ui-size-icon-sm);
  --ui-public-search-button-label-position: absolute;
  --ui-public-search-button-label-size: var(--ui-sr-only-size);
  --ui-public-search-button-label-overflow: hidden;
  --ui-public-search-button-label-clip: rect(0 0 0 0);
  --ui-public-search-desktop-columns: minmax(0, 1fr) max-content;
  --ui-public-search-desktop-gap: var(--ui-space-xs);
  --ui-public-search-desktop-button-padding: 0 var(--ui-space-sm);
  --ui-public-search-desktop-button-label-position: static;
  --ui-public-search-desktop-button-label-size: auto;
  --ui-public-search-desktop-button-label-overflow: visible;
  --ui-public-search-desktop-button-label-clip: auto;
  --ui-public-nav-width: 100%;
  --ui-public-nav-max-width: 100%;
  --ui-public-nav-justify-content: flex-start;
  --ui-public-nav-wrap: nowrap;
  --ui-public-nav-align-items: center;
  --ui-public-nav-column-gap: var(--ui-space-sm);
  --ui-public-nav-row-gap: var(--ui-space-xs);
  --ui-public-nav-padding: 0;
  --ui-public-nav-border: 0;
  --ui-public-nav-radius: 0;
  --ui-public-nav-background: transparent;
  --ui-public-nav-border-top: 0;
  --ui-public-nav-overflow: auto;
  --ui-public-nav-link-flex: 0 0 auto;
  --ui-public-nav-link-display: inline-flex;
  --ui-public-nav-link-width: auto;
  --ui-public-nav-link-max-width: 100%;
  --ui-public-nav-link-min-height: var(--ui-control-height);
  --ui-public-nav-link-padding: 0;
  --ui-public-nav-link-border: 0;
  --ui-public-nav-link-radius: 0;
  --ui-public-nav-link-background: transparent;
  --ui-public-nav-link-font-size: var(--ui-font-size-body-sm);
  --ui-public-nav-link-white-space: nowrap;
  --ui-public-menu-position: relative;
  --ui-public-menu-flex: 0 0 auto;
  --ui-public-menu-min-width: 0;
  --ui-public-menu-width: auto;
  --ui-public-menu-max-width: 100%;
  --ui-public-menu-summary-display: inline-flex;
  --ui-public-menu-summary-align-items: center;
  --ui-public-menu-summary-gap: var(--ui-icon-label-gap, var(--ui-control-gap));
  --ui-public-menu-summary-min-height: var(--ui-control-height);
  --ui-public-menu-summary-padding: 0;
  --ui-public-menu-summary-color: var(--ui-theme-text-muted);
  --ui-public-menu-summary-active-color: var(--ui-theme-brand-primary);
  --ui-public-menu-summary-font-size: var(--ui-font-size-body-sm);
  --ui-public-menu-summary-font-weight: var(--ui-font-weight-bold);
  --ui-public-menu-summary-line-height: var(--ui-line-height-tight);
  --ui-public-menu-summary-white-space: nowrap;
  --ui-public-menu-summary-cursor: pointer;
  --ui-public-menu-summary-list-style: none;
  --ui-public-menu-summary-appearance: none;
  --ui-public-menu-panel-position: absolute;
  --ui-public-menu-panel-inset: auto auto auto 0;
  --ui-public-menu-panel-z-index: 60;
  --ui-public-menu-panel-display: grid;
  --ui-public-menu-panel-open-display: grid;
  --ui-public-menu-panel-closed-display: none;
  --ui-public-menu-panel-columns: minmax(0, 1fr);
  --ui-public-menu-panel-width: min(var(--ui-public-menu-actions-max-width), calc(100vw - (var(--ui-public-gutter) * 2)));
  --ui-public-menu-panel-margin-block-start: var(--ui-space-xs);
  --ui-public-menu-panel-gap: var(--ui-public-menu-panel-item-gap, var(--ui-space-sm));
  --ui-public-menu-panel-padding: var(--ui-space-lg);
  --ui-public-menu-panel-border-block-start: 1px solid var(--ui-theme-border-strong);
  --ui-public-menu-panel-border-block-end: 1px solid var(--ui-theme-border-strong);
  --ui-public-menu-panel-border-inline: 1px solid var(--ui-theme-border-strong);
  --ui-public-menu-panel-radius-start: var(--ui-theme-radius-panel);
  --ui-public-menu-panel-radius-end: var(--ui-theme-radius-panel);
  --ui-public-menu-panel-background: var(--ui-theme-surface-card);
  --ui-public-menu-panel-shadow: var(--ui-theme-shadow-soft);
  --ui-public-menu-panel-backdrop-filter: none;
  --ui-public-menu-panel-desktop-inset: calc(100% + var(--ui-space-sm)) auto auto 0;
  --ui-public-menu-panel-desktop-width: min(var(--ui-public-rail-width), calc(100vw - (var(--ui-public-gutter) * 2)));
  --ui-public-menu-panel-desktop-padding: var(--ui-space-lg);
  --ui-public-menu-panel-desktop-border-block-start: 3px solid var(--ui-theme-brand-accent);
  --ui-public-menu-panel-desktop-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-public-menu-panel-desktop-border-inline: 1px solid var(--ui-theme-border-subtle);
  --ui-public-menu-panel-desktop-radius-start: 0;
  --ui-public-menu-panel-desktop-radius-end: var(--ui-theme-radius-panel);
  --ui-public-menu-panel-desktop-background: var(--ui-theme-surface-card);
  --ui-public-menu-panel-desktop-shadow: 0 1.25rem 3rem color-mix(in oklch, var(--ui-theme-brand-primary) 14%, transparent);
  --ui-public-menu-panel-desktop-backdrop-filter: none;
  --ui-public-menu-panel-link-display: flex;
  --ui-public-menu-panel-link-min-height: calc(var(--ui-size-touch-target) * 1.5);
  --ui-public-menu-panel-link-padding: var(--ui-space-sm);
  --ui-public-menu-panel-link-border: 0;
  --ui-public-menu-panel-link-radius: 0;
  --ui-public-menu-panel-link-background: transparent;
  --ui-public-menu-panel-link-color: var(--ui-theme-text-primary);
  --ui-public-menu-panel-link-font-weight: var(--ui-font-weight-bold);
  --ui-public-menu-panel-link-white-space: normal;
  --ui-public-menu-panel-link-hover-background: color-mix(in oklch, var(--ui-theme-brand-primary) 7%, transparent);
  --ui-public-menu-panel-link-hover-color: var(--ui-theme-brand-primary-strong);
  --ui-public-menu-group-display: grid;
  --ui-public-menu-group-gap: var(--ui-space-1);
  --ui-public-menu-group-padding: var(--ui-space-sm) var(--ui-space-sm) var(--ui-space-md);
  --ui-public-menu-group-border-block-start: 3px solid color-mix(in oklch, var(--ui-theme-brand-primary) 42%, var(--ui-theme-border-subtle));
  --ui-public-menu-group-background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, transparent);
  --ui-public-menu-panel-nav-padding: var(--ui-space-sm) 0 0;
  --ui-public-menu-panel-nav-border: 0;
  --ui-public-menu-panel-nav-border-block-start: 1px solid var(--ui-theme-border-subtle);
  --ui-public-menu-panel-nav-radius: 0;
  --ui-public-menu-panel-nav-background: transparent;
  --ui-public-menu-panel-nav-shadow: none;
  --ui-public-menu-nav-display: flex;
  --ui-public-menu-nav-grid-area: nav;
  --ui-public-menu-nav-width: 100%;
  --ui-public-menu-nav-max-width: 100%;
  --ui-public-menu-nav-justify-self: auto;
  --ui-public-menu-nav-justify-content: flex-start;
  --ui-public-menu-nav-wrap: wrap;
  --ui-public-menu-nav-gap: var(--ui-space-lg) var(--ui-space-1);
  --ui-public-menu-nav-margin-inline: 0;
  --ui-public-menu-nav-overflow: visible;
  --ui-public-menu-nav-link-width: auto;
  --ui-public-menu-nav-link-justify: center;
  --ui-public-menu-actions-display: flex;
  --ui-public-menu-actions-grid-area: actions;
  --ui-public-menu-actions-width: auto;
  --ui-public-menu-actions-max-width: 100%;
  --ui-public-menu-actions-gap: var(--ui-space-xs);
  --ui-public-menu-actions-justify: flex-end;
  --ui-public-menu-actions-wrap: nowrap;
  --ui-public-menu-actions-margin-inline: 0;
  --ui-public-menu-actions-padding-block-start: 0;
  --ui-public-menu-actions-border-block-start: 0;
  --ui-public-menu-actions-overflow: visible;
  --ui-public-menu-action-item-width: auto;
  --ui-public-menu-action-item-max-width: 100%;
  --ui-public-menu-icon-action-width: var(--ui-size-touch-target);
  --ui-public-menu-icon-action-justify: center;
  --ui-public-menu-icon-action-padding-inline: 0;
  --ui-public-submenu-panel-position: absolute;
  --ui-public-submenu-panel-inset: calc(100% + var(--ui-space-sm)) auto auto 0;
  --ui-public-submenu-panel-z-index: 60;
  --ui-public-submenu-panel-display: grid;
  --ui-public-submenu-panel-open-display: grid;
  --ui-public-submenu-panel-closed-display: none;
  --ui-public-submenu-panel-columns: minmax(0, 1fr);
  --ui-public-submenu-panel-gap: var(--ui-space-lg) var(--ui-space-xl);
  --ui-public-submenu-panel-width: var(--ui-public-rail-width);
  --ui-public-submenu-panel-padding: var(--ui-space-xl);
  --ui-public-submenu-panel-border-block-start: 3px solid var(--ui-theme-brand-accent);
  --ui-public-submenu-panel-border-block-end: 1px solid var(--ui-theme-border-subtle);
  --ui-public-submenu-panel-border-inline: 1px solid var(--ui-theme-border-subtle);
  --ui-public-submenu-panel-radius-start: 0;
  --ui-public-submenu-panel-radius-end: var(--ui-theme-radius-panel);
  --ui-public-submenu-panel-background: var(--ui-theme-surface-card);
  --ui-public-submenu-panel-shadow: 0 1.25rem 3rem color-mix(in oklch, var(--ui-theme-brand-primary) 14%, transparent);
  --ui-public-submenu-panel-desktop-item-min-width: calc(var(--ui-size-touch-target) * 2.5);
  --ui-public-submenu-panel-desktop-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  --ui-public-actions-display: none;
  --ui-public-actions-grid-area: actions;
  --ui-public-actions-align-items: center;
  --ui-public-actions-justify-self: end;
  --ui-public-actions-justify-content: flex-end;
  --ui-public-actions-wrap: nowrap;
  --ui-public-actions-gap: var(--ui-space-xs);
  --ui-public-actions-width: auto;
  --ui-public-actions-max-width: 100%;
  --ui-public-actions-overflow: visible;
  --ui-public-actions-border: 0;
  --ui-public-actions-radius: 0;
  --ui-public-actions-background: transparent;
  --ui-public-actions-shadow: none;
  --ui-public-action-min-height: var(--ui-control-height);
  --ui-public-action-height: var(--ui-control-height);
  --ui-public-action-min-inline-size: max-content;
  --ui-public-action-padding-inline: var(--ui-space-sm);
  --ui-public-action-gap: var(--ui-space-1);
  --ui-public-action-radius: var(--ui-radius-pill);
  --ui-public-action-line-height: var(--ui-line-height-tight);
  --ui-public-action-label-position: absolute;
  --ui-public-action-label-inline-size: var(--ui-sr-only-size);
  --ui-public-action-label-block-size: var(--ui-sr-only-size);
  --ui-public-action-label-padding: 0;
  --ui-public-action-label-margin: var(--ui-sr-only-offset);
  --ui-public-action-label-overflow: hidden;
  --ui-public-action-label-clip: rect(0, 0, 0, 0);
  --ui-public-action-label-white-space: nowrap;
  --ui-public-action-label-border: 0;
}

.ui-public-topbar--comparison :where(.ui-public-topbar-inner) {
  align-items: center;
}

.ui-public-topbar--comparison .ui-public-brand {
  align-self: center;
}

.ui-public-topbar--comparison .ui-public-search {
  min-width: 0;
  max-inline-size: none;
}

.ui-public-topbar--comparison .ui-public-nav {
  justify-self: start;
  justify-content: flex-start;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.ui-public-topbar--comparison .ui-public-actions {
  justify-self: end;
  flex-wrap: nowrap;
}

.ui-public-topbar--comparison .ui-public-nav > .ui-public-menu {
  flex: 1 1 100%;
  width: 100%;
}

.ui-public-topbar--comparison .ui-public-nav > .ui-public-menu > summary {
  width: 100%;
  justify-content: flex-start;
}

.ui-public-topbar--comparison .ui-public-menu > .ui-public-menu-panel a {
  width: 100%;
  justify-content: flex-start;
}

.ui-public-topbar--comparison .ui-public-action-link span:not(.ui-icon) {
  position: absolute;
  width: var(--ui-sr-only-size);
  height: var(--ui-sr-only-size);
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

@media (min-width: 48rem) {
  .ui-public-topbar--comparison {
    --ui-public-nav-overflow: visible;
    --ui-public-nav-wrap: wrap;
    --ui-public-nav-column-gap: var(--ui-space-md);
  }

  .ui-public-topbar--comparison .ui-public-action-link span:not(.ui-icon) {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    clip-path: none;
  }
}

.ui-public-topbar--comparison :is(.ui-public-icon-action, .ui-icon-button, .ui-locale-switcher label) {
  display: inline-grid;
  place-items: center;
}

body[data-shell="public"]:has(.ui-comparison-portal) :is(.ui-public-topbar--comparison, .ui-comparison-portal, .ui-public-footer) .ui-icon {
  flex: 0 0 var(--ui-size-icon-sm);
}

.ui-public-topbar--comparison .ui-public-menu-panel a[data-ui-menu-depth="2"] {
  min-height: var(--ui-size-touch-target);
  padding-inline-start: calc(var(--ui-space-sm) + var(--ui-size-icon-sm) + var(--ui-space-xs));
  background: transparent;
}

.ui-public-topbar--comparison .ui-public-menu-panel a[data-ui-menu-depth="2"] strong {
  font-size: var(--ui-font-size-body-sm);
}

@media (min-width: 48rem) {
  .ui-public-topbar--comparison {
    --ui-public-actions-display: flex;
    --ui-public-nav-column-gap: var(--ui-space-md);
    --ui-public-nav-row-gap: var(--ui-space-1);
    --ui-public-menu-panel-columns: repeat(2, minmax(0, 1fr));
    --ui-public-menu-panel-width: min(var(--ui-public-rail-width), calc(100vw - (var(--ui-public-gutter) * 2)));
    --ui-public-submenu-panel-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 72rem) {
  .ui-public-topbar--comparison {
    --ui-public-topbar-inner-column-gap: var(--ui-space-lg);
    --ui-public-topbar-inner-row-gap: var(--ui-space-2);
    --ui-public-search-columns: var(--ui-public-search-desktop-columns);
    --ui-public-search-gap: var(--ui-public-search-desktop-gap);
    --ui-public-search-button-padding: var(--ui-public-search-desktop-button-padding);
    --ui-public-search-button-label-position: var(--ui-public-search-desktop-button-label-position);
    --ui-public-search-button-label-size: var(--ui-public-search-desktop-button-label-size);
    --ui-public-search-button-label-overflow: var(--ui-public-search-desktop-button-label-overflow);
    --ui-public-search-button-label-clip: var(--ui-public-search-desktop-button-label-clip);
    --ui-public-nav-padding: var(--ui-space-1) 0 0;
    --ui-public-menu-panel-position: absolute;
    --ui-public-menu-panel-inset: var(--ui-public-menu-panel-desktop-inset);
    --ui-public-menu-panel-z-index: 60;
    --ui-public-menu-panel-display: grid;
    --ui-public-menu-panel-open-display: grid;
    --ui-public-menu-panel-closed-display: none;
    --ui-public-menu-panel-width: var(--ui-public-menu-panel-desktop-width);
    --ui-public-menu-panel-padding: var(--ui-public-menu-panel-desktop-padding);
    --ui-public-menu-panel-border-block-start: var(--ui-public-menu-panel-desktop-border-block-start);
    --ui-public-menu-panel-border-block-end: var(--ui-public-menu-panel-desktop-border-block-end);
    --ui-public-menu-panel-border-inline: var(--ui-public-menu-panel-desktop-border-inline);
    --ui-public-menu-panel-radius-start: var(--ui-public-menu-panel-desktop-radius-start);
    --ui-public-menu-panel-radius-end: var(--ui-public-menu-panel-desktop-radius-end);
    --ui-public-menu-panel-background: var(--ui-public-menu-panel-desktop-background);
    --ui-public-menu-panel-shadow: var(--ui-public-menu-panel-desktop-shadow);
    --ui-public-menu-panel-backdrop-filter: var(--ui-public-menu-panel-desktop-backdrop-filter);
    --ui-public-submenu-panel-columns: var(--ui-public-submenu-panel-desktop-columns);
    --ui-public-actions-display: flex;
    --ui-public-action-label-position: static;
    --ui-public-action-label-inline-size: auto;
    --ui-public-action-label-block-size: auto;
    --ui-public-action-label-overflow: visible;
    --ui-public-action-label-clip: auto;
    --ui-public-action-label-margin: 0;
  }

  .ui-public-topbar--comparison .ui-public-nav > .ui-public-menu {
    flex: 0 0 auto;
    width: auto;
  }

  .ui-public-topbar--comparison .ui-public-nav > .ui-public-menu > summary {
    width: auto;
    justify-content: center;
  }

  .ui-public-topbar--comparison .ui-public-menu > .ui-public-menu-panel {
    --ui-public-submenu-panel-position: absolute;
    --ui-public-submenu-panel-inset: var(--ui-public-menu-panel-desktop-inset);
    --ui-public-submenu-panel-z-index: 60;
    --ui-public-submenu-panel-display: grid;
    --ui-public-submenu-panel-open-display: grid;
    --ui-public-submenu-panel-closed-display: none;
    --ui-public-submenu-panel-width: var(--ui-public-menu-panel-desktop-width);
    --ui-public-submenu-panel-padding: var(--ui-public-menu-panel-desktop-padding);
    --ui-public-submenu-panel-border-block-start: var(--ui-public-menu-panel-desktop-border-block-start);
    --ui-public-submenu-panel-border-block-end: var(--ui-public-menu-panel-desktop-border-block-end);
    --ui-public-submenu-panel-border-inline: var(--ui-public-menu-panel-desktop-border-inline);
    --ui-public-submenu-panel-radius-start: var(--ui-public-menu-panel-desktop-radius-start);
    --ui-public-submenu-panel-radius-end: var(--ui-public-menu-panel-desktop-radius-end);
    --ui-public-submenu-panel-background: var(--ui-public-menu-panel-desktop-background);
    --ui-public-submenu-panel-shadow: var(--ui-public-menu-panel-desktop-shadow);
  }

  .ui-public-topbar--comparison .ui-public-menu[data-ui-mega-menu-align="end"] > .ui-public-menu-panel {
    inset-inline: auto 0;
  }

  .ui-public-topbar--comparison .ui-public-menu[data-ui-mega-menu-align="viewport"] > .ui-public-menu-panel {
    position: fixed;
    inset: calc(var(--ui-public-menu-top-offset) + var(--ui-space-sm)) var(--ui-public-gutter) auto var(--ui-public-gutter);
    width: auto;
    max-height: calc(100dvh - var(--ui-public-menu-top-offset) - var(--ui-space-xl));
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    align-content: start;
    overflow: auto;
  }

  .ui-public-topbar--comparison .ui-public-search .ui-btn {
    inline-size: auto;
    min-inline-size: var(--ui-control-height);
    max-inline-size: none;
    block-size: var(--ui-control-height);
    padding-inline: var(--ui-space-sm);
  }
}

@media (min-width: 80rem) {
  .ui-public-topbar--comparison .ui-public-menu[data-ui-mega-menu-align="viewport"] > .ui-public-menu-panel {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  }
}

@media (min-width: 48rem) {
  .ui-comparison-portal[data-component-variant="product_detail"] {
    --ui-comparison-portal-product-detail-signal-grid-column: 2;
    --ui-comparison-portal-product-detail-signal-justify-self: start;
    --ui-comparison-portal-product-detail-actions-grid-column: 2;
    --ui-comparison-portal-product-detail-actions-justify-self: start;
  }
}

@media (min-width: 64rem) {
  .ui-comparison-portal[data-component-variant="product_detail"] {
    --ui-comparison-portal-product-summary-gap: var(--ui-space-xl);
    --ui-comparison-portal-product-summary-padding: var(--ui-space-xl);
    --ui-comparison-portal-listing-row-columns: minmax(4.5rem, 6rem) minmax(0, 1fr) minmax(8rem, max-content) minmax(12rem, max-content);
    --ui-comparison-portal-listing-row-gap: var(--ui-space-lg);
  }
}

@media (min-width: 72rem) {
  .ui-comparison-portal[data-component-variant="product_detail"] {
    --ui-comparison-portal-product-detail-mast-columns: minmax(0, 0.9fr) minmax(18rem, 0.72fr);
    --ui-comparison-portal-product-summary-columns: minmax(8rem, 12rem) minmax(0, 1fr) minmax(11rem, max-content);
    --ui-comparison-portal-product-detail-signal-grid-column: 3;
    --ui-comparison-portal-product-detail-signal-justify-self: end;
    --ui-comparison-portal-product-detail-actions-grid-column: 4;
    --ui-comparison-portal-product-detail-actions-justify-self: end;
    --ui-comparison-portal-product-summary-action-justify-content: end;
    --ui-comparison-portal-product-detail-action-width: auto;
  }
}

/* MaxCompare public premium preset: Core UI Library owned. Themes provide semantic --theme-* tokens only. */
body[data-shell="public"]:has(.ui-comparison-portal) {
  background: var(--ui-theme-surface-page);
  color: var(--ui-theme-text-primary);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-main {
  background: transparent;
}

html:has(body[data-shell="public"]:has(.ui-comparison-portal)),
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer {
  background: var(--ui-theme-surface-page);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-main,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-page,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-shell {
  background: var(--ui-theme-surface-page);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer {
  border-top: 1px solid color-mix(in oklch, var(--ui-theme-text-on-primary) 22%, transparent);
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 88%, black);
  color: var(--ui-theme-text-on-primary);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-rich :is(strong, a, p, address),
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-bottom {
  color: var(--ui-theme-text-on-primary);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-rich p,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-rich address,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-bottom {
  color: color-mix(in oklch, var(--ui-theme-text-on-primary) 76%, transparent);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-brand {
  --ui-public-brand-logo-width: clamp(12rem, 20vw, 14.5rem);
  --ui-public-brand-logo-height: clamp(3rem, 5.4vw, 4rem);
  color: var(--ui-theme-text-primary);
  font-weight: var(--ui-font-weight-black);
}

body[data-shell="public"]:has(.ui-comparison-portal) :is(.ui-public-topbar--comparison, .ui-comparison-portal, .ui-public-footer) .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  color: currentColor;
}

body[data-shell="public"]:has(.ui-comparison-portal) :is(.ui-public-topbar--comparison, .ui-comparison-portal, .ui-public-footer) .ui-icon svg {
  inline-size: 100%;
  block-size: 100%;
  stroke-width: var(--ui-icon-svg-stroke-width-emphasis);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-brand > .ui-icon {
  inline-size: var(--ui-size-touch-target);
  block-size: var(--ui-size-touch-target);
  flex-basis: var(--ui-size-touch-target);
  padding: var(--ui-space-2);
  border-radius: var(--ui-theme-radius-card);
  background: var(--ui-theme-brand-primary);
  color: var(--ui-theme-text-on-primary);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-brand > .ui-icon svg {
  inline-size: var(--ui-size-icon-xs);
  block-size: var(--ui-size-icon-xs);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-btn > .ui-icon,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-icon-button > .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  flex-basis: var(--ui-size-icon-sm);
}

.ui-comparison-portal .ui-btn {
  min-height: var(--ui-control-height);
  border: 1px solid var(--ui-theme-border-strong);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-theme-surface-card);
  padding-inline: var(--ui-control-padding-inline);
  color: var(--ui-theme-text-primary);
  font-weight: var(--ui-font-weight-black);
  box-shadow: none;
}

.ui-comparison-portal .ui-btn:hover {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 34%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 6%, var(--ui-theme-surface-card));
  color: var(--ui-theme-brand-primary-strong);
}

.ui-comparison-portal .ui-btn-primary {
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
}

.ui-comparison-portal .ui-btn-primary:hover {
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent-strong);
  color: var(--ui-theme-text-on-accent);
}
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-nav {
  gap: var(--ui-public-nav-column-gap);
  padding: var(--ui-public-nav-padding);
  border: 0;
  border-radius: 0;
  background: transparent;
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-nav a {
  min-height: var(--ui-control-height-lg);
  padding-inline: var(--ui-control-padding-inline);
  border-radius: var(--ui-radius-pill);
  color: var(--ui-theme-text-muted);
  font-weight: var(--ui-font-weight-bold);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-nav a.is-active {
  background: var(--ui-theme-brand-primary);
  color: var(--ui-theme-text-on-primary);
}

.ui-public-topbar--comparison {
  position: static;
  top: auto;
  border-bottom: 1px solid var(--ui-theme-border-strong);
  background: var(--ui-theme-surface-card);
  box-shadow: none;
}

.ui-public-topbar--comparison .ui-public-brand {
  --ui-public-brand-logo-width: clamp(12rem, 20vw, 14.5rem);
  --ui-public-brand-logo-height: clamp(3rem, 5.4vw, 4rem);
  border-color: transparent;
  background: transparent;
  color: var(--ui-theme-text-primary);
  box-shadow: none;
}

.ui-public-topbar--comparison .ui-public-search {
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: var(--ui-space-sm);
  max-inline-size: none;
  overflow: visible;
}

.ui-public-topbar--comparison .ui-public-search input {
  min-height: var(--ui-control-height);
  border: 1px solid var(--ui-theme-border-strong);
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-surface-card);
  padding-block: 0;
  padding-inline: var(--ui-control-padding-inline);
}

.ui-public-topbar--comparison .ui-public-search .ui-btn-primary {
  min-height: var(--ui-control-height);
  border-color: var(--ui-theme-brand-accent-strong);
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
}
.ui-public-topbar--comparison .ui-public-nav a > .ui-icon,
.ui-public-topbar--comparison .ui-public-menu summary > .ui-icon:first-child,
.ui-public-topbar--comparison .ui-public-action-link > .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  flex-basis: var(--ui-size-icon-sm);
  color: var(--ui-theme-brand-primary);
}

.ui-public-topbar--comparison .ui-public-menu summary > .ui-icon:last-child {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  flex-basis: var(--ui-size-icon-sm);
  color: var(--ui-theme-text-muted);
}

.ui-public-topbar--comparison .ui-public-nav a.is-active,
.ui-public-topbar--comparison .ui-public-nav a:hover {
  background: transparent;
  color: var(--ui-theme-brand-primary);
}

.ui-public-topbar--comparison .ui-public-menu-panel a > .ui-icon {
  inline-size: var(--ui-size-icon-xs);
  block-size: var(--ui-size-icon-xs);
  flex-basis: var(--ui-size-icon-xs);
  color: var(--ui-theme-brand-primary);
}

.ui-public-topbar--comparison .ui-public-menu-panel a small {
  color: var(--ui-theme-text-muted);
}

.ui-public-topbar--comparison .ui-public-action-link {
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal {
  padding-block: var(--ui-comparison-portal-rhythm-section-padding, var(--ui-section-padding-sm));
}

body[data-shell="public"] .ui-public-page:has(.ui-comparison-portal) {
  padding-block-start: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__section-header > .ui-icon {
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal__section-header {
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal__section-header .ui-title-sm {
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal__section-header > .ui-icon {
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-item:hover,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-item:hover {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 34%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 5%, var(--ui-theme-surface-card));
  text-decoration: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-media img {
  padding: var(--ui-space-2);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-stage-media .ui-icon,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-icon .ui-icon {
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage-item:hover {
  background: transparent;
  color: var(--ui-theme-brand-primary-strong);
  text-decoration: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__product-stage-media img {
  padding: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__decision-stage-action {
  color: var(--ui-theme-brand-primary-strong);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage {
  border-block-end: 1px solid var(--ui-theme-border-strong);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-item:hover {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, var(--ui-theme-surface-card));
  text-decoration: none;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__seo-stage-icon .ui-icon {
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__facts div {
  color: var(--ui-theme-text-muted);
  font-weight: var(--ui-font-weight-semibold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__facts strong {
  color: var(--ui-theme-text-primary);
  font-weight: var(--ui-font-weight-black);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__facts dt {
  color: var(--ui-theme-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__facts dd {
  color: var(--ui-theme-text-primary);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-black);
}

.ui-comparison-portal__row > .ui-btn-primary,
.ui-comparison-portal__actions > .ui-btn-primary {
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__search .ui-btn-primary {
  border-color: var(--ui-theme-brand-accent-strong);
  background: var(--ui-theme-brand-accent);
  color: var(--ui-theme-text-on-accent);
}

.ui-comparison-portal__actions > .ui-btn:not(.ui-btn-primary) {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 32%, var(--ui-theme-border));
  background: var(--ui-theme-surface-card);
  color: var(--ui-theme-brand-primary-strong);
}

.ui-comparison-portal .ui-status-badge {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 28%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 7%, var(--ui-theme-surface-card));
  color: var(--ui-theme-brand-primary-strong);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__modebar {
  gap: var(--ui-space-lg) var(--ui-space-xl);
  padding-block: var(--ui-space-lg);
  border-block: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-breadcrumb {
  padding-block: var(--ui-space-lg);
  border-block: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-breadcrumb ol {
  row-gap: var(--ui-space-xs);
  column-gap: var(--ui-space-sm);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-breadcrumb li:first-child > span {
  color: var(--ui-theme-text-primary);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-black);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__category-breadcrumb a {
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__mode {
  gap: var(--ui-space-xs);
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__mode > .ui-icon,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__mode:hover {
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__mode > .ui-icon {
  inline-size: var(--ui-size-icon-xs);
  block-size: var(--ui-size-icon-xs);
  flex-basis: var(--ui-size-icon-xs);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__insight,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__insight[data-tone],
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__insight[data-tone="positive"],
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__insight[data-tone="warning"] {
  border: 0;
  background: transparent;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__tab {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__tab[data-active="true"] {
  background: transparent;
  color: var(--ui-theme-brand-primary);
  box-shadow: inset 0 -3px 0 var(--ui-theme-brand-accent);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__filter {
  border: 0;
  border-block-end: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__results {
  gap: 0;
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__list {
  border-block-start: 2px solid var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__row {
  border-block-end: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__row:hover {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, var(--ui-theme-surface-card));
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__media {
  border: 0;
  background: transparent;
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__media > .ui-icon {
  inline-size: var(--ui-size-icon-xs);
  block-size: var(--ui-size-icon-xs);
  flex-basis: var(--ui-size-icon-xs);
  color: var(--ui-theme-brand-primary);
}

.ui-page-component-zone:has(.ui-comparison-portal) .ui-affiliate-disclosure {
  border: 0;
  border-block: 1px solid var(--ui-theme-border-subtle);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__category-stage,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__product-stage,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__decision-stage,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__seo-stage {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__category-stage-item {
  min-height: 6.75rem;
  padding: var(--ui-space-md);
  border-color: var(--ui-theme-border-subtle);
  border-radius: var(--ui-theme-radius-card);
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, var(--ui-theme-surface-card));
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__seo-stage-item,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__seo-stage-item,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__seo-stage-item,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__seo-stage-item,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__seo-stage-item,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__category-stage-item,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__decision-stage-item,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__seo-stage-item {
  min-height: auto;
  padding: var(--ui-space-sm) 0;
  border: 0;
  border-block-end: 1px solid var(--ui-theme-border-subtle);
  border-radius: 0;
  background: transparent;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__category-stage-item:hover {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 34%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-success) 5%, var(--ui-theme-surface-card));
  text-decoration: none;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__category-stage-media,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__decision-stage-icon,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__seo-stage-icon {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 8%, var(--ui-theme-surface-card));
  color: var(--ui-theme-brand-primary);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__product-stage-list {
  gap: 0;
  border-block-start: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__product-stage-item {
  padding-block: var(--ui-space-md);
  border-block-end: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__product-stage-item:hover {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, transparent);
  text-decoration: none;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__decision-stage-item {
  border-color: var(--ui-theme-border-subtle);
  background: var(--ui-theme-surface-card);
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__body {
  gap: var(--ui-space-4);
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__filters,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__filters,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__filters,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__filters,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__filters,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__filters {
  border: 0;
  border-block-start: 1px solid var(--ui-theme-border-strong);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__list,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__list,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__list,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__list,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__list,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__list {
  gap: 0;
  border-block-start: var(--ui-comparison-portal-list-border-top);
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__row {
  border: 0;
  border-block-end: var(--ui-comparison-portal-row-border-bottom);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="deal_listing"] .ui-comparison-portal__row:hover,
.ui-comparison-portal[data-component-variant="category_listing"] .ui-comparison-portal__row:hover,
.ui-comparison-portal[data-component-variant="comparison_matrix"] .ui-comparison-portal__row:hover,
.ui-comparison-portal[data-component-variant="guide_index"] .ui-comparison-portal__row:hover,
.ui-comparison-portal[data-component-variant="guide_detail"] .ui-comparison-portal__row:hover,
.ui-comparison-portal[data-component-variant="service_listing"] .ui-comparison-portal__row:hover {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, transparent);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__decision-stage-item:hover {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 34%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 5%, var(--ui-theme-surface-card));
  text-decoration: none;
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__decision-stage-action,
.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__seo-stage-action {
  color: var(--ui-theme-brand-primary-strong);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__seo-stage-item {
  border-block: 1px solid var(--ui-theme-border-subtle);
}

.ui-comparison-portal:not([data-component-variant="search_first"]) .ui-comparison-portal__seo-stage-item:hover {
  background: color-mix(in oklch, var(--ui-theme-success) 4%, transparent);
  text-decoration: none;
}

body[data-shell="public"]:has(.ui-comparison-portal) {
  background: var(--ui-theme-surface-page);
}

html[data-theme="dark"] body[data-shell="public"]:has(.ui-comparison-portal) {
  background: var(--ui-theme-surface-page);
  color: var(--ui-theme-text-primary);
}

.ui-public-topbar--comparison .ui-public-action-link > .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  flex-basis: var(--ui-size-icon-sm);
}

.ui-public-topbar--comparison :is(.ui-public-icon-action, .ui-icon-button, .ui-locale-switcher label) {
  inline-size: var(--ui-control-height-sm);
  block-size: var(--ui-control-height-sm);
  min-inline-size: var(--ui-control-height-sm);
  min-block-size: var(--ui-control-height-sm);
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--ui-radius-pill);
  background: transparent;
  color: var(--ui-theme-text-muted);
}

.ui-public-topbar--comparison :is(.ui-public-icon-action, .ui-icon-button, .ui-locale-switcher label) > .ui-icon {
  inline-size: var(--ui-size-icon-sm);
  block-size: var(--ui-size-icon-sm);
  flex-basis: var(--ui-size-icon-sm);
}

.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__body,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__home-showcase,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__insights,
.ui-comparison-portal[data-component-variant="search_first"] .ui-comparison-portal__explanation,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-affiliate-disclosure {
  padding-inline: 0;
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-brand,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-links {
  padding-block-start: var(--ui-space-sm);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-brand strong,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-links > strong,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-newsletter > strong {
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-heading);
  letter-spacing: var(--ui-letter-spacing-uppercase);
  text-transform: uppercase;
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-brand p,
body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-newsletter p {
  max-width: var(--ui-public-menu-actions-max-width);
  font-size: var(--ui-font-size-sm);
  line-height: var(--ui-line-height-body);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-newsletter-control {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 18%, var(--ui-theme-border));
  background: var(--ui-theme-surface-card);
}

body[data-shell="public"]:has(.ui-comparison-portal) .ui-public-footer-newsletter-control button {
  background: var(--ui-theme-warning);
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product {
  align-items: start;
  padding-block-end: var(--ui-space-6);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-copy {
  gap: var(--ui-space-md);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-copy .ui-title-md {
  max-width: var(--ui-content-width-narrow);
  font-size: var(--ui-font-size-h2);
  line-height: var(--ui-line-height-tight);
  letter-spacing: var(--ui-letter-spacing-default);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-copy .ui-text-body {
  max-width: var(--ui-container-md);
  color: var(--ui-theme-text-muted);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-media {
  border: 0;
  border-radius: var(--ui-radius-md);
  background: var(--ui-theme-surface-card);
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-badges .ui-status-badge {
  border-color: color-mix(in oklch, var(--ui-theme-brand-primary) 18%, var(--ui-theme-border));
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 5%, var(--ui-theme-surface-card));
  color: var(--ui-theme-text-primary);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
  gap: var(--ui-space-sm) var(--ui-space-xl);
  max-width: var(--ui-container-md);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-facts div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-space-2xs);
  align-items: baseline;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-facts dt {
  color: var(--ui-theme-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-facts dd {
  color: var(--ui-theme-text-primary);
  font-size: var(--ui-font-size-body);
  font-weight: var(--ui-font-weight-black);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__results > .ui-title-sm {
  padding-block-end: 0;
  border: 0;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__home-showcase {
  gap: var(--ui-space-6);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-board {
  display: grid;
  gap: var(--ui-space-md);
  padding-block: var(--ui-space-md) var(--ui-space-lg);
  background: transparent;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-board .ui-comparison-portal__section-header {
  align-items: center;
  padding: 0;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-groups {
  display: grid;
  gap: var(--ui-space-sm);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ui-space-md);
  align-items: start;
  padding-block: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-group h4 {
  margin: 0;
  color: var(--ui-theme-text-primary);
  font-size: var(--ui-font-size-body-sm);
  font-weight: var(--ui-font-weight-black);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-options .ui-token-chip {
  min-block-size: var(--ui-control-height-sm);
  border: 0;
  border-radius: var(--ui-radius-pill);
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 7%, var(--ui-theme-surface-card));
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__offer-head {
  display: none;
  grid-template-columns: minmax(0, 1.45fr) minmax(7rem, .7fr) minmax(9rem, .8fr) minmax(8rem, .75fr) minmax(8rem, .7fr);
  gap: var(--ui-space-md);
  align-items: center;
  padding-block: var(--ui-space-sm);
  border-block: 1px solid var(--ui-theme-border);
  color: var(--ui-theme-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-black);
  letter-spacing: var(--ui-letter-spacing-default);
  text-transform: uppercase;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] {
  gap: var(--ui-space-2xs);
  border: 0;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__row,
.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__row:first-child {
  min-height: 8.75rem;
  padding: var(--ui-space-md) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__row[data-row-parity="even"] {
  background: color-mix(in oklch, var(--ui-theme-brand-primary) 3%, transparent);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__rank {
  place-self: center;
  min-inline-size: 2.25rem;
  color: var(--ui-theme-text-muted);
  font-weight: var(--ui-font-weight-black);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__media {
  inline-size: clamp(4.5rem, 8vw, 6.5rem);
  block-size: clamp(4.5rem, 8vw, 6.5rem);
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__main {
  gap: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__list[data-product-offer-list="true"] .ui-comparison-portal__main > strong {
  font-size: var(--ui-font-size-lg);
  line-height: var(--ui-line-height-heading);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__signal small {
  display: block;
  max-inline-size: 14rem;
  margin-block-start: var(--ui-space-2xs);
  color: var(--ui-theme-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
  line-height: var(--ui-line-height-body);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: var(--ui-space-xs) var(--ui-space-md);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__facts div {
  padding: 0;
  border: 0;
  background: transparent;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__facts dt {
  color: var(--ui-theme-text-muted);
  font-size: var(--ui-font-size-xs);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__facts dd {
  color: var(--ui-theme-text-primary);
  font-size: var(--ui-font-size-sm);
  font-weight: var(--ui-font-weight-bold);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__support-evidence,
.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__subpage-guides--after-offers,
.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__post-offer-search {
  padding-block: var(--ui-space-lg);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__support-list,
.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__subpage-guide-list {
  gap: var(--ui-space-xs);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__support-item,
.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__subpage-guide {
  padding: var(--ui-space-sm) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-stage-list {
  display: grid;
  gap: var(--ui-space-xs);
  border: 0;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-stage-item {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  min-height: 6.5rem;
  padding: var(--ui-space-sm) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-stage-media {
  border: 0;
  border-radius: 0;
  background: transparent;
}

@media (min-width: 48rem) {
  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-facts div {
    grid-template-columns: minmax(6rem, 8rem) minmax(0, 1fr);
    gap: var(--ui-space-sm);
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-group {
    grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr);
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-filter-group h4 {
    font-size: var(--ui-font-size-sm);
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__offer-head {
    display: grid;
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__product-stage-item {
    grid-template-columns: minmax(4.25rem, 6rem) minmax(0, 1fr) auto;
  }
}


.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__row {
  border-block-end: var(--ui-comparison-portal-listing-row-border-block-end);
}

.ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__main > span {
  max-width: var(--ui-content-width-default);
  color: var(--ui-theme-text-muted);
}

@media (min-width: 48rem) {
  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__row {
    grid-template-columns: var(--ui-comparison-portal-product-offer-row-tablet-columns);
    align-items: center;
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__support-item {
    grid-template-columns: var(--ui-comparison-portal-product-support-row-tablet-columns);
    align-items: center;
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__rank {
    display: var(--ui-comparison-portal-listing-rank-display);
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__signal,
  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__actions {
    grid-column: auto;
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__signal {
    justify-self: var(--ui-comparison-portal-listing-signal-justify-self);
  }

  .ui-comparison-portal[data-component-variant="product_detail"] .ui-comparison-portal__actions {
    justify-self: var(--ui-comparison-portal-listing-action-justify-self);
  }
}