/**
 * v2 Block Library theme layer.
 * Solstack's soledit-document.css owns structure. This file gives every v2
 * block a shared Ayandeh visual system for marketing and landing pages.
 */

.soledit-marketing-root {
  --marketing-radius: 1rem;
  --marketing-radius-sm: 0.625rem;
  --marketing-surface: #fffdf8;
  --marketing-surface-elevated: #ffffff;
  --marketing-surface-alt: #f4efe6;
  --marketing-surface-cool: #eaf4f1;
  --marketing-surface-lavender: #f0eff8;
  --marketing-border: #e1d8ca;
  --marketing-border-strong: #d0c3b1;
  --marketing-ink: #17201d;
  --marketing-ink-soft: #283733;
  --marketing-ink-muted: #52615d;
  --marketing-body: #394844;
  --marketing-accent: #167767;
  --marketing-accent-hover: #0f5f53;
  --marketing-accent-soft: #dff1ed;
  --marketing-warm-soft: #fbf3e6;
  --marketing-plum: #675b7d;
  --marketing-danger: #a54747;
  --marketing-warning: #9a6116;
  --marketing-shadow-sm: 0 1px 2px rgb(36 28 18 / 0.06), 0 8px 24px rgb(36 28 18 / 0.06);
  --marketing-shadow-md: 0 16px 42px rgb(36 28 18 / 0.11);
  --marketing-shadow-media: 0 18px 46px rgb(23 32 29 / 0.16);
  --soledit-font-body: inherit;
  --soledit-font-display: inherit;
  --soledit-text: var(--marketing-ink);
  --soledit-text-muted: var(--marketing-ink-muted);
  --soledit-link: var(--marketing-accent-hover);
  --soledit-link-hover: #0b473f;
  --soledit-section-bg-alt: var(--marketing-surface-alt);
  --soledit-section-bg-invert: linear-gradient(135deg, #0f3f3a 0%, #16675d 58%, #5d6f79 100%);
  --soledit-section-fg-invert: #fffaf0;
  --soledit-section-border: color-mix(in srgb, var(--marketing-border) 78%, transparent);
  --soledit-section-px: clamp(1rem, 4vw, 2rem);
  --soledit-section-py-sm: clamp(2rem, 4vw, 3rem);
  --soledit-section-py-md: clamp(3rem, 6vw, 4.5rem);
  --soledit-section-py-lg: clamp(4rem, 8vw, 6.5rem);
  --soledit-content-max-width: 72rem;
  --soledit-card-bg: var(--marketing-surface-elevated);
  --soledit-card-border: var(--marketing-border);
  --soledit-card-radius: var(--marketing-radius);
  --soledit-card-media-radius: 0.75rem;
  --soledit-card-shadow: var(--marketing-shadow-sm);
  --soledit-radius-lg: var(--marketing-radius);
  --soledit-radius-md: var(--marketing-radius-sm);
  --soledit-caption-color: var(--marketing-ink-muted);
  --soledit-eyebrow-color: var(--marketing-accent);
  --soledit-prose-body: var(--marketing-body);
  --soledit-prose-muted: var(--marketing-ink-muted);
  --soledit-placeholder-bg: color-mix(in srgb, var(--marketing-surface-alt) 72%, white);
  --soledit-placeholder-border: var(--marketing-border);
  color: var(--marketing-body);
  background: var(--marketing-surface);
  line-height: 1.7;
}

.soledit-marketing-root *,
.soledit-marketing-root *::before,
.soledit-marketing-root *::after {
  box-sizing: border-box;
}

.soledit-marketing-root :where(h1, h2, h3, h4, .soledit-card-grid__heading, .soledit-highlight-list__heading) {
  letter-spacing: 0;
}

.soledit-marketing-root .soledit-section {
  margin-block: 0;
}

.soledit-marketing-root .soledit-section + .soledit-section {
  margin-block-start: 0;
}

.soledit-marketing-root .soledit-section--tone-default {
  background: var(--marketing-surface);
}

.soledit-marketing-root .soledit-section--tone-alt {
  background:
    linear-gradient(135deg, rgb(255 253 248 / 0.72), rgb(255 253 248 / 0) 42%),
    linear-gradient(160deg, var(--marketing-warm-soft) 0%, var(--marketing-surface-alt) 48%, var(--marketing-surface-cool) 100%);
}

.soledit-marketing-root .soledit-section--tone-invert {
  background: var(--soledit-section-bg-invert);
  color: var(--soledit-section-fg-invert);
  --soledit-text: #fffaf0;
  --soledit-text-muted: rgb(255 250 240 / 0.78);
  --soledit-prose-body: rgb(255 250 240 / 0.9);
  --soledit-prose-muted: rgb(255 250 240 / 0.74);
  --soledit-card-bg: rgb(255 255 255 / 0.1);
  --soledit-card-border: rgb(255 255 255 / 0.24);
  --soledit-link: #d7fff4;
  --soledit-link-hover: #ffffff;
}

.soledit-marketing-root .soledit-section--tone-default + .soledit-section--tone-alt,
.soledit-marketing-root .soledit-section--tone-alt + .soledit-section--tone-default,
.soledit-marketing-root .soledit-section--bordered {
  border-top: 1px solid color-mix(in srgb, var(--marketing-border) 74%, transparent);
}

.soledit-marketing-root .soledit-section__inner > :first-child {
  margin-block-start: 0;
}

.soledit-marketing-root .soledit-section__inner > :last-child {
  margin-block-end: 0;
}

.soledit-marketing-root .soledit-section--full .soledit-section__inner {
  padding-inline: 0;
}

.soledit-marketing-root a {
  color: var(--soledit-link);
  text-underline-offset: 0.18em;
}

.soledit-marketing-root a:hover {
  color: var(--soledit-link-hover);
}

/* Hero */
.soledit-marketing-root .soledit-hero {
  min-height: clamp(26rem, 56vh, 38rem);
  margin-block: 0;
  border-radius: 0;
  background-color: #173f39;
}

.soledit-content .soledit-marketing-root .soledit-hero {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: #173f39;
  text-align: center;
}

.soledit-marketing-root .soledit-hero--height-auto {
  min-height: auto;
}

.soledit-marketing-root .soledit-hero--height-half-screen {
  min-height: clamp(28rem, 56vh, 38rem);
}

.soledit-marketing-root .soledit-hero--height-screen {
  min-height: min(100vh, 48rem);
}

.soledit-marketing-root .soledit-hero__inner {
  max-width: min(58rem, 100%);
  padding: clamp(4rem, 10vw, 7rem) var(--soledit-section-px);
}

.soledit-marketing-root .soledit-hero__body {
  text-wrap: balance;
}

.soledit-marketing-root .soledit-hero__body > p:first-child:not(:only-child) {
  display: inline-flex;
  width: fit-content;
  margin-inline: auto;
  margin-block-end: 0.85rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid rgb(255 255 255 / 0.26);
  border-radius: 999px;
  background: rgb(255 255 255 / 0.14);
  color: rgb(255 255 255 / 0.92);
  font-size: 0.9rem;
  font-weight: 800;
}

.soledit-marketing-root .soledit-hero__body > h1,
.soledit-marketing-root .soledit-hero__heading {
  margin-block-end: 0.9rem;
  color: inherit;
  font-size: clamp(2.3rem, 6vw, 4.75rem);
  font-weight: 800;
  line-height: 1.08;
}

.soledit-content .soledit-marketing-root .soledit-hero__body > h1,
.soledit-content .soledit-marketing-root .soledit-hero__heading {
  margin-block-start: 0;
  margin-block-end: 0.9rem;
  color: inherit;
  font-size: clamp(2.3rem, 6vw, 4.75rem);
  font-weight: 800;
  line-height: 1.08;
}

.soledit-marketing-root .soledit-hero__subheading,
.soledit-marketing-root .soledit-hero__body > p:last-child {
  max-width: 46rem;
  margin-inline: auto;
  color: rgb(255 255 255 / 0.9);
  font-size: clamp(1.05rem, 2.1vw, 1.35rem);
}

.soledit-content .soledit-marketing-root .soledit-hero__body > p,
.soledit-content .soledit-marketing-root .soledit-hero__subheading {
  color: rgb(255 255 255 / 0.9);
  font-size: clamp(1.05rem, 2.1vw, 1.35rem);
}

.soledit-content .soledit-marketing-root .soledit-hero__body > p:first-child:not(:only-child) {
  color: rgb(255 255 255 / 0.92);
  font-size: 0.9rem;
}

.soledit-marketing-root .soledit-hero--start-text .soledit-hero__body > p:last-child,
.soledit-marketing-root .soledit-hero--end-text .soledit-hero__body > p:last-child {
  margin-inline: 0;
}

.soledit-marketing-root .soledit-bg-overlay--light {
  background:
    linear-gradient(180deg, rgb(13 34 31 / 0.32), rgb(13 34 31 / 0.52)),
    radial-gradient(circle at 50% 22%, rgb(255 255 255 / 0.12), transparent 42%);
}

.soledit-marketing-root .soledit-bg-overlay--medium,
.soledit-marketing-root .soledit-bg-overlay--dark {
  background:
    linear-gradient(180deg, rgb(13 34 31 / 0.58), rgb(7 22 20 / 0.82)),
    radial-gradient(circle at 50% 22%, rgb(255 255 255 / 0.14), transparent 44%);
}

.soledit-marketing-root .soledit-hero--bg-image,
.soledit-marketing-root .soledit-hero--bg-video {
  box-shadow: inset 0 -1px 0 rgb(255 255 255 / 0.06);
}

/* Headings and prose blocks */
.soledit-marketing-root .soledit-section-heading {
  margin-block: 0 2rem;
}

.soledit-marketing-root .soledit-section-heading__eyebrow,
.soledit-marketing-root .soledit-split__eyebrow,
.soledit-marketing-root .soledit-card-grid__eyebrow {
  color: var(--marketing-accent);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.soledit-marketing-root .soledit-section-heading > h2,
.soledit-marketing-root .soledit-section-heading > h3 {
  color: var(--marketing-ink);
  font-size: clamp(1.75rem, 3.8vw, 2.7rem);
  font-weight: 800;
  line-height: 1.18;
}

.soledit-marketing-root .soledit-section-heading__intro {
  color: var(--marketing-ink-muted);
  font-size: clamp(1rem, 1.7vw, 1.14rem);
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-section-heading > h2,
.soledit-marketing-root .soledit-section--tone-invert .soledit-section-heading > h3,
.soledit-marketing-root .soledit-section--tone-invert .soledit-section-heading__eyebrow {
  color: inherit;
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-section-heading__intro {
  color: rgb(255 250 240 / 0.82);
}

.soledit-marketing-root .soledit-rich-text,
.soledit-marketing-root .soledit-prose {
  color: var(--marketing-body);
}

.soledit-marketing-root .soledit-rich-text :where(h2, h3, h4),
.soledit-marketing-root .soledit-prose :where(h2, h3, h4) {
  color: var(--marketing-ink);
  font-weight: 800;
}

.soledit-marketing-root .soledit-prose :where(ul, ol),
.soledit-marketing-root .soledit-rich-text :where(ul, ol) {
  padding-inline-start: 1.35rem;
}

.soledit-marketing-root .soledit-prose li,
.soledit-marketing-root .soledit-rich-text li {
  margin-block: 0.42rem;
}

.soledit-marketing-root .soledit-section--tone-invert :where(.soledit-rich-text, .soledit-prose),
.soledit-marketing-root .soledit-section--tone-invert :where(.soledit-rich-text, .soledit-prose) :where(h2, h3, h4) {
  color: inherit;
}

/* Buttons */
.soledit-marketing-root .soledit-cta-buttons,
.soledit-marketing-root .soledit-split__ctas,
.soledit-marketing-root .soledit-cta-banner__buttons {
  gap: 0.75rem;
}

.soledit-marketing-root .soledit-cta-button {
  min-height: 2.75rem;
  justify-content: center;
  padding: 0.72rem 1.15rem;
  border: 1px solid transparent;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgb(23 95 87 / 0.12);
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.soledit-content .soledit-marketing-root .soledit-cta .soledit-cta-button,
.soledit-content .soledit-marketing-root .soledit-cta-button.soledit-cta-button {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 1.15rem;
  border-width: 1px;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgb(23 95 87 / 0.12);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

@media (hover: hover) {
  .soledit-marketing-root .soledit-cta-button:hover {
    transform: translateY(-1px);
  }
}

.soledit-marketing-root .soledit-cta-button--primary,
.soledit-marketing-root .soledit-cta:not([data-variant]) .soledit-cta-button,
.soledit-marketing-root .soledit-cta[data-variant='primary'] .soledit-cta-button {
  background: var(--marketing-accent);
  border-color: var(--marketing-accent);
  color: #fff;
}

.soledit-marketing-root .soledit-cta-button--primary:hover,
.soledit-marketing-root .soledit-cta:not([data-variant]) .soledit-cta-button:hover,
.soledit-marketing-root .soledit-cta[data-variant='primary'] .soledit-cta-button:hover {
  background: var(--marketing-accent-hover);
  border-color: var(--marketing-accent-hover);
  color: #fff;
  box-shadow: 0 10px 24px rgb(15 79 73 / 0.18);
}

.soledit-marketing-root .soledit-cta-button--secondary,
.soledit-marketing-root .soledit-cta[data-variant='secondary'] .soledit-cta-button {
  background: #fff;
  border-color: #b9d6cf;
  color: var(--marketing-accent-hover);
  box-shadow: 0 4px 14px rgb(23 95 87 / 0.08);
}

.soledit-marketing-root .soledit-cta-button--secondary:hover,
.soledit-marketing-root .soledit-cta[data-variant='secondary'] .soledit-cta-button:hover {
  background: var(--marketing-accent-soft);
  border-color: #8fc3b8;
  color: #0c443f;
}

.soledit-marketing-root .soledit-cta-button--ghost,
.soledit-marketing-root .soledit-cta[data-variant='outline'] .soledit-cta-button,
.soledit-marketing-root .soledit-cta[data-variant='ghost'] .soledit-cta-button {
  background: transparent;
  border-color: color-mix(in srgb, var(--marketing-accent) 34%, transparent);
  color: var(--marketing-accent-hover);
  box-shadow: none;
}

.soledit-marketing-root .soledit-cta-button--ghost:hover,
.soledit-marketing-root .soledit-cta[data-variant='outline'] .soledit-cta-button:hover,
.soledit-marketing-root .soledit-cta[data-variant='ghost'] .soledit-cta-button:hover {
  background: var(--marketing-accent-soft);
  border-color: color-mix(in srgb, var(--marketing-accent) 56%, transparent);
  color: var(--marketing-accent-hover);
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--primary,
.soledit-marketing-root .soledit-cta-banner--tone-invert .soledit-cta-button--primary {
  background: #fff7e8;
  border-color: #fff7e8;
  color: #123f3a;
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--primary:hover,
.soledit-marketing-root .soledit-cta-banner--tone-invert .soledit-cta-button--primary:hover {
  background: #f2e4cb;
  border-color: #f2e4cb;
  color: #0f332f;
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--secondary,
.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--ghost,
.soledit-marketing-root .soledit-hero--bg-image .soledit-cta-button--secondary,
.soledit-marketing-root .soledit-hero--bg-image .soledit-cta-button--ghost {
  background: rgb(255 255 255 / 0.1);
  border-color: rgb(255 255 255 / 0.48);
  color: #fff;
  box-shadow: none;
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--secondary:hover,
.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-button--ghost:hover,
.soledit-marketing-root .soledit-hero--bg-image .soledit-cta-button--secondary:hover,
.soledit-marketing-root .soledit-hero--bg-image .soledit-cta-button--ghost:hover {
  background: rgb(255 255 255 / 0.18);
  border-color: rgb(255 255 255 / 0.82);
  color: #fff;
}

/* Cards, grids, and media */
.soledit-marketing-root .soledit-card-grid {
  gap: clamp(1rem, 2vw, 1.35rem);
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-card-grid__card,
.soledit-marketing-root .soledit-pricing-table__tier,
.soledit-marketing-root .soledit-team-grid__member,
.soledit-marketing-root .soledit-testimonial__item,
.soledit-marketing-root .soledit-stats--dividers .soledit-stats__item {
  border: 1px solid var(--marketing-border);
  background: color-mix(in srgb, var(--marketing-surface-elevated) 94%, var(--marketing-surface-cool));
  box-shadow: var(--marketing-shadow-sm);
}

.soledit-marketing-root .soledit-card-grid__card {
  padding: clamp(1rem, 2.2vw, 1.45rem);
  border-radius: var(--marketing-radius);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.soledit-marketing-root .soledit-card-grid--style-flat .soledit-card-grid__card {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.soledit-marketing-root .soledit-card-grid--style-bordered .soledit-card-grid__card {
  box-shadow: none;
}

.soledit-marketing-root .soledit-card-grid--style-ghost .soledit-card-grid__card {
  border-style: solid;
  background: color-mix(in srgb, var(--marketing-surface-cool) 45%, transparent);
  box-shadow: none;
}

@media (hover: hover) {
  .soledit-marketing-root .soledit-card-grid--style-raised .soledit-card-grid__card:hover,
  .soledit-marketing-root .soledit-pricing-table__tier:hover,
  .soledit-marketing-root .soledit-team-grid__member:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--marketing-accent) 34%, var(--marketing-border));
    box-shadow: var(--marketing-shadow-md);
  }
}

.soledit-marketing-root .soledit-card-grid__heading,
.soledit-marketing-root .soledit-split__heading,
.soledit-marketing-root .soledit-highlight-list__heading,
.soledit-marketing-root .soledit-pricing-table__name,
.soledit-marketing-root .soledit-team-grid__name,
.soledit-marketing-root .soledit-stats__label {
  color: var(--marketing-ink);
  font-weight: 800;
}

.soledit-marketing-root .soledit-card-grid__heading {
  font-size: 1.12rem;
  line-height: 1.35;
}

.soledit-marketing-root .soledit-card-grid__body,
.soledit-marketing-root .soledit-highlight-list__body,
.soledit-marketing-root .soledit-split__body,
.soledit-marketing-root .soledit-stats__sublabel,
.soledit-marketing-root .soledit-team-grid__role,
.soledit-marketing-root .soledit-team-grid__bio,
.soledit-marketing-root .soledit-pricing-table__description,
.soledit-marketing-root .soledit-pricing-table__price-alt {
  color: var(--marketing-body);
}

.soledit-marketing-root .soledit-card-grid__media,
.soledit-marketing-root .soledit-split__media,
.soledit-marketing-root .soledit-image,
.soledit-marketing-root .soledit-video__frame,
.soledit-marketing-root .soledit-embed__frame,
.soledit-marketing-root .soledit-team-grid__photo {
  border-radius: var(--marketing-radius);
  background: color-mix(in srgb, var(--marketing-surface-alt) 80%, white);
  box-shadow: var(--marketing-shadow-media);
}

.soledit-marketing-root .soledit-card-grid__media,
.soledit-marketing-root .soledit-split__media,
.soledit-marketing-root .soledit-team-grid__photo {
  overflow: hidden;
}

.soledit-marketing-root .soledit-media,
.soledit-marketing-root .soledit-media__img,
.soledit-marketing-root .soledit-image__img,
.soledit-marketing-root .soledit-team-grid__img {
  width: 100%;
  height: 100%;
}

.soledit-marketing-root :where(.soledit-split__media, .soledit-card-grid__media, .soledit-image, .soledit-team-grid__photo) img {
  filter: saturate(0.94) contrast(0.99);
}

.soledit-marketing-root .soledit-card-grid--media-start .soledit-card-grid__card {
  gap: 1rem;
}

.soledit-marketing-root .soledit-card-grid__icon-placeholder {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--marketing-accent-soft);
  color: var(--marketing-accent-hover);
}

.soledit-marketing-root .soledit-card-grid__icon-placeholder::before {
  content: '';
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 999px;
  background: currentColor;
}

/* Feature split */
.soledit-marketing-root .soledit-split {
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-split__row {
  gap: clamp(1.5rem, 4vw, 3rem);
}

.soledit-marketing-root .soledit-split__text-inner {
  max-width: 34rem;
}

.soledit-marketing-root .soledit-split--media-start .soledit-split__text {
  order: 2;
}

.soledit-marketing-root .soledit-split--media-start .soledit-split__media {
  order: 1;
}

.soledit-marketing-root .soledit-split__heading {
  margin-block-end: 0.85rem;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.2;
}

.soledit-marketing-root .soledit-split__media :where(img, video, iframe) {
  display: block;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}

/* Highlight list and stats */
.soledit-marketing-root .soledit-highlight-list {
  gap: clamp(0.9rem, 2vw, 1.25rem);
  margin-block: 1.5rem 0;
}

.soledit-marketing-root .soledit-highlight-list__item {
  min-width: 0;
}

.soledit-marketing-root .soledit-highlight-list--icon-grid .soledit-highlight-list__item,
.soledit-marketing-root .soledit-highlight-list--numbered .soledit-highlight-list__item,
.soledit-marketing-root .soledit-highlight-list--checklist .soledit-highlight-list__item {
  padding: 1.15rem;
  border: 1px solid var(--marketing-border);
  border-radius: var(--marketing-radius);
  background: color-mix(in srgb, var(--marketing-surface-elevated) 92%, var(--marketing-surface-cool));
}

.soledit-marketing-root .soledit-highlight-list__item-inner {
  gap: 0.85rem;
}

.soledit-marketing-root .soledit-highlight-list__glyph {
  width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in srgb, var(--marketing-accent) 28%, transparent);
  border-radius: 999px;
  background: var(--marketing-accent-soft);
  color: var(--marketing-accent-hover);
  font-weight: 800;
}

.soledit-marketing-root .soledit-highlight-list[data-icon-style='none'] .soledit-highlight-list__glyph {
  display: none;
}

.soledit-marketing-root .soledit-highlight-list__heading {
  font-size: 1.05rem;
}

.soledit-marketing-root .soledit-stats {
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-stats__item {
  text-align: center;
}

.soledit-marketing-root .soledit-stats__value {
  color: var(--marketing-accent-hover);
  letter-spacing: 0;
}

/* CTA banner */
.soledit-marketing-root .soledit-cta-banner {
  margin-block: 1.75rem 0;
  border: 1px solid var(--marketing-border);
  border-radius: calc(var(--marketing-radius) + 0.25rem);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--marketing-accent-soft) 72%, white), transparent 62%),
    var(--marketing-surface-elevated);
  box-shadow: var(--marketing-shadow-sm);
}

.soledit-marketing-root .soledit-cta-banner--tone-alt {
  background:
    linear-gradient(135deg, var(--marketing-warm-soft), var(--marketing-surface-cool));
}

.soledit-marketing-root .soledit-cta-banner--tone-invert,
.soledit-marketing-root .soledit-cta-banner--bg-image {
  border-color: rgb(255 255 255 / 0.22);
  background: var(--soledit-section-bg-invert);
  color: #fffaf0;
}

.soledit-marketing-root .soledit-cta-banner--bg-image .soledit-bg-overlay--dark,
.soledit-marketing-root .soledit-cta-banner--bg-image .soledit-bg-overlay--medium {
  background: linear-gradient(180deg, rgb(9 26 23 / 0.64), rgb(9 26 23 / 0.84));
}

.soledit-marketing-root .soledit-cta-banner__inner {
  padding: clamp(1.6rem, 4vw, 2.6rem);
}

.soledit-marketing-root .soledit-cta-banner__heading {
  color: inherit;
  font-weight: 800;
  letter-spacing: 0;
}

.soledit-marketing-root .soledit-cta-banner__subtext {
  color: var(--marketing-ink-muted);
}

.soledit-marketing-root .soledit-cta-banner--tone-invert .soledit-cta-banner__subtext,
.soledit-marketing-root .soledit-cta-banner--bg-image .soledit-cta-banner__subtext {
  color: rgb(255 250 240 / 0.78);
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-banner {
  margin-block-start: 0.75rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-banner .soledit-cta-banner__inner {
  padding: 0;
}

/* Dark mode: keep the banner naked inside an invert section. Beats the
   `html.dark .soledit-content .soledit-cta-banner--tone-default` box in
   content.css, which otherwise re-adds a tight border + gradient here. */
html.dark .soledit-marketing-root .soledit-section--tone-invert .soledit-cta-banner {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Subtext must follow the invert section's muted foreground (light cream),
   not the light-card ink-muted, which is unreadable on the green section. */
.soledit-marketing-root .soledit-section--tone-invert .soledit-cta-banner__subtext {
  color: var(--soledit-text-muted);
}

/* FAQ, callouts, quotes, tables */
.soledit-marketing-root .soledit-faq {
  margin-block: 1.5rem 0;
}

.soledit-marketing-root .soledit-faq__list {
  gap: 0.75rem;
}

.soledit-marketing-root .soledit-faq__item,
.soledit-marketing-root .soledit-faq-item {
  border: 1px solid var(--marketing-border);
  border-radius: var(--marketing-radius);
  background: rgb(255 253 248 / 0.9);
  box-shadow: 0 1px 2px rgb(36 28 18 / 0.04);
}

.soledit-marketing-root .soledit-faq__question,
.soledit-marketing-root .soledit-faq-q {
  color: var(--marketing-ink);
  font-weight: 800;
}

.soledit-marketing-root .soledit-faq__answer,
.soledit-marketing-root .soledit-faq-a {
  color: var(--marketing-body);
}

.soledit-marketing-root .soledit-callout {
  gap: 0.9rem;
  margin-block: 1.5rem 0;
  border: 1px solid var(--marketing-border);
  border-inline-start-width: 4px;
  border-radius: var(--marketing-radius);
  background: #fff8eb;
  color: #3f3528;
}

.soledit-marketing-root .soledit-callout--info {
  --soledit-callout-accent: var(--marketing-accent);
  background: color-mix(in srgb, var(--marketing-accent-soft) 60%, #fffdf8);
}

.soledit-marketing-root .soledit-callout--tip {
  --soledit-callout-accent: #3d8b63;
  background: #ecf7ef;
}

.soledit-marketing-root .soledit-callout--warning {
  --soledit-callout-accent: var(--marketing-warning);
  background: #fff5df;
}

.soledit-marketing-root .soledit-callout--danger {
  --soledit-callout-accent: var(--marketing-danger);
  background: #fff0ef;
}

.soledit-marketing-root .soledit-callout__icon {
  background: var(--soledit-callout-accent);
  box-shadow: inset 0 0 0 4px rgb(255 255 255 / 0.52);
}

.soledit-marketing-root .soledit-quote-block {
  margin-block: 1.75rem 0;
  color: var(--marketing-ink-soft);
}

.soledit-marketing-root .soledit-quote-block--standard,
.soledit-marketing-root .soledit-quote-block--attributed {
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--marketing-border);
  border-inline-start: 4px solid var(--marketing-accent);
  border-radius: var(--marketing-radius);
  background: color-mix(in srgb, var(--marketing-surface-elevated) 88%, var(--marketing-surface-lavender));
}

.soledit-marketing-root .soledit-quote-block--pullquote {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-block: 1px solid var(--marketing-border);
  color: var(--marketing-ink);
}

.soledit-marketing-root .soledit-quote-block__quote {
  font-size: clamp(1.15rem, 2.3vw, 1.45rem);
  line-height: 1.55;
}

.soledit-marketing-root .soledit-quote-block__attribution {
  color: var(--marketing-ink-muted);
  font-weight: 700;
}

.soledit-marketing-root .soledit-content-table {
  margin-block: 1.75rem 0;
  border: 1px solid var(--marketing-border);
  border-radius: var(--marketing-radius);
  background: var(--marketing-surface-elevated);
  box-shadow: var(--marketing-shadow-sm);
}

.soledit-marketing-root .soledit-content-table .soledit-table__caption {
  padding: 0.8rem 1rem 0;
  color: var(--marketing-ink-muted);
  font-weight: 700;
}

.soledit-marketing-root .soledit-content-table .soledit-table th {
  background: color-mix(in srgb, var(--marketing-surface-cool) 72%, white);
  color: var(--marketing-ink);
  font-weight: 800;
}

.soledit-marketing-root .soledit-content-table .soledit-table td,
.soledit-marketing-root .soledit-content-table .soledit-table th {
  border-color: var(--marketing-border);
  padding: 0.8rem 0.9rem;
}

.soledit-marketing-root .soledit-content-table--striped .soledit-table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--marketing-surface-alt) 46%, white);
}

/* Media blocks */
.soledit-marketing-root .soledit-image {
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-image__caption,
.soledit-marketing-root .soledit-video__caption,
.soledit-marketing-root .soledit-audio__caption,
.soledit-marketing-root .soledit-embed__caption {
  color: var(--marketing-ink-muted);
  font-size: 0.9rem;
}

.soledit-marketing-root .soledit-video,
.soledit-marketing-root .soledit-audio,
.soledit-marketing-root .soledit-embed,
.soledit-marketing-root .soledit-code-block {
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-audio {
  border-color: var(--marketing-border);
  background: var(--marketing-surface-elevated);
  box-shadow: var(--marketing-shadow-sm);
}

.soledit-marketing-root .soledit-audio--minimal {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.soledit-marketing-root .soledit-audio__title {
  color: var(--marketing-ink);
}

.soledit-marketing-root .soledit-audio__artist,
.soledit-marketing-root .soledit-audio__transcript-body {
  color: var(--marketing-ink-muted);
}

.soledit-marketing-root .soledit-code-block {
  border-color: #253532;
  background: #111817;
  color: #e6f2ef;
  box-shadow: var(--marketing-shadow-sm);
}

.soledit-marketing-root .soledit-code-block__header {
  color: #bad1ca;
}

/* Pricing, team, testimonials */
.soledit-marketing-root .soledit-pricing-table,
.soledit-marketing-root .soledit-team-grid,
.soledit-marketing-root .soledit-testimonial {
  margin-block: 1.75rem 0;
}

.soledit-marketing-root .soledit-pricing-table__tier,
.soledit-marketing-root .soledit-team-grid__member,
.soledit-marketing-root .soledit-testimonial__item {
  padding: clamp(1.15rem, 2.4vw, 1.55rem);
}

.soledit-marketing-root .soledit-pricing-table__tier--featured {
  border-color: color-mix(in srgb, var(--marketing-accent) 68%, var(--marketing-border));
  box-shadow: 0 18px 44px rgb(22 119 103 / 0.16);
}

.soledit-marketing-root .soledit-pricing-table__price {
  color: var(--marketing-accent-hover);
}

.soledit-marketing-root .soledit-pricing-table__features {
  color: var(--marketing-body);
}

.soledit-marketing-root .soledit-testimonial__rating {
  color: #c28938;
}

.soledit-marketing-root .soledit-testimonial__quote {
  color: var(--marketing-ink-soft);
}

.soledit-marketing-root .soledit-testimonial__author-name {
  color: var(--marketing-ink);
}

/* Homepage KPI band */
.soledit-marketing-root section.soledit-section#home-stats.soledit-section--tone-invert {
  background: linear-gradient(125deg, #103732 0%, #12554d 32%, #167767 66%, #746179 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08);
}

.soledit-marketing-root #home-stats .soledit-section-heading {
  margin-block-end: 0.25rem;
}

.soledit-marketing-root #home-stats .soledit-highlight-list {
  gap: 1rem;
  margin-block-start: 1.25rem;
  justify-items: stretch;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__glyph {
  display: none;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__item {
  min-height: 7.5rem;
  padding: 1.35rem 1rem;
  border-color: rgb(255 255 255 / 0.32);
  background: rgb(255 255 255 / 0.11);
  box-shadow: 0 4px 24px rgb(0 0 0 / 0.15);
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__item-inner,
.soledit-marketing-root #home-stats .soledit-highlight-list__copy {
  align-items: center;
  justify-content: center;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__item-inner {
  min-height: 100%;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__heading {
  color: #fff;
  font-size: clamp(1.85rem, 4.2vw, 2.5rem);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.soledit-marketing-root #home-stats .soledit-highlight-list__body {
  color: rgb(255 255 255 / 0.92);
  font-size: 0.9375rem;
  font-weight: 600;
}

@media (hover: hover) {
  .soledit-marketing-root #home-stats .soledit-highlight-list__item:hover {
    transform: translateY(-2px);
    border-color: rgb(255 255 255 / 0.45);
    box-shadow: 0 12px 36px rgb(0 0 0 / 0.2);
  }
}

@media (max-width: 760px) {
  .soledit-marketing-root .soledit-hero__inner {
    padding-block: 4.5rem;
  }

  .soledit-marketing-root .soledit-card-grid--media-start .soledit-card-grid__card {
    flex-direction: column;
  }

  .soledit-marketing-root .soledit-card-grid--media-start .soledit-card-grid__media {
    max-width: none;
    flex-basis: auto;
  }

  .soledit-marketing-root .soledit-split--media-start .soledit-split__text,
  .soledit-marketing-root .soledit-split--media-start .soledit-split__media {
    order: initial;
  }

  .soledit-marketing-root .soledit-split__text-inner {
    max-width: none;
  }

  .soledit-marketing-root .soledit-cta-button {
    width: 100%;
  }

  .soledit-marketing-root .soledit-cta-buttons,
  .soledit-marketing-root .soledit-split__ctas,
  .soledit-marketing-root .soledit-cta-banner__buttons {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .soledit-marketing-root *,
  .soledit-marketing-root *::before,
  .soledit-marketing-root *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}

/* Dark theme */
html.dark .soledit-marketing-root {
  --marketing-surface: #101716;
  --marketing-surface-elevated: #17211f;
  --marketing-surface-alt: #1b2623;
  --marketing-surface-cool: #12302b;
  --marketing-surface-lavender: #222033;
  --marketing-border: #32433f;
  --marketing-border-strong: #4a5b56;
  --marketing-ink: #f4f2ec;
  --marketing-ink-soft: #e4ece8;
  --marketing-ink-muted: #b6c4bf;
  --marketing-body: #d1dbd7;
  --marketing-accent: #7dd6c4;
  --marketing-accent-hover: #a1e4d7;
  --marketing-accent-soft: #143d37;
  --marketing-warm-soft: #2a251d;
  --marketing-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.2), 0 12px 32px rgb(0 0 0 / 0.26);
  --marketing-shadow-md: 0 20px 52px rgb(0 0 0 / 0.38);
  --marketing-shadow-media: 0 20px 54px rgb(0 0 0 / 0.42);
  --soledit-section-bg-alt: #1b2623;
  --soledit-section-bg-invert: linear-gradient(135deg, #071412 0%, #10211f 45%, #273348 100%);
  --soledit-link: #a1e4d7;
  --soledit-link-hover: #d6fff6;
}

html.dark .soledit-marketing-root .soledit-section--tone-alt {
  background: linear-gradient(160deg, #2a251d 0%, #1b2623 52%, #12302b 100%);
}

html.dark .soledit-marketing-root .soledit-bg-overlay--light,
html.dark .soledit-marketing-root .soledit-bg-overlay--medium,
html.dark .soledit-marketing-root .soledit-bg-overlay--dark {
  background:
    linear-gradient(180deg, rgb(0 0 0 / 0.58), rgb(7 18 16 / 0.9)),
    radial-gradient(circle at 50% 22%, rgb(255 255 255 / 0.1), transparent 42%);
}

html.dark .soledit-marketing-root .soledit-hero--bg-image,
html.dark .soledit-marketing-root .soledit-hero--bg-video {
  box-shadow: inset 0 0 120px rgb(0 0 0 / 0.5);
}

html.dark .soledit-marketing-root .soledit-card-grid__card,
html.dark .soledit-marketing-root .soledit-pricing-table__tier,
html.dark .soledit-marketing-root .soledit-team-grid__member,
html.dark .soledit-marketing-root .soledit-testimonial__item,
html.dark .soledit-marketing-root .soledit-stats--dividers .soledit-stats__item,
html.dark .soledit-marketing-root .soledit-faq__item,
html.dark .soledit-marketing-root .soledit-faq-item,
html.dark .soledit-marketing-root .soledit-audio,
html.dark .soledit-marketing-root .soledit-content-table {
  background: color-mix(in srgb, var(--marketing-surface-elevated) 92%, #0d1211);
  border-color: var(--marketing-border);
}

html.dark .soledit-marketing-root .soledit-card-grid--style-ghost .soledit-card-grid__card,
html.dark .soledit-marketing-root .soledit-highlight-list--icon-grid .soledit-highlight-list__item,
html.dark .soledit-marketing-root .soledit-highlight-list--numbered .soledit-highlight-list__item,
html.dark .soledit-marketing-root .soledit-highlight-list--checklist .soledit-highlight-list__item {
  background: rgb(255 255 255 / 0.045);
}

html.dark .soledit-marketing-root .soledit-card-grid__media,
html.dark .soledit-marketing-root .soledit-split__media,
html.dark .soledit-marketing-root .soledit-image,
html.dark .soledit-marketing-root .soledit-video__frame,
html.dark .soledit-marketing-root .soledit-embed__frame,
html.dark .soledit-marketing-root .soledit-team-grid__photo {
  background: #0b1110;
}

html.dark .soledit-marketing-root :where(.soledit-split__media, .soledit-card-grid__media, .soledit-image, .soledit-team-grid__photo) img {
  filter: brightness(0.82) saturate(0.88) contrast(1.04);
}

html.dark .soledit-marketing-root .soledit-cta-button--secondary,
html.dark .soledit-marketing-root .soledit-cta[data-variant='secondary'] .soledit-cta-button {
  background: #17211f;
  border-color: #45635e;
  color: var(--marketing-accent-hover);
}

html.dark .soledit-marketing-root .soledit-cta-button--ghost,
html.dark .soledit-marketing-root .soledit-cta[data-variant='outline'] .soledit-cta-button,
html.dark .soledit-marketing-root .soledit-cta[data-variant='ghost'] .soledit-cta-button {
  color: var(--marketing-accent-hover);
}

html.dark .soledit-marketing-root .soledit-callout {
  color: var(--marketing-body);
}

html.dark .soledit-marketing-root .soledit-callout--info {
  background: #143d37;
}

html.dark .soledit-marketing-root .soledit-callout--tip {
  background: #163528;
}

html.dark .soledit-marketing-root .soledit-callout--warning {
  background: #352a17;
}

html.dark .soledit-marketing-root .soledit-callout--danger {
  background: #3a1f21;
}

html.dark .soledit-marketing-root .soledit-content-table .soledit-table th,
html.dark .soledit-marketing-root .soledit-content-table--striped .soledit-table tbody tr:nth-child(even) {
  background: rgb(255 255 255 / 0.045);
}

html.dark .soledit-marketing-root section.soledit-section#home-stats.soledit-section--tone-invert {
  background: linear-gradient(125deg, #071412 0%, #10211f 30%, #143d37 68%, #2b2d43 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.04);
}

html.dark .soledit-marketing-root #home-stats .soledit-highlight-list__item {
  background: rgb(255 255 255 / 0.07);
  border-color: rgb(255 255 255 / 0.2);
  box-shadow: 0 4px 28px rgb(0 0 0 / 0.4);
}