/* CRM2 landing page skin
   Keeps the existing motion and content, but gives every landing section the
   same organic slate / teal / ochre visual language as the app dashboard. */
.landing-v2 {
  --v2-bg: var(--crm2-cloud);
  --v2-ink: var(--crm2-ink);
  --v2-muted: var(--crm2-muted);
  --v2-indigo: var(--crm2-teal-deep);
  --v2-indigo-dark: var(--crm2-slate);
  --v2-lilac: var(--crm2-teal-soft);
  --v2-mint: #d8eee5;
  --v2-yellow: var(--crm2-ochre-soft);
  --v2-coral: #df8d70;
  --v2-line: var(--crm2-line);
  --v2-paper: var(--crm2-surface);
  background: var(--crm2-cloud) !important;
  color: var(--crm2-ink) !important;
}

.landing-v2 .landing-nav { border-bottom: 1px solid var(--crm2-line); }
.landing-v2 .landing-logo { color: var(--crm2-ink) !important; }
.landing-v2 .landing-wordmark { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; line-height: .9; }
.landing-v2 .landing-beta { color: var(--crm2-teal-deep); font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1; text-transform: uppercase; }
.landing-v2 .logo-glyph {
  color: var(--crm2-teal-deep) !important;
  border-color: var(--crm2-teal-deep) !important;
  background: var(--crm2-surface) !important;
}
.landing-v2 .landing-links a:hover { color: var(--crm2-teal-deep) !important; }
.landing-v2 .landing-button-dark {
  color: #f4fbf8 !important;
  background: var(--crm2-slate) !important;
}
.landing-v2 .landing-button-dark:hover { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .landing-menu { color: var(--crm2-ink) !important; }
.landing-noise { background-image: radial-gradient(rgba(28,128,123,.16) .7px, transparent .7px) !important; }

.landing-v2 .v2-hero {
  background: radial-gradient(circle at 76% 22%, var(--crm2-teal-soft), transparent 38%),
    radial-gradient(circle at 8% 80%, var(--crm2-ochre-soft), transparent 34%), var(--crm2-cloud) !important;
}
.landing-v2 .v2-eyebrow { color: var(--crm2-muted) !important; }
.landing-v2 .v2-pulse { background: var(--crm2-ochre) !important; box-shadow: 0 0 0 5px color-mix(in srgb, var(--crm2-ochre) 20%, transparent) !important; }
.landing-v2 .v2-hero h1, .landing-v2 .v2-intro h2, .landing-v2 .v2-feature-intro h2,
.landing-v2 .v2-plans h2, .landing-v2 .v2-faq h2 { color: var(--crm2-ink) !important; }
.landing-v2 .v2-hero h1 .v2-word-cycle, .landing-v2 .v2-intro h2 em,
.landing-v2 .v2-feature-intro h2 em, .landing-v2 .v2-plans h2 em,
.landing-v2 .v2-faq h2 em { color: var(--crm2-teal-deep) !important; }
.landing-v2 .v2-hero-lede, .landing-v2 .v2-intro > p,
.landing-v2 .v2-plans > div > p:not(.v2-eyebrow), .landing-v2 .v2-proof { color: var(--crm2-muted) !important; }
.landing-v2 .v2-button-primary { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .v2-button-primary:hover { background: var(--crm2-teal) !important; }
.landing-v2 .v2-button-light { color: var(--crm2-teal-deep) !important; background: var(--crm2-surface) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .v2-text-link { color: var(--crm2-ink) !important; }
.landing-v2 .v2-proof i { background: var(--crm2-ochre) !important; }

.landing-v2 .scene-glow { background: radial-gradient(circle, color-mix(in srgb, var(--crm2-teal) 38%, transparent), color-mix(in srgb, var(--crm2-ochre) 12%, transparent) 52%, transparent 72%) !important; }
.landing-v2 .scene-orbit { border-color: color-mix(in srgb, var(--crm2-teal-deep) 25%, transparent) !important; }
.landing-v2 .orbit-two { border-color: color-mix(in srgb, var(--crm2-ochre) 32%, transparent) !important; }
.landing-v2 .scene-window { background: var(--crm2-surface) !important; border-color: color-mix(in srgb, var(--crm2-surface) 86%, var(--crm2-slate)) !important; box-shadow: var(--crm2-shadow) !important; }
.landing-v2 .scene-sidebar { background: var(--crm2-slate) !important; border-color: rgba(255,255,255,.12) !important; color: rgba(244,251,248,.7) !important; }
.landing-v2 .scene-brand, .landing-v2 .scene-heading h2 { color: var(--crm2-ink) !important; }
.landing-v2 .scene-sidebar .scene-brand { color: #f4fbf8 !important; }
.landing-v2 .scene-wordmark { width: auto; height: auto; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px; color: inherit; background: none; line-height: .9; }
.landing-v2 .scene-beta { color: var(--crm2-ochre); font-size: 6px; font-weight: 800; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
.landing-v2 .scene-brand span { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .scene-sidebar .is-active { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .scene-content { background: var(--crm2-surface) !important; }
.landing-v2 .scene-search, .landing-v2 .scene-metric, .landing-v2 .scene-bottom > div:first-child { background: var(--crm2-mist) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .scene-search, .landing-v2 .scene-heading small, .landing-v2 .scene-metric small, .landing-v2 .scene-bottom small, .landing-v2 .scene-bottom span { color: var(--crm2-muted) !important; }
.landing-v2 .scene-avatar, .landing-v2 .scene-add { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .scene-metric-primary { color: #f4fbf8 !important; background: linear-gradient(140deg, var(--crm2-teal-deep), var(--crm2-teal)) !important; }
.landing-v2 .scene-metric-primary > span { color: rgba(244,251,248,.76) !important; }
.landing-v2 .scene-metric em, .landing-v2 .scene-metric em.mint { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .scene-bars i:nth-child(odd) { background: var(--crm2-ochre) !important; }
.landing-v2 .scene-bars i:nth-child(even) { background: var(--crm2-teal) !important; }
.landing-v2 .scene-pipeline { background: var(--crm2-line) !important; }
.landing-v2 .scene-pipeline b { background: linear-gradient(90deg, var(--crm2-ochre), var(--crm2-teal)) !important; }
.landing-v2 .scene-bottom span strong { color: var(--crm2-teal-deep) !important; }
.landing-v2 .scene-mini-card { background: var(--crm2-slate) !important; }
.landing-v2 .scene-float { background: color-mix(in srgb, var(--crm2-surface) 88%, transparent) !important; border-color: var(--crm2-line) !important; box-shadow: var(--crm2-shadow) !important; }
.landing-v2 .scene-float b { color: var(--crm2-ink) !important; }
.landing-v2 .scene-float small { color: var(--crm2-muted) !important; }
.landing-v2 .float-icon { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .mint-icon { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }

.landing-v2 .v2-marquee { background: color-mix(in srgb, var(--crm2-surface) 72%, transparent) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .v2-marquee-track { color: var(--crm2-muted) !important; }
.landing-v2 .v2-marquee-track i { color: var(--crm2-ochre) !important; }
.landing-v2 .v2-flow-rail { background: var(--crm2-line) !important; }
.landing-v2 .rail-progress { background: var(--crm2-teal) !important; }
.landing-v2 .flow-number { color: var(--crm2-muted) !important; background: var(--crm2-cloud) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .v2-flow-step.is-current .flow-number { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; border-color: var(--crm2-ochre) !important; box-shadow: 0 0 0 7px color-mix(in srgb, var(--crm2-ochre) 18%, transparent) !important; }
.landing-v2 .v2-flow-step, .landing-v2 .v2-faq-list, .landing-v2 .v2-faq details { border-color: var(--crm2-line) !important; }
.landing-v2 .v2-flow-step p, .landing-v2 .flow-card-top, .landing-v2 .flow-card > small { color: var(--crm2-muted) !important; }
.landing-v2 .v2-flow-step h3, .landing-v2 .flow-card > strong { color: var(--crm2-ink) !important; }
.landing-v2 .flow-card { background: var(--crm2-surface) !important; border-color: var(--crm2-line) !important; box-shadow: 0 18px 45px color-mix(in srgb, var(--crm2-slate) 10%, transparent) !important; }
.landing-v2 .flow-card-top b { color: var(--crm2-teal-deep) !important; }
.landing-v2 .flow-project { background: var(--crm2-teal-soft) !important; }
.landing-v2 .flow-project .flow-card-top b { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .flow-quote { background: linear-gradient(135deg, var(--crm2-teal-deep), var(--crm2-teal)) !important; }
.landing-v2 .flow-rule { background: var(--crm2-ochre) !important; }
.landing-v2 .flow-contract, .landing-v2 .flow-availability { color: var(--crm2-ink) !important; background: var(--crm2-ochre-soft) !important; }
.landing-v2 .flow-facts b, .landing-v2 .flow-contract > strong, .landing-v2 .flow-availability > strong { color: var(--crm2-ink) !important; }
.landing-v2 .flow-costing { background: var(--crm2-slate) !important; }
.landing-v2 .flow-chart i:nth-child(odd) { background: var(--crm2-ochre) !important; }
.landing-v2 .flow-chart i:nth-child(even) { background: var(--crm2-teal) !important; }

.landing-v2 .v2-bento-card, .landing-v2 .v2-plan-stack article, .landing-v2 .v2-pricing-card, .landing-v2 .bento-calendar, .landing-v2 .bento-paper, .landing-v2 .bento-inquiry { background: var(--crm2-surface) !important; border-color: var(--crm2-line) !important; color: var(--crm2-ink) !important; }
.landing-v2 .bento-wide { background: linear-gradient(135deg, var(--crm2-teal-soft), var(--crm2-mist)) !important; }
.landing-v2 .bento-quote { background: var(--crm2-ochre-soft) !important; }
.landing-v2 .bento-crew { background: var(--crm2-teal-soft) !important; }
.landing-v2 .bento-invoice { background: var(--crm2-slate) !important; color: #f4fbf8 !important; }
.landing-v2 .bento-invoice h3 { color: #f4fbf8 !important; }
.landing-v2 .bento-invoice > p:not(.v2-eyebrow) { color: rgba(244,251,248,.72) !important; }
.landing-v2 .bento-calendar-head, .landing-v2 .bento-paper strong, .landing-v2 .bento-crew-list span { color: var(--crm2-ink) !important; }
.landing-v2 .bento-calendar-head span, .landing-v2 .bento-days i, .landing-v2 .bento-paper small { color: var(--crm2-muted) !important; }
.landing-v2 .bento-days b, .landing-v2 .bento-paper span { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .bento-paper b { color: var(--crm2-teal-deep) !important; }
.landing-v2 .bento-paper i { background: var(--crm2-teal) !important; }
.landing-v2 .bento-crew-list span { background: color-mix(in srgb, var(--crm2-surface) 72%, transparent) !important; }
.landing-v2 .bento-crew-list b { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .bento-crew-list em { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .bento-deliverables { background: var(--crm2-mist) !important; }
.landing-v2 .bento-design { background: var(--crm2-ochre-soft) !important; }
.landing-v2 .deliverable-board, .landing-v2 .design-board { margin-top: 22px; padding: 14px; border: 1px solid rgba(28,128,123,.13); border-radius: 14px; background: #fff; box-shadow: 0 12px 28px rgba(77,71,143,.08); }
.landing-v2 .deliverable-board-head, .landing-v2 .design-board-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 11px; border-bottom: 1px solid var(--crm2-line); color: var(--crm2-muted); font: 8px "DM Mono", monospace; }
.landing-v2 .deliverable-board-head b, .landing-v2 .design-board-top b { padding: 5px 7px; border-radius: 5px; color: var(--crm2-teal-deep); background: var(--crm2-teal-soft); font-size: 7px; }
.landing-v2 .deliverable-row { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--crm2-line); }
.landing-v2 .deliverable-row:last-child { border-bottom: 0; }
.landing-v2 .deliverable-check { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; color: var(--crm2-teal-deep); background: var(--crm2-teal-soft); font-size: 12px; font-weight: 800; }
.landing-v2 .deliverable-check.done { color: var(--crm2-slate); background: var(--crm2-ochre); }
.landing-v2 .deliverable-row strong, .landing-v2 .deliverable-row small { display: block; }
.landing-v2 .deliverable-row strong { color: var(--crm2-ink); font-size: 9px; }
.landing-v2 .deliverable-row small { margin-top: 3px; color: var(--crm2-muted); font-size: 7px; }
.landing-v2 .deliverable-row em { padding: 4px 5px; border-radius: 5px; color: var(--crm2-teal-deep); background: var(--crm2-teal-soft); font-size: 7px; font-style: normal; font-weight: 750; }
.landing-v2 .deliverable-row em.pending { color: #82651c; background: var(--crm2-ochre-soft); }
.landing-v2 .design-preview { display: grid; grid-template-columns: 30px 1fr 46px; align-items: center; gap: 9px; margin-top: 15px; padding: 12px; border: 1px solid var(--crm2-line); border-radius: 10px; background: var(--crm2-mist); }
.landing-v2 .design-logo { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: var(--crm2-slate); background: var(--crm2-ochre); font-size: 8px; font-weight: 800; }
.landing-v2 .design-preview strong, .landing-v2 .design-preview small { display: block; }
.landing-v2 .design-preview strong { color: var(--crm2-ink); font-size: 10px; }
.landing-v2 .design-preview small { margin-top: 3px; color: var(--crm2-muted); font-size: 7px; }
.landing-v2 .design-preview i { height: 4px; border-radius: 99px; background: var(--crm2-teal); }
.landing-v2 .design-tabs { display: flex; gap: 14px; margin-top: 14px; padding-bottom: 9px; border-bottom: 1px solid var(--crm2-line); font-size: 8px; }
.landing-v2 .design-tabs b { color: var(--crm2-teal-deep); }
.landing-v2 .design-tabs span { color: var(--crm2-muted); }
.landing-v2 .design-swatches { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
.landing-v2 .design-swatches i { width: 14px; height: 14px; border-radius: 50%; }
.landing-v2 .design-swatches i:first-child { background: var(--crm2-slate); }
.landing-v2 .design-swatches i:nth-child(2) { background: var(--crm2-teal); }
.landing-v2 .design-swatches i:nth-child(3) { background: var(--crm2-ochre); }
.landing-v2 .design-swatches small { margin-left: 4px; color: var(--crm2-muted); font-size: 7px; line-height: 1.3; }
.landing-v2 .deliverable-board, .landing-v2 .design-board { border-color: var(--crm2-line) !important; background: var(--crm2-surface) !important; }
.landing-v2 .deliverable-board-head, .landing-v2 .design-board-top { color: var(--crm2-muted) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .deliverable-board-head b, .landing-v2 .design-board-top b { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .deliverable-row { border-color: var(--crm2-line) !important; }
.landing-v2 .deliverable-check { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .deliverable-check.done { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .deliverable-row strong { color: var(--crm2-ink) !important; }
.landing-v2 .deliverable-row small { color: var(--crm2-muted) !important; }
.landing-v2 .deliverable-row em { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .deliverable-row em.pending { color: #82651c !important; background: var(--crm2-ochre-soft) !important; }
.landing-v2 .design-board-top span, .landing-v2 .design-preview small { color: var(--crm2-muted) !important; }
.landing-v2 .design-preview { border-color: var(--crm2-line) !important; background: var(--crm2-mist) !important; }
.landing-v2 .design-logo { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .design-preview strong { color: var(--crm2-ink) !important; }
.landing-v2 .design-preview i { background: var(--crm2-teal) !important; }
.landing-v2 .design-tabs { border-color: var(--crm2-line) !important; }
.landing-v2 .design-tabs b { color: var(--crm2-teal-deep) !important; }
.landing-v2 .design-tabs span { color: var(--crm2-muted) !important; }
.landing-v2 .design-swatches i:first-child { background: var(--crm2-slate) !important; }
.landing-v2 .design-swatches i:nth-child(2) { background: var(--crm2-teal) !important; }
.landing-v2 .design-swatches i:nth-child(3) { background: var(--crm2-ochre) !important; }
.landing-v2 .design-swatches small { color: var(--crm2-muted) !important; }
.landing-v2 .bento-inquiry > p { color: var(--crm2-ink) !important; }
.landing-v2 .inquiry-source span { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .inquiry-source small, .landing-v2 .inquiry-arrow { color: var(--crm2-muted) !important; }
.landing-v2 .inquiry-fields span { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }
.landing-v2 .costing-shot { background: var(--crm2-slate) !important; border-color: rgba(255,255,255,.16) !important; }
.landing-v2 .costing-shot > strong, .landing-v2 .costing-shot-grid b { color: var(--crm2-ochre) !important; }
.landing-v2 .costing-shot-grid span { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; }
.landing-v2 .costing-shot-grid .profit { background: color-mix(in srgb, var(--crm2-teal-deep) 48%, var(--crm2-slate)) !important; }

.landing-v2 .v2-plan-stack article, .landing-v2 .v2-pricing-card { color: var(--crm2-ink) !important; }
.landing-v2 .v2-plan-stack b, .landing-v2 .v2-pricing-card h3, .landing-v2 .price-line strong, .landing-v2 .v2-pricing-card li { color: var(--crm2-ink) !important; }
.landing-v2 .v2-plan-stack .is-featured, .landing-v2 .v2-pricing-card.is-featured { color: #f4fbf8 !important; background: var(--crm2-slate) !important; border-color: var(--crm2-slate) !important; }
.landing-v2 .v2-plan-stack .is-featured b, .landing-v2 .v2-plan-stack .is-featured small, .landing-v2 .v2-plan-stack .is-featured span,
.landing-v2 .v2-pricing-card.is-featured h3, .landing-v2 .v2-pricing-card.is-featured .price-line strong,
.landing-v2 .v2-pricing-card.is-featured .price-line span, .landing-v2 .v2-pricing-card.is-featured li { color: #f4fbf8 !important; }
.landing-v2 .pricing-switch { background: var(--crm2-surface) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .pricing-switch button { color: var(--crm2-muted) !important; }
.landing-v2 .pricing-switch button.is-active { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .v2-pricing-card a { color: var(--crm2-slate) !important; background: var(--crm2-ochre-soft) !important; }
.landing-v2 .v2-pricing-card.is-featured a { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .pricing-badge { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .pricing-badge-dark { color: #f4fbf8 !important; background: var(--crm2-teal-deep) !important; }
.landing-v2 .pricing-discount { color: var(--crm2-teal-deep) !important; background: var(--crm2-teal-soft) !important; }

.landing-v2 .v2-faq summary { color: var(--crm2-ink) !important; }
.landing-v2 .v2-faq summary b { color: var(--crm2-teal-deep) !important; }
.landing-v2 .v2-faq details p { color: var(--crm2-muted) !important; }
.landing-v2 .v2-final { color: #f4fbf8 !important; background: radial-gradient(circle at 15% 30%, color-mix(in srgb, var(--crm2-teal) 38%, transparent), transparent 42%), linear-gradient(135deg, var(--crm2-slate), #213a37) !important; }
.landing-v2 .v2-final .v2-eyebrow { color: var(--crm2-teal-soft) !important; }
.landing-v2 .v2-final h2 { color: #f4fbf8 !important; }
.landing-v2 .v2-final h2 em { color: var(--crm2-ochre) !important; }
.landing-v2 .v2-final .v2-button-primary { color: var(--crm2-slate) !important; background: var(--crm2-ochre) !important; }
.landing-v2 .v2-footer { color: var(--crm2-muted) !important; border-color: var(--crm2-line) !important; }
.landing-v2 .v2-footer .landing-logo, .landing-v2 .v2-footer > div a { color: var(--crm2-ink) !important; }

html[data-theme="dark"] .landing-v2 .landing-nav { background: var(--crm2-cloud) !important; }
html[data-theme="dark"] .landing-v2 .v2-hero { background: radial-gradient(circle at 76% 22%, var(--crm2-teal-soft), transparent 38%), var(--crm2-cloud) !important; }
html[data-theme="dark"] .landing-v2 .v2-button-light, html[data-theme="dark"] .landing-v2 .scene-float { background: var(--crm2-surface) !important; }
html[data-theme="dark"] .landing-v2 .bento-paper, html[data-theme="dark"] .landing-v2 .bento-calendar { background: var(--crm2-mist) !important; }
html[data-theme="dark"] .landing-v2 .v2-pricing-card.is-featured, html[data-theme="dark"] .landing-v2 .v2-plan-stack .is-featured { background: var(--crm2-slate) !important; }

/* Light copy on dark feature previews. */
.landing-v2 .flow-quote > strong,
.landing-v2 .flow-quote > small,
.landing-v2 .flow-quote .flow-card-top,
.landing-v2 .flow-quote .flow-card-top b,
.landing-v2 .flow-costing > strong,
.landing-v2 .flow-costing > small,
.landing-v2 .flow-costing .flow-card-top,
.landing-v2 .flow-costing .flow-card-top b {
  color: #f4fbf8 !important;
}

.landing-v2 .flow-quote > small,
.landing-v2 .flow-quote .flow-card-top {
  color: rgba(244, 251, 248, .76) !important;
}

.landing-v2 .flow-costing > small,
.landing-v2 .flow-costing .flow-card-top {
  color: rgba(244, 251, 248, .7) !important;
}

@media (prefers-reduced-motion: reduce) {
  .landing-v2 .scene-window, .landing-v2 .scene-glow, .landing-v2 .scene-orbit,
  .landing-v2 .scene-float, .landing-v2 .v2-marquee-track { animation: none !important; }
}

/* The landing header is part of the same canvas as the hero. Keeping its
   surface and border tokenized prevents a white/dark rectangular patch when
   switching themes. */
.landing-v2 .landing-nav {
  width: min(100%, 1440px) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  background: var(--crm2-cloud) !important;
  color: var(--crm2-ink) !important;
  border-bottom: 1px solid var(--crm2-line) !important;
  box-shadow: none !important;
}

.landing-v2 .landing-nav .landing-logo,
.landing-v2 .landing-nav .landing-links,
.landing-v2 .landing-nav .landing-actions {
  color: var(--crm2-ink) !important;
}

.landing-v2 .landing-nav .landing-links a,
.landing-v2 .landing-nav .landing-actions a:not(.landing-primary) {
  color: var(--crm2-muted) !important;
}

.landing-v2 .landing-nav .landing-actions a.landing-button-dark {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--crm2-slate) !important;
}

.landing-v2 .landing-nav .landing-actions a.landing-button-dark:hover {
  color: var(--crm2-slate) !important;
  -webkit-text-fill-color: var(--crm2-slate) !important;
  background: var(--crm2-ochre) !important;
}

/* Keep the hero and its header on the same responsive canvas.  This removes
   the hard-edged white strip that appeared when the legacy landing bundle
   won the cascade in either theme. */
.landing-page.landing-v2,
.landing-v2 main,
.landing-v2 .v2-hero {
  background: var(--crm2-cloud) !important;
  color: var(--crm2-ink) !important;
}