/* Landing-specific surfaces; shared tokens and navigation live in public-site-theme.css. */

/* Preserve the approved mobile section, including its inherited colours. */
.lp-mobile {
  --product-blue: #2f6fe4;
  color: #2b2723;
}

/* Keep the existing photograph and crop; remove the green colour cast. */
.lp-hero {
  border-bottom-color: var(--line);
  background-image:
    linear-gradient(90deg, rgba(21, 38, 61, .8) 0%, rgba(21, 38, 61, .71) 31%, rgba(21, 38, 61, .44) 48%, rgba(21, 38, 61, .08) 64%, rgba(21, 38, 61, 0) 74%),
    url("/assets/landing/hero-private-home-saas-v2.webp");
}
.lp-hero-marker-code { color: #fff; background: var(--product-blue); }
.lp-hero-marker-trial,
.lp-hero-qualifier { color: #d3e0f0; }
.lp-hero-sub,
.lp-proof-label { color: #f0f5fc; }
.lp-proof-item { border-left-color: #93c5fd; }
.lp-hero h1,
.lp-hero-sub,
.lp-proof-value,
.lp-proof-label { text-shadow: 0 3px 18px rgba(15, 29, 49, .5); }

/* Module directory: consistent icon colour and neutral surfaces. */
.lp-modules-overview { border-bottom-color: var(--line); background: #f5f8fc; }
.lp-modules-overview::before {
  opacity: .22;
  background-image: linear-gradient(rgba(37, 99, 235, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(37, 99, 235, .07) 1px, transparent 1px);
}
.lp-modules-overview-copy .lp-lead,
.lp-module-card-copy small { color: var(--muted); }
.lp-modules-avatar,
.lp-modules-avatar-art { animation: none; will-change: auto; }
.lp-modules-avatar-art { filter: drop-shadow(0 16px 20px rgba(27, 49, 80, .1)); }
.lp-module-card {
  border-color: var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(27, 49, 80, .035);
  backdrop-filter: none;
}
.lp-module-card:hover {
  border-color: #a8c2e8;
  box-shadow: 0 8px 20px rgba(27, 49, 80, .08);
}
.lp-module-card-icon,
.lp-module-card:nth-child(3n + 2) .lp-module-card-icon,
.lp-module-card:nth-child(3n) .lp-module-card-icon {
  color: var(--product-blue);
  border-color: #d8e5f8;
  background: var(--product-blue-soft);
  border-radius: 10px;
}
.lp-module-card-copy strong { color: var(--ink); font-weight: 650; }
.lp-module-card-arrow { color: #69819e; }

/* Product screens and their surrounding panels. */
.lp-wide-screen {
  border-color: var(--line);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(27, 49, 80, .1);
}
.lp-screen-meta,
.lp-ai-screen .lp-screen-meta {
  color: #52647a;
  border-bottom-color: var(--line);
  background: #f4f7fb;
}
.lp-screen-dots i { background: #74a8f4; }
.lp-screen-dots i:nth-child(2) { background: #b8cce7; }
.lp-screen-dots i:nth-child(3) { background: #d6e1ef; }
.lp-monitor-facts { border-color: var(--line); box-shadow: 0 8px 22px rgba(27, 49, 80, .08); }
.lp-monitor-facts > span + span { border-left-color: var(--line); }
.lp-monitor-facts strong { color: var(--ink); font-weight: 650; }
.lp-monitor-facts small { color: var(--muted); }
.lp-showcase { border-color: var(--line); border-radius: 16px; }
.lp-showcase-blue,
.lp-showcase-amber,
.lp-showcase-green { background: linear-gradient(135deg, #edf4ff 0%, #fff 68%); }
.lp-showcase-dark { border-color: #2d425e; background: #20334e; }
.lp-showcase-index,
.lp-showcase-amber .lp-showcase-index,
.lp-showcase-green .lp-showcase-index { color: var(--product-blue-dark); font-weight: 650; }
.lp-showcase-copy > p { color: var(--muted); }
.lp-showcase-tags span { color: #4c6079; border-color: #d5e1f0; background: #fff; }
.lp-showcase-dark .lp-showcase-index,
.lp-showcase-dark .lp-showcase-copy > a { color: #a9caff; }
.lp-showcase-dark .lp-showcase-copy > p { color: #c0cee0; }
.lp-showcase-dark .lp-showcase-tags span { color: #d7e5f6; border-color: #536b8a; background: #2a405d; }
.lp-showcase .lp-wide-screen { box-shadow: 0 12px 30px rgba(27, 49, 80, .1); }
.lp-showcase-dark .lp-wide-screen { border-color: #526a87; box-shadow: 0 12px 30px rgba(10, 22, 40, .22); }
.lp-all-modules-cta { border-color: var(--line); border-radius: 12px; }
.lp-all-modules-cta > div span { color: var(--muted); font-weight: 650; }
.lp-all-modules-cta > div strong { color: var(--ink); }
.lp-ai-section { color: var(--ink); border-bottom-color: var(--line); background: #eef4fc; }
.lp-ai-copy > p { color: var(--muted); }
.lp-ai-copy li { color: #3c526d; }
.lp-ai-screen { box-shadow: 0 12px 30px rgba(27, 49, 80, .1); }

/* Roles, onboarding and tariffs use the same neutral/blue family. */
.lp-roles { background: #1d2d43; border-bottom-color: #31455e; }
.lp-roles .lp-lead,
.lp-role-grid p { color: #c0cee0; }
.lp-role-grid { border-radius: 12px; }
.lp-role-grid article { background: #22364f; }
.lp-role-grid article:hover { background: #2b4260; }
.lp-role-grid article > span { color: #aacdff; border-color: #516986; border-radius: 10px; background: #2b4363; }
.lp-role-grid article > small { color: #adc4e3; font-weight: 650; }
.lp-start { background: #edf3fb; }
.lp-start-copy .lp-lead,
.lp-start-copy small { color: var(--muted); }
.lp-start-steps,
.lp-start-steps li { border-color: #ccd9e9; }
.lp-plan-table,
.lp-faq-list { border-radius: 12px; }
.lp-plan-header { color: var(--muted); background: #f3f6fa; }
.lp-plan-row.is-popular { background: #edf4ff; }
.lp-plan-name small { background: #dbeafe; }
.lp-payment-note { color: #3b526e; border-color: #d5e1f0; border-radius: 10px; background: #f1f6fd; }
.lp-payment-note > svg { color: var(--product-blue); }
.lp-payment-note strong { color: var(--ink); }
.lp-plan-clarifier { color: var(--muted); }
.lp-pricing-foot { background: #20334e; border-color: #365171; }
.lp-pricing-foot p,
.lp-pricing-foot li { color: #d2def0; }
.lp-faq summary { font-weight: 650; }
.lp-faq summary span { border-color: var(--line); }
.lp-faq summary span::before,
.lp-faq summary span::after { background: #4d6481; }

/* Form and footer keep their composition; dark surfaces become slate blue. */
.lp-demo {
  background-image: linear-gradient(90deg, rgba(21, 38, 61, .18), rgba(21, 38, 61, .28)), url("/assets/landing/footer-private-home-saas.webp");
}
.lp-demo::before { background: linear-gradient(90deg, rgba(23, 41, 65, .98) 0%, rgba(23, 41, 65, .91) 38%, rgba(23, 41, 65, .34) 69%, rgba(23, 41, 65, .12) 100%); }
.lp-demo-copy > p { color: #d2def0; }
.lp-demo-choice span { color: #bdcde2; }
.lp-demo-form { box-shadow: 0 14px 38px rgba(12, 25, 44, .2); }
.lp-form-field > span { color: #42566f; font-weight: 650; }
.lp-form-field input,
.lp-form-field select,
.lp-form-field textarea { border-color: #b3c3d7; }
.lp-form-field input:focus,
.lp-form-field select:focus,
.lp-form-field textarea:focus { border-color: var(--product-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }
.lp-consent,
.lp-form-status { color: var(--muted); }
.lp-form-status.is-success { color: var(--success); }
.lp-form-status.is-error { color: #b42318; }
.lp-contacts { background: #1d2d43; }
.lp-contact-row span { color: #bdcde2; }
.lp-contact-links a,
.lp-contact-links button { color: #edf3fc; }
.lp-contact-links a:hover,
.lp-contact-links button:hover { color: #fff; border-color: var(--product-blue); background: var(--product-blue); }
.lp-lightbox::backdrop { background: rgba(17, 32, 52, .84); }
.lp-lightbox-close { background: rgba(24, 43, 69, .94); }

/* These selectors were shared with the approved mobile block. */
.lp-mobile .lp-showcase-index { color: #2f6fe4; font-weight: 900; }

@media (max-width: 820px) {
  .lp-demo::before { background: rgba(23, 41, 65, .92); }
}
@media (max-width: 760px) {
  .lp-hero {
    background-image:
      linear-gradient(90deg, rgba(21, 38, 61, .8) 0%, rgba(21, 38, 61, .65) 62%, rgba(21, 38, 61, .28) 100%),
      url("/assets/landing/hero-private-home-saas-v2.webp");
  }
}