/* FutraDay contrast restoration: electric-lime accents, bright editorial type,
   neutral smoked-glass cards. Do not recolour independent showroom demos. */
:root {
  --fd-bright-white: #ffffff;
  --fd-readable-text: #d4ded6;
  --fd-secondary-text: #bac7bc;
  --fd-lime-vivid: #b8ff2c;
}

/* Headlines should read white, not like disabled interface elements. */
html body main :is(h1, h2, h3) {
  color: var(--fd-bright-white) !important;
}

/* Secondary content stays quieter than headlines, but no longer fades into black. */
html body main :is(
  .lead,
  .hero-copy > p,
  .service-hero > p,
  .case-study-hero-copy > p,
  .case-study-body-copy p,
  .case-study-production > div > p,
  .case-study-proof p,
  .case-study-cta p,
  .section-head > p,
  .about-copy p,
  .molavie-portfolio-copy > p,
  .card p,
  .card li,
  .pg-fact p,
  .pg-fact li
) {
  color: var(--fd-readable-text) !important;
}

/* Restore the electric lime for accents, not for whole card surfaces. */
html body main :is(.kicker, .eyebrow, .panel-kicker, .product-index) {
  color: var(--fd-lime-vivid) !important;
  text-shadow: 0 0 2px rgba(184, 255, 44, .055);
}
html body main a.text-link {
  color: #caff53 !important;
  text-decoration-color: rgba(184, 255, 44, .67);
}
html body main a.text-link:hover {
  color: #e5ff9c !important;
  text-shadow: 0 0 3px rgba(184, 255, 44, .06);
}

/* Neutral glass stays glossy, with a brighter edge that separates it from black. */
html body :is(
  .card,
  .lab-card,
  .acquisition-card,
  .website-price-card,
  .pg-pkg,
  .pg-cta,
  .pg-fact,
  .plan-step,
  .case-study-step-grid > article
) {
  border-color: rgba(238, 248, 240, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13),
    0 18px 52px rgba(0, 0, 0, .27) !important;
}
/* Pricing packages were previously skipped by the shared glass system.
   Preserve the brighter outline on the core offer without lightening its body. */
html body .pricing-guide .pg-pkg.is-core {
  border-color: rgba(184, 255, 44, .44) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11),
    0 0 0 1px rgba(184, 255, 44, .045),
    0 20px 56px rgba(0, 0, 0, .3) !important;
}
html body .card-grid > .card {
  position: relative;
}
html body .card-grid > .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  height: 2px;
  width: 58px;
  border-radius: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, #b8ff2c, rgba(184, 255, 44, 0));
  box-shadow: 0 0 12px rgba(184, 255, 44, .20);
}

/* Unified case-study display headings. Preserve their intended large
   editorial scale; prevent touching lines by fixing leading instead of shrinking type. */
html body :is(
  .case-study-split h2,
  .case-study-production h2,
  .case-study-proof h2,
  .case-study-cta h2
) {
  font-size: clamp(44px, 5.7vw, 76px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
  text-wrap: balance;
  overflow-wrap: break-word;
  word-break: normal;
}
@media (max-width: 700px) {
  html body :is(
    .case-study-split h2,
    .case-study-production h2,
    .case-study-proof h2,
    .case-study-cta h2
  ) {
    font-size: clamp(38px, 11.3vw, 44px) !important;
    line-height: 1.20 !important;
    letter-spacing: -.025em !important;
  }
}

/* Unify editorial text roles without flattening the hierarchy of
   headlines, captions, price amounts and deliberately compact tables. */
html body main :is(p, li):not(.pg-from):not(.pg-promise):not(.form-status):not(.lab-waitlist-status):not(.meta):not(.hero-tags) {
  color: var(--fd-readable-text) !important;
}
html body main :is(.meta, .rail-label, .hero-tags, .pg-from, .product-meta span) {
  color: var(--fd-secondary-text) !important;
}
html body main :is(.lead, .service-hero > p, .case-study-hero-copy > p) {
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.65 !important;
}
html body main :is(
  .case-study-body-copy p,
  .case-study-production > div > p,
  .case-study-proof p,
  .case-study-cta p,
  .section-head > p,
  .about-copy p,
  .build-intro > p,
  .product-copy > p
) {
  font-size: 17px !important;
  line-height: 1.68 !important;
}
html body :is(.section-head h2, .about-section h2, .build-intro h2, .product-copy h3) {
  line-height: 1.12 !important;
  letter-spacing: -.04em !important;
}
html body main.fd-content-aligned {
  font-family: "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  line-height: 1.65;
}

/* Saturated lime, minimal halo: bright pixels rather than blurry glow. */
html body main :is(
  .kicker, .eyebrow, .panel-kicker, .product-index,
  .pg-kicker, .pg-price, .case-study-kicker, .case-study-hero-copy h1 span,
  .statement-band h2, a.text-link
) {
  text-shadow: 0 0 2px rgba(184, 255, 44, .035) !important;
}
html body main .hero h1 span {
  filter: drop-shadow(0 0 2px rgba(184, 255, 44, .04)) !important;
  text-shadow: none !important;
}
html body main .statement-band h2 {
  color: var(--fd-lime-vivid) !important;
}
html body main a.text-link:hover {
  color: #d8ff75 !important;
  text-shadow: none !important;
}

/* Footer is a simple column layout again, not a row of glass panels.
   Restore its spacing and make the links readable without green glow. */
html body .site-footer .site-footer-main > :is(.site-footer-brand, .site-footer-column) {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .site-footer .site-footer-column h2 {
  color: #fff !important;
}
html body .site-footer :is(.site-footer-column > a, .site-footer-social a) {
  color: #bdcabc !important;
  font-size: 13px !important;
  text-shadow: none !important;
}
html body .site-footer :is(.site-footer-column > a, .site-footer-social a):hover {
  color: #d0ff68 !important;
  text-shadow: none !important;
}
html body .site-footer .site-footer-brand > span {
  color: #adbaaf !important;
}
html body .site-footer .site-footer-bottom,
html body .site-footer .site-footer-bottom nav a {
  color: #aebbb1 !important;
}
@media (max-width: 600px) {
  html body .site-footer .site-footer-main > :is(.site-footer-brand, .site-footer-column) {
    grid-column: auto !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  /* This palette changes contrast, not the accessible opaque fallback. */
  html body main :is(.card, .pg-fact, .lab-card) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13) !important;
  }
}