/* Shared landing-page contrast and hierarchy layer. */
:root {
  --cc-ink: #0b172a;
  --cc-copy: #334155;
  --cc-muted: #52647a;
  --cc-blue: #2563eb;
  --cc-purple: #7c3aed;
  --cc-teal: #0f8f86;
  --cc-emerald: #059669;
  --cc-amber: #d97706;
  --cc-dark: #071c2c;
  --cc-dark-2: #0a3439;
  --cc-light: #f7fafc;
  --cc-focus: #fbbf24;
}

body.elite-landing {
  color: var(--cc-ink);
  background: var(--cc-light);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.elite-landing .main-elite :where(h1, h2, h3, h4, p, li, strong, small, span) {
  text-shadow: none;
  overflow-wrap: anywhere;
}

body.elite-landing .main-elite :where(p, li, small, .top-copy, .section-head p) {
  opacity: 1 !important;
}

body.elite-landing .main-elite :where(article, section, div, header, footer) {
  min-width: 0;
}

body.elite-landing .main-elite :where(h1, h2, h3) {
  text-wrap: balance;
}

body.elite-landing .main-elite p {
  text-wrap: pretty;
}

body.elite-landing .section-head h2 {
  color: var(--cc-ink);
}

body.elite-landing .section-head p,
body.elite-landing .top-copy {
  color: var(--cc-copy);
}

/* Light sections use solid surfaces and dark, readable copy. */
body.elite-landing :where(
  #loesung,
  #audience,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #pre-pricing-cta
) {
  position: relative;
  background:
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f2f7fb 100%) !important;
}

body.elite-landing :where(
  #loesung,
  #audience,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #pre-pricing-cta
) :where(h2, h3, h4, strong) {
  color: var(--cc-ink) !important;
}

body.elite-landing :where(
  #loesung,
  #audience,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #pre-pricing-cta
) :where(p, li, small) {
  color: var(--cc-copy) !important;
}

/* Dark sections receive distinct blue, purple, and teal accents. */
body.elite-landing #workflow {
  background:
    radial-gradient(circle at 12% 18%, rgba(124, 58, 237, 0.22), transparent 30%),
    linear-gradient(145deg, #071c2c 0%, #0c3347 52%, #123f49 100%) !important;
}

body.elite-landing #platform {
  background:
    radial-gradient(circle at 88% 12%, rgba(37, 99, 235, 0.25), transparent 32%),
    linear-gradient(145deg, #071c2c 0%, #073d43 52%, #085d58 100%) !important;
}

body.elite-landing #pricing {
  background:
    radial-gradient(circle at 12% 8%, rgba(124, 58, 237, 0.2), transparent 28%),
    linear-gradient(155deg, #081b30 0%, #0a3241 50%, #07534e 100%) !important;
}

body.elite-landing #social-proof {
  background:
    radial-gradient(circle at 86% 14%, rgba(5, 150, 105, 0.2), transparent 30%),
    linear-gradient(155deg, #071c2c 0%, #0b3540 55%, #0d4947 100%) !important;
}

body.elite-landing #security {
  background:
    radial-gradient(circle at 10% 10%, rgba(217, 119, 6, 0.14), transparent 28%),
    linear-gradient(150deg, #071c2c 0%, #11313d 52%, #16474a 100%) !important;
}

body.elite-landing #final-cta {
  background: linear-gradient(120deg, #123f8c 0%, #4f46e5 48%, #0f8f86 100%) !important;
}

body.elite-landing :where(#workflow, #platform, #pricing, #social-proof, #security, #final-cta)
  .section-head
  :where(h2, p),
body.elite-landing :where(#workflow, #platform, #pricing, #social-proof, #security, #final-cta)
  > .container
  > :where(h2, p) {
  color: #f8fafc !important;
}

body.elite-landing :where(#workflow, #platform, #pricing, #social-proof, #security, #final-cta)
  :where(.top-copy, .section-head p) {
  color: #dbeafe !important;
}

/* Cards remain unmistakably separated from their section background. */
body.elite-landing :where(
  .solution-card,
  .elite-audience-card,
  .preview-card,
  .feature-card,
  .price-card,
  .security-card,
  .testimonial
) {
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.14) !important;
}

body.elite-landing :where(
  #loesung,
  #audience,
  #product-preview,
  #features,
  #trust-pricing
) :where(.solution-card, .elite-audience-card, .preview-card, .feature-card, .elite-trust-row) {
  background: rgba(255, 255, 255, 0.96) !important;
}

body.elite-landing :where(
  #loesung,
  #audience,
  #product-preview,
  #features,
  #trust-pricing
) :where(.solution-card, .elite-audience-card, .preview-card, .feature-card, .elite-trust-row)
  :where(h3, strong) {
  color: var(--cc-ink) !important;
}

body.elite-landing :where(
  #loesung,
  #audience,
  #product-preview,
  #features,
  #trust-pricing
) :where(.solution-card, .elite-audience-card, .preview-card, .feature-card, .elite-trust-row)
  :where(p, li, small) {
  color: var(--cc-copy) !important;
}

body.elite-landing #pricing .price-card,
body.elite-landing #security .security-card {
  background: rgba(8, 43, 55, 0.94) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
}

body.elite-landing #pricing .price-card :where(h3, .price, strong),
body.elite-landing #security .security-card :where(h3, strong) {
  color: #ffffff !important;
}

body.elite-landing #pricing .price-card :where(p, li, small, .billing-note),
body.elite-landing #security .security-card :where(p, li, small) {
  color: #dbeafe !important;
}

body.elite-landing #pricing .price-card.featured {
  border-color: #60a5fa !important;
  box-shadow: 0 24px 64px rgba(37, 99, 235, 0.28) !important;
}

/* Statistics and testimonials: no low-opacity labels or washed-out copy. */
body.elite-landing .trust-stats-band {
  background:
    linear-gradient(135deg, rgba(7, 51, 64, 0.98), rgba(5, 78, 72, 0.98)) !important;
  border: 1px solid rgba(125, 211, 252, 0.28) !important;
}

body.elite-landing .trust-stats-band :where(strong, p, span, div) {
  color: #f8fafc !important;
  opacity: 1 !important;
}

body.elite-landing .trust-stats-band .stat-item {
  border-color: rgba(219, 234, 254, 0.22) !important;
}

body.elite-landing #social-proof .trust-logo-label {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

body.elite-landing #social-proof .trust-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(167, 243, 208, 0.24) !important;
}

body.elite-landing #social-proof .trust-card > :where(h3, p) {
  color: #f8fafc !important;
}

body.elite-landing #social-proof .testimonial {
  background: #ffffff !important;
}

body.elite-landing #social-proof .testimonial :where(blockquote, p, div, span, strong) {
  color: var(--cc-ink) !important;
  opacity: 1 !important;
}

/* The support panel previously inherited dark copy on teal. */
body.elite-landing .support-panel {
  background:
    radial-gradient(circle at 12% 18%, rgba(124, 58, 237, 0.18), transparent 30%),
    linear-gradient(145deg, #075164 0%, #087c80 54%, #0b9b91 100%) !important;
  border-color: rgba(219, 234, 254, 0.3) !important;
}

body.elite-landing .support-copy :where(h2, h3, p, li, span, strong),
body.elite-landing .support-panel .hero-proof :where(span, p) {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .support-form {
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--cc-ink) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}

body.elite-landing .support-form :where(label, p, small) {
  color: var(--cc-copy) !important;
}

body.elite-landing .support-form :where(input, textarea) {
  color: var(--cc-ink) !important;
  background: #ffffff !important;
  border-color: #94a3b8 !important;
}

body.elite-landing .support-form :where(input, textarea)::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

/* CTAs and controls have clear interaction states. */
body.elite-landing :where(a.btn, button, .support-chat-chip, .support-chat-start) {
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    filter 160ms ease,
    border-color 160ms ease !important;
}

body.elite-landing a.btn.primary {
  color: #ffffff !important;
  background: linear-gradient(110deg, var(--cc-blue), var(--cc-purple), var(--cc-teal)) !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.3) !important;
  text-align: center;
}

body.elite-landing :where(a.btn, button):hover {
  transform: translateY(-2px);
  filter: brightness(1.08) saturate(1.08);
}

body.elite-landing :where(a.btn, button):active {
  transform: translateY(0) scale(0.98);
}

body.elite-landing :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--cc-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px rgba(251, 191, 36, 0.24) !important;
}

body.elite-landing .mega-footer :where(p, a, span, small) {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  body.elite-landing .section-head p,
  body.elite-landing .top-copy,
  body.elite-landing .main-elite article p {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  body.elite-landing .main-elite :where(.section, .pain-section, .trust-strip) {
    background-attachment: scroll !important;
  }

  body.elite-landing :where(.price-card, .security-card, .testimonial, .support-form) {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16) !important;
  }
}

/* Continuous teal canvas: remove white bands and isolated white card patches. */
body.elite-landing,
body.elite-landing .main-elite {
  background: #2f7f81 !important;
}

body.elite-landing .main-elite :where(
  #pain,
  #loesung,
  #audience,
  #vergleich,
  #workflow,
  #product-preview,
  #features,
  #platform,
  #trust-pricing,
  #pre-pricing-cta,
  #pricing,
  #social-proof,
  #security,
  #final-cta
) {
  background:
    linear-gradient(180deg, rgba(35, 108, 112, 0.16), rgba(35, 108, 112, 0.04)),
    #2f7f81 !important;
  border-color: rgba(177, 231, 225, 0.2) !important;
}

body.elite-landing .hero-elite {
  background: linear-gradient(135deg, #245f64 0%, #2f7f81 55%, #3a9992 100%) !important;
}

body.elite-landing #workflow,
body.elite-landing #platform,
body.elite-landing #pricing {
  background: linear-gradient(145deg, #174e54 0%, #246b6f 100%) !important;
}

body.elite-landing .main-elite :where(
  #pain,
  #loesung,
  #audience,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #social-proof,
  #security
) .section-head :where(h2, p),
body.elite-landing .main-elite :where(
  #pain,
  #loesung,
  #audience,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #social-proof,
  #security
) > .container > :where(h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite :where(
  #loesung,
  #vergleich,
  #product-preview,
  #features,
  #trust-pricing,
  #social-proof,
  #security
) .eyebrow {
  color: #e2f7f4 !important;
  -webkit-text-fill-color: #e2f7f4 !important;
  background: rgba(5, 56, 61, 0.62) !important;
  border-color: rgba(177, 231, 225, 0.32) !important;
}

body.elite-landing .main-elite :where(
  .light-band,
  .reading-surface,
  .solution-card,
  .elite-audience-card,
  .pp-card,
  .card,
  .elite-trust-list,
  .elite-pricing-mini,
  .trust-card,
  .testimonial,
  .security-card
) {
  background: rgba(14, 77, 82, 0.72) !important;
  background-color: rgba(14, 77, 82, 0.72) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
  box-shadow: 0 16px 36px rgba(5, 47, 53, 0.16) !important;
}

body.elite-landing .main-elite :where(
  .solution-card,
  .elite-audience-card,
  .pp-card,
  .card,
  .elite-trust-list,
  .elite-pricing-mini,
  .trust-card,
  .testimonial,
  .security-card
) :where(h2, h3, h4, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite :where(
  .solution-card,
  .elite-audience-card,
  .pp-card,
  .card,
  .elite-trust-list,
  .elite-pricing-mini,
  .trust-card,
  .testimonial,
  .security-card
) :where(p, li, small, cite) {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite #features .reading-surface,
body.elite-landing .main-elite #features .reading-surface .card {
  background: rgba(14, 77, 82, 0.72) !important;
  background-color: rgba(14, 77, 82, 0.72) !important;
}

body.elite-landing .main-elite #features .reading-surface :where(h2, h3),
body.elite-landing .main-elite #features .light-band .card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite #features .reading-surface :where(p, li),
body.elite-landing .main-elite #features .light-band .card :where(p, li) {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing .main-elite #features .icon-chip {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #3c9c93 !important;
  border-color: rgba(206, 243, 238, 0.38) !important;
}

body.elite-landing #vergleich .cc-compare-table {
  background: rgba(14, 77, 82, 0.72) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing #vergleich .cc-compare-row,
body.elite-landing #vergleich .cc-compare-row > div,
body.elite-landing #vergleich .cc-compare-row > div:nth-child(2),
body.elite-landing #vergleich .cc-compare-row > div:nth-child(3),
body.elite-landing #vergleich .cc-compare-head > div {
  background: transparent !important;
  border-color: rgba(177, 231, 225, 0.18) !important;
}

body.elite-landing #vergleich .cc-compare-row > div,
body.elite-landing #vergleich .cc-compare-row > div:nth-child(3) {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing #vergleich .cc-compare-row > div:first-child,
body.elite-landing #vergleich .cc-compare-head > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing #vergleich .cc-compare-row > div:nth-child(2) {
  color: #c2fff5 !important;
  -webkit-text-fill-color: #c2fff5 !important;
  background: rgba(73, 170, 160, 0.16) !important;
}

body.elite-landing .product-preview-real .pp-card {
  background: rgba(14, 77, 82, 0.72) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing .product-preview-real figcaption h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .product-preview-real figcaption p {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing #social-proof .logo {
  color: #e8f8f6 !important;
  -webkit-text-fill-color: #e8f8f6 !important;
  background: rgba(14, 77, 82, 0.74) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing section#social-proof .section-head :where(h2, p),
body.elite-landing section#social-proof .trust-card > :where(h3, p),
body.elite-landing section#social-proof .logo-strip :where(h3, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite #trust-pricing .elite-trust-row {
  background: rgba(6, 58, 63, 0.66) !important;
  border-color: rgba(177, 231, 225, 0.2) !important;
}

body.elite-landing .main-elite #trust-pricing .elite-trust-row > span:last-child,
body.elite-landing .main-elite #trust-pricing .elite-trust-row > span:last-child strong {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing .main-elite #trust-pricing .elite-tier {
  background: rgba(4, 47, 53, 0.74) !important;
  border-color: rgba(177, 231, 225, 0.2) !important;
}

body.elite-landing .support-form {
  background: rgba(8, 65, 70, 0.86) !important;
  color: #ffffff !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing .support-form :where(h3, label, p, small) {
  color: #e2f7f4 !important;
  -webkit-text-fill-color: #e2f7f4 !important;
}

body.elite-landing .support-form :where(input, textarea) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(4, 47, 53, 0.62) !important;
  border-color: rgba(177, 231, 225, 0.28) !important;
}

body.elite-landing .support-form :where(input, textarea)::placeholder {
  color: #bcdedb !important;
  -webkit-text-fill-color: #bcdedb !important;
}

body.elite-landing .cta-band,
body.elite-landing .cc-pricing-cta-inner {
  background: rgba(4, 47, 53, 0.78) !important;
  border-color: rgba(177, 231, 225, 0.22) !important;
}

/* Exact selectors beat the legacy inline landing theme. */
body.elite-landing .main-elite section#pain,
body.elite-landing .main-elite section#loesung,
body.elite-landing .main-elite section#audience,
body.elite-landing .main-elite section#vergleich,
body.elite-landing .main-elite section#product-preview,
body.elite-landing .main-elite section#features,
body.elite-landing .main-elite section#trust-pricing,
body.elite-landing .main-elite section#pre-pricing-cta,
body.elite-landing .main-elite section#social-proof,
body.elite-landing .main-elite section#security,
body.elite-landing .main-elite section#final-cta {
  background:
    linear-gradient(180deg, rgba(35, 108, 112, 0.14), rgba(35, 108, 112, 0.04)),
    #2f7f81 !important;
  background-color: #2f7f81 !important;
}

body.elite-landing .main-elite section#workflow,
body.elite-landing .main-elite section#platform,
body.elite-landing .main-elite section#pricing {
  background: linear-gradient(145deg, #174e54 0%, #246b6f 100%) !important;
  background-color: #174e54 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar,
body.elite-landing .main-elite section#audience .elite-audience-card,
body.elite-landing .main-elite section#product-preview .product-preview-real .pp-card,
body.elite-landing .main-elite section#features .light-band.reading-surface,
body.elite-landing .main-elite section#features .light-band.reading-surface .card,
body.elite-landing .main-elite section#social-proof .trust-card,
body.elite-landing .main-elite section#social-proof .testimonial,
body.elite-landing .main-elite section#security .security-card {
  background: rgba(14, 77, 82, 0.74) !important;
  background-color: rgba(14, 77, 82, 0.74) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar :where(h3, p),
body.elite-landing .main-elite section#audience .elite-audience-card :where(h3, p),
body.elite-landing .main-elite section#product-preview .pp-card :where(h3, p),
body.elite-landing .main-elite section#features .reading-surface :where(h2, h3, p, li),
body.elite-landing .main-elite section#social-proof :where(.trust-card, .testimonial) :where(h3, p, blockquote, cite),
body.elite-landing .main-elite section#security .security-card :where(h3, p) {
  color: #e4f5f2 !important;
  -webkit-text-fill-color: #e4f5f2 !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#features .reading-surface :where(h2, h3),
body.elite-landing .main-elite section#product-preview .pp-card h3,
body.elite-landing .main-elite section#social-proof :where(.trust-card, .testimonial) h3,
body.elite-landing .main-elite section#security .security-card h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-table {
  background: rgba(14, 77, 82, 0.74) !important;
  background-color: rgba(14, 77, 82, 0.74) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing .main-elite section#trust-pricing .elite-trust-row {
  background: rgba(6, 58, 63, 0.72) !important;
  background-color: rgba(6, 58, 63, 0.72) !important;
  border-color: rgba(177, 231, 225, 0.2) !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar h3,
body.elite-landing .main-elite section#features .light-band.reading-surface .card h3,
body.elite-landing .main-elite section#product-preview .product-preview-real .pp-card h3,
body.elite-landing .main-elite section#social-proof .testimonial h3,
body.elite-landing .main-elite section#security .security-card h3,
body.elite-landing .main-elite .support-panel .support-form h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar p,
body.elite-landing .main-elite section#features .light-band.reading-surface .card p,
body.elite-landing .main-elite section#features .light-band.reading-surface .card li,
body.elite-landing .main-elite section#product-preview .product-preview-real .pp-card p,
body.elite-landing .main-elite section#social-proof .testimonial blockquote,
body.elite-landing .main-elite section#social-proof .testimonial cite,
body.elite-landing .main-elite section#security .security-card p,
body.elite-landing .main-elite .support-panel .support-form p {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-table .cc-compare-row > div {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-table .cc-compare-row > div:first-child,
body.elite-landing .main-elite section#vergleich .cc-compare-table .cc-compare-head > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-table .cc-compare-row > div:nth-child(2) {
  color: #c2fff5 !important;
  -webkit-text-fill-color: #c2fff5 !important;
}

body.elite-landing .main-elite section#trust-pricing .elite-trust-row > span:last-child,
body.elite-landing .main-elite section#trust-pricing .elite-trust-row > span:last-child strong {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

@media (prefers-color-scheme: dark) {
  body.elite-landing {
    background: #061521;
  }

  body.elite-landing :where(
    #loesung,
    #audience,
    #vergleich,
    #product-preview,
    #features,
    #trust-pricing,
    #pre-pricing-cta
  ) {
    background:
      radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.14), transparent 30%),
      linear-gradient(180deg, #0b1d2b 0%, #102937 100%) !important;
  }

  body.elite-landing :where(
    #loesung,
    #audience,
    #vergleich,
    #product-preview,
    #features,
    #trust-pricing,
    #pre-pricing-cta
  ) .section-head :where(h2, p),
  body.elite-landing :where(
    #loesung,
    #audience,
    #vergleich,
    #product-preview,
    #features,
    #trust-pricing,
    #pre-pricing-cta
  ) > .container > :where(h2, p) {
    color: #f8fafc !important;
  }

  body.elite-landing :where(
    #loesung,
    #audience,
    #product-preview,
    #features,
    #trust-pricing
  ) :where(.solution-card, .elite-audience-card, .preview-card, .feature-card, .elite-trust-row) {
    background: rgba(255, 255, 255, 0.94) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.elite-landing :where(a.btn, button) {
    transition: none !important;
  }
}

/* Premium SaaS finish: section rhythm, real product media, and restrained motion. */
body.elite-landing .hero-elite {
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(96, 165, 250, 0.2), transparent 28%),
    radial-gradient(circle at 78% 24%, rgba(45, 212, 191, 0.2), transparent 30%),
    linear-gradient(135deg, #082f3f 0%, #0b6470 52%, #147f88 100%) !important;
}

body.elite-landing .hero-elite::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(58vw, 780px);
  aspect-ratio: 1;
  right: -12%;
  top: 4%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.3), rgba(37, 99, 235, 0.08) 42%, transparent 70%);
  filter: blur(10px);
  pointer-events: none;
  animation: cc-hero-glow 10s ease-in-out infinite alternate;
}

body.elite-landing .hero-elite .container,
body.elite-landing .hero-elite-grid {
  position: relative;
  z-index: 1;
}

body.elite-landing .hero-elite :where(h1, h2, h3, p, li, strong, span) {
  color: #ffffff !important;
}

body.elite-landing .hero-elite .hero-elite-lead,
body.elite-landing .hero-elite .hero-subline {
  color: #e0f2fe !important;
}

@keyframes cc-hero-glow {
  from {
    transform: translate3d(-2%, -2%, 0) scale(0.96);
  }
  to {
    transform: translate3d(4%, 3%, 0) scale(1.08);
  }
}

body.elite-landing #vergleich {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 12%, rgba(99, 102, 241, 0.26), transparent 30%),
    radial-gradient(circle at 88% 76%, rgba(13, 148, 136, 0.2), transparent 32%),
    linear-gradient(145deg, #071525 0%, #0a2740 54%, #0c3f47 100%) !important;
  border-color: rgba(125, 211, 252, 0.16) !important;
}

body.elite-landing #vergleich .section-head {
  gap: 40px;
}

body.elite-landing #vergleich .section-head h2 {
  max-width: 760px;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing #vergleich .section-head p {
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
  font-weight: 600;
  line-height: 1.75;
}

body.elite-landing #vergleich .eyebrow {
  color: #bfdbfe !important;
  background: rgba(37, 99, 235, 0.16) !important;
  border-color: rgba(147, 197, 253, 0.42) !important;
}

body.elite-landing #vergleich .cc-compare-table {
  border: 1px solid rgba(147, 197, 253, 0.24) !important;
  background: rgba(7, 24, 39, 0.62) !important;
  box-shadow: 0 28px 70px rgba(2, 8, 23, 0.28);
  backdrop-filter: blur(18px);
}

body.elite-landing #vergleich .cc-compare-row {
  border-color: rgba(186, 230, 253, 0.14) !important;
}

body.elite-landing #vergleich .cc-compare-row > div {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  font-weight: 560;
  line-height: 1.5;
}

body.elite-landing #vergleich .cc-compare-row > div:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800;
}

body.elite-landing #vergleich .cc-compare-row > div:nth-child(2) {
  color: #ccfbf1 !important;
  -webkit-text-fill-color: #ccfbf1 !important;
  background: rgba(13, 148, 136, 0.12);
}

body.elite-landing #vergleich .cc-compare-row > div:nth-child(3) {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

body.elite-landing #vergleich .cc-compare-head > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: rgba(37, 99, 235, 0.18) !important;
  letter-spacing: 0.01em;
}

body.elite-landing .main-elite section#vergleich .section-head h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite section#vergleich .section-head p {
  color: #e0f2fe !important;
  -webkit-text-fill-color: #e0f2fe !important;
}

body.elite-landing #workflow .step-shell {
  position: relative;
}

body.elite-landing #workflow .workflow-3 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  position: relative;
}

body.elite-landing #workflow .workflow-3::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 42px;
  height: 2px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4, #10b981, #14b8a6);
  opacity: 0.5;
}

body.elite-landing #workflow .w3-step {
  --step-accent: #3b82f6;
  position: relative;
  z-index: 1;
  min-height: 210px;
  padding: 22px 18px;
  border-radius: 20px;
  border-color: color-mix(in srgb, var(--step-accent) 44%, transparent) !important;
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(15, 53, 66, 0.82)) !important;
  box-shadow: 0 18px 40px rgba(2, 8, 23, 0.2);
}

body.elite-landing #workflow .w3-step:nth-child(2) {
  --step-accent: #8b5cf6;
}

body.elite-landing #workflow .w3-step:nth-child(3) {
  --step-accent: #06b6d4;
}

body.elite-landing #workflow .w3-step:nth-child(4) {
  --step-accent: #10b981;
}

body.elite-landing #workflow .w3-step:nth-child(5) {
  --step-accent: #14b8a6;
}

body.elite-landing #workflow .w3-step:hover {
  transform: translateY(-6px);
  border-color: var(--step-accent) !important;
  box-shadow: 0 24px 56px color-mix(in srgb, var(--step-accent) 24%, transparent);
}

body.elite-landing #workflow .w3-idx,
body.elite-landing #workflow .w3-ico {
  color: #ffffff !important;
  background: var(--step-accent) !important;
  border-color: color-mix(in srgb, var(--step-accent) 70%, white) !important;
}

body.elite-landing #workflow .w3-step p {
  color: #dbeafe !important;
}

body.elite-landing #product-preview {
  background:
    radial-gradient(circle at 88% 10%, rgba(124, 58, 237, 0.1), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%) !important;
}

body.elite-landing #product-preview .section-head p {
  color: #334155 !important;
  font-weight: 560;
  line-height: 1.7;
}

body.elite-landing .product-preview-real {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 24px;
  margin-top: 28px;
}

body.elite-landing .product-preview-real .pp-card {
  grid-column: span 5;
  margin: 0;
  padding: 16px 16px 22px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(99, 102, 241, 0.16) !important;
  box-shadow: 0 22px 54px rgba(30, 41, 59, 0.13) !important;
  overflow: hidden;
}

body.elite-landing .product-preview-real .pp-card--wide {
  grid-column: span 7;
}

body.elite-landing .product-preview-real .pp-card:last-child {
  grid-column: 2 / span 10;
}

body.elite-landing .product-preview-real .pp-card:hover {
  transform: translateY(-7px) scale(1.005);
  border-color: rgba(37, 99, 235, 0.4) !important;
  box-shadow: 0 30px 72px rgba(37, 99, 235, 0.18) !important;
}

body.elite-landing .product-preview-real :where(.pp-browser-frame, .pp-device-frame) {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #e9eef6;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
}

body.elite-landing .product-preview-real .pp-browser-frame {
  padding-top: 28px;
  border-radius: 15px;
}

body.elite-landing .product-preview-real .pp-browser-frame::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 28px;
  background: linear-gradient(180deg, #f8fafc, #e2e8f0);
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

body.elite-landing .product-preview-real .pp-browser-dots {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fb7185;
  box-shadow: 13px 0 #fbbf24, 26px 0 #34d399;
}

body.elite-landing .product-preview-real .pp-device-frame {
  width: min(74%, 285px);
  height: 410px;
  margin: 0 auto;
  padding: 10px;
  border-radius: 34px;
  background: #0f172a;
}

body.elite-landing .product-preview-real .pp-shot {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: top;
  background: #ffffff;
}

body.elite-landing .product-preview-real .pp-shot--mobile {
  height: 100%;
  aspect-ratio: auto;
  border-radius: 24px;
  object-fit: cover;
  object-position: top;
}

body.elite-landing .product-preview-real .pp-card:last-child .pp-shot {
  aspect-ratio: 1024 / 625;
}

body.elite-landing .product-preview-real figcaption {
  padding: 20px 6px 0;
}

body.elite-landing .product-preview-real figcaption h3 {
  margin-bottom: 8px;
  color: var(--cc-ink) !important;
  font-size: clamp(20px, 2vw, 25px);
}

body.elite-landing .product-preview-real figcaption p {
  color: #334155 !important;
  font-size: 16px;
  font-weight: 520;
  line-height: 1.65;
}

body.elite-landing :where(
  .solution-card,
  .elite-audience-card,
  .card,
  .price-card,
  .security-card,
  .trust-card
) {
  border-radius: 22px !important;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease !important;
}

body.elite-landing :where(
  .solution-card,
  .elite-audience-card,
  .card,
  .price-card,
  .security-card,
  .trust-card
):hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 62px rgba(15, 23, 42, 0.2) !important;
}

body.elite-landing .trust-strip-logos,
body.elite-landing #social-proof .logo-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

body.elite-landing .trust-strip-logos span,
body.elite-landing #social-proof .logo {
  width: auto !important;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(125, 211, 252, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

body.elite-landing #social-proof .stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.elite-landing #social-proof .stat-item strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(34px, 4vw, 54px);
}

body.elite-landing #social-proof .stat-item span {
  color: #a7f3d0 !important;
  -webkit-text-fill-color: #a7f3d0 !important;
  font-weight: 800;
}

body.elite-landing #social-proof .stat-item small {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  line-height: 1.55;
}

@media (max-width: 1080px) {
  body.elite-landing #workflow .workflow-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.elite-landing #workflow .workflow-3::before {
    display: none;
  }

  body.elite-landing #social-proof .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.elite-landing .hero-elite::after {
    width: 110vw;
    right: -54%;
  }

  body.elite-landing #vergleich .section-head {
    gap: 18px;
  }

  body.elite-landing #vergleich .cc-compare-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.elite-landing #vergleich .cc-compare-row,
  body.elite-landing #vergleich .cc-compare-head {
    display: grid;
    grid-template-columns: 0.8fr 1.15fr 1fr;
    min-width: 680px;
  }

  body.elite-landing #workflow .workflow-3 {
    grid-template-columns: 1fr;
  }

  body.elite-landing #workflow .w3-step {
    min-height: 0;
  }

  body.elite-landing .product-preview-real {
    grid-template-columns: 1fr !important;
    gap: 18px;
  }

  body.elite-landing .product-preview-real .pp-card,
  body.elite-landing .product-preview-real .pp-card--wide,
  body.elite-landing .product-preview-real .pp-card:last-child {
    grid-column: 1;
    padding: 12px 12px 18px;
  }

  body.elite-landing .product-preview-real .pp-device-frame {
    height: 360px;
  }

  body.elite-landing #social-proof .stats-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.elite-landing .hero-elite::after {
    animation: none;
  }

  body.elite-landing :where(
    .w3-step,
    .pp-card,
    .solution-card,
    .elite-audience-card,
    .card,
    .price-card,
    .security-card,
    .trust-card
  ) {
    transition: none !important;
  }
}

/* CrewBrain-inspired structure using CrewCircuit's existing teal identity. */
:root {
  --cc-ink: #071c2c;
  --cc-copy: #334b5c;
  --cc-muted: #587080;
  --cc-teal: #0b8f87;
  --cc-teal-strong: #08766f;
  --cc-teal-deep: #063f43;
  --cc-teal-dark: #052f35;
  --cc-teal-soft: #e7f5f3;
  --cc-light: #f7faf9;
}

html {
  scroll-behavior: smooth;
}

body.elite-landing {
  background: #ffffff;
}

body.elite-landing .canvas-bg {
  display: none !important;
}

body.elite-landing .container {
  width: min(1180px, calc(100% - 48px));
}

body.elite-landing header {
  background: rgba(5, 54, 58, 0.96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(16px);
}

body.elite-landing header .nav {
  min-height: 78px;
  gap: 28px;
}

body.elite-landing header .nav-links {
  gap: 32px;
  justify-content: center;
}

body.elite-landing header .nav-links a {
  padding: 10px 0;
  color: #e8f7f5 !important;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0;
}

body.elite-landing header .nav-links a::after {
  height: 2px;
  background: #8edbd4 !important;
}

body.elite-landing header .lang-select {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

body.elite-landing header .nav-login {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  background: transparent !important;
}

body.elite-landing a.btn.primary,
body.elite-landing header .nav-cta.btn.primary,
body.elite-landing .nav-actions .nav-cta.btn.primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0da99e, #08766f) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 24px rgba(3, 67, 64, 0.24) !important;
  animation: none !important;
}

body.elite-landing a.btn.primary:hover {
  box-shadow: 0 14px 30px rgba(3, 67, 64, 0.3) !important;
}

body.elite-landing .hero-elite {
  min-height: auto;
  padding: 110px 0 104px !important;
  background: linear-gradient(135deg, #064f55 0%, #087b7d 58%, #0a9188 100%) !important;
}

body.elite-landing .hero-elite::before,
body.elite-landing .hero-elite::after,
body.elite-landing .hero-elite .container::after,
body.elite-landing .hero-elite .mock-devices::after {
  display: none !important;
  animation: none !important;
}

body.elite-landing .hero-elite-grid {
  grid-template-columns: minmax(0, 1fr) minmax(480px, 0.92fr);
  gap: 48px;
  align-items: center;
}

body.elite-landing .hero-elite-copy h1 {
  max-width: 760px;
  margin: 24px 0 26px;
  font-size: clamp(58px, 5.4vw, 72px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
}

body.elite-landing .hero-elite-lead {
  max-width: 690px;
  font-size: clamp(19px, 1.55vw, 21px) !important;
  line-height: 1.68 !important;
}

body.elite-landing .hero-power-line {
  margin-top: 16px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.elite-landing .hero-elite-cta {
  margin-top: 32px !important;
}

body.elite-landing .hero-elite-cta .hero-cta-mega {
  min-height: 58px;
  padding: 0 30px !important;
  font-size: 17px !important;
}

body.elite-landing .hero-friction-line,
body.elite-landing .hero-audience-line,
body.elite-landing .hero-quick-start,
body.elite-landing .hero-cta-bullets,
body.elite-landing .hero-trust-strip {
  display: none !important;
}

body.elite-landing .hero-cta-bullets {
  gap: 18px 24px !important;
  margin-top: 24px !important;
}

body.elite-landing .hero-cta-bullets span,
body.elite-landing .hero-trust-strip span {
  font-size: 14px !important;
  font-weight: 650 !important;
}

body.elite-landing .hero-trust-strip {
  margin-top: 22px !important;
  gap: 10px !important;
}

body.elite-landing .mock-devices {
  filter: none !important;
}

body.elite-landing .mock-devices-hero-img {
  border-radius: 18px !important;
  box-shadow: 0 34px 70px rgba(2, 33, 37, 0.3) !important;
}

body.elite-landing .mock-devices-phone-img {
  box-shadow: 0 26px 54px rgba(2, 33, 37, 0.34) !important;
}

body.elite-landing .main-elite :where(.section, .pain-section) {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

body.elite-landing .section-head {
  margin-bottom: 48px;
  gap: 48px;
}

body.elite-landing .section-head h2,
body.elite-landing .main-elite section h2 {
  font-size: clamp(42px, 4.4vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

body.elite-landing .section-head p,
body.elite-landing .top-copy,
body.elite-landing .main-elite article p,
body.elite-landing .main-elite section > p {
  font-size: clamp(17px, 1.4vw, 19px) !important;
  line-height: 1.72 !important;
}

body.elite-landing .main-elite article h3,
body.elite-landing .product-preview-real figcaption h3 {
  font-size: clamp(22px, 2.2vw, 28px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

body.elite-landing :where(#loesung, #features, #product-preview, #vergleich, #social-proof, #security) {
  background: #ffffff !important;
}

body.elite-landing section#social-proof {
  background: #ffffff !important;
}

body.elite-landing #audience {
  background: linear-gradient(145deg, #08766f 0%, #0a9188 100%) !important;
}

body.elite-landing #audience .section-head :where(h2, p),
body.elite-landing #audience > .container > :where(h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing #workflow,
body.elite-landing #platform {
  background: linear-gradient(145deg, #052f35 0%, #064f55 100%) !important;
}

body.elite-landing #pricing {
  background: linear-gradient(145deg, #04272d 0%, #063f43 100%) !important;
}

body.elite-landing #final-cta {
  background: linear-gradient(135deg, #08766f, #0a9188) !important;
}

body.elite-landing #vergleich {
  overflow: visible;
  border-color: #dbe8e6 !important;
  background: #ffffff !important;
}

body.elite-landing #vergleich .section-head h2,
body.elite-landing .main-elite section#vergleich .section-head h2 {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
}

body.elite-landing #vergleich .section-head p,
body.elite-landing .main-elite section#vergleich .section-head p {
  color: var(--cc-copy) !important;
  -webkit-text-fill-color: var(--cc-copy) !important;
}

body.elite-landing #vergleich .eyebrow {
  color: var(--cc-teal-strong) !important;
  -webkit-text-fill-color: var(--cc-teal-strong) !important;
  background: var(--cc-teal-soft) !important;
  border-color: #b8dfda !important;
}

body.elite-landing #vergleich .cc-compare-table {
  border: 1px solid #dbe8e6 !important;
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(5, 47, 53, 0.08) !important;
  backdrop-filter: none;
}

body.elite-landing #vergleich .cc-compare-row {
  border-color: #e2ecea !important;
}

body.elite-landing #vergleich .cc-compare-row > div,
body.elite-landing #vergleich .cc-compare-row > div:nth-child(3) {
  color: var(--cc-copy) !important;
  -webkit-text-fill-color: var(--cc-copy) !important;
  background: #ffffff !important;
}

body.elite-landing #vergleich .cc-compare-row > div:first-child {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
}

body.elite-landing #vergleich .cc-compare-row > div:nth-child(2) {
  color: var(--cc-teal-deep) !important;
  -webkit-text-fill-color: var(--cc-teal-deep) !important;
  background: #edf8f6 !important;
}

body.elite-landing #vergleich .cc-compare-head > div {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
  background: #f5f9f8 !important;
}

body.elite-landing #workflow .workflow-3::before {
  background: #66c8c0;
  opacity: 0.45;
}

body.elite-landing #workflow .w3-step,
body.elite-landing #workflow .w3-step:nth-child(n) {
  --step-accent: #0da99e;
  min-height: 220px;
  padding: 28px 24px;
  border-color: rgba(142, 219, 212, 0.24) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
}

body.elite-landing #workflow .w3-step:hover {
  transform: translateY(-4px);
  border-color: rgba(142, 219, 212, 0.55) !important;
  box-shadow: 0 18px 38px rgba(1, 28, 31, 0.18) !important;
}

body.elite-landing #workflow .w3-idx,
body.elite-landing #workflow .w3-ico {
  background: #0b8f87 !important;
  border-color: #73d1ca !important;
}

body.elite-landing #product-preview {
  background: #ffffff !important;
}

body.elite-landing .product-preview-real {
  gap: 30px;
  margin-top: 36px;
}

body.elite-landing .product-preview-real .pp-card {
  padding: 18px 18px 28px;
  border: 1px solid #dce8e6 !important;
  border-radius: 26px !important;
  box-shadow: 0 16px 38px rgba(5, 47, 53, 0.08) !important;
}

body.elite-landing .product-preview-real .pp-card:hover {
  transform: translateY(-4px);
  border-color: #b9dcd8 !important;
  box-shadow: 0 22px 48px rgba(5, 47, 53, 0.12) !important;
}

body.elite-landing .product-preview-real .pp-browser-dots {
  background: #87bdb8;
  box-shadow: 13px 0 #5ba39d, 26px 0 #277d77;
}

body.elite-landing .product-preview-real :where(.pp-browser-frame, .pp-device-frame) {
  box-shadow: 0 10px 24px rgba(5, 47, 53, 0.1);
}

body.elite-landing :where(
  .solution-card,
  .elite-audience-card,
  .card,
  .price-card,
  .security-card,
  .trust-card,
  .testimonial
) {
  padding: 30px !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 32px rgba(5, 47, 53, 0.08) !important;
}

body.elite-landing #features .reading-surface,
body.elite-landing #features .card,
body.elite-landing #loesung .solution-card {
  background: #ffffff !important;
  border-color: #dce8e6 !important;
}

body.elite-landing .main-elite #features .reading-surface,
body.elite-landing .main-elite #features .reading-surface .card {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.elite-landing .main-elite #features .reading-surface :where(h2, h3),
body.elite-landing .main-elite #features .light-band .card h3 {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite #features .reading-surface :where(p, li),
body.elite-landing .main-elite #features .light-band .card :where(p, li) {
  color: var(--cc-copy) !important;
  -webkit-text-fill-color: var(--cc-copy) !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite #features .feature-punch-list li::before,
body.elite-landing .main-elite #features .card li::before {
  color: var(--cc-teal) !important;
  -webkit-text-fill-color: var(--cc-teal) !important;
}

body.elite-landing .main-elite #features .icon-chip {
  color: var(--cc-teal-deep) !important;
  -webkit-text-fill-color: var(--cc-teal-deep) !important;
  background: #d9efec !important;
  border-color: #b8dfda !important;
  box-shadow: 0 8px 20px rgba(5, 47, 53, 0.12) !important;
}

body.elite-landing :where(.sol-ico, .aud-ico) {
  display: none !important;
}

body.elite-landing :where(
  .solution-card,
  .elite-audience-card,
  .card,
  .price-card,
  .security-card,
  .trust-card,
  .testimonial
):hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(5, 47, 53, 0.12) !important;
}

body.elite-landing #audience .elite-audience-card {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
}

body.elite-landing #social-proof .section-head :where(h2, p),
body.elite-landing #social-proof .trust-card > :where(h3, p) {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
}

body.elite-landing #social-proof .trust-logo-label {
  color: var(--cc-teal-strong) !important;
  -webkit-text-fill-color: var(--cc-teal-strong) !important;
}

body.elite-landing #social-proof .logo {
  color: var(--cc-teal-deep) !important;
  -webkit-text-fill-color: var(--cc-teal-deep) !important;
  background: var(--cc-teal-soft) !important;
  border-color: #b8dfda !important;
}

body.elite-landing #social-proof .trust-stats-band {
  background: linear-gradient(135deg, #064f55, #08766f) !important;
  border-color: rgba(142, 219, 212, 0.32) !important;
  box-shadow: 0 20px 48px rgba(5, 47, 53, 0.16) !important;
}

body.elite-landing #social-proof .trust-card,
body.elite-landing #social-proof .testimonial {
  background: #ffffff !important;
  border-color: #dce8e6 !important;
}

body.elite-landing section#social-proof .section-head :where(h2, p),
body.elite-landing section#social-proof .trust-card > :where(h3, p),
body.elite-landing section#social-proof .logo-strip :where(h3, p) {
  color: var(--cc-ink) !important;
  -webkit-text-fill-color: var(--cc-ink) !important;
}

body.elite-landing #pricing .price-card {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(142, 219, 212, 0.24) !important;
  box-shadow: none !important;
}

body.elite-landing #pricing .price-card.featured {
  border-color: #7bd1ca !important;
  box-shadow: 0 18px 40px rgba(1, 28, 31, 0.2) !important;
}

body.elite-landing .main-elite #trust-pricing .elite-trust-row {
  background: #f5faf9 !important;
  border-color: #d4e5e2 !important;
}

body.elite-landing .main-elite #trust-pricing .elite-trust-row > span:last-child,
body.elite-landing .main-elite #trust-pricing .elite-trust-row > span:last-child strong {
  color: var(--cc-copy) !important;
  -webkit-text-fill-color: var(--cc-copy) !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite #trust-pricing .elite-trust-row > span:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: var(--cc-teal-strong) !important;
  border-color: var(--cc-teal-strong) !important;
}

body.elite-landing .main-elite #trust-pricing .elite-pricing-mini :where(h3, strong, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite #trust-pricing .elite-tier > div {
  color: #cfe7e4 !important;
  -webkit-text-fill-color: #cfe7e4 !important;
  opacity: 1 !important;
}

body.elite-landing .support-panel {
  background: linear-gradient(145deg, #064f55, #0a9188) !important;
  box-shadow: 0 20px 50px rgba(5, 47, 53, 0.15) !important;
}

@media (max-width: 1040px) {
  body.elite-landing .hero-elite-grid {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  body.elite-landing .hero-elite-copy {
    max-width: 820px;
  }
}

@media (max-width: 760px) {
  body.elite-landing .container {
    width: min(100% - 32px, 1180px);
  }

  body.elite-landing .hero-elite {
    padding: 72px 0 78px !important;
  }

  body.elite-landing .hero-elite-copy h1 {
    font-size: clamp(44px, 13vw, 58px) !important;
    line-height: 1.06 !important;
  }

  body.elite-landing .main-elite :where(.section, .pain-section) {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  body.elite-landing .section-head h2,
  body.elite-landing .main-elite section h2 {
    font-size: clamp(36px, 10vw, 46px) !important;
  }

  body.elite-landing .section-head {
    margin-bottom: 34px;
  }

  body.elite-landing :where(
    .solution-card,
    .elite-audience-card,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) {
    padding: 24px !important;
  }

  body.elite-landing #vergleich .cc-compare-row,
  body.elite-landing #vergleich .cc-compare-head {
    min-width: 620px;
  }
}

/* Final continuous-teal contract. Keep this last. */
body.elite-landing .main-elite section#loesung,
body.elite-landing .main-elite section#vergleich,
body.elite-landing .main-elite section#product-preview,
body.elite-landing .main-elite section#features,
body.elite-landing .main-elite section#trust-pricing,
body.elite-landing .main-elite section#social-proof,
body.elite-landing .main-elite section#security {
  background:
    linear-gradient(180deg, rgba(35, 108, 112, 0.14), rgba(35, 108, 112, 0.04)),
    #2f7f81 !important;
  background-color: #2f7f81 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar,
body.elite-landing .main-elite section#product-preview .pp-card,
body.elite-landing .main-elite section#features .reading-surface,
body.elite-landing .main-elite section#features .reading-surface .card,
body.elite-landing .main-elite section#vergleich .cc-compare-table,
body.elite-landing .main-elite section#social-proof .trust-card,
body.elite-landing .main-elite section#social-proof .testimonial,
body.elite-landing .main-elite section#security .security-card {
  background: rgba(14, 77, 82, 0.74) !important;
  background-color: rgba(14, 77, 82, 0.74) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar h3,
body.elite-landing .main-elite section#features .reading-surface h2,
body.elite-landing .main-elite section#features .reading-surface .card h3,
body.elite-landing .main-elite section#product-preview .pp-card h3,
body.elite-landing .main-elite section#social-proof .trust-card h3,
body.elite-landing .main-elite section#security .security-card h3,
body.elite-landing .main-elite .support-panel .support-form h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar p,
body.elite-landing .main-elite section#features .reading-surface .card p,
body.elite-landing .main-elite section#features .reading-surface .card li,
body.elite-landing .main-elite section#product-preview .pp-card p,
body.elite-landing .main-elite section#social-proof .testimonial blockquote,
body.elite-landing .main-elite section#social-proof .testimonial cite,
body.elite-landing .main-elite section#security .security-card p,
body.elite-landing .main-elite .support-panel .support-form p {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-row,
body.elite-landing .main-elite section#vergleich .cc-compare-row > div,
body.elite-landing .main-elite section#vergleich .cc-compare-head > div {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(177, 231, 225, 0.18) !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-row > div {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-row > div:first-child,
body.elite-landing .main-elite section#vergleich .cc-compare-head > div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-row > div:nth-child(2) {
  color: #c2fff5 !important;
  -webkit-text-fill-color: #c2fff5 !important;
  background: rgba(73, 170, 160, 0.16) !important;
}

body.elite-landing .main-elite section#trust-pricing .elite-trust-row {
  background: rgba(6, 58, 63, 0.72) !important;
  background-color: rgba(6, 58, 63, 0.72) !important;
  border-color: rgba(177, 231, 225, 0.2) !important;
}

body.elite-landing .main-elite section#trust-pricing .elite-trust-row > span:last-child,
body.elite-landing .main-elite section#trust-pricing .elite-trust-row > span:last-child strong {
  color: #d9f0ed !important;
  -webkit-text-fill-color: #d9f0ed !important;
}

body.elite-landing .main-elite .support-panel .support-form {
  background: rgba(8, 65, 70, 0.86) !important;
  background-color: rgba(8, 65, 70, 0.86) !important;
  border-color: rgba(177, 231, 225, 0.24) !important;
}

/* Keep the page canvas seamless: no full-width hairlines between regions. */
body.elite-landing .main-elite .section + .section::before,
body.elite-landing .main-elite section.section::before,
body.elite-landing .main-elite .trust-stats-band::before {
  display: none !important;
  content: none !important;
}

body.elite-landing header,
body.elite-landing footer,
body.elite-landing .main-elite section,
body.elite-landing .main-elite > section,
body.elite-landing .main-elite > .section,
body.elite-landing .main-elite > .pain-section,
body.elite-landing .main-elite > .trust-strip,
body.elite-landing .main-elite section#loesung,
body.elite-landing .main-elite section#solution {
  border: 0 !important;
  outline: 0 !important;
}

body.elite-landing .main-elite hr {
  display: none !important;
}

/* Remove enclosing group panels; individual content cards keep their structure. */
body.elite-landing .main-elite section#pricing,
body.elite-landing .main-elite section#platform,
body.elite-landing .main-elite section#features,
body.elite-landing .main-elite section#workflow {
  background: transparent !important;
  background-color: transparent !important;
}

body.elite-landing .main-elite #platform .dark-band,
body.elite-landing .main-elite section#features .light-band.reading-surface,
body.elite-landing .main-elite #workflow .step-shell {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.elite-landing .main-elite :where(
  .cc-compare-table,
  .dashboard-panel,
  .trust-logo-showcase,
  .trust-stats-band,
  .cta-band
) {
  border: 0 !important;
  outline: 0 !important;
}

body.elite-landing .main-elite section#vergleich .cc-compare-table,
body.elite-landing .main-elite section#social-proof .trust-logo-showcase,
body.elite-landing .main-elite section#social-proof .trust-stats-band,
body.elite-landing .main-elite section#final-cta .cta-band {
  border: 0 !important;
  outline: 0 !important;
}

/* Solution points belong directly on the canvas, not inside enclosed boxes. */
body.elite-landing .main-elite section#loesung .solution-pillar {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar .sol-lead {
  color: #f2fffd !important;
  -webkit-text-fill-color: #f2fffd !important;
  font-weight: 750 !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#loesung .solution-pillar p:not(.sol-lead) {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  font-weight: 560 !important;
  opacity: 1 !important;
}

/* Site-wide flat information system: content groups without enclosed boxes. */
body.elite-landing .main-elite :where(
  #audience .elite-audience-card,
  #workflow .w3-step,
  #features .card,
  #platform .metric-tile,
  #platform .dashboard-action,
  #pricing .price-card,
  #social-proof .trust-card,
  #social-proof .testimonial,
  #security .security-card
) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.elite-landing .main-elite #pricing .price-card.featured {
  transform: none !important;
}

body.elite-landing .main-elite :where(
  #audience .elite-audience-card,
  #workflow .w3-step,
  #features .card,
  #platform .metric-tile,
  #platform .dashboard-action,
  #pricing .price-card,
  #social-proof .trust-card,
  #social-proof .testimonial,
  #security .security-card
) :where(h2, h3, h4, strong, .price) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite :where(
  #audience .elite-audience-card,
  #workflow .w3-step,
  #features .card,
  #platform .metric-tile,
  #platform .dashboard-action,
  #pricing .price-card,
  #social-proof .trust-card,
  #social-proof .testimonial,
  #security .security-card
) :where(p, li, span, small, em, blockquote, cite, .top-copy, .billing-note, .price-note) {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite .section-head :where(h2, h3),
body.elite-landing .main-elite section > :where(h2, h3),
body.elite-landing .main-elite section .container > :where(h2, h3) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite .section-head :where(p, .top-copy),
body.elite-landing .main-elite section > p,
body.elite-landing .main-elite section .container > p {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  font-weight: 560 !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite section#vergleich :where(
  .section-head h2,
  .section-head p,
  .cc-compare-head > div,
  .cc-compare-row > div
) {
  color: #f4fffd !important;
  -webkit-text-fill-color: #f4fffd !important;
  opacity: 1 !important;
}

/* Exact section overrides for legacy high-specificity card styles. */
body.elite-landing .main-elite section#audience .elite-audience-card,
body.elite-landing .main-elite section#workflow .w3-step,
body.elite-landing .main-elite section#features .card,
body.elite-landing .main-elite section#platform .metric-tile,
body.elite-landing .main-elite section#platform .dashboard-action,
body.elite-landing .main-elite section#pricing .price-card,
body.elite-landing .main-elite section#social-proof .trust-card,
body.elite-landing .main-elite section#social-proof .testimonial,
body.elite-landing .main-elite section#security .security-card {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.elite-landing .main-elite section#pricing .price-card.featured {
  box-shadow: none !important;
  transform: none !important;
}

body.elite-landing .main-elite :is(
  #loesung,
  #audience,
  #workflow,
  #product-preview,
  #features,
  #platform,
  #vergleich,
  #pricing,
  #trust-pricing,
  #social-proof,
  #security,
  #final-cta,
  #pre-pricing-cta
) :where(h2, h3, h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.elite-landing .main-elite :is(
  #loesung,
  #audience,
  #workflow,
  #product-preview,
  #features,
  #platform,
  #vergleich,
  #pricing,
  #trust-pricing,
  #social-proof,
  #security,
  #final-cta,
  #pre-pricing-cta
) :where(p, li, blockquote, cite) {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  opacity: 1 !important;
}

html body.elite-landing main.main-elite :is(
  section#loesung,
  section#audience,
  section#workflow,
  section#product-preview,
  section#features,
  section#platform,
  section#vergleich,
  section#pricing,
  section#trust-pricing,
  section#social-proof,
  section#security,
  section#final-cta,
  section#pre-pricing-cta
) :where(h2, h3, h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.elite-landing main.main-elite :is(
  section#loesung,
  section#audience,
  section#workflow,
  section#product-preview,
  section#features,
  section#platform,
  section#vergleich,
  section#pricing,
  section#trust-pricing,
  section#social-proof,
  section#security,
  section#final-cta,
  section#pre-pricing-cta
) :where(p, li, blockquote, cite) {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  opacity: 1 !important;
}

html body.elite-landing main.main-elite section#features .light-band.reading-surface .card {
  background: transparent !important;
  background-color: transparent !important;
}

/* Accessibility lock: outrank historical multi-ID color selectors. */
html body.elite-landing main.main-elite :is(
  section#loesung#loesung#loesung,
  section#audience#audience#audience,
  section#workflow#workflow#workflow,
  section#product-preview#product-preview#product-preview,
  section#features#features#features,
  section#platform#platform#platform,
  section#vergleich#vergleich#vergleich,
  section#pricing#pricing#pricing,
  section#trust-pricing#trust-pricing#trust-pricing,
  section#social-proof#social-proof#social-proof,
  section#security#security#security,
  section#final-cta#final-cta#final-cta,
  section#pre-pricing-cta#pre-pricing-cta#pre-pricing-cta
) :where(h2, h3, h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Global mobile spacing audit: denser rhythm without changing the layout. */
@media (max-width: 640px) {
  html body.elite-landing main.main-elite :where(.section, .pain-section) {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  html body.elite-landing main.main-elite .hero-elite {
    padding-top: 44px !important;
    padding-bottom: 46px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-grid {
    gap: 26px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-copy h1 {
    margin-top: 14px !important;
    margin-bottom: 16px !important;
  }

  html body.elite-landing main.main-elite :where(
    .hero-elite-lead,
    .hero-power-line,
    .hero-friction-line,
    .hero-audience-line
  ) {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  html body.elite-landing main.main-elite :where(
    .hero-cta-bullets,
    .hero-trust-strip,
    .hero-proof
  ) {
    gap: 8px !important;
    margin-top: 14px !important;
  }

  html body.elite-landing main.main-elite .hero-quick-start {
    margin-top: 16px !important;
    padding: 16px !important;
  }

  html body.elite-landing main.main-elite .section-head {
    gap: 8px !important;
    margin-bottom: 20px !important;
  }

  html body.elite-landing main.main-elite .section-head :where(h2, h3, p) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body.elite-landing main.main-elite .eyebrow {
    margin-bottom: 8px !important;
  }

  html body.elite-landing .trust-strip {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  html body.elite-landing .trust-strip-inner {
    gap: 12px !important;
  }

  html body.elite-landing .trust-strip-line {
    margin: 0 !important;
  }

  html body.elite-landing .trust-strip-logos {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  html body.elite-landing .trust-strip-logos span {
    min-height: 38px !important;
    padding: 8px 13px !important;
  }

  html body.elite-landing main.main-elite .pain-section h2 {
    margin: 0 0 18px !important;
  }

  html body.elite-landing main.main-elite .pain-list {
    gap: 8px !important;
    margin: 0 0 18px !important;
  }

  html body.elite-landing main.main-elite .pain-list li {
    margin: 0 !important;
    padding-block: 3px !important;
  }

  html body.elite-landing main.main-elite .pain-kicker {
    margin-top: 14px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-grid,
    .elite-audience-grid,
    .workflow-3,
    .product-preview-real,
    .feature-grid,
    .features-grid,
    .dashboard-metrics,
    .stats-grid,
    .security-grid,
    .support-grid,
    .trust-grid,
    .pricing-grid,
    .elite-pricing-tiers
  ) {
    gap: 14px !important;
    margin-top: 0 !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) :where(h3, h4) {
    margin-top: 6px !important;
    margin-bottom: 7px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) :where(p, ul, ol) {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  html body.elite-landing main.main-elite :where(.card, .price-card) li {
    margin-top: 7px !important;
  }

  html body.elite-landing main.main-elite .product-preview-real {
    gap: 14px !important;
  }

  html body.elite-landing main.main-elite .product-preview-real :where(
    .pp-card,
    .pp-card--wide
  ) {
    padding: 10px 10px 14px !important;
  }

  html body.elite-landing main.main-elite .product-preview-real figcaption {
    padding-top: 12px !important;
  }

  html body.elite-landing main.main-elite #features .light-band,
  html body.elite-landing main.main-elite #platform .dark-band {
    padding: 22px 18px !important;
  }

  html body.elite-landing main.main-elite #platform .dashboard-panel {
    gap: 18px !important;
  }

  html body.elite-landing main.main-elite #platform .dashboard-metrics {
    gap: 10px !important;
    margin-top: 14px !important;
  }

  html body.elite-landing main.main-elite #platform .metric-tile {
    padding: 13px 10px !important;
  }

  html body.elite-landing main.main-elite #platform .queue {
    gap: 12px !important;
  }

  html body.elite-landing main.main-elite #platform .queue-item {
    gap: 10px !important;
    padding: 16px !important;
  }

  html body.elite-landing main.main-elite #platform .queue-item b {
    margin-top: 6px !important;
    margin-bottom: 5px !important;
  }

  html body.elite-landing main.main-elite :where(
    .trust-stats-band,
    .trust-logo-showcase,
    .elite-trust-pricing,
    .elite-pricing-mini,
    .support-panel
  ) {
    padding: 18px !important;
  }

  html body.elite-landing main.main-elite .trust-stats-band .stats-grid {
    gap: 12px !important;
  }

  html body.elite-landing main.main-elite .stat-item {
    padding: 14px 8px !important;
  }

  html body.elite-landing main.main-elite :where(
    .cc-pricing-cta,
    #pre-pricing-cta
  ) {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  html body.elite-landing main.main-elite .cta-band {
    gap: 16px !important;
    padding: 22px 18px !important;
  }

  html body.elite-landing main.main-elite .cta-band-actions {
    gap: 10px !important;
  }

  html body.elite-landing main.main-elite .support-grid {
    gap: 18px !important;
  }

  html body.elite-landing main.main-elite .support-form {
    padding: 18px !important;
  }

  html body.elite-landing main.main-elite .form-grid {
    gap: 12px !important;
  }

  html body.elite-landing .mega-footer {
    padding-top: 42px !important;
    padding-bottom: 28px !important;
  }

  html body.elite-landing .footer-topline,
  html body.elite-landing .footer-grid,
  html body.elite-landing .footer-bottom {
    gap: 18px !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
  }

  html body.elite-landing .trust-origin-strip {
    gap: 16px !important;
    margin-top: 24px !important;
    padding: 18px !important;
  }
}

/* Targeted vertical rhythm correction: keep strong sections untouched, tighten only the long-scroll offenders. */
html body.elite-landing main.main-elite section#pain.pain-section {
  padding-top: clamp(52px, 6vw, 78px) !important;
  padding-bottom: clamp(46px, 5.2vw, 70px) !important;
}

html body.elite-landing main.main-elite section#pain .pain-list {
  margin-top: 22px !important;
  margin-bottom: 18px !important;
  gap: 12px !important;
}

html body.elite-landing main.main-elite section#loesung.section-light {
  padding-top: clamp(56px, 6.2vw, 76px) !important;
  padding-bottom: clamp(52px, 5.8vw, 72px) !important;
}

html body.elite-landing main.main-elite section#loesung .section-head,
html body.elite-landing main.main-elite section#audience .section-head,
html body.elite-landing main.main-elite section#workflow .section-head {
  margin-bottom: 18px !important;
}

html body.elite-landing main.main-elite section#loesung .solution-pillars,
html body.elite-landing main.main-elite section#audience .elite-audience-grid {
  gap: 18px !important;
  margin-top: 0 !important;
}

html body.elite-landing main.main-elite section#audience {
  padding-top: clamp(54px, 5.8vw, 74px) !important;
  padding-bottom: clamp(50px, 5.4vw, 70px) !important;
}

html body.elite-landing main.main-elite section#audience .elite-audience-card,
html body.elite-landing main.main-elite section#loesung .solution-pillar {
  padding-top: clamp(24px, 2.4vw, 32px) !important;
  padding-bottom: clamp(24px, 2.4vw, 32px) !important;
}

html body.elite-landing main.main-elite section#workflow {
  padding-top: clamp(50px, 5.4vw, 68px) !important;
  padding-bottom: clamp(46px, 4.8vw, 62px) !important;
  min-height: 0 !important;
}

html body.elite-landing main.main-elite section#workflow > .step-shell {
  min-height: 0 !important;
  padding-top: clamp(38px, 4vw, 54px) !important;
  padding-bottom: clamp(36px, 3.8vw, 50px) !important;
}

html body.elite-landing main.main-elite section#workflow .workflow-3 {
  gap: 16px !important;
}

html body.elite-landing main.main-elite section#workflow .w3-step {
  min-height: 0 !important;
  padding-top: clamp(22px, 2.2vw, 28px) !important;
  padding-bottom: clamp(22px, 2.2vw, 28px) !important;
}

html body.elite-landing main.main-elite section#social-proof .trust-grid {
  align-items: start !important;
  gap: 20px !important;
}

html body.elite-landing main.main-elite section#social-proof .logo-strip,
html body.elite-landing main.main-elite section#social-proof .trust-card {
  min-height: 0 !important;
  padding-top: clamp(24px, 2.4vw, 32px) !important;
  padding-bottom: clamp(24px, 2.4vw, 32px) !important;
}

html body.elite-landing main.main-elite section#social-proof .trust-card p {
  margin-bottom: 16px !important;
}

html body.elite-landing main.main-elite section#social-proof .testimonial {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

html body.elite-landing main.main-elite section#pre-pricing-cta {
  padding-top: clamp(34px, 3.6vw, 48px) !important;
}

html body.elite-landing main.main-elite section#pre-pricing-cta .cc-pricing-cta-inner {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  html body.elite-landing main.main-elite section#pain.pain-section {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }

  html body.elite-landing main.main-elite section#pain .pain-list {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    gap: 7px !important;
  }

  html body.elite-landing main.main-elite section#loesung.section-light,
  html body.elite-landing main.main-elite section#audience,
  html body.elite-landing main.main-elite section#workflow,
  html body.elite-landing main.main-elite section#social-proof {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  html body.elite-landing main.main-elite section#loesung .section-head,
  html body.elite-landing main.main-elite section#audience .section-head,
  html body.elite-landing main.main-elite section#workflow .section-head,
  html body.elite-landing main.main-elite section#social-proof .section-head {
    margin-bottom: 10px !important;
  }

  html body.elite-landing main.main-elite section#loesung .solution-pillars,
  html body.elite-landing main.main-elite section#audience .elite-audience-grid,
  html body.elite-landing main.main-elite section#workflow .workflow-3,
  html body.elite-landing main.main-elite section#social-proof .trust-grid {
    gap: 9px !important;
  }

  html body.elite-landing main.main-elite section#audience .elite-audience-card,
  html body.elite-landing main.main-elite section#loesung .solution-pillar,
  html body.elite-landing main.main-elite section#workflow .w3-step,
  html body.elite-landing main.main-elite section#social-proof .logo-strip,
  html body.elite-landing main.main-elite section#social-proof .trust-card {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  html body.elite-landing main.main-elite section#workflow > .step-shell {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  html body.elite-landing main.main-elite section#social-proof .trust-logo-showcase {
    margin-bottom: 18px !important;
  }

  html body.elite-landing main.main-elite section#social-proof .trust-stats-band {
    margin-bottom: 18px !important;
  }

  html body.elite-landing main.main-elite section#social-proof .testimonial {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  html body.elite-landing main.main-elite section#pre-pricing-cta {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }
}

/* Mobile platform queue: horizontal badges and full-width readable content. */
@media (max-width: 640px) {
  html body.elite-landing main.main-elite section#platform#platform#platform
    .dark-band {
    width: 100% !important;
    max-width: none !important;
    padding: 28px 20px !important;
    border-radius: 24px !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .dashboard-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 22px !important;
    box-sizing: border-box !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue-item
    > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue-item
    b {
    max-width: 100% !important;
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue-item
    > div
    > span {
    display: block !important;
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite section#platform#platform#platform
    .queue-item
    > .pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 8px 14px !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
  }
}

/* Premium mobile type scale and compact single-column reading rhythm. */
@media (max-width: 640px) {
  html body.elite-landing {
    overflow-x: hidden !important;
  }

  html body.elite-landing .promo-bar {
    padding: 8px 16px !important;
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
  }

  html body.elite-landing header .nav {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 12px !important;
    padding: 10px 0 12px !important;
  }

  html body.elite-landing header .brand-mark {
    width: 36px !important;
    height: 36px !important;
  }

  html body.elite-landing header .brand-wordmark {
    font-size: 1.25rem !important;
  }

  html body.elite-landing header .lang-select {
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 0.78rem !important;
  }

  html body.elite-landing header .nav-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body.elite-landing header .nav-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    font-size: 0.88rem !important;
  }

  html body.elite-landing main.main-elite :where(.container, .step-shell) {
    width: calc(100% - 40px) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  html body.elite-landing main.main-elite :where(.section, .pain-section) {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  html body.elite-landing main.main-elite .section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
  }

  html body.elite-landing main.main-elite .section-head > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.elite-landing main.main-elite .hero-elite {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
    min-height: 0 !important;
  }

  html body.elite-landing main.main-elite .hero-elite-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 40px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.elite-landing main.main-elite .hero-elite-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.45rem, 10.5vw, 2.9rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite :where(.section-head h2, section > h2) {
    max-width: 100% !important;
    font-size: clamp(2rem, 8.6vw, 2.35rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite :where(article h3, .w3-step h3) {
    font-size: clamp(1.25rem, 5.8vw, 1.5rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite :where(
    p,
    li,
    .top-copy,
    .section-head p,
    .hero-elite-lead,
    .hero-subline
  ) {
    max-width: 38rem !important;
    font-size: clamp(1rem, 4.25vw, 1.1rem) !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.elite-landing main.main-elite .eyebrow {
    max-width: 100% !important;
    padding: 8px 13px !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.11em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.elite-landing main.main-elite :where(
    #loesung .section-head,
    #audience .section-head,
    #vergleich .section-head,
    #workflow .section-head,
    #platform .section-head,
    #social-proof .section-head,
    #pricing .section-head
  ) {
    display: flex !important;
    grid-template-columns: none !important;
  }

  html body.elite-landing main.main-elite :where(
    #loesung .section-head p,
    #audience .section-head p,
    #vergleich .section-head p,
    #workflow .section-head p,
    #platform .section-head p,
    #social-proof .section-head p,
    #pricing .section-head p
  ) {
    width: 100% !important;
    max-width: 34rem !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-grid,
    .elite-audience-grid,
    .workflow-3,
    .product-preview-real,
    .features-grid,
    .trust-grid,
    .pricing-grid,
    .elite-pricing-tiers
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .trust-card
  ) {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 22px 0 !important;
  }

  html body.elite-landing main.main-elite .hero-actions {
    gap: 12px !important;
  }

  html body.elite-landing main.main-elite .hero-actions .btn {
    width: 100% !important;
    min-height: 52px !important;
    padding: 14px 18px !important;
    font-size: 1rem !important;
  }

  html body.elite-landing #supportChatOpen {
    right: 14px !important;
    bottom: 18px !important;
  }

  html body.elite-landing #supportChatOpen .support-dock-bubble {
    display: none !important;
  }

  html body.elite-landing #supportChatOpen .support-dock-avatar-ring {
    width: 52px !important;
    height: 52px !important;
  }
}

/* High-contrast surfaces: prevent pale labels on white and muted pricing copy. */
html body.elite-landing main.main-elite section#social-proof#social-proof#social-proof
  .trust-logo-showcase
  .trust-logo-label {
  color: #0b2533 !important;
  -webkit-text-fill-color: #0b2533 !important;
  font-weight: 850 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.elite-landing main.main-elite section#social-proof#social-proof#social-proof
  .trust-logo-showcase
  .logo-list
  .logo {
  color: #071a2b !important;
  -webkit-text-fill-color: #071a2b !important;
  font-weight: 850 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.elite-landing main.main-elite section#pricing#pricing#pricing
  .price-card
  :where(p, li, small, .billing-note, .price-note) {
  color: #f4fffd !important;
  -webkit-text-fill-color: #f4fffd !important;
  font-weight: 560 !important;
  opacity: 1 !important;
}

html body.elite-landing main.main-elite section#pricing#pricing#pricing
  .price-card
  .btn.ghost,
html body.elite-landing main.main-elite section#pricing#pricing#pricing
  .price-card.business-tier
  a.btn,
html body.elite-landing main.main-elite section#pricing#pricing#pricing
  .price-card.price-card--business
  a.btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #147f83 !important;
  border-color: rgba(214, 255, 250, 0.72) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* Workflow titles must wrap as words, never as vertical character stacks. */
html body.elite-landing main.main-elite section#workflow#workflow#workflow
  .workflow-3 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

html body.elite-landing main.main-elite section#workflow#workflow#workflow
  .w3-step
  h3 {
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  hyphens: none !important;
  font-size: clamp(1.25rem, 1.45vw, 1.55rem) !important;
  line-height: 1.18 !important;
}

@media (max-width: 1280px) {
  html body.elite-landing main.main-elite section#workflow#workflow#workflow
    .workflow-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.elite-landing main.main-elite section#workflow#workflow#workflow
    .workflow-3::before {
    display: none !important;
  }
}

@media (max-width: 820px) {
  html body.elite-landing main.main-elite section#workflow#workflow#workflow
    .workflow-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  html body.elite-landing main.main-elite section#workflow#workflow#workflow
    .workflow-3 {
    grid-template-columns: 1fr !important;
  }

  html body.elite-landing main.main-elite section#workflow#workflow#workflow
    .w3-step {
    min-height: 0 !important;
  }
}

html body.elite-landing main.main-elite :is(
  section#loesung#loesung#loesung,
  section#audience#audience#audience,
  section#workflow#workflow#workflow,
  section#product-preview#product-preview#product-preview,
  section#features#features#features,
  section#platform#platform#platform,
  section#vergleich#vergleich#vergleich,
  section#pricing#pricing#pricing,
  section#trust-pricing#trust-pricing#trust-pricing,
  section#social-proof#social-proof#social-proof,
  section#security#security#security,
  section#final-cta#final-cta#final-cta,
  section#pre-pricing-cta#pre-pricing-cta#pre-pricing-cta
) :where(p, li, blockquote, cite) {
  color: #e4f7f4 !important;
  -webkit-text-fill-color: #e4f7f4 !important;
  opacity: 1 !important;
}

/* Final mobile density lock: keep audited spacing authoritative. */
@media (max-width: 640px) {
  html body.elite-landing main.main-elite :where(.section, .pain-section) {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  html body.elite-landing main.main-elite .hero-elite {
    padding-top: 44px !important;
    padding-bottom: 46px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-grid {
    gap: 26px !important;
  }

  html body.elite-landing main.main-elite .section-head {
    gap: 8px !important;
    margin-bottom: 20px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-grid,
    .elite-audience-grid,
    .workflow-3,
    .product-preview-real,
    .feature-grid,
    .features-grid,
    .dashboard-metrics,
    .stats-grid,
    .security-grid,
    .support-grid,
    .trust-grid,
    .pricing-grid,
    .elite-pricing-tiers
  ) {
    gap: 14px !important;
    margin-top: 0 !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) {
    min-height: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  html body.elite-landing main.main-elite #platform .dark-band {
    padding: 22px 18px !important;
  }

  html body.elite-landing main.main-elite #platform .dashboard-panel {
    gap: 18px !important;
  }

  html body.elite-landing main.main-elite #platform .queue {
    gap: 12px !important;
  }

  html body.elite-landing main.main-elite #platform .queue-item {
    gap: 10px !important;
    padding: 16px !important;
  }
}

/* CrewBrain-style content density: one clear message per section. */
html body.elite-landing main.main-elite :where(
  .hero-power-line,
  .hero-friction-line,
  .hero-audience-line,
  .hero-quick-start
) {
  display: none !important;
}

html body.elite-landing main.main-elite .hero-cta-bullets span:nth-child(4) {
  display: none !important;
}

html body.elite-landing main.main-elite .solution-pillar p:not(.sol-lead),
html body.elite-landing main.main-elite #features .card ul {
  display: none !important;
}

html body.elite-landing main.main-elite .solution-pillar .sol-lead,
html body.elite-landing main.main-elite #features .card > p {
  margin-bottom: 0 !important;
}

@media (max-width: 640px) {
  html body.elite-landing .promo-bar {
    padding-block: 6px !important;
  }

  html body.elite-landing header .nav {
    padding-block: 8px 10px !important;
  }

  html body.elite-landing main.main-elite :where(.section, .pain-section) {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  html body.elite-landing main.main-elite .hero-elite {
    padding-top: 32px !important;
    padding-bottom: 34px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-grid {
    gap: 20px !important;
  }

  html body.elite-landing main.main-elite .hero-elite-copy h1 {
    font-size: clamp(2.05rem, 8.8vw, 2.45rem) !important;
    line-height: 1.03 !important;
  }

  html body.elite-landing main.main-elite :where(.section-head h2, section > h2) {
    font-size: clamp(1.7rem, 7.2vw, 2rem) !important;
    line-height: 1.08 !important;
  }

  html body.elite-landing main.main-elite :where(
    p,
    li,
    .top-copy,
    .section-head p,
    .hero-elite-lead,
    .hero-subline
  ) {
    font-size: clamp(0.94rem, 3.9vw, 1.02rem) !important;
    line-height: 1.42 !important;
  }

  html body.elite-landing main.main-elite .section-head {
    gap: 5px !important;
    margin-bottom: 14px !important;
  }

  html body.elite-landing main.main-elite .section-head > p,
  html body.elite-landing main.main-elite .section-head > .top-copy {
    display: none !important;
  }

  html body.elite-landing main.main-elite .hero-elite-lead {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
  }

  html body.elite-landing main.main-elite .hero-cta-bullets {
    gap: 6px 12px !important;
    margin-top: 12px !important;
  }

  html body.elite-landing main.main-elite .hero-trust-strip {
    margin-top: 12px !important;
    gap: 6px !important;
  }

  html body.elite-landing main.main-elite .trust-strip {
    padding-block: 20px !important;
  }

  html body.elite-landing main.main-elite .pain-list {
    gap: 8px !important;
    margin-block: 14px !important;
  }

  html body.elite-landing main.main-elite .pain-kicker {
    display: none !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-grid,
    .solution-pillars,
    .elite-audience-grid,
    .workflow-3,
    .product-preview-real,
    .feature-grid,
    .features-grid,
    .dashboard-metrics,
    .stats-grid,
    .security-grid,
    .support-grid,
    .trust-grid,
    .pricing-grid,
    .elite-pricing-tiers
  ) {
    gap: 10px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar,
    .elite-audience-card,
    .w3-step,
    .card,
    .price-card,
    .security-card,
    .trust-card,
    .testimonial
  ) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  html body.elite-landing main.main-elite .solution-pillar .sol-ico,
  html body.elite-landing main.main-elite .elite-audience-card .aud-ico {
    margin-bottom: 8px !important;
  }

  html body.elite-landing main.main-elite :where(
    .solution-pillar h3,
    .elite-audience-card h3,
    .w3-step h3,
    #features .card h3
  ) {
    margin-bottom: 5px !important;
  }

  html body.elite-landing main.main-elite .product-preview-real figcaption {
    padding-block: 10px !important;
  }

  html body.elite-landing main.main-elite .product-preview-real figcaption p {
    display: none !important;
  }

  html body.elite-landing main.main-elite #platform .dark-band {
    padding: 16px 14px !important;
  }

  html body.elite-landing main.main-elite #platform .dashboard-panel {
    gap: 12px !important;
  }

  html body.elite-landing main.main-elite #platform .queue-item {
    padding: 12px !important;
  }
}

/* Final vertical rhythm lock for the five reviewed sections. */
html body.elite-landing main.main-elite section#pain.pain-section {
  padding-top: 44px !important;
  padding-bottom: 42px !important;
}

html body.elite-landing main.main-elite section#pain .pain-list {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  gap: 10px !important;
}

html body.elite-landing main.main-elite section#pain .pain-kicker {
  display: none !important;
}

html body.elite-landing main.main-elite section#loesung.section-light,
html body.elite-landing main.main-elite section#audience {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

html body.elite-landing main.main-elite section#loesung .section-head,
html body.elite-landing main.main-elite section#audience .section-head,
html body.elite-landing main.main-elite section#workflow .section-head {
  margin-bottom: 14px !important;
}

html body.elite-landing main.main-elite section#loesung .solution-pillars,
html body.elite-landing main.main-elite section#audience .elite-audience-grid {
  gap: 14px !important;
  margin-top: 0 !important;
}

html body.elite-landing main.main-elite section#loesung .solution-pillar,
html body.elite-landing main.main-elite section#audience .elite-audience-card {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

html body.elite-landing main.main-elite section#workflow {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
  min-height: 0 !important;
}

html body.elite-landing main.main-elite section#workflow > .step-shell {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
  min-height: 0 !important;
}

html body.elite-landing main.main-elite section#workflow .workflow-3 {
  gap: 12px !important;
  margin-top: 0 !important;
}

html body.elite-landing main.main-elite section#workflow .w3-step {
  min-height: 0 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

html body.elite-landing main.main-elite section#social-proof .trust-grid {
  align-items: start !important;
  gap: 16px !important;
}

html body.elite-landing main.main-elite section#social-proof .logo-strip,
html body.elite-landing main.main-elite section#social-proof .trust-card {
  min-height: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

html body.elite-landing main.main-elite section#social-proof .trust-card p {
  margin-bottom: 12px !important;
}

html body.elite-landing main.main-elite section#social-proof .testimonial {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

html body.elite-landing main.main-elite section#pre-pricing-cta {
  padding-top: 26px !important;
}

@media (max-width: 640px) {
  html body.elite-landing main.main-elite section#pain.pain-section,
  html body.elite-landing main.main-elite section#loesung.section-light,
  html body.elite-landing main.main-elite section#audience,
  html body.elite-landing main.main-elite section#workflow,
  html body.elite-landing main.main-elite section#social-proof {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  html body.elite-landing main.main-elite section#workflow > .step-shell {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  html body.elite-landing main.main-elite section#loesung .solution-pillar,
  html body.elite-landing main.main-elite section#audience .elite-audience-card,
  html body.elite-landing main.main-elite section#workflow .w3-step,
  html body.elite-landing main.main-elite section#social-proof .logo-strip,
  html body.elite-landing main.main-elite section#social-proof .trust-card {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}