/* Compatibility theme for older Revue marketing pages and translations.
   Keeps their content/layout while aligning colours and controls with the
   current white, navy and coral Revue identity. */
:root {
  --mv5-ink: #0d1830;
  --mv5-forest: #0b172d;
  --mv5-forest-deep: #0b172d;
  --mv5-paper: #ffffff;
  --mv5-cream: #f7f8fb;
  --mv5-gold: #cb625b;
  --mv5-line: #e5e7ec;
  --forest: #0b172d;
  --forest-deep: #0b172d;
  --forest-pale: #f1f3f8;
  --signal: #cb625b;
  --signal-dark: #b55252;
  --canvas: #ffffff;
  --warm: #f7f8fb;
  --ink: #0d1830;
  --ink-soft: #626b7b;
  --line: #e5e7ec;
}

body,
.mv4-page,
.seo-page { background: #fff; color: #0d1830; }

.welcome-page { background: #f7f8fb; color: #0d1830; }
.welcome-panel {
  border: 1px solid #e5e7ec;
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(13,24,48,.1);
}
.welcome-wordmark { margin-bottom: 32px; }
.welcome-wordmark img { display: block; width: min(154px, 60vw); height: auto; }
.welcome-wordmark small { color: #626b7b; font-size: 9px; letter-spacing: .13em; }
.welcome-progress span { color: #626b7b; }
.welcome-progress span.active { background: #fff4f4; color: #b55252; }
.welcome-panel .eyebrow { color: #cb625b; }
.welcome-panel .button {
  border: 1px solid #cb625b;
  border-radius: 12px;
  background: linear-gradient(105deg,#c75d5a,#cf675e);
  box-shadow: 0 8px 20px rgba(203,98,91,.16);
}
.welcome-panel .button:focus-visible { outline: 3px solid #cb625b; outline-offset: 3px; }
.welcome-panel .button:hover { background: #b55252; }
.welcome-help { color: #b55252; }

h1, h2, h3 { font-family: 'Revue Sans', Inter, Arial, sans-serif; }

.site-header {
  background: rgba(255,255,255,.97);
  border-color: #e5e7ec;
  box-shadow: 0 2px 12px rgba(13,24,48,.035);
}
.site-header .brand-wordmark,
.site-header .brand { color: #0d1830; }
.site-header nav a,
.site-header .header-actions > a { color: #0d1830; }
.site-header nav a:hover,
.site-header nav a[aria-current="page"] { color: #b55252; }
.site-header nav a::after,
.site-header nav a[aria-current="page"]::after { background: #cb625b; }
.site-header .button-small,
.site-header .header-actions > .button-small {
  border: 1px solid #cb625b;
  border-radius: 12px;
  background: linear-gradient(105deg,#c75d5a,#cf675e);
  color: #fff;
  box-shadow: 0 8px 20px rgba(203,98,91,.16);
}
.site-header .button-small:hover { background: #b55252; color: #fff; }
.site-header .header-language summary {
  border-color: #e5e7ec;
  border-radius: 10px;
  background: #fff;
  color: #0d1830;
}

.mv4-eyebrow,
.mv5-eyebrow,
.mv4-page-hero .mv4-eyebrow,
.mv4-masthead .mv4-eyebrow,
.mv4-cta .mv4-eyebrow { color: #cb625b; }
.mv5-hero .mv5-eyebrow { color: #ffd0c9; }
.mv4-masthead,
.mv5-hero { background-color: #0b172d; }
.mv4-masthead::after { background: rgba(11,23,45,.88); }
.mv5-hero-shade {
  background: linear-gradient(90deg,rgba(11,23,45,.9),rgba(11,23,45,.68) 45%,rgba(11,23,45,.16) 100%),
    linear-gradient(0deg,rgba(11,23,45,.35),transparent 48%);
}
.mv4-page-hero { background-color: #0b172d; }
.mv4-page-hero::after {
  width: min(76%, 980px);
  background: linear-gradient(90deg,rgba(11,23,45,.94),rgba(11,23,45,.78) 72%,rgba(11,23,45,.08));
}
.mv4-page-hero .mv4-eyebrow { color: #ffd0c9; }
.mv4-page-hero h1,
.mv4-masthead h1 { font-family: 'Revue Sans', Inter, Arial, sans-serif; font-weight: 650; letter-spacing: -.045em; }

.mv4-button,
.mv5-button {
  border: 1px solid #cb625b;
  border-radius: 12px;
  background: linear-gradient(105deg,#c75d5a,#cf675e);
  color: #fff;
  box-shadow: 0 8px 20px rgba(203,98,91,.14);
}
.mv4-button:hover,
.mv5-button:hover { border-color: #b55252; background: #b55252; color: #fff; }
.mv4-button--paper,
.mv5-button--light { border-color: #fff; background: #fff; color: #0d1830; box-shadow: none; }
.mv4-button--paper:hover,
.mv5-button--light:hover { border-color: #f1f3f8; background: #f1f3f8; color: #0d1830; }
.mv4-button--outline { border-color: #d9a0a7; color: #0d1830; }
.mv4-button--outline:hover { border-color: #cb625b; background: #cb625b; color: #fff; }
.mv4-link,
.mv5-local-growth .mv5-text-link { color: #b55252; }

.mv4-journey,
.mv4-pricing-hero,
.mv4-product-stage,
.mv5-local-growth { background: #f7f8fb; }
.mv4-section,
.mv4-page-intro,
.mv4-page-section,
.mv4-faq,
.mv4-pricing-head { background-color: #fff; color: #0d1830; }
.mv4-section h2,
.mv4-page-intro h2,
.mv4-page-section h2,
.mv4-faq h2,
.mv4-product-stage h2,
.mv4-pricing-head h1,
.mv4-plan h2 { color: #0d1830; font-family: 'Revue Sans', Inter, Arial, sans-serif; }
.mv4-copy > p:not(.mv4-eyebrow),
.mv4-section-head > p:not(.mv4-eyebrow),
.mv4-page-intro-copy,
.mv4-page-section-copy > p:not(.mv4-eyebrow),
.mv4-faq p,
.mv4-pricing-head p:not(.mv4-eyebrow),
.mv5-local-growth-copy > p:not(.mv5-eyebrow) { color: #626b7b; }
.mv4-feature-list li,
.mv4-journey-steps,
.mv4-price-panel,
.mv4-faq details,
.mv5-local-cards { border-color: #e5e7ec; }
.mv4-feature-list span,
.mv4-journey-steps span,
.mv5-local-cards article > span { color: #cb625b; }
.mv4-price-panel,
.mv4-demo-shell,
.mv4-page-section .mv4-page-media,
.mv4-page-section .mv4-page-media img { border-radius: 16px; }
.mv4-page-section .mv4-page-media img,
.mv4-split-media img { background: #f1f3f8; }

.mv4-industry-stories,
.mv4-page-dark,
.mv4-plan-wrap,
.site-footer { background: #0b172d; }
.mv4-industry-stories .mv4-eyebrow,
.mv4-industry-story-copy .mv4-eyebrow { color: #ffc1ba; }
.mv4-industry-stories > header h2,
.mv4-industry-story-copy h3,
.mv4-plan h2 { color: #fff; font-family: 'Revue Sans', Inter, Arial, sans-serif; }
.mv4-plan-wrap .mv4-eyebrow { color: #ffc1ba; }
.site-footer,
.site-footer a,
.site-footer p,
.site-footer strong { color: rgba(255,255,255,.82); }
.site-footer .footer-brand { color: #fff; }
.site-footer a:hover { color: #ffc1ba; }

.mv4-plan-wrap,
.mv4-price-panel,
.mv4-demo-shell,
.mv4-page-section figure,
.mv4-page-hero .mv4-button { border-radius: 16px; }
.mv4-industry-stories-note,
.mv4-industry-story { border-color: rgba(255,255,255,.18); }

.site-header a:focus-visible,
.site-header button:focus-visible,
.site-footer a:focus-visible,
main a:focus-visible,
main button:focus-visible,
main summary:focus-visible { outline: 3px solid #cb625b; outline-offset: 4px; }
.mv4-page-hero a:focus-visible,
.mv4-industry-stories a:focus-visible,
.mv4-industry-stories button:focus-visible,
.site-footer a:focus-visible { outline-color: #ffc1ba; }

@media (max-width: 820px) {
  .mv4-page-hero::after {
    width: 100%;
    background: linear-gradient(90deg,rgba(11,23,45,.9),rgba(11,23,45,.72));
  }
}