/* Home route only — colors/fonts; sizes come from retainedStyles. */

html.revueo-landing-root,
html:has(#revueo-root) {

  background: #fafbff !important;

  background-color: #fafbff !important;

}



html.revueo-landing-root body.revueo-landing,
html:has(#revueo-root) body {

  background: #fafbff !important;

  background-color: #fafbff !important;

  color: #000 !important;

  font-family: var(--revueo-font-support, -apple-system, BlinkMacSystemFont,
      "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root,
html:has(#revueo-root) #revueo-root {

  --paper: #fafbff;

  --blue: #1804ce;

  --ink: #000;

  --font-support: var(
    --revueo-font-support,
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "SF Pro Display",
    "Segoe UI",
    sans-serif
  );

  --font-heading: var(
    --revueo-font-heading,
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif
  );

  background: var(--paper);

  color: var(--ink);

  min-height: 100vh;

  font-family: var(--revueo-font-support, var(--font-support)) !important;

}



/* globals.css sets span/div/button to #FAFBFF — inherit from landing root instead. */

html.revueo-landing-root body.revueo-landing #revueo-root :is(

    div,

    span,

    li,

    a,

    s,

    b,

    strong,

    sub,

    label,

    input,

    textarea,

    select,

    summary

  ):not(.story-window, .story-window *) {

  color: inherit !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root :is(h1, h2) {

  font-family: var(--revueo-font-heading, var(--font-heading)) !important;

  font-weight: 750 !important;

  color: var(--ink) !important;

  letter-spacing: -0.065em !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root :is(#tools, #ueo.evolution, #our-purpose) h2 {

  color: inherit !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .hero-intro h1 {

  font-family: var(--revueo-font-heading, var(--font-heading)) !important;

  font-weight: 750 !important;

  color: #000 !important;

  letter-spacing: -0.055em !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .faq-page-intro h1 {

  color: #101221 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root h1 em,

html.revueo-landing-root body.revueo-landing #revueo-root h2 em {

  font-family: Georgia, "Times New Roman", serif !important;

  font-weight: 400 !important;

  font-style: italic;

  color: var(--blue) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root :is(

    h3,

    h4,

    h5,

    h6,

    p,

    small,

    nav,

    header,

    .eyebrow,

    .lead

  ) {

  font-family: var(--revueo-font-support, var(--font-support)) !important;

  color: inherit;

}



html.revueo-landing-root body.revueo-landing #revueo-root nav a {

  color: inherit !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .hero-intro .eyebrow {

  color: var(--blue) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .lead {

  color: rgba(0, 0, 0, 0.67) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .search-confidence > span {

  color: var(--ink) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .pass-label {

  color: var(--blue) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .report-pass s {

  color: rgba(0, 0, 0, 0.5) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .report-pass b,

html.revueo-landing-root body.revueo-landing #revueo-root .pass-free {

  color: var(--ink) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .scroll-cue {

  color: rgba(0, 0, 0, 0.45) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root button.text-btn,

html.revueo-landing-root body.revueo-landing #revueo-root .search-confidence .text-btn {

  color: var(--blue) !important;

  background: none !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .platforms button {

  font-family: var(--revueo-font-support, var(--font-support)) !important;

  color: var(--ink) !important;

  background: transparent !important;

}



/* Primary CTAs — white label on brand blue. */

html.revueo-landing-root body.revueo-landing #revueo-root :is(

    .btn,

    button.btn,

    a.btn,

    .reveal-launch,

    a.nav-cta,

    #business-form .btn,

    #final-business-form .btn

  ) {

  font-family: var(--revueo-font-support, var(--font-support)) !important;

  font-weight: 650 !important;

  color: var(--paper) !important;

  background: var(--blue) !important;

  border-color: var(--blue) !important;

  border-style: solid !important;

  border-width: 1px !important;

  border-radius: 100px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 20px !important;

  padding: 16px 25px !important;

  font-size: 14px !important;

  text-decoration: none !important;

  cursor: pointer !important;

  box-sizing: border-box !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .btn.white {

  color: var(--blue) !important;

  background: var(--paper) !important;

  border-color: var(--paper) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root > header {

  border-radius: 100px !important;

}



/* Problem scenes — scene pills & GBP lead footers (override global span/color resets) */

html.revueo-landing-root body.revueo-landing #revueo-root .scene-tag,
html:has(#revueo-root) #revueo-root .scene-tag {

  background: rgba(24, 4, 206, 0.09) !important;

  background-color: rgba(24, 4, 206, 0.09) !important;

  color: var(--blue) !important;

  font-weight: 650 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .opportunity button {

  border: 0 !important;

  border-radius: 30px !important;

  background: #1804ce09 !important;

  color: var(--blue) !important;

  font-size: 12px !important;

  padding: 8px 12px !important;

  white-space: nowrap !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root :is(h1, h2, h3, h4, h5, h6) em {

  font-family: Georgia, "Times New Roman", serif !important;

  font-weight: 400 !important;

  font-style: italic !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .story-video,

html.revueo-landing-root body.revueo-landing #revueo-root .film-mark,

html.revueo-landing-root body.revueo-landing #revueo-root .question-pin {

  font-family: Georgia, serif !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .story-video span,

html.revueo-landing-root body.revueo-landing #revueo-root .evo-copy h2 em,

html.revueo-landing-root body.revueo-landing #revueo-root .evo-finale h3 em {

  font-family: inherit !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .review-snapshot {

  font-family: Arial, sans-serif !important;

}



/* Toolkit — light copy on dark band; normal section height (no scroll hijack). */

html.revueo-landing-root body.revueo-landing #revueo-root #tools {

  height: auto !important;

  overflow: visible !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools .tool-pin {

  position: relative !important;

  top: auto !important;

  height: auto !important;

  min-height: 0 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools .tool-pin::before {

  display: none !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools .section-head .eyebrow {

  color: #aaa7bf !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools h2 {

  color: #fafbff !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools h2 em {

  color: #fafbff !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools .section-head p {

  color: #b1b5c8 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tool-collection {

  overflow: hidden !important;

  scroll-snap-type: none !important;

}



/* Toolkit card mockups — paper surface + dark copy (not dark-section text color) */

html.revueo-landing-root body.revueo-landing #revueo-root #tools .story-window {

  color: #101221 !important;

  background: var(--paper) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root #tools .story-window .window-bar span {

  color: rgba(0, 0, 0, 0.55) !important;

}



/* Industry hero line on photo */

html.revueo-landing-root body.revueo-landing #revueo-root .industry-photo .photo-label {

  color: var(--paper) !important;

}



/* Final CTA — light copy on brand blue */

html.revueo-landing-root body.revueo-landing #revueo-root .final-cta {

  color: var(--paper) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta :is(.eyebrow, h2, h2 em, p) {

  color: var(--paper) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta .eyebrow {

  color: rgba(250, 251, 255, 0.78) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta p s {

  color: rgba(250, 251, 255, 0.55) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form {

  display: flex !important;

  align-items: center !important;

  gap: 15px !important;

  width: 100% !important;

  max-width: 100% !important;

  min-height: 80px !important;

  padding: 12px !important;

  border-radius: 100px !important;

  background: var(--paper) !important;

  border: 1px solid rgba(250, 251, 255, 0.45) !important;

  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form input {

  flex: 1 1 auto !important;

  min-width: 0 !important;

  font-size: clamp(16px, 2vw, 19px) !important;

  color: var(--ink) !important;

  background: transparent !important;

  border: 0 !important;

  outline: none !important;

  padding: 8px 0 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form > span {

  flex-shrink: 0 !important;

  font-size: clamp(28px, 4vw, 35px) !important;

  color: var(--ink) !important;

  padding-left: 18px !important;

  line-height: 1 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form .btn {

  flex-shrink: 0 !important;

  padding: 18px 28px !important;

  font-size: clamp(13px, 1.6vw, 16px) !important;

  white-space: nowrap !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-results {

  position: absolute !important;

  top: calc(100% + 12px) !important;

  left: 0 !important;

  right: 0 !important;

  background: var(--paper) !important;

  color: var(--ink) !important;

  border: 1px solid var(--line) !important;

  border-radius: 20px !important;

  padding: 20px !important;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;

  text-align: left !important;

  z-index: 5 !important;

}



@media (max-width: 760px) {

  html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form {

    flex-wrap: wrap !important;

    border-radius: 28px !important;

    padding: 10px !important;

    min-height: 0 !important;

  }



  html.revueo-landing-root body.revueo-landing #revueo-root .final-cta #final-business-form .btn {

    width: 100% !important;

    justify-content: center !important;

  }

}



/* App / UEO report section */

html.revueo-landing-root body.revueo-landing #revueo-root .app-copy h2 .app-headline-line {

  white-space: nowrap;

}



@media (max-width: 760px) {

  html.revueo-landing-root body.revueo-landing #revueo-root .app-copy h2 .app-headline-line {

    white-space: normal;

  }

}



/* App / UEO report section — blue score card and step badges */

html.revueo-landing-root body.revueo-landing #revueo-root .app-score,

html.revueo-landing-root body.revueo-landing #revueo-root .app-score :is(b, span, small) {

  color: var(--paper) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root .report-steps li > span {

  color: #fff !important;

}



/* Footer logo — tight to copyright row */

html.revueo-landing-root body.revueo-landing #revueo-root footer .footer-word {

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  padding: 0 !important;

  margin-bottom: 0 !important;

  border-bottom: none !important;

  line-height: 1.2 !important;

  color: var(--blue) !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root footer .footer-word span {

  color: var(--blue) !important;

  line-height: 1 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root footer .footer-word img {

  display: block !important;

  margin: 0 !important;

}



html.revueo-landing-root body.revueo-landing #revueo-root footer .footer-bottom {

  margin-top: 0 !important;

  padding-top: 12px !important;

  border-top: 1px solid var(--line) !important;

}



/* Floating back to top — portaled to body, all sections */

html.revueo-landing-root body.revueo-landing #back-to-top.back-to-top-fab {

  position: fixed !important;

  left: auto !important;

  right: 24px !important;

  bottom: 24px !important;

  z-index: 9999 !important;

  width: 48px !important;

  height: 48px !important;

  min-width: 48px !important;

  min-height: 48px !important;

  padding: 0 !important;

  margin: 0 !important;

  border: none !important;

  border-radius: 50% !important;

  background: var(--blue) !important;

  color: #fff !important;

  display: grid !important;

  place-items: center !important;

  cursor: pointer !important;

  box-shadow: 0 12px 32px rgba(24, 4, 206, 0.35) !important;

}



html.revueo-landing-root body.revueo-landing #back-to-top.back-to-top-fab .top-arrow {

  color: #fff !important;

  font-size: 24px !important;

  line-height: 1 !important;

}



@media (max-width: 760px) {

  html.revueo-landing-root body.revueo-landing #back-to-top.back-to-top-fab {

    right: 16px !important;

    bottom: 18px !important;

  }

}