/* Marketing premium layer — scoped to landing pages only */

.zds-mkt {
  --mkt-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mkt-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mkt-duration: 180ms;
  --mkt-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.04);
  --mkt-shadow-card: 0 1px 3px rgba(15, 23, 42, 0.05);
  --mkt-shadow-hero: 0 8px 24px rgba(15, 23, 42, 0.06);
  --mkt-radius-sm: 0.625rem;
  --mkt-radius-lg: 0.75rem;
  --mkt-radius-xl: 0.875rem;
  --mkt-radius-2xl: 1rem;
  --mkt-header-offset: 7.5rem;
  background: #fafaf9;
  color: var(--zds-text);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  scroll-padding-top: var(--mkt-header-offset);
  scroll-behavior: smooth;
}
.zds-mkt ::selection {
  background: rgba(254, 215, 170, 0.85);
  color: var(--zds-brand-900);
}
.mkt-skip-link {
  position: absolute;
  inset-inline-start: 1rem;
  top: 0.75rem;
  z-index: calc(var(--zds-z-topbar) + 3);
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--zds-brand-900);
  background: #fff;
  border: 1px solid rgba(234, 88, 12, 0.2);
  border-radius: 0.75rem;
  box-shadow: var(--mkt-shadow-card);
  transform: translateY(-150%);
  transition: transform 0.2s var(--mkt-ease);
}
.mkt-skip-link:focus {
  transform: translateY(0);
  outline: none;
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.14);
}

.zds-mkt main { flex: 1; }

.zds-mkt .zds-section,
.zds-mkt .zds-mkt-trust-strip {
  scroll-margin-top: var(--mkt-header-offset);
}

/* ─── Announcement ─── */
.zds-mkt-announcement {
  position: relative;
  background: #fff7ed;
  border-bottom: 1px solid rgba(234, 88, 12, 0.08);
}
.zds-mkt-announcement::before {
  display: none;
}
.zds-mkt-announcement__text {
  position: relative;
  margin: 0;
  padding: 0.625rem var(--zds-space-4);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--zds-brand-800);
  line-height: 1.6;
  text-align: center;
}
.zds-mkt-announcement__dot {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  margin-inline-end: 0.5rem;
  border-radius: 50%;
  background: var(--zds-brand-500);
  vertical-align: middle;
}
.zds-mkt-announcement__phone {
  color: var(--zds-brand-700);
  text-decoration: none;
  direction: ltr;
  display: inline-block;
  unicode-bidi: embed;
  padding-inline: 0.125rem;
  border-bottom: 1px solid transparent;
  transition: color 0.2s var(--mkt-ease), border-color 0.2s var(--mkt-ease);
}
.zds-mkt-announcement__phone:hover {
  color: var(--zds-brand-900);
  border-bottom-color: rgba(194, 65, 12, 0.35);
}
.zds-mkt-announcement__short { display: none; }
@media (max-width: 479px) {
  .zds-mkt-announcement__full { display: none; }
  .zds-mkt-announcement__short { display: inline; }
}

/* ─── Header ─── */
.zds-mkt-header {
  background: rgba(250, 250, 249, 0.88);
  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-header.is-scrolled {
  background: rgba(250, 250, 249, 0.94);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
.zds-mkt-header__inner {
  min-height: 4.25rem;
  height: auto;
  padding-block: 0.75rem;
}
.zds-mkt-logo {
  gap: 0.75rem;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  transition: transform 0.25s var(--mkt-ease), color 0.2s var(--mkt-ease);
}
.zds-mkt-logo:hover {
  color: var(--zds-brand-700);
  transform: translateY(-1px);
}
.zds-mkt-logo__mark {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--mkt-radius-xl);
  background: #ea580c;
  box-shadow: none;
  font-size: 0.9375rem;
  transition: transform var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-logo:hover .zds-mkt-logo__mark {
  transform: scale(1.02);
  background: #c2410c;
}
.zds-mkt-nav__link {
  position: relative;
  padding: 0.4375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--zds-text-secondary);
  border-radius: var(--mkt-radius-sm);
  transition: color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-nav__link:hover,
.zds-mkt-nav__link.is-active {
  color: var(--zds-text);
  background: rgba(15, 23, 42, 0.04);
}
.zds-mkt-nav__link.is-active::after {
  content: "";
  position: absolute;
  inset-inline: 0.75rem;
  bottom: 0.1875rem;
  height: 1.5px;
  border-radius: 999px;
  background: var(--zds-brand-600);
  transform-origin: center;
  animation: mkt-nav-underline var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-header__phone {
  display: none;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--zds-text-secondary);
  text-decoration: none;
  direction: ltr;
  unicode-bidi: embed;
  white-space: nowrap;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-sm);
  background: #fff;
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-header__phone:hover {
  color: var(--zds-text);
  text-decoration: none;
  transform: none;
  border-color: rgba(15, 23, 42, 0.14);
  background: #fafaf9;
}
.zds-mkt-header__phone svg {
  width: 0.9375rem;
  height: 0.9375rem;
  color: var(--zds-brand-600);
}
@media (min-width: 992px) {
  .zds-mkt-header__phone { display: inline-flex; }
}
.zds-mkt .zds-btn {
  border-radius: 0.6875rem;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0;
  transition: transform var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out), color var(--mkt-duration) var(--mkt-ease-out), box-shadow var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-btn:active:not(:disabled) {
  transform: scale(0.98);
}
.zds-mkt .zds-btn--primary {
  background: #ea580c;
  border-color: #ea580c;
  box-shadow: none;
  color: #fff;
}
.zds-mkt .zds-btn--primary:hover:not(:disabled) {
  background: #c2410c;
  border-color: #c2410c;
  box-shadow: none;
  transform: translateY(-1px);
}
.zds-mkt .zds-btn--secondary {
  background: #fff;
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: none;
  color: var(--zds-text);
}
.zds-mkt .zds-btn--secondary:hover:not(:disabled) {
  background: #fafaf9;
  border-color: rgba(15, 23, 42, 0.16);
  transform: translateY(-1px);
}
.zds-mkt .zds-btn--ghost:hover:not(:disabled) {
  background: rgba(15, 23, 42, 0.04);
  color: var(--zds-text);
}
.zds-mkt-menu-toggle {
  border-color: rgba(234, 88, 12, 0.14);
  background: rgba(255, 255, 255, 0.9);
  transition: transform 0.2s var(--mkt-ease), background 0.2s var(--mkt-ease);
}
.zds-mkt-menu-toggle:hover {
  background: #fff;
  transform: scale(1.03);
}
.zds-mkt-mobile-nav {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 1rem;
  border-top: 1px solid rgba(234, 88, 12, 0.1);
  background: rgba(255, 251, 247, 0.98);
  backdrop-filter: blur(12px);
  transition: max-height 0.35s var(--mkt-ease), opacity 0.25s var(--mkt-ease), padding 0.35s var(--mkt-ease);
}
.zds-mkt-mobile-nav.is-open {
  max-height: 32rem;
  opacity: 1;
  padding: 1rem;
}
.zds-mkt-mobile-nav .zds-mkt-nav__link {
  display: block;
  margin-bottom: 0.375rem;
  border-radius: 0.75rem;
}
.zds-mkt-mobile-nav .zds-mkt-nav__link.is-active {
  background: rgba(255, 237, 213, 0.75);
}
body.zds-mkt-nav-open {
  overflow: hidden;
}
@media (min-width: 768px) {
  body.zds-mkt-nav-open { overflow: auto; }
  .zds-mkt-mobile-nav,
  .zds-mkt-mobile-nav.is-open {
    max-height: 0 !important;
    opacity: 0 !important;
    padding-block: 0 !important;
    overflow: hidden !important;
  }
}
.zds-mkt-mobile-nav__phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  margin-bottom: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--zds-text-secondary);
  text-decoration: none;
  background: rgba(15, 23, 42, 0.02);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--mkt-radius-sm);
  direction: ltr;
  unicode-bidi: embed;
}

/* ─── Sections ─── */
.zds-mkt .zds-section {
  position: relative;
  padding-block: clamp(4rem, 8vw, 6.5rem);
}
.zds-mkt .zds-section--surface {
  background: #fff;
  border-block: 1px solid rgba(15, 23, 42, 0.05);
}
.zds-mkt .zds-section--sm {
  padding-block: clamp(2.5rem, 5vw, 4rem);
}
.zds-mkt .zds-section-header {
  max-width: 42rem;
  margin: 0 auto clamp(2.5rem, 5vw, 4rem);
}
.zds-mkt .zds-section-header__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  margin-bottom: 0.875rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--zds-text-muted);
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--mkt-radius-sm);
}
.zds-mkt .zds-section-header__title {
  font-size: clamp(1.625rem, 3.5vw, 2.375rem);
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin-bottom: 0.875rem;
  font-weight: 600;
}
.zds-mkt .zds-section-header__desc {
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.85;
  color: var(--zds-text-secondary);
  max-width: 36rem;
  margin-inline: auto;
}

/* ─── Hero ─── */
.zds-mkt .zds-hero {
  padding-block: clamp(3rem, 7vw, 7rem);
}
.zds-mkt .zds-hero__bg {
  background:
    radial-gradient(ellipse 80% 60% at 80% -20%, rgba(234, 88, 12, 0.06), transparent 55%),
    linear-gradient(180deg, #fafaf9 0%, #f5f5f4 100%);
}
.zds-mkt .zds-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, black, transparent);
  pointer-events: none;
}
.zds-mkt .zds-hero__content {
  position: relative;
  z-index: 1;
  max-width: 36rem;
}
.zds-mkt .zds-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.3125rem 0.625rem;
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--zds-text-secondary);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-sm);
  box-shadow: none;
  backdrop-filter: none;
}
.zds-hero__badge-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--zds-brand-500);
  flex-shrink: 0;
}
.zds-mkt .zds-hero__title em {
  color: #ea580c;
  font-style: normal;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
}
.zds-mkt .zds-hero__title {
  font-size: clamp(2rem, 5.5vw, 3.25rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin-bottom: 1.25rem;
  font-weight: 600;
}
.zds-mkt .zds-hero__subtitle {
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  line-height: 1.9;
  color: var(--zds-text-secondary);
  margin-bottom: 2rem;
  max-width: 34rem;
}
.zds-mkt .zds-hero__cta {
  gap: 0.875rem;
  margin-bottom: 2rem;
}
.zds-mkt .zds-hero__cta .zds-btn--lg {
  min-height: 2.75rem;
  padding-inline: 1.25rem;
}
.zds-mkt .zds-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  padding-top: 0.25rem;
}
.zds-mkt .zds-hero__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.3125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--zds-text-muted);
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-sm);
  transition: color var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-hero__trust-item:hover {
  color: var(--zds-text-secondary);
  background: rgba(15, 23, 42, 0.02);
  border-color: rgba(15, 23, 42, 0.12);
}
.zds-mkt .zds-hero__trust-item svg {
  width: 1rem;
  height: 1rem;
  color: var(--zds-brand-600);
  flex-shrink: 0;
}
.zds-mkt .zds-hero__visual {
  position: relative;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-2xl);
  box-shadow: var(--mkt-shadow-hero);
  background: #fff;
  aspect-ratio: auto;
  min-height: 20rem;
  transform: none;
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), transform var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-hero__visual:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: var(--mkt-shadow-hero);
}
.zds-mkt .zds-hero__visual.mkt-ai-showcase {
  min-height: auto;
  overflow: hidden;
}
.zds-mkt .zds-hero__visual.mkt-ai-showcase:hover {
  transform: translate3d(0, -2px, 0);
}

/* ─── AI Showcase (hero visual) ─── */
.mkt-ai-showcase__inner {
  position: relative;
  padding: 1.125rem;
}
.mkt-ai-showcase__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mkt-ai-showcase__head {
  margin-bottom: 1rem;
}
.mkt-ai-showcase__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #c2410c;
  background: rgba(234, 88, 12, 0.08);
  border: 1px solid rgba(234, 88, 12, 0.15);
  border-radius: var(--mkt-radius-sm);
}
.mkt-ai-showcase__badge svg {
  flex-shrink: 0;
  opacity: 0.85;
}
.mkt-ai-showcase__title {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--zds-text);
  line-height: 1.35;
}
.mkt-ai-showcase__bento {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mkt-ai-showcase__card {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.625rem 0.6875rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-md);
  background: rgba(15, 23, 42, 0.02);
  cursor: pointer;
  transition:
    border-color var(--mkt-dur-hover, 150ms) var(--mkt-spring-out, ease),
    background var(--mkt-dur-hover, 150ms) ease,
    transform var(--mkt-dur-hover, 150ms) ease;
}
.mkt-ai-showcase__card:hover {
  border-color: rgba(15, 23, 42, 0.14);
  background: rgba(15, 23, 42, 0.035);
  transform: translate3d(0, -1px, 0);
}
.mkt-ai-showcase__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: var(--mkt-radius-sm);
  background: rgba(234, 88, 12, 0.08);
  color: #c2410c;
}
.mkt-ai-showcase__card-icon svg {
  width: 0.875rem;
  height: 0.875rem;
}
.mkt-ai-showcase__card-body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.mkt-ai-showcase__card-body strong {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--zds-text);
  line-height: 1.35;
}
.mkt-ai-showcase__card-body span {
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--zds-text-muted);
}
.mkt-ai-showcase__card-mini {
  font-size: 0.625rem;
  color: var(--zds-text-muted);
  line-height: 1.4;
}
.mkt-ai-mini-tag {
  display: inline-block;
  padding: 0.0625rem 0.3125rem;
  margin-inline-end: 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.5625rem;
  font-weight: 500;
}
.mkt-ai-mini-tag--warn {
  background: rgba(234, 88, 12, 0.1);
  color: #c2410c;
}
.mkt-ai-mini-tag--ok {
  background: rgba(5, 150, 105, 0.1);
  color: #059669;
}
.mkt-ai-mini-chat span {
  display: block;
  height: 0.3125rem;
  margin-bottom: 0.1875rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
}
.mkt-ai-mini-chat span:first-child { width: 70%; }
.mkt-ai-mini-chat span:last-child { width: 45%; margin-bottom: 0; }

/* Tab active states */
#mkt-ai-copilot:checked ~ .mkt-ai-showcase__bento label[for="mkt-ai-copilot"],
#mkt-ai-content:checked ~ .mkt-ai-showcase__bento label[for="mkt-ai-content"],
#mkt-ai-chat:checked ~ .mkt-ai-showcase__bento label[for="mkt-ai-chat"],
#mkt-ai-builder:checked ~ .mkt-ai-showcase__bento label[for="mkt-ai-builder"] {
  border-color: rgba(234, 88, 12, 0.35);
  background: rgba(234, 88, 12, 0.05);
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.08);
}

/* Demo panels */
.mkt-ai-showcase__demos {
  position: relative;
  min-height: 9.5rem;
}
.mkt-ai-showcase__demo {
  display: none;
  padding: 0.75rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-md);
  background: #fafaf9;
  opacity: 0;
  transform: translate3d(0, 4px, 0);
  transition: opacity 200ms ease, transform 200ms ease;
}
#mkt-ai-copilot:checked ~ .mkt-ai-showcase__demos .mkt-ai-showcase__demo--copilot,
#mkt-ai-content:checked ~ .mkt-ai-showcase__demos .mkt-ai-showcase__demo--content,
#mkt-ai-chat:checked ~ .mkt-ai-showcase__demos .mkt-ai-showcase__demo--chat,
#mkt-ai-builder:checked ~ .mkt-ai-showcase__demos .mkt-ai-showcase__demo--builder {
  display: block;
  opacity: 1;
  transform: none;
}
.mkt-ai-demo__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}
.mkt-ai-demo__label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--zds-text-secondary);
}
.mkt-ai-demo__status {
  font-size: 0.625rem;
  font-weight: 500;
  color: #c2410c;
  padding: 0.125rem 0.375rem;
  background: rgba(234, 88, 12, 0.08);
  border-radius: var(--mkt-radius-sm);
}
.mkt-ai-demo__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4375rem;
}
.mkt-ai-demo__list li {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.4375rem 0.5rem;
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--zds-text-secondary);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--mkt-radius-sm);
}
.mkt-ai-demo__dot {
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
.mkt-ai-demo__dot--urgent { background: #ea580c; }
.mkt-ai-demo__dot--warn { background: #d97706; }
.mkt-ai-demo__dot--info { background: #64748b; }
.mkt-ai-demo__fix {
  margin-inline-start: auto;
  padding: 0.125rem 0.375rem;
  font-size: 0.625rem;
  font-weight: 500;
  color: #c2410c;
  background: rgba(234, 88, 12, 0.08);
  border: none;
  border-radius: 0.25rem;
  cursor: default;
  pointer-events: none;
}
.mkt-ai-demo__prompt,
.mkt-ai-demo__output,
.mkt-ai-demo__vitrine {
  padding: 0.5rem 0.625rem;
  border-radius: var(--mkt-radius-sm);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
}
.mkt-ai-demo__prompt {
  margin-bottom: 0.5rem;
}
.mkt-ai-demo__prompt-label {
  display: block;
  margin-bottom: 0.3125rem;
  font-size: 0.625rem;
  font-weight: 500;
  color: var(--zds-text-muted);
}
.mkt-ai-demo__prompt p,
.mkt-ai-demo__output p {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.65;
  color: var(--zds-text-secondary);
}
.mkt-ai-demo__output p {
  color: var(--zds-text);
}
.mkt-ai-demo__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  margin-top: 0.4375rem;
}
.mkt-ai-demo__tags span {
  padding: 0.125rem 0.375rem;
  font-size: 0.5625rem;
  font-weight: 500;
  color: var(--zds-text-muted);
  background: rgba(15, 23, 42, 0.04);
  border-radius: 0.25rem;
}
.mkt-ai-demo__chat {
  display: grid;
  gap: 0.4375rem;
}
.mkt-ai-bubble {
  max-width: 88%;
  padding: 0.4375rem 0.625rem;
  font-size: 0.6875rem;
  line-height: 1.55;
  border-radius: 0.625rem;
}
.mkt-ai-bubble--user {
  justify-self: start;
  background: rgba(15, 23, 42, 0.06);
  color: var(--zds-text-secondary);
  border-end-end-radius: 0.1875rem;
}
.mkt-ai-bubble--ai {
  justify-self: end;
  background: rgba(234, 88, 12, 0.08);
  color: var(--zds-text);
  border-end-start-radius: 0.1875rem;
}
.mkt-ai-bubble__who {
  display: block;
  margin-bottom: 0.1875rem;
  font-size: 0.5625rem;
  font-weight: 600;
  color: #c2410c;
  letter-spacing: 0.02em;
}
.mkt-ai-vitrine-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.4375rem;
}
.mkt-ai-vitrine-grid span {
  padding: 0.3125rem 0.5625rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--zds-text-secondary);
  background: rgba(234, 88, 12, 0.06);
  border: 1px solid rgba(234, 88, 12, 0.12);
  border-radius: var(--mkt-radius-sm);
}
.mkt-ai-demo__vitrine-note {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.55;
  color: var(--zds-text-muted);
}
.mkt-ai-showcase__foot {
  margin: 0.75rem 0 0;
  font-size: 0.6875rem;
  line-height: 1.55;
  text-align: center;
  color: var(--zds-text-muted);
}

@media (max-width: 991px) {
  .mkt-ai-showcase__bento {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 479px) {
  .mkt-ai-showcase__inner {
    padding: 0.875rem;
  }
  .mkt-ai-showcase__bento {
    grid-template-columns: 1fr;
  }
  .mkt-ai-showcase__demos {
    min-height: 10.5rem;
  }
}

/* Trust strip */
.zds-mkt-trust-strip {
  padding-block: 1rem;
  border-block: 1px solid rgba(15, 23, 42, 0.06);
  background: #fff;
}
.zds-mkt-trust-strip__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem;
  border-radius: var(--mkt-radius-lg);
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.06);
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt-trust-strip__item:hover {
  transform: none;
  background: rgba(15, 23, 42, 0.02);
  border-color: rgba(15, 23, 42, 0.1);
}
.zds-mkt-trust-strip__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--mkt-radius-sm);
  background: rgba(15, 23, 42, 0.03);
  color: var(--zds-brand-700);
  flex-shrink: 0;
}
.zds-mkt-trust-strip__value {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.zds-mkt-trust-strip__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .zds-mkt-trust-strip__grid { grid-template-columns: repeat(4, 1fr); }
}
.zds-mkt-trust-strip__icon svg {
  width: 1rem;
  height: 1rem;
}
.zds-mkt-trust-strip__label {
  font-size: 0.6875rem;
  color: var(--zds-text-muted);
  margin-bottom: 0.125rem;
}

/* Features */
.zds-mkt .zds-features-grid {
  gap: 1.25rem;
}
.zds-mkt .zds-feature-card {
  position: relative;
  padding: 1.25rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-xl);
  box-shadow: none;
  overflow: hidden;
  transition: transform var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-feature-card::before {
  display: none;
}
.zds-mkt .zds-feature-card:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.12);
  background: #fafaf9;
}
.zds-mkt .zds-feature-card:hover::before { display: none; }
.zds-mkt .zds-feature-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
  border-radius: var(--mkt-radius-lg);
  background: rgba(15, 23, 42, 0.03);
  color: var(--zds-brand-700);
  border: 1px solid rgba(15, 23, 42, 0.06);
  transition: background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-feature-card:hover .zds-feature-card__icon {
  transform: none;
  background: rgba(234, 88, 12, 0.06);
}
.zds-mkt .zds-feature-card__title {
  font-size: 1.0625rem;
  margin-bottom: 0.625rem;
  letter-spacing: -0.02em;
}
.zds-mkt .zds-feature-card__desc {
  font-size: 0.9375rem;
  line-height: 1.85;
  color: var(--zds-text-secondary);
}

/* Steps */
.zds-mkt .zds-steps-horizontal {
  gap: 1rem;
  counter-reset: mkt-step;
}
@media (min-width: 768px) {
  .zds-mkt .zds-steps-horizontal {
    gap: 1.25rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.zds-mkt .zds-step-card {
  position: relative;
  text-align: right;
  padding: 1.25rem;
  border-radius: var(--mkt-radius-xl);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: none;
  transition: transform var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-step-card:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.12);
  background: #fafaf9;
}
@media (min-width: 768px) {
  .zds-mkt .zds-step-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 2.4rem;
    inset-inline-start: -0.7rem;
    width: 1.25rem;
    height: 2px;
    background: rgba(15, 23, 42, 0.1);
  }
}
.zds-mkt .zds-step-card__num {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 0 0.875rem;
  font-size: 0.875rem;
  font-weight: 600;
  background: rgba(234, 88, 12, 0.08);
  color: var(--zds-brand-700);
  box-shadow: none;
}
.zds-mkt .zds-step-card__title {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
}
.zds-mkt .zds-step-card__desc {
  font-size: 0.9375rem;
  line-height: 1.8;
}

/* Pricing */
.zds-mkt .zds-pricing-grid {
  gap: 1.25rem;
  align-items: stretch;
}
.zds-mkt .zds-pricing-card__features {
  margin-bottom: 1.5rem;
  padding: 0;
  list-style: none;
}
.zds-mkt .zds-pricing-card__features li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--zds-text-secondary);
  border-radius: 0.625rem;
  transition: background 0.2s var(--mkt-ease);
}
.zds-mkt .zds-pricing-card__features li:hover {
  background: rgba(15, 23, 42, 0.03);
}
.zds-mkt .zds-pricing-card__features svg {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
  color: var(--zds-brand-600);
  flex-shrink: 0;
}
.zds-mkt .zds-pricing-card {
  padding: 1.5rem 1.25rem;
  border-radius: var(--mkt-radius-2xl);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: none;
  transition: transform var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-pricing-card:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.12);
  background: #fafaf9;
}
.zds-mkt .zds-pricing-card--featured {
  border-color: rgba(234, 88, 12, 0.2);
  background: #fff;
  box-shadow: none;
}
.zds-mkt .zds-pricing-card--featured::before {
  content: "شروع رایگان";
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
  inset-inline-start: auto;
  left: auto;
  right: auto;
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  background: rgba(234, 88, 12, 0.08);
  color: var(--zds-brand-700);
  box-shadow: none;
  border-radius: var(--mkt-radius-sm);
}
.zds-mkt .zds-pricing-card__footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.zds-mkt .zds-pricing-card__name {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
}
.zds-mkt .zds-pricing-card__desc {
  line-height: 1.75;
}
.zds-mkt .zds-pricing-card__price {
  font-size: clamp(2rem, 4vw, 2.5rem);
  letter-spacing: -0.03em;
}
.zds-mkt .zds-pricing-card__meta {
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--zds-text-muted);
}

/* FAQ */
.zds-mkt .zds-accordion { display: grid; gap: 0.75rem; }
.zds-mkt .zds-accordion__item {
  margin-bottom: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-lg);
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  transition: border-color var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-accordion__item.is-open {
  border-color: rgba(15, 23, 42, 0.12);
}
.zds-mkt .zds-accordion__trigger {
  padding: 1rem 1.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.6;
  background: transparent;
  transition: background var(--mkt-duration) var(--mkt-ease-out), color var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-accordion__trigger:hover {
  background: rgba(15, 23, 42, 0.02);
}
.zds-mkt .zds-accordion__item.is-open .zds-accordion__trigger {
  color: var(--zds-text);
}
.zds-mkt .zds-accordion__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--mkt-radius-sm);
  background: rgba(15, 23, 42, 0.04);
  color: var(--zds-text-muted);
  font-size: 0.625rem;
  flex-shrink: 0;
  transition: transform 0.22s var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-accordion__item.is-open .zds-accordion__chevron {
  transform: rotate(180deg);
  background: rgba(15, 23, 42, 0.06);
}
.zds-mkt .zds-accordion__panel {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 1.125rem;
  font-size: 0.875rem;
  line-height: 1.85;
  color: var(--zds-text-secondary);
  transition: max-height 0.24s var(--mkt-ease-out), opacity 0.2s var(--mkt-ease-out), padding 0.24s var(--mkt-ease-out);
}
.zds-mkt .zds-accordion__item.is-open .zds-accordion__panel {
  max-height: 16rem;
  opacity: 1;
  padding: 0 1.125rem 1rem;
}

/* CTA */
.zds-mkt .zds-cta-band {
  position: relative;
  overflow: hidden;
  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--mkt-radius-2xl);
  background: #1c1917;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
  text-align: center;
}
.zds-mkt .zds-cta-band::before {
  display: none;
}
.zds-mkt .zds-cta-band h2 {
  position: relative;
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  letter-spacing: -0.025em;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #fafaf9;
}
.zds-mkt .zds-cta-band p {
  position: relative;
  font-size: 1rem;
  line-height: 1.75;
  color: rgba(250, 250, 249, 0.72);
  margin-bottom: 1.5rem;
}
.zds-mkt .zds-cta-band .zds-btn {
  position: relative;
  min-width: 10rem;
  min-height: 2.75rem;
  background: #fff !important;
  color: #1c1917 !important;
  box-shadow: none;
  border: 1px solid transparent !important;
}
.zds-mkt .zds-cta-band .zds-btn:hover {
  transform: translateY(-1px);
  background: #f5f5f4 !important;
  box-shadow: none;
}

/* Footer */
.zds-mkt-footer {
  background: linear-gradient(180deg, #1c1917 0%, #0c0a09 100%);
  color: #a8a29e;
  padding-block: clamp(3rem, 6vw, 5rem);
  border-top: 1px solid rgba(251, 146, 60, 0.08);
}
.zds-mkt-footer__grid {
  gap: 2rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .zds-mkt-footer__grid {
    grid-template-columns: 1.6fr repeat(4, 1fr);
  }
}
.zds-mkt-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}
.zds-mkt-footer__brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--mkt-radius-sm);
  background: #ea580c;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
}
.zds-mkt-footer__desc {
  max-width: 22rem;
  font-size: 0.9375rem;
  line-height: 1.9;
  color: #d6d3d1;
  margin: 0;
}
.zds-mkt-footer__col-title {
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  text-transform: none;
  margin-bottom: 1rem;
}
.zds-mkt-footer__links a,
.zds-mkt-footer__links button {
  font-size: 0.9375rem;
  line-height: 1.6;
  transition: color 0.2s var(--mkt-ease), transform 0.2s var(--mkt-ease);
}
.zds-mkt-footer__links a:hover {
  color: #fff;
  transform: translateY(-1px);
}
.zds-mkt-footer__bottom {
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.875rem;
  color: #78716c;
}

/* Responsive refinements */
@media (max-width: 991px) {
  .zds-mkt .zds-hero__visual.mkt-ai-showcase {
    transform: none;
    min-height: auto;
  }
  .zds-mkt .zds-hero__visual.mkt-ai-showcase:hover { transform: none; }
  .zds-mkt-trust-strip__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 479px) {
  .zds-mkt .zds-hero__cta .zds-btn,
  .zds-mkt .zds-cta-band .zds-btn { width: 100%; }
  .zds-mkt-trust-strip__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .zds-mkt {
    scroll-behavior: auto;
  }
  .zds-mkt-announcement::before,
  .zds-mkt .zds-cta-band::before,
  .zds-mkt-announcement__dot {
    animation: none;
  }
  .zds-mkt * {
    transition-duration: 0.01ms !important;
  }
}

/* Modal — marketing context */
.zds-mkt .zds-modal-backdrop {
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.zds-mkt .zds-modal {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-xl);
  box-shadow: 0 16px 48px rgba(15, 23, 42, 0.14);
}
.zds-mkt .zds-modal__header {
  padding: 1.125rem 1.25rem;
  border-bottom-color: rgba(15, 23, 42, 0.06);
}
.zds-mkt .zds-modal__title {
  font-size: 1.0625rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.zds-mkt .zds-modal__close {
  border-radius: var(--mkt-radius-sm);
  transition: background var(--mkt-duration) var(--mkt-ease-out), color var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-modal__close:hover {
  background: rgba(15, 23, 42, 0.04);
  color: var(--zds-text);
}
.zds-mkt .zds-modal__body {
  padding: 1.25rem;
}
.zds-mkt .zds-modal__footer {
  padding: 0.875rem 1.25rem 1.125rem;
  border-top-color: rgba(15, 23, 42, 0.06);
  background: #fafaf9;
}
.zds-mkt .zds-input,
.zds-mkt .zds-select,
.zds-mkt .zds-textarea {
  min-height: 2.75rem;
  border-color: rgba(15, 23, 42, 0.1);
  border-radius: var(--mkt-radius-sm);
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), box-shadow var(--mkt-duration) var(--mkt-ease-out);
}
.zds-mkt .zds-input:focus,
.zds-mkt .zds-select:focus,
.zds-mkt .zds-textarea:focus {
  border-color: rgba(234, 88, 12, 0.35);
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.08);
}
.zds-mkt .zds-label {
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.4375rem;
}

/* Login modal */
.zds-mkt .mkt-login-modal .zds-modal__header {
  align-items: flex-start;
}
.zds-mkt .mkt-login-modal__subtitle {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--zds-text-muted);
}
.zds-mkt .mkt-login-modal__intro {
  margin: 0 0 1.25rem;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: var(--zds-text-secondary);
}
.zds-mkt .mkt-login-modal__field {
  margin-bottom: 1.125rem;
}
.zds-mkt .mkt-login-modal__captcha-row,
.zds-mkt .mkt-login-modal__mobile-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.zds-mkt .mkt-login-modal__captcha-img {
  height: 2.75rem;
  border-radius: var(--mkt-radius-sm);
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #fff;
}
.zds-mkt .mkt-login-modal__otp {
  letter-spacing: 0.3em;
  text-align: center;
  font-size: 1.0625rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.zds-mkt .mkt-login-modal__dev-hint {
  color: var(--zds-warning-700);
}
@media (max-width: 479px) {
  .zds-mkt .mkt-login-modal__mobile-row {
    flex-direction: column;
    align-items: stretch;
  }
  .zds-mkt .mkt-login-modal__captcha-grid {
    grid-template-columns: 1fr;
  }
}

/* Skeleton */
.mkt-skeleton {
  background: rgba(15, 23, 42, 0.06);
  border-radius: var(--mkt-radius-sm);
}
.mkt-skeleton--loader {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--mkt-radius-md);
}

@keyframes mkt-shimmer {
  0% { transform: translateX(120%); }
  100% { transform: translateX(-120%); }
}
@keyframes mkt-nav-underline {
  from { transform: scaleX(0); opacity: 0; }
  to { transform: scaleX(1); opacity: 1; }
}
@keyframes mkt-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.72; transform: scale(0.92); }
}

/* ─── Homepage layout system ─── */
.zds-mkt--home {
  --mkt-space-section: clamp(4.5rem, 9vw, 7rem);
  --mkt-space-block: clamp(1.5rem, 3vw, 2.5rem);
  --mkt-prose: 38rem;
  --mkt-prose-narrow: 32rem;
}
.zds-mkt--home .zds-container--hero {
  max-width: 76rem;
}
.zds-mkt--home .zds-container--faq {
  max-width: 68rem;
}
.zds-mkt--home .zds-section {
  padding-block: var(--mkt-space-section);
}
.zds-mkt--home .zds-section-header {
  margin-bottom: var(--mkt-space-block);
  text-align: center;
}
.zds-mkt--home .zds-section-header__eyebrow {
  margin-inline: auto;
}
.zds-mkt--home .zds-section-header__desc {
  margin-inline: auto;
}
.zds-mkt .zds-btn:disabled,
.zds-mkt .zds-btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
.zds-mkt .zds-btn--loading {
  pointer-events: none;
}
@media (min-width: 1280px) {
  .zds-mkt--home .zds-hero__grid {
    gap: clamp(2rem, 4vw, 4rem);
  }
}
@media (min-width: 1536px) {
  .zds-mkt--home .zds-container--hero,
  .zds-mkt--home .zds-container {
    max-width: 80rem;
  }
}

/* Reveal */
.mkt-reveal {
  opacity: 0;
  transform: translate3d(0, 6px, 0);
  transition: opacity 0.22s var(--mkt-ease-out), transform 0.22s var(--mkt-ease-out);
}
.mkt-reveal.is-visible {
  opacity: 1;
  transform: none;
}
.mkt-reveal--delay-1 { transition-delay: 40ms; }
.mkt-reveal--delay-2 { transition-delay: 80ms; }
.mkt-reveal--delay-3 { transition-delay: 120ms; }
.mkt-reveal--delay-4 { transition-delay: 160ms; }
.mkt-reveal--instant {
  opacity: 1;
  transform: none;
}

/* Chips */
.mkt-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--zds-text-muted);
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: var(--mkt-radius-sm);
  white-space: nowrap;
}
.mkt-chip--soft {
  color: var(--zds-text-secondary);
  background: rgba(15, 23, 42, 0.02);
}
.mkt-chip--step {
  margin-bottom: 0.75rem;
}

/* Section toolbar */
.mkt-section-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem 1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}
.mkt-section-toolbar__meta {
  font-size: 0.8125rem;
  color: var(--zds-text-muted);
}

/* Feature card head */
.zds-mkt--home .zds-feature-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.zds-mkt--home .zds-feature-card__head .zds-feature-card__icon {
  margin-bottom: 0;
}
.zds-mkt--home .zds-feature-card:focus-within {
  border-color: rgba(15, 23, 42, 0.14);
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.06);
}

/* Hero extras */
.zds-mkt--home .zds-hero__cta-note {
  margin: -1rem 0 1.5rem;
  font-size: 0.8125rem;
  line-height: 1.7;
  color: var(--zds-text-muted);
}
.zds-mkt--home .zds-btn__icon {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
}
.zds-mkt--home .zds-btn--primary .zds-btn__icon {
  transform: scaleX(-1);
}

/* Steps progress */
.mkt-steps-progress {
  height: 0.125rem;
  margin: 0 auto 1.5rem;
  max-width: 48rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  overflow: hidden;
}
.mkt-steps-progress__bar {
  height: 100%;
  border-radius: inherit;
  background: #ea580c;
}

/* Pricing note */
.mkt-pricing-note {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1.5rem;
  border-radius: var(--mkt-radius-lg);
  background: rgba(15, 23, 42, 0.02);
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: none;
}
.mkt-pricing-note svg {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--zds-text-muted);
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.mkt-pricing-note strong {
  display: block;
  font-size: 0.9375rem;
  margin-bottom: 0.25rem;
}
.mkt-pricing-note span {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.75;
  color: var(--zds-text-secondary);
}

/* Pricing card head */
.zds-mkt--home .zds-pricing-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.zds-mkt--home .zds-pricing-card__head .zds-pricing-card__name {
  margin-bottom: 0;
}

/* FAQ layout */
.mkt-faq-layout {
  display: grid;
  gap: 1.25rem;
  align-items: start;
}
@media (min-width: 992px) {
  .mkt-faq-layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(16rem, 0.8fr);
    gap: 1.5rem;
  }
}
.mkt-help-card {
  padding: 1.25rem;
  border-radius: var(--mkt-radius-xl);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: none;
  transition: border-color var(--mkt-duration) var(--mkt-ease-out), background var(--mkt-duration) var(--mkt-ease-out);
}
.mkt-help-card:hover {
  transform: none;
  border-color: rgba(15, 23, 42, 0.12);
  background: #fafaf9;
}
@media (min-width: 992px) {
  .mkt-help-card {
    position: sticky;
    top: calc(var(--mkt-header-offset) + 1rem);
  }
}
.mkt-help-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.875rem;
  border-radius: var(--mkt-radius-sm);
  background: rgba(15, 23, 42, 0.03);
  color: var(--zds-brand-700);
}
.mkt-help-card__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.mkt-help-card__title {
  font-size: 1.0625rem;
  margin-bottom: 0.625rem;
  letter-spacing: -0.02em;
}
.mkt-help-card__desc {
  font-size: 0.9375rem;
  line-height: 1.85;
  color: var(--zds-text-secondary);
  margin: 0 0 1.25rem;
}

/* CTA extras */
.zds-mkt--home .zds-cta-band__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.zds-mkt--home .zds-cta-band__meta {
  position: relative;
  margin: 0;
  font-size: 0.75rem;
  color: rgba(250, 250, 249, 0.55);
}
.zds-mkt--home .zds-btn--ghost-light {
  background: transparent !important;
  color: rgba(250, 250, 249, 0.88) !important;
  border: 1px solid rgba(250, 250, 249, 0.18) !important;
  box-shadow: none !important;
}
.zds-mkt--home .zds-btn--ghost-light:hover {
  background: rgba(250, 250, 249, 0.06) !important;
  border-color: rgba(250, 250, 249, 0.28) !important;
}
.zds-mkt--home .zds-cta-band__trust {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(250, 250, 249, 0.08);
}
.zds-mkt--home .zds-cta-band__trust-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: rgba(250, 250, 249, 0.65);
}
.zds-mkt--home .zds-cta-band__trust-item svg {
  width: 0.875rem;
  height: 0.875rem;
  opacity: 0.75;
}

/* Empty state */
.mkt-empty-state {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(2rem, 5vw, 3rem) 1.25rem;
  border-radius: var(--mkt-radius-xl);
  background: #fff;
  border: 1px dashed rgba(15, 23, 42, 0.1);
}
.mkt-empty-state__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  border-radius: var(--mkt-radius-lg);
  background: rgba(15, 23, 42, 0.03);
  color: var(--zds-text-muted);
}
.mkt-empty-state__icon svg {
  width: 1.75rem;
  height: 1.75rem;
}
.mkt-empty-state__title {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}
.mkt-empty-state__desc {
  max-width: 26rem;
  margin: 0 0 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.85;
  color: var(--zds-text-secondary);
}

/* Focus rings */
.zds-mkt .zds-btn:focus-visible,
.zds-mkt .zds-mkt-nav__link:focus-visible,
.zds-mkt .zds-accordion__trigger:focus-visible,
.zds-mkt .zds-input:focus-visible,
.zds-mkt .zds-mkt-header__phone:focus-visible,
.zds-mkt .zds-mkt-logo:focus-visible,
.zds-mkt .zds-mkt-menu-toggle:focus-visible,
.mkt-back-top:focus-visible,
.mkt-feature-card__link:focus-visible,
.mkt-skip-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.14);
}

/* Tablet refinements */
@media (min-width: 768px) and (max-width: 991px) {
  .zds-mkt--home .zds-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .zds-mkt--home .zds-step-card {
    text-align: center;
  }
  .zds-mkt--home .zds-step-card__num {
    margin-inline: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mkt-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .mkt-scroll-progress__bar {
    transition: none;
  }
  .mkt-back-top {
    transition: opacity 0.2s ease;
  }
  .mkt-status--live .mkt-status__dot {
    animation: none;
  }
  .zds-mkt .zds-accordion__panel {
    transition: none;
  }
}

/* Scroll progress */
.mkt-scroll-progress {
  position: fixed;
  inset-inline: 0;
  top: 0;
  height: 2px;
  z-index: calc(var(--zds-z-topbar) + 2);
  background: transparent;
  pointer-events: none;
}
.mkt-scroll-progress__bar {
  display: block;
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right center;
  background: #ea580c;
  opacity: 0.85;
  will-change: transform;
}
.mkt-back-top {
  position: fixed;
  inset-inline-end: 1.25rem;
  bottom: 1.25rem;
  z-index: var(--zds-z-topbar);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--mkt-radius-lg);
  background: #fff;
  color: var(--zds-text-secondary);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  cursor: pointer;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.2s var(--mkt-ease-out), transform 0.2s var(--mkt-ease-out), border-color 0.2s var(--mkt-ease-out), background 0.2s var(--mkt-ease-out);
}
.mkt-back-top:not([hidden]) {
  opacity: 1;
  transform: none;
}
.mkt-back-top:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.12);
  background: #fafaf9;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.mkt-back-top svg {
  width: 1.125rem;
  height: 1.125rem;
}

/* Status indicator */
.mkt-status {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: var(--zds-text-muted);
}
.mkt-status__dot {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: var(--zds-text-muted);
}
.mkt-status--live .mkt-status__dot {
  background: #10b981;
}
/* Feature card footer */
.zds-mkt--home .zds-feature-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.zds-mkt--home .zds-feature-card__desc {
  flex: 1;
}
.zds-mkt--home .zds-feature-card__footer {
  margin-top: 1rem;
  padding-top: 0.875rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.mkt-feature-card__link {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--zds-brand-700);
  text-decoration: none;
  transition: color var(--mkt-duration) var(--mkt-ease-out);
}
.mkt-feature-card__link:hover {
  color: var(--zds-brand-900);
  text-decoration: underline;
}

/* Section footer */
.mkt-section-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  border-radius: var(--mkt-radius-xl);
  background: rgba(15, 23, 42, 0.02);
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: none;
}
.mkt-section-footer__stats div {
  padding: 0.625rem 0.75rem;
  border-radius: var(--mkt-radius-sm);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.06);
}
.mkt-section-footer p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.75;
  color: var(--zds-text-secondary);
  max-width: 28rem;
}
.mkt-section-footer--compact {
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}
@media (min-width: 768px) {
  .mkt-section-footer--compact {
    flex-direction: row;
    align-items: center;
    text-align: right;
  }
}
.mkt-section-footer__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  flex: 1;
}
.mkt-section-footer__stats strong {
  display: block;
  font-size: 0.9375rem;
  letter-spacing: -0.02em;
  margin-bottom: 0.125rem;
}
.mkt-section-footer__stats span {
  font-size: 0.75rem;
  color: var(--zds-text-muted);
}

/* Help card list */
.mkt-help-card__list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}
.mkt-help-card__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.4375rem 0.625rem;
  border-radius: var(--mkt-radius-sm);
  background: rgba(15, 23, 42, 0.02);
  font-size: 0.8125rem;
}
.mkt-help-card__list span {
  color: var(--zds-text-muted);
}
.mkt-help-card__list strong {
  color: var(--zds-brand-800);
}

.mkt-pricing-footnote {
  margin: 1.75rem 0 0;
  text-align: center;
  font-size: 0.8125rem;
  line-height: 1.75;
  color: var(--zds-text-muted);
}

/* Typography polish */
.zds-mkt--home .zds-section-header__desc,
.zds-mkt--home .zds-hero__subtitle,
.zds-mkt--home .zds-feature-card__desc,
.zds-mkt--home .zds-step-card__desc,
.zds-mkt--home .zds-accordion__panel {
  text-wrap: pretty;
}

/* Section rhythm dividers */
.zds-mkt--home .zds-section + .zds-section:not(.zds-section--sm)::before {
  content: "";
  position: absolute;
  inset-inline: clamp(1rem, 5vw, 3rem);
  top: 0;
  height: 1px;
  background: linear-gradient(to inline-end, transparent, rgba(15, 23, 42, 0.06), transparent);
  pointer-events: none;
}
.zds-mkt--home .zds-section--surface::before,
.zds-mkt--home .zds-hero + .zds-mkt-trust-strip::before {
  display: none;
}

@media (max-width: 479px) {
  .mkt-section-footer__stats {
    grid-template-columns: 1fr;
  }
  .mkt-back-top {
    inset-inline-end: 1rem;
    bottom: 1rem;
  }
}

/* Footer CTA strip (homepage) */
.mkt-footer-cta {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: #1c1917;
}
.mkt-footer-cta__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.75rem 0;
}
.mkt-footer-cta__eyebrow {
  margin: 0 0 0.375rem;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(250, 250, 249, 0.55);
}
.mkt-footer-cta__title {
  margin: 0;
  font-size: clamp(1.0625rem, 2.5vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fafaf9;
}

/* ─── Motion layer (homepage) ─── */
.zds-mkt--home {
  --mkt-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --mkt-spring-out: cubic-bezier(0.32, 0.72, 0, 1);
  --mkt-dur-hover: 150ms;
  --mkt-dur-press: 100ms;
  --mkt-dur-dropdown: 200ms;
  --mkt-dur-modal: 260ms;
  --mkt-dur-page: 300ms;
}

#main-content.mkt-main-entered {
  animation: mkt-page-in var(--mkt-dur-page) var(--mkt-spring-out) both;
}
@keyframes mkt-page-in {
  from { opacity: 0; transform: translate3d(0, 6px, 0); }
  to { opacity: 1; transform: none; }
}

/* Buttons — press feedback only */
.zds-mkt--home .zds-btn {
  transition:
    transform var(--mkt-dur-hover) var(--mkt-spring-out),
    background var(--mkt-dur-hover) var(--mkt-spring-out),
    border-color var(--mkt-dur-hover) var(--mkt-spring-out),
    color var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-btn:active:not(:disabled),
.zds-mkt--home .zds-btn.mkt-btn-pressed:not(:disabled) {
  transform: scale(0.98);
  transition-duration: var(--mkt-dur-press);
}

/* Cards — hover lift via CSS only */
.zds-mkt--home .zds-feature-card,
.zds-mkt--home .zds-step-card,
.zds-mkt--home .zds-pricing-card,
.zds-mkt--home .mkt-help-card {
  transition: transform var(--mkt-dur-hover) var(--mkt-spring-out), border-color var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-feature-card:hover,
.zds-mkt--home .zds-step-card:hover,
.zds-mkt--home .zds-pricing-card:hover,
.zds-mkt--home .mkt-help-card:hover {
  transform: translate3d(0, -2px, 0);
}

/* Stagger groups — opacity + transform only */
.zds-mkt--home .mkt-stagger .mkt-stagger__item {
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  transition:
    opacity 240ms var(--mkt-spring-out),
    transform 240ms var(--mkt-spring-out);
}
.zds-mkt--home .mkt-stagger.is-visible .mkt-stagger__item {
  opacity: 1;
  transform: none;
  transition-delay: calc(var(--mkt-stagger-i, 0) * 45ms);
}
.zds-mkt--home .mkt-stagger.is-visible .mkt-stagger__item.mkt-reveal {
  opacity: 1;
  transform: none;
}

/* Modal — transform + opacity only; static backdrop blur */
.zds-mkt--home .zds-modal-backdrop {
  transition: opacity var(--mkt-dur-modal) var(--mkt-spring-out), visibility var(--mkt-dur-modal);
}
.zds-mkt--home .zds-modal-backdrop.is-open,
.zds-mkt--home .zds-modal-backdrop.mkt-modal-exit {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.zds-mkt--home .zds-modal-backdrop.mkt-modal-exit {
  opacity: 1;
  visibility: visible;
}
.zds-mkt--home .zds-modal-backdrop.is-open.mkt-modal-animate-in .zds-modal {
  animation: mkt-modal-in var(--mkt-dur-modal) var(--mkt-spring-out) both;
}
.zds-mkt--home .zds-modal-backdrop.mkt-modal-exit .zds-modal {
  animation: mkt-modal-out var(--mkt-dur-modal) var(--mkt-spring-out) forwards;
}
@keyframes mkt-modal-in {
  from { transform: translate3d(0, 8px, 0) scale(0.99); opacity: 0; }
  to { transform: none; opacity: 1; }
}
@keyframes mkt-modal-out {
  from { transform: none; opacity: 1; }
  to { transform: translate3d(0, 6px, 0) scale(0.99); opacity: 0; }
}

/* Mobile nav stagger */
.zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-mkt-nav__link,
.zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-mkt-mobile-nav__phone,
.zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-btn {
  animation: mkt-nav-item-in var(--mkt-dur-dropdown) var(--mkt-spring-out) backwards;
  animation-delay: calc(var(--mkt-nav-i, 0) * 35ms + 40ms);
}
@keyframes mkt-nav-item-in {
  from { opacity: 0; transform: translate3d(0, -6px, 0); }
  to { opacity: 1; transform: none; }
}

/* Toast */
.zds-mkt--home .zds-toast-container {
  inset-inline-start: 1.25rem;
  inset-inline-end: auto;
  bottom: 1.25rem;
}
.zds-mkt--home .zds-toast.mkt-toast-enter {
  animation: mkt-toast-in 220ms var(--mkt-spring) both;
}
.zds-mkt--home .zds-toast.mkt-toast-exit {
  animation: mkt-toast-out 200ms var(--mkt-spring-out) forwards;
}
@keyframes mkt-toast-in {
  from { opacity: 0; transform: translate3d(0, 8px, 0) scale(0.98); }
  to { opacity: 1; transform: none; }
}
@keyframes mkt-toast-out {
  to { opacity: 0; transform: translate3d(0, 6px, 0) scale(0.98); }
}

/* Skeleton shimmer */
.zds-mkt--home .mkt-skeleton {
  position: relative;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.06);
  animation: none;
}
.zds-mkt--home .mkt-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 40%,
    rgba(255, 255, 255, 0.55) 50%,
    transparent 60%
  );
  transform: translate3d(100%, 0, 0);
  animation: none;
}
.zds-mkt--home .zds-modal__overlay-loader:not(.zds-hidden) .mkt-skeleton::after {
  animation: mkt-skeleton-sweep 1.2s var(--mkt-spring-out) 2;
}
@keyframes mkt-skeleton-sweep {
  to { transform: translate3d(-100%, 0, 0); }
}

/* Back to top — spring entrance */
.zds-mkt--home .mkt-back-top:not([hidden]) {
  animation: mkt-back-top-in 240ms var(--mkt-spring) both;
}
@keyframes mkt-back-top-in {
  from { opacity: 0; transform: translate3d(0, 8px, 0) scale(0.96); }
  to { opacity: 1; transform: none; }
}

/* Input — border only on focus */
.zds-mkt--home .zds-input,
.zds-mkt--home .zds-select,
.zds-mkt--home .zds-textarea {
  transition: border-color var(--mkt-dur-hover) var(--mkt-spring-out);
}

/* Header + nav — homepage spring */
.zds-mkt--home .zds-mkt-header {
  transition:
    background var(--mkt-dur-hover) var(--mkt-spring-out),
    border-color var(--mkt-dur-hover) var(--mkt-spring-out),
    box-shadow var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-mkt-header.is-scrolled {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
.zds-mkt--home .zds-mkt-nav__link {
  transition:
    color var(--mkt-dur-hover) var(--mkt-spring-out),
    background var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-mkt-nav__link.is-active::after {
  animation: mkt-nav-underline-in var(--mkt-dur-dropdown) var(--mkt-spring-out) both;
}
@keyframes mkt-nav-underline-in {
  from { opacity: 0; transform: scaleX(0.6); }
  to { opacity: 1; transform: scaleX(1); }
}

/* Mobile nav panel */
.zds-mkt--home .zds-mkt-mobile-nav {
  transition:
    max-height var(--mkt-dur-dropdown) var(--mkt-spring-out),
    opacity var(--mkt-dur-dropdown) var(--mkt-spring-out),
    padding var(--mkt-dur-dropdown) var(--mkt-spring-out);
}

/* Accordion — progressive disclosure */
.zds-mkt--home .zds-accordion__item {
  transition: border-color var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-accordion__trigger {
  transition:
    background var(--mkt-dur-hover) var(--mkt-spring-out),
    color var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-accordion__chevron {
  transition:
    transform var(--mkt-dur-dropdown) var(--mkt-spring-out),
    background var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .zds-accordion__item.is-open .zds-accordion__chevron {
  transform: scaleY(-1);
}
.zds-mkt--home .zds-accordion__panel {
  transition:
    max-height 220ms var(--mkt-spring-out),
    opacity 200ms var(--mkt-spring-out),
    padding 220ms var(--mkt-spring-out);
}

.zds-mkt--home .mkt-ai-showcase__card {
  transition: transform var(--mkt-dur-hover) var(--mkt-spring-out), border-color var(--mkt-dur-hover) var(--mkt-spring-out), background var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .mkt-ai-showcase__card:hover {
  transform: translate3d(0, -1px, 0);
}

/* Card links + pricing CTAs */
.zds-mkt--home .mkt-feature-card__link,
.zds-mkt--home .zds-pricing-card__cta {
  transition:
    color var(--mkt-dur-hover) var(--mkt-spring-out),
    gap var(--mkt-dur-hover) var(--mkt-spring-out),
    transform var(--mkt-dur-hover) var(--mkt-spring-out);
}
.zds-mkt--home .mkt-feature-card__link:hover {
  transform: translate3d(-2px, 0, 0);
}

/* ─── Telegram commerce section ─── */
.zds-mkt--home #telegram-commerce.zds-section {
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
}
.zds-mkt--home #telegram-commerce .zds-section-header {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.mkt-chip--tg {
  color: #229ED9;
  background: rgba(34, 158, 217, 0.08);
  border-color: rgba(34, 158, 217, 0.18);
}

.mkt-tg-split {
  display: grid;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: clamp(2rem, 5vw, 3rem);
  align-items: center;
}
@media (min-width: 960px) {
  .mkt-tg-split {
    grid-template-columns: 1fr minmax(280px, 340px);
  }
}

.mkt-tg-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.mkt-tg-stat {
  padding: 0.75rem 0.625rem;
  text-align: center;
  border-radius: var(--mkt-radius-lg);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.mkt-tg-stat strong {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--zds-text-primary);
  margin-bottom: 0.25rem;
}
.mkt-tg-stat span {
  font-size: 0.6875rem;
  line-height: 1.45;
  color: var(--zds-text-muted);
}

.mkt-tg-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.mkt-tg-bullets li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.mkt-tg-bullets li svg {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  color: #229ED9;
}
.mkt-tg-bullets li strong {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 0.125rem;
}
.mkt-tg-bullets li span {
  font-size: 0.8125rem;
  line-height: 1.65;
  color: var(--zds-text-secondary);
}

/* Phone mock */
.mkt-tg-phone {
  display: flex;
  justify-content: center;
}
.mkt-tg-phone__frame {
  width: 100%;
  max-width: 300px;
  padding: 0.625rem;
  border-radius: 2rem;
  background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 20px 40px -12px rgba(15, 23, 42, 0.35);
}
.mkt-tg-phone__notch {
  width: 5rem;
  height: 0.375rem;
  margin: 0 auto 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}
.mkt-tg-phone__screen {
  border-radius: 1.25rem;
  overflow: hidden;
  background: #e8ecf1;
}
.mkt-tg-phone__header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  background: #229ED9;
  color: #fff;
}
.mkt-tg-phone__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  font-size: 0.875rem;
}
.mkt-tg-phone__meta strong {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
}
.mkt-tg-phone__meta span {
  font-size: 0.6875rem;
  opacity: 0.85;
}
.mkt-tg-phone__chat {
  padding: 0.75rem;
  min-height: 9rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mkt-tg-bubble {
  max-width: 92%;
  padding: 0.5rem 0.625rem;
  border-radius: 0.75rem 0.75rem 0.75rem 0.25rem;
  font-size: 0.6875rem;
  line-height: 1.55;
  background: #fff;
  color: var(--zds-text-primary);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.mkt-tg-bubble__label {
  display: block;
  font-size: 0.5625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #229ED9;
  margin-bottom: 0.25rem;
}
.mkt-tg-bubble--checkout p {
  margin: 0 0 0.25rem;
}
.mkt-tg-bubble__success {
  margin-top: 0.375rem !important;
  padding-top: 0.375rem;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  color: #059669;
  font-weight: 600;
}
.mkt-tg-phone__keyboard {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(15, 23, 42, 0.04);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
}
.mkt-tg-phone__keyboard span {
  padding: 0.375rem 0.25rem;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 500;
  color: #229ED9;
  background: #fff;
  border: 1px solid rgba(34, 158, 217, 0.2);
  border-radius: 0.375rem;
}

/* Timeline */
.mkt-tg-timeline-wrap {
  margin-bottom: clamp(2rem, 5vw, 3rem);
}
.mkt-tg-timeline__heading {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-align: center;
}
.mkt-tg-timeline {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .mkt-tg-timeline {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .mkt-tg-timeline {
    grid-template-columns: repeat(6, 1fr);
  }
}
.mkt-tg-step {
  position: relative;
  padding: 1rem 0.875rem;
  text-align: right;
  border-radius: var(--mkt-radius-xl);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  transition: transform var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out);
}
.mkt-tg-step:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 158, 217, 0.25);
}
@media (min-width: 1024px) {
  .mkt-tg-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 1.75rem;
    inset-inline-start: -0.5rem;
    width: 0.875rem;
    height: 2px;
    background: rgba(34, 158, 217, 0.25);
  }
}
.mkt-tg-step__num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 50%;
  background: rgba(34, 158, 217, 0.1);
  color: #229ED9;
}
.mkt-tg-step__title {
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.mkt-tg-step__desc {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.55;
  color: var(--zds-text-muted);
}

/* Capability grid */
.mkt-tg-capabilities {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-bottom: clamp(1.5rem, 4vw, 2rem);
}
@media (min-width: 640px) {
  .mkt-tg-capabilities {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .mkt-tg-capabilities {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
  }
}
.mkt-tg-cap {
  padding: 1.125rem;
  border-radius: var(--mkt-radius-xl);
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  transition: transform var(--mkt-duration) var(--mkt-ease-out), border-color var(--mkt-duration) var(--mkt-ease-out);
}
.mkt-tg-cap:hover {
  transform: translateY(-2px);
  border-color: rgba(34, 158, 217, 0.2);
}
.mkt-tg-cap__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.75rem;
  border-radius: var(--mkt-radius-lg);
  background: rgba(34, 158, 217, 0.08);
  color: #229ED9;
  border: 1px solid rgba(34, 158, 217, 0.12);
}
.mkt-tg-cap__icon svg {
  width: 1rem;
  height: 1rem;
}
.mkt-tg-cap__title {
  margin: 0 0 0.375rem;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.mkt-tg-cap__desc {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.7;
  color: var(--zds-text-secondary);
}

.mkt-tg-footnote {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--zds-text-muted);
  text-align: center;
}
#telegram-commerce .mkt-section-footer--compact {
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}
#telegram-commerce .mkt-section-footer--cta-only {
  justify-content: center;
}

@media (max-width: 639px) {
  .mkt-tg-stats {
    grid-template-columns: 1fr;
  }
  .mkt-tg-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    text-align: right;
  }
  .mkt-tg-stat strong {
    margin-bottom: 0;
  }
}

/* Reduced motion — homepage */
@media (prefers-reduced-motion: reduce) {
  #main-content.mkt-main-entered {
    animation: none;
  }
  .zds-mkt--home .mkt-stagger .mkt-stagger__item,
  .zds-mkt--home .mkt-stagger .mkt-stagger__item.mkt-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .zds-mkt--home .zds-modal-backdrop .zds-modal {
    animation: none !important;
  }
  .zds-mkt--home .zds-progress--animated .zds-progress__bar {
    transition: none;
  }
  .zds-mkt--home .mkt-skeleton::after {
    animation: none;
  }
  .zds-mkt--home .mkt-back-top:not([hidden]) {
    animation: none;
  }
  .zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-mkt-nav__link,
  .zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-mkt-mobile-nav__phone,
  .zds-mkt--home .zds-mkt-mobile-nav.mkt-nav-animating .zds-btn {
    animation: none;
  }
  .zds-mkt--home .zds-feature-card:hover,
  .zds-mkt--home .zds-step-card:hover,
  .zds-mkt--home .zds-pricing-card:hover,
  .zds-mkt--home .mkt-help-card:hover,
  .zds-mkt--home .mkt-ai-showcase__card:hover {
    transform: none;
  }
  .zds-mkt--home .mkt-tg-step:hover,
  .zds-mkt--home .mkt-tg-cap:hover {
    transform: none;
  }
  .zds-mkt--home .mkt-ai-showcase__demo {
    transition: none;
  }
}