/* Selective homepage accents. Form behavior and content remain in their existing components. */
[data-html-page="homepage"] {
  --neon-action: linear-gradient(120deg, oklch(92% .15 125), oklch(82% .21 130));
  --neon-ink: oklch(18% .018 145);
  --neon-line: oklch(68% .17 130 / .45);
}
[data-html-page="homepage"] :is(.journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link) {
  color: var(--neon-ink) !important; background: var(--neon-action) !important;
  border: 1px solid oklch(79% .17 130) !important; border-radius: 3px 14px 3px 14px !important;
  box-shadow: inset 0 1px 0 oklch(98% .015 130 / .8), 0 5px 16px oklch(60% .13 130 / .13) !important;
  min-height: 46px; font-weight: 750 !important; text-decoration: none !important;
  transition: transform 180ms ease-out, box-shadow 180ms ease-out !important;
}
[data-html-page="homepage"] :is(.journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link):hover {
  transform: translateY(-2px); box-shadow: inset 0 1px 0 oklch(98% .015 130 / .8), 0 7px 22px oklch(62% .18 130 / .25) !important;
}
[data-html-page="homepage"] :is(.journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link):focus-visible { outline: 2px solid oklch(40% .12 135); outline-offset: 4px; }
[data-html-page="homepage"] #dw-service-visuals .endcta {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px;
  padding: 28px 32px; margin-top: 36px;
  background: repeating-linear-gradient(115deg, transparent 0 58px, oklch(90% .06 130 / .035) 58px 59px), oklch(20% .012 145);
  border: 1px solid oklch(72% .14 130 / .25); border-radius: 4px 22px 4px 22px;
}
[data-html-page="homepage"] #dw-service-visuals .endcta p { color: oklch(96% .008 130); margin: 0; max-width: 32ch; font-weight: 550; }
[data-html-page="homepage"] #dw-service-visuals .endcta .cta { margin: 0; box-shadow: 0 0 24px oklch(76% .2 130 / .17) !important; }
[data-html-page="homepage"] :is(#featured-listings .section-heading, #reading .reading-intro, #client-reviews .google-reviews-heading) { position: relative; }
[data-html-page="homepage"] :is(#featured-listings .section-heading, #client-reviews .google-reviews-heading)::before {
  content: ""; display: block; position: absolute; top: -25px; left: 0; width: min(250px, 60%); height: 1px;
  background: linear-gradient(90deg, oklch(66% .19 130), oklch(66% .19 130 / .3) 55%, transparent);
  box-shadow: 0 4px 0 oklch(60% .12 130 / .07);
}
[data-html-page="homepage"] #reading .guide-list > :is(a, button) { border-color: oklch(65% .11 130 / .3); transition: background 180ms ease-out; }
[data-html-page="homepage"] #reading .guide-list > :is(a, button):hover { background: oklch(96% .025 130); }
[data-html-page="homepage"] #reading .guide-list > :is(a, button) > b {
  display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--neon-line); border-radius: 2px 11px 2px 11px; color: oklch(38% .08 135); background: oklch(96% .035 130); font-size: 22px;
}
[data-html-page="homepage"] #featured-listings .text-link { padding: 10px 0; text-decoration-color: oklch(60% .16 130); text-underline-offset: 7px; }
[data-html-page="homepage"] #finale .final-copy .button { box-shadow: 0 0 28px oklch(76% .2 130 / .22) !important; }
@media(max-width:600px) {
  [data-html-page="homepage"] #dw-service-visuals .endcta { padding: 24px 20px; gap: 20px; }
  [data-html-page="homepage"] #dw-service-visuals .endcta p { font-size: 18px; line-height: 1.45; }
  [data-html-page="homepage"] #reading .guide-list > :is(a, button) > b { width: 34px; height: 38px; }
}
@media(prefers-reduced-motion:reduce) { [data-html-page="homepage"] :is(.journey-evaluation button, .context-cta > a, #dw-service-visuals .endcta .cta, #finale .final-copy .button, .browse-primary-link, #reading .guide-list > a, #reading .guide-list > button) { transition: none !important; transform: none !important; } }
