/* Static marketing-export theme; scoped so lower-page content is unchanged. */
:root {
  --marketing-canvas: #ffffff;
  --marketing-soft: #f3f6fb;
  --marketing-ink: #182e47;
  --marketing-muted: #496078;
  --marketing-line: #dce4ed;
  --marketing-blue: #0067e8;
  --marketing-blue-hover: #0055c2;
}
nav.rl-navigation {
  background: var(--marketing-canvas);
  color: var(--marketing-ink);
  border-bottom: 1px solid var(--marketing-line);
  padding-block: 16px;
  backdrop-filter: none;
  transition: none;
  --text-on-dark: var(--marketing-ink);
  --text-on-dark-muted: var(--marketing-muted);
  --border-dark: var(--marketing-line);
}
.rl-navigation > div:first-child { gap: 16px; }
.rl-navigation .rl-brand-link { padding: 0; border-radius: 0; background: transparent; }
.rl-navigation a, .rl-navigation button { transition: background-color 150ms, color 150ms; }
.rl-navigation a[href^="#"]:not(.rl-brand-link) { color: var(--marketing-muted); }
.rl-navigation a[href^="#"]:not(.rl-brand-link):hover { color: var(--marketing-blue); }
.rl-navigation [role="group"] { background: var(--marketing-soft); border-color: var(--marketing-line); flex-shrink: 0; }
.rl-navigation [role="group"] button { min-height: 36px; color: var(--marketing-muted); }
.rl-navigation [role="group"] button[aria-pressed="true"] { background: var(--marketing-canvas); color: var(--marketing-ink); box-shadow: 0 1px 3px #182e4714; }
.rl-navigation [role="group"] button:hover { color: var(--marketing-blue); }
.rl-navigation .rl-login-header, .rl-navigation .rl-login-mobile, #hero .rl-hero-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--marketing-blue);
  color: var(--marketing-canvas);
  font-weight: 700;
  white-space: nowrap;
  box-shadow: none;
  transform: none;
}
.rl-navigation .rl-login-header { margin-left: 0; flex-shrink: 0; }
.rl-navigation .rl-login-header:hover, .rl-navigation .rl-login-mobile:hover, #hero .rl-hero-login:hover { background: var(--marketing-blue-hover); }
.rl-navigation .rl-pilot-link { padding: 12px 0; min-height: 44px; background: transparent; font-weight: 600; box-shadow: none; transform: none; white-space: nowrap; }
.rl-navigation button[aria-controls="mobile-nav-menu"] { color: var(--marketing-ink); min-height: 44px; min-width: 44px; }
.rl-navigation #mobile-nav-menu { background: var(--marketing-canvas); border-color: var(--marketing-line); backdrop-filter: none; box-shadow: 0 12px 32px #182e471f; }
.rl-navigation #mobile-nav-menu > div { padding: 16px; }
.rl-navigation .rl-login-mobile { margin-top: 16px; }
.rl-navigation .rl-pilot-mobile { margin-top: 4px; padding: 12px; background: transparent; color: var(--marketing-muted); }
.rl-navigation :is(a,button):focus-visible, #hero a:focus-visible { outline: 3px solid var(--marketing-blue); outline-offset: 4px; }
#hero { background: var(--surface-dark) !important; --border-dark: var(--marketing-line); }
#hero > .absolute { display: none; }
#hero h1 { color: var(--primary-foreground); }
#hero .hero-gradient-text { display: block; background: none; color: #a9d5ff; -webkit-text-fill-color: #a9d5ff; text-shadow: none; filter: none; }
#hero p { color: #d4e4f1; }
#hero .hero-badge { background: #ffffff1f; color: #d8ecff; border-color: #ffffff4d; backdrop-filter: none; }
#hero .rl-hero-pilot { border-color: var(--marketing-line); border-radius: 8px; color: var(--marketing-ink); background: var(--marketing-canvas); }
#hero .rl-hero-pilot:hover { background: #e6eef9; }
#hero .hero-stat-panel { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: stretch; gap: 0; padding: 24px 0; background: var(--marketing-canvas); border-color: var(--marketing-line); box-shadow: none; backdrop-filter: none; }
#hero .hero-stat-panel > div { justify-content: center; padding: 0 16px; }
#hero .hero-stat-panel > div + div { border-left: 1px solid var(--marketing-line); }
#hero .hero-stat-panel > div > .w-px { display: none; }
#hero .hero-stat-panel .text-center { min-width: 0; padding: 0; }
#hero .hero-stat-value { color: var(--marketing-ink); text-shadow: none; }
#hero .hero-stat-label { color: var(--marketing-muted); font-size: 12px; line-height: 1.5; text-shadow: none; }
@media(max-width:1023px) {
  .rl-navigation > div:first-child { gap: 12px; }
  .rl-navigation .rl-login-header { margin-left: auto; }
}
@media(max-width:639px) {
  .rl-navigation > div:first-child { padding-inline: 16px; gap: 8px; }
  .rl-navigation .rl-brand-wordmark { width: 128px; }
  .rl-navigation .rl-login-header { padding: 10px 16px; }
  #hero .hero-stat-panel { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0; }
  #hero .hero-stat-panel > div { padding: 20px 12px; }
  #hero .hero-stat-panel > div:nth-child(3) { border-left: 0; }
  #hero .hero-stat-panel > div:nth-child(n+3) { border-top: 1px solid var(--marketing-line); }
}
@media(prefers-reduced-motion:reduce) { .rl-navigation a, .rl-navigation button { transition: none; } }

.rl-language-select{min-height:44px;padding:8px 12px;border:1px solid var(--marketing-line);border-radius:8px;background:var(--marketing-soft);color:var(--marketing-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0}
.rl-language-select:focus-visible{outline:3px solid var(--marketing-blue);outline-offset:3px}
.rl-language-desktop{display:none}.rl-language-mobile{display:block;width:100%;margin-bottom:8px}
@media(min-width:1024px){.rl-language-desktop{display:block}}
@media(min-width:1024px) and (max-width:1199px){.rl-navigation>div:first-child{gap:12px}.rl-navigation .rl-login-header{padding-inline:16px}.rl-navigation .rl-brand-wordmark{width:128px}.rl-navigation .rl-pilot-link{font-size:14px}}
@media(max-width:639px){html[lang="es"] .rl-navigation .rl-brand-wordmark{width:112px}html[lang="es"] .rl-navigation .rl-login-header{padding-inline:12px;font-size:13px}}

/* Keep the primary account action readable at every width. */
.rl-navigation .rl-login-header { gap: 9px; border-color: #0059cc; box-shadow: 0 1px 2px #182e471a; font-size: 14px; line-height: 20px; }
.rl-navigation .rl-login-header::after { content: "→"; font-size: 18px; line-height: 1; }
.rl-navigation .rl-login-header:hover { border-color: #004bab; }
@media(min-width:1024px) and (max-width:1199px) { .rl-navigation .rl-pilot-link { display: none; } }