/* Marketing v3 dedicated pages — why-switch, pricing */

.mkt-v3-page {
  display: block;
  color: var(--mkt-ink, var(--text-primary, #0f1b2d));
  background: var(--mkt-canvas, var(--surface-canvas, #faf8f4));
}

.mkt-v3-page--why-switch,
.mkt-v3-page--pricing,
.mkt-v3-page--company,
.mkt-v3-page--resources,
.mkt-v3-page--developers,
.mkt-v3-page--persona,
.mkt-v3-page--demo,
.mkt-v3-page--contact,
.mkt-v3-page--trust-center {
  /* Page-kind hooks for e2e selectors and per-archetype overrides */
}

.mkt-v3-page--why-switch .mkt-v3-page__hero {
  padding-top: 3.5rem;
}

.mkt-v3-page--pricing .mkt-v3-page__hero {
  padding-bottom: 1.5rem;
}

.mkt-v3-page--persona .mkt-v3-segment-grid {
  margin-top: 1rem;
}

.mkt-v3-page--developers .mkt-v3-link-list {
  margin-top: 1.25rem;
}

.mkt-v3-page__hero {
  padding: 3rem 0 2rem;
}

.mkt-v3-page__platforms {
  color: var(--mkt-ink-2, #475569);
  font-size: 0.9375rem;
  margin: 0.75rem 0 0;
}

.mkt-v3-page__section {
  padding: 2.5rem 0;
}

.mkt-v3-page__close {
  padding: 2rem 0 3rem;
  text-align: center;
}

.mkt-v3-competitor-matrix__scroll,
.mkt-v3-pricing-matrix__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mkt-v3-competitor-matrix__table,
.mkt-v3-pricing-matrix {
  width: 100%;
  min-width: 36rem;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.mkt-v3-competitor-matrix__table th,
.mkt-v3-competitor-matrix__table td,
.mkt-v3-pricing-matrix th,
.mkt-v3-pricing-matrix td {
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  text-align: center;
}

.mkt-v3-competitor-matrix__table th:first-child,
.mkt-v3-competitor-matrix__table td:first-child,
.mkt-v3-pricing-matrix th:first-child,
.mkt-v3-pricing-matrix th[scope="row"] {
  text-align: left;
}

.mkt-v3-competitor-matrix__disclosure {
  margin-bottom: 1rem;
}

.mkt-v3-competitor-matrix__legend {
  margin-top: 0.75rem;
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-currency {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.mkt-v3-currency__select {
  font-size: 0.9375rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.15));
  background: var(--mkt-tile, #fff);
}

.mkt-v3-currency__note {
  flex: 1 1 100%;
  color: var(--mkt-ink-2, #475569);
  margin: 0;
}

.mkt-v3-pricing-plans__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.25rem;
}

.mkt-v3-pricing-plan {
  padding: 1.5rem;
  border: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  border-radius: 0.75rem;
  background: var(--mkt-tile, #fff);
}

.mkt-v3-pricing-plans {
  padding-block: 2rem;
}

.mkt-v3-pricing-plans__note {
  margin-top: 1.25rem;
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-pricing-plan__name {
  font-family: var(--font-serif, "Source Serif 4", serif);
  font-size: 1.375rem;
  margin: 0 0 0.5rem;
}

.mkt-v3-pricing-plan__tagline {
  color: var(--mkt-ink-2, #475569);
  font-size: 0.9375rem;
  margin: 0 0 0.75rem;
}

.mkt-v3-pricing-plan__price-label,
.mkt-v3-pricing-plan__price-value,
.mkt-v3-pricing-plan__price-unit {
  display: inline;
}

.mkt-v3-pricing-plan__price-value {
  font-weight: 700;
  font-size: 1.25rem;
}

.mkt-v3-pricing-plan__price-unit {
  font-size: 0.875rem;
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-faq {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.mkt-v3-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mkt-v3-currency__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-pricing-plan__price {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0.75rem 0;
}

.mkt-v3-pricing-plan__highlights {
  padding-left: 1.125rem;
  margin: 0 0 1rem;
  font-size: 0.875rem;
}

.mkt-v3-pricing-addons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mkt-v3-faq__item {
  border-bottom: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  padding: 0.75rem 0;
}

.mkt-v3-faq__question {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}

.mkt-v3-faq__question::-webkit-details-marker {
  display: none;
}

.mkt-v3-faq__answer {
  padding-top: 0.5rem;
  color: var(--mkt-ink-2, #475569);
  font-size: 0.9375rem;
}

.mkt-v3-segment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1.25rem;
}

.mkt-v3-segment-card {
  padding: 1.25rem;
  border: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  border-radius: 0.75rem;
  background: var(--mkt-tile, #fff);
}

.mkt-v3-buyer-world-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr));
}

.mkt-v3-buyer-world-card {
  display: grid;
  gap: 1rem;
  align-content: start;
  min-inline-size: 0;
  padding: 0;
  overflow: hidden;
}

.mkt-v3-buyer-world-card__visual {
  display: block;
  max-inline-size: 100%;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 12 / 7;
  object-fit: cover;
  border-bottom: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
}

.mkt-v3-buyer-world-card__copy {
  display: grid;
  gap: 0.65rem;
  min-inline-size: 0;
  padding: 0 1.25rem 1.25rem;
}

.mkt-v3-buyer-world-card__copy :is(h2, p) {
  margin: 0;
}

.mkt-v3-buyer-world-card__lead {
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-buyer-world-card__cta {
  justify-self: start;
  margin-top: 0.2rem;
}

.mkt-v3-trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  font-size: 0.875rem;
  color: var(--mkt-ink-2, #475569);
}

.mkt-v3-trust-strip li {
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  border-radius: 999px;
  background: var(--mkt-tile, #fff);
}

.mkt-v3-demo-steps,
.mkt-v3-demo-agenda,
.mkt-v3-pricing-procurement {
  margin: 0;
  padding-left: 1.25rem;
  color: var(--mkt-ink-2, #475569);
  font-size: 0.9375rem;
}

.mkt-v3-demo-steps li + li,
.mkt-v3-demo-agenda li + li,
.mkt-v3-pricing-procurement li + li {
  margin-top: 0.65rem;
}

.mkt-v3-lead--compact {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.mkt-v3-segment-card__cta {
  margin-top: 0.75rem;
  align-self: flex-start;
}

.mkt-v3-segment-card--intent {
  display: flex;
  flex-direction: column;
}

.mkt-v3-page__close--split {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  align-items: center;
}

.mkt-local-first__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.mkt-local-first__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  list-style: none;
  padding: 0;
  margin: 1.25rem 0 0;
  font-size: 0.875rem;
  color: var(--mkt-ink-2, #475569);
}

.mkt-local-first__chips li {
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--mkt-rule, rgba(15, 27, 45, 0.1));
  border-radius: 999px;
  background: var(--mkt-tile, #fff);
}

.mkt-local-first--compact .mkt-local-first__header {
  margin-bottom: 0.5rem;
}

.mkt-region-affordance__chip {
  font-weight: 600;
  border-radius: 999px;
  padding-inline: 0.75rem;
}

.mkt-region-affordance__change {
  font-size: 0.8125rem;
  padding-inline: 0.25rem;
}

.mkt-region-affordance--banner {
  color: var(--mkt-ink-2, #475569);
}

.mkt-trust-regulatory-card--highlight {
  border-color: var(--mkt-accent, #4f46e5);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--mkt-accent, #4f46e5) 25%, transparent);
}

.mkt-inst-audience-callout--regional {
  background: color-mix(in srgb, var(--mkt-accent, #4f46e5) 6%, var(--mkt-tile, #fff));
}

.mkt-v3-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mkt-v3-form-block {
  max-width: 40rem;
}

.mkt-v3-form__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.mkt-v3-logo-carousel {
  overflow: hidden;
  margin: 1.5rem 0;
}

.mkt-v3-logo-carousel__track {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem;
}

.mkt-v3-logo-carousel__item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  font-size: 0.875rem;
  color: var(--mkt-ink-2, #475569);
  white-space: nowrap; /* horizontal-overflow-risk-allow: short-controlled-content-by-design */
}