/* Lower-page theme: visual overrides only. Layout and responsive rules remain in lower.css. */

/* Light surfaces and text */
.lower-proof,
.lower-delay {
  background: var(--paper, #F1F5F9);
  color: var(--ink, #111827);
}

.lower-inclusions,
.lower-faq {
  background: var(--white, #F8FAFC);
  color: var(--ink, #111827);
}

.lower-deliverables {
  background: var(--stone, #e2e8f0);
  color: var(--ink, #111827);
}

/* Compact labels and indices use the same interface typeface as the upper page. */
.lower-section .lower-eyebrow,
.lower-offer .lower-eyebrow,
.lower-side-label,
.lower-list-number,
.lower-ps-label {
  font-family: var(--mono, 'JetBrains Mono', monospace);
}

.lower-section .lower-eyebrow,
.lower-offer .lower-eyebrow,
.lower-voices .lower-side-label,
.lower-booking-note .lower-side-label,
.lower-deliverables .lower-eyebrow,
.lower-list-number {
  color: var(--green, #006c80);
}

.lower-voices .lower-side-label span {
  color: var(--ink, #111827);
}

.lower-voices,
.lower-client-intro,
.lower-inclusion-list,
.lower-inclusion-list li,
.lower-deliverables-list,
.lower-deliverables-list li,
.lower-faq-list,
.lower-faq-list details {
  border-color: var(--line, #cbd5e1);
}

.lower-rule-mark {
  background: var(--green, #006c80);
}

/* The existing client quotation remains the dark anchor in the proof section. */
.lower-testimonial {
  background: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}

.lower-testimonial-mark {
  color: var(--accent, #00C8E8);
  font-family: Manrope, sans-serif;
}

.lower-testimonial figcaption {
  color: var(--stone, #e2e8f0);
}

/* Investment and guarantee use distinct graphite and slate surfaces. */
.lower-offer {
  background: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}

.lower-offer .lower-eyebrow,
.lower-tool-cost .lower-side-label,
.lower-guarantee-top .lower-side-label,
.lower-guarantee-symbol {
  color: var(--accent, #00C8E8);
}

.lower-price-line strong {
  color: var(--accent, #00C8E8);
}

.lower-investment > p:not(.lower-eyebrow):not(.lower-price-line),
.lower-tool-cost p:last-child,
.lower-guarantee > p:last-child {
  color: var(--stone, #e2e8f0);
}

.lower-tool-cost {
  border-color: rgba(132, 149, 167, .4);
}

.lower-guarantee {
  background: var(--slate, #17212D);
  border-top-color: var(--accent, #00C8E8);
  color: var(--white, #F8FAFC);
}

/* FAQ text and indicators remain readable on the light surface. */
.lower-faq-list summary {
  color: var(--ink, #111827);
}

.lower-faq-list summary::after {
  color: var(--green, #006c80);
}

.lower-faq-list summary:focus-visible,
.lower-faq .lower-cta:focus-visible {
  outline-color: var(--green, #006c80);
}

/* Existing CTA classes retain their sizing, links and interaction behavior. */
.lower-cta-dark {
  background: var(--forest, #0B1016);
  border-color: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}

.lower-cta-dark:hover {
  background: var(--accent, #00C8E8);
  border-color: var(--accent, #00C8E8);
  color: var(--forest, #0B1016);
}

.lower-final {
  background: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}

.lower-final .lower-eyebrow,
.lower-ps-label {
  color: var(--accent, #00C8E8);
}

.lower-final-action > p,
.lower-postscript p {
  color: var(--stone, #e2e8f0);
}

.lower-postscripts {
  border-color: rgba(132, 149, 167, .4);
}

.lower-cta-light {
  background: var(--accent, #00C8E8);
  border-color: var(--accent, #00C8E8);
  color: var(--forest, #0B1016);
}

.lower-cta-light:hover {
  background: var(--slate, #17212D);
  border-color: var(--accent, #00C8E8);
  color: var(--white, #F8FAFC);
}

.lower-final .lower-cta:focus-visible {
  outline-color: var(--accent, #00C8E8);
}