/* Final home hero layer matching design-references/hero-variations/hero-variation-01.png */

html body.page-home {
  --rd-hero-cream: #fff8ed;
  --rd-hero-gold: #e3ad55;
  --rd-hero-gold-light: #f7d884;
  --rd-hero-cyan: #16c8d9;
  --rd-hero-panel: rgba(8, 17, 24, 0.86);
  --rd-hero-line: rgba(255, 255, 255, 0.16);
}

html body.page-home .scroll-progress {
  display: none !important;
}

html body.page-home .site-header.topbar-v2,
html body.page-home .site-header.topbar-v2[data-surface],
html body.page-home .site-header.topbar-v2[data-elevate] {
  min-height: 104px !important;
  background: linear-gradient(180deg, #01070c 0%, rgba(1, 7, 12, 0.94) 46%, rgba(1, 7, 12, 0)) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.page-home .site-header.topbar-v2::after,
html body.page-home .site-header.topbar-v2[data-surface]::after,
html body.page-home .site-header.topbar-v2[data-elevate]::after {
  height: 76px !important;
  bottom: -76px !important;
  background: linear-gradient(180deg, rgba(1, 7, 12, 0.28), rgba(1, 7, 12, 0)) !important;
}

html body.page-home .site-header.topbar-v2 > .container.header-inner,
html body.page-home .site-header.topbar-v2[data-surface] > .container.header-inner,
html body.page-home .site-header.topbar-v2[data-elevate] > .container.header-inner {
  width: min(1576px, calc(100% - 96px)) !important;
  min-height: 96px !important;
  padding: 28px 0 14px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: start !important;
  gap: 30px !important;
}

html body.page-home .site-header.topbar-v2 .brand,
html body.page-home .site-header.topbar-v2[data-surface] .brand,
html body.page-home .site-header.topbar-v2[data-elevate] .brand {
  display: inline-grid !important;
  grid-template-columns: auto auto !important;
  align-items: start !important;
  gap: 18px !important;
  min-height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--rd-hero-cream) !important;
  transform: translateY(8px) !important;
}

html body.page-home .site-header.topbar-v2 .brand::before {
  content: "R" !important;
  display: block !important;
  margin: 0 !important;
  color: var(--rd-hero-gold-light) !important;
  font-family: "Newsreader", Georgia, serif !important;
  font-size: 58px !important;
  line-height: 0.75 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 22px rgba(227, 173, 85, 0.18) !important;
}

html body.page-home .site-header.topbar-v2 .brand-logo,
html body.page-home .site-header.topbar-v2[data-surface] .brand-logo,
html body.page-home .site-header.topbar-v2[data-elevate] .brand-logo {
  display: none !important;
}

html body.page-home .site-header.topbar-v2 .brand-lockup,
html body.page-home .site-header.topbar-v2[data-surface] .brand-lockup,
html body.page-home .site-header.topbar-v2[data-elevate] .brand-lockup {
  display: grid !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  transform: translateY(5px) !important;
}

html body.page-home .site-header.topbar-v2 .brand-name,
html body.page-home .site-header.topbar-v2[data-surface] .brand-name,
html body.page-home .site-header.topbar-v2[data-elevate] .brand-name {
  color: #fff8ef !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body.page-home .site-header.topbar-v2 .brand-subtitle,
html body.page-home .site-header.topbar-v2[data-surface] .brand-subtitle,
html body.page-home .site-header.topbar-v2[data-elevate] .brand-subtitle {
  color: var(--rd-hero-gold-light) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

html body.page-home .site-header.topbar-v2 .nav,
html body.page-home .site-header.topbar-v2[data-surface] .nav,
html body.page-home .site-header.topbar-v2[data-elevate] .nav {
  justify-self: center !important;
  display: inline-flex !important;
  gap: 48px !important;
  margin: 13px 0 0 -20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-100px) !important;
}

html body.page-home .site-header.topbar-v2 .nav-link,
html body.page-home .site-header.topbar-v2[data-surface] .nav-link,
html body.page-home .site-header.topbar-v2[data-elevate] .nav-link,
html body.page-home .site-header.topbar-v2 .nav-link:first-child,
html body.page-home .site-header.topbar-v2[data-surface] .nav-link:first-child,
html body.page-home .site-header.topbar-v2[data-elevate] .nav-link:first-child {
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: rgba(255, 250, 242, 0.9) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.42) !important;
  transform: none !important;
}

html body.page-home .site-header.topbar-v2 .nav-link::after {
  content: none !important;
}

html body.page-home .site-header.topbar-v2 .btn.btn-primary.topbar-cta,
html body.page-home .site-header.topbar-v2[data-surface] .btn.btn-primary.topbar-cta,
html body.page-home .site-header.topbar-v2[data-elevate] .btn.btn-primary.topbar-cta {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 314px !important;
  min-height: 50px !important;
  margin-top: 3px !important;
  padding: 0 19px !important;
  border-radius: 8px !important;
  color: #fff5e8 !important;
  background: rgba(4, 11, 18, 0.46) !important;
  border: 1px solid rgba(247, 205, 122, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

html body.page-home .site-header.topbar-v2 .topbar-cta::before {
  content: none !important;
  display: none !important;
}

html body.page-home .site-header.topbar-v2 .btn.btn-primary.topbar-cta::before,
html body.page-home .site-header.topbar-v2[data-surface] .btn.btn-primary.topbar-cta::before,
html body.page-home .site-header.topbar-v2[data-elevate] .btn.btn-primary.topbar-cta::before {
  content: none !important;
  display: none !important;
}

html body.page-home .site-header.topbar-v2 .topbar-cta-pin {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin-left: 2px !important;
  background: transparent !important;
  border: 2px solid var(--rd-hero-gold-light) !important;
  border-radius: 50% 50% 50% 2px !important;
  box-shadow: inset 0 0 0 4px rgba(4, 11, 18, 0.46) !important;
  transform: rotate(-45deg) !important;
}

html body.page-home .rd-nav-toggle {
  display: none !important;
}

html body.page-home .rd-nav-toggle-bars {
  position: relative !important;
  display: block !important;
  width: 22px !important;
  height: 16px !important;
}

html body.page-home .rd-nav-toggle-bars::before,
html body.page-home .rd-nav-toggle-bars::after,
html body.page-home .rd-nav-toggle-bars span {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #fff8ed !important;
}

html body.page-home .rd-nav-toggle-bars::before {
  top: 0 !important;
}

html body.page-home .rd-nav-toggle-bars span {
  top: 7px !important;
}

html body.page-home .rd-nav-toggle-bars::after {
  bottom: 0 !important;
}

html body.page-home .hero.rd-map-hero {
  margin-top: calc(var(--header-offset) * -1) !important;
  min-height: 941px !important;
  padding: 0 !important;
  background:
    radial-gradient(760px 520px at 79% 39%, rgba(7, 77, 103, 0.46), transparent 72%),
    radial-gradient(520px 430px at 27% 44%, rgba(17, 133, 144, 0.12), transparent 72%),
    linear-gradient(180deg, #02070d 0%, #03080d 54%, #04111a 100%) !important;
}

html body.page-home .hero.rd-map-hero::before {
  background:
    linear-gradient(90deg, rgba(1, 6, 11, 0.72) 0%, rgba(1, 6, 11, 0.33) 41%, rgba(1, 6, 11, 0.08) 100%),
    radial-gradient(ellipse at 44% 45%, rgba(255, 255, 255, 0.035), transparent 48%) !important;
}

html body.page-home .hero.rd-map-hero::after {
  height: 200px !important;
  background: linear-gradient(180deg, transparent, rgba(1, 8, 12, 0.66)) !important;
}

html body.page-home .rd-hero-atmosphere .rd-glow {
  display: none !important;
}

html body.page-home .rd-page-grid {
  opacity: 0.14 !important;
  background-image:
    linear-gradient(62deg, transparent 0 47%, rgba(255, 255, 255, 0.08) 48%, transparent 49%),
    linear-gradient(116deg, transparent 0 48%, rgba(255, 255, 255, 0.05) 49%, transparent 50%),
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 170px 170px, 210px 210px, 78px 78px, 78px 78px !important;
  mask-image: radial-gradient(ellipse at 67% 41%, black, transparent 74%) !important;
}

html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
  width: min(1542px, calc(100% - 96px)) !important;
  min-height: 941px !important;
  grid-template-rows: 1fr auto !important;
  padding: 130px 0 41px !important;
}

html body.page-home .rd-hero-main {
  grid-template-columns: minmax(420px, 505px) minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

html body.page-home .rd-hero-copy {
  width: 100% !important;
  max-width: 520px !important;
  padding: 9px 0 0 0 !important;
}

html body.page-home .rd-hero-heading {
  width: 515px !important;
  max-width: 100% !important;
  gap: 0 !important;
  font-family: "Newsreader", Georgia, serif !important;
  font-size: 70px !important;
  line-height: 1.02 !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 251, 244, 0.97) !important;
  text-shadow: 0 22px 54px rgba(0, 0, 0, 0.58) !important;
}

html body.page-home .rd-hero-heading .rd-gold {
  background: linear-gradient(180deg, #f7d989 0%, #e5ae55 52%, #ba8036 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

html body.page-home .rd-hero-heading::after {
  width: 92px !important;
  height: 3px !important;
  margin-top: 27px !important;
  background: linear-gradient(90deg, #f6d27a, rgba(246, 210, 122, 0.02)) !important;
}

html body.page-home .rd-hero-sub {
  margin-top: 28px !important;
  gap: 5px !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

html body.page-home .rd-hero-sub strong {
  font-size: 27px !important;
  font-weight: 800 !important;
}

html body.page-home .rd-hero-sub span {
  font-size: 27px !important;
}

html body.page-home .rd-hero-cta {
  min-width: 384px !important;
  min-height: 67px !important;
  margin-top: 24px !important;
  padding: 0 22px 0 21px !important;
  gap: 17px !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #f8d787 0%, #dea550 100%) !important;
  border-color: rgba(255, 232, 173, 0.82) !important;
  color: #120d05 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 17px 42px rgba(227, 173, 85, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

html body.page-home .rd-cta-pin {
  width: 54px !important;
  height: 54px !important;
  padding-right: 14px !important;
  color: #fff7df !important;
  border-right: 1px solid rgba(92, 54, 10, 0.28) !important;
}

html body.page-home .rd-mini-benefits {
  width: 586px !important;
  min-height: 67px !important;
  margin-top: 16px !important;
  border-radius: 8px !important;
  background: rgba(7, 14, 21, 0.76) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

html body.page-home .rd-mini-benefit {
  min-height: 67px !important;
  grid-template-columns: 40px 1fr !important;
  gap: 11px !important;
  padding: 10px 14px !important;
}

html body.page-home .rd-mini-benefit strong {
  font-size: 14px !important;
}

html body.page-home .rd-mini-benefit small {
  font-size: 12px !important;
}

html body.page-home .rd-map-stage {
  margin-left: -14px !important;
  margin-top: -13px !important;
  overflow: visible !important;
}

html body.page-home .rd-map-card {
  height: 518px !important;
  overflow: visible !important;
}

html body.page-home .rd-map-zone::before {
  background-image:
    linear-gradient(24deg, transparent 0 46%, rgba(255, 255, 255, 0.15) 47%, transparent 49%),
    linear-gradient(76deg, transparent 0 48%, rgba(255, 255, 255, 0.08) 49%, transparent 50%),
    linear-gradient(124deg, transparent 0 48%, rgba(255, 255, 255, 0.08) 49%, transparent 50%),
    repeating-radial-gradient(circle at 50% 55%, transparent 0 44px, rgba(255, 255, 255, 0.08) 45px 47px, transparent 48px 91px),
    repeating-linear-gradient(18deg, transparent 0 58px, rgba(255, 255, 255, 0.055) 59px 61px, transparent 62px 124px),
    linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px) !important;
  background-size: 180px 180px, 240px 240px, 190px 190px, 100% 100%, 100% 100%, 48px 48px, 48px 48px !important;
}

html body.page-home .rd-map-before {
  width: 57% !important;
  clip-path: polygon(0 0, 90% 0, 66% 100%, 0 100%) !important;
  filter: saturate(0.12) brightness(0.7) !important;
}

html body.page-home .rd-map-after {
  width: 76% !important;
  clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%) !important;
  background:
    radial-gradient(circle at 55% 55%, rgba(22, 200, 217, 0.22), transparent 39%),
    radial-gradient(circle at 55% 47%, rgba(227, 173, 85, 0.14), transparent 22%),
    linear-gradient(180deg, #062236, #03111d) !important;
}

html body.page-home .rd-map-after::before {
  opacity: 0.72 !important;
  filter: drop-shadow(0 0 4px rgba(22, 200, 217, 0.45)) !important;
}

html body.page-home .rd-map-after::after {
  background:
    radial-gradient(circle at 55% 55%, rgba(22, 200, 217, 0.2), transparent 29%),
    radial-gradient(circle at 55% 55%, transparent 0 39%, rgba(0, 0, 0, 0.16) 73%) !important;
}

html body.page-home .rd-map-label {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  min-height: 69px !important;
  padding: 0 26px !important;
  border-radius: 8px !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body.page-home .rd-map-label::after {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

html body.page-home .rd-before-label {
  left: -5px !important;
  top: 0 !important;
  min-width: 249px !important;
  color: rgba(255, 250, 244, 0.98) !important;
  background: rgba(15, 19, 23, 0.76) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

html body.page-home .rd-before-label::after {
  content: "Kaum sichtbar. Wenig Anfragen." !important;
  color: rgba(255, 250, 244, 0.72) !important;
}

html body.page-home .rd-after-label {
  left: 40% !important;
  top: 0 !important;
  min-width: 281px !important;
  color: #13100b !important;
  background: linear-gradient(180deg, #f7d782, #dca34d) !important;
  border-color: rgba(255, 238, 184, 0.72) !important;
}

html body.page-home .rd-after-label::after {
  content: "Maximale Sichtbarkeit. Mehr Kunden." !important;
  color: rgba(19, 16, 11, 0.82) !important;
}

html body.page-home .rd-store-before {
  left: 21% !important;
  top: 37% !important;
}

html body.page-home .rd-rank-muted {
  width: 53px !important;
  height: 53px !important;
  font-size: 20px !important;
  color: rgba(232, 235, 232, 0.7) !important;
}

html body.page-home .rd-missed-card {
  left: -14px !important;
  bottom: 11px !important;
  width: 220px !important;
  padding: 17px 20px !important;
  gap: 9px !important;
}

html body.page-home .rd-after-rings {
  left: 55% !important;
  top: 50% !important;
  width: 414px !important;
  height: 414px !important;
  border-width: 3px !important;
}

html body.page-home .rd-store-after {
  left: 55% !important;
  top: 50% !important;
  width: 72px !important;
  height: 72px !important;
}

html body.page-home .rd-route {
  left: 55% !important;
  top: 50% !important;
  height: 3px !important;
}

html body.page-home .rd-route::after {
  content: "" !important;
  position: absolute !important;
  inset: -3px 0 auto 0 !important;
  height: 9px !important;
  background: radial-gradient(circle, rgba(247, 216, 132, 0.95) 0 2px, transparent 3px) 0 50% / 34px 9px repeat-x !important;
}

html body.page-home .rd-route-a {
  width: 310px !important;
  transform: rotate(-33deg) !important;
}

html body.page-home .rd-route-b {
  width: 270px !important;
  transform: rotate(18deg) !important;
}

html body.page-home .rd-route-c {
  width: 245px !important;
  transform: rotate(142deg) !important;
}

html body.page-home .rd-car {
  position: absolute !important;
  z-index: 16 !important;
  display: block !important;
  width: 24px !important;
  height: 12px !important;
  opacity: 0.78 !important;
  border: 1px solid rgba(22, 200, 217, 0.82) !important;
  border-radius: 10px 11px 6px 6px !important;
  background: rgba(255, 247, 218, 0.92) !important;
  box-shadow:
    0 0 14px rgba(22, 200, 217, 0.48),
    0 0 8px rgba(247, 216, 132, 0.22) !important;
}

html body.page-home .rd-car::before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: -6px !important;
  width: 11px !important;
  height: 7px !important;
  border: 1px solid rgba(22, 200, 217, 0.82) !important;
  border-bottom: 0 !important;
  border-radius: 9px 9px 0 0 !important;
  background: rgba(255, 247, 218, 0.86) !important;
}

html body.page-home .rd-car::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  bottom: -3px !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: #15c7d8 !important;
  box-shadow: 14px 0 0 #15c7d8 !important;
}

html body.page-home .rd-car-left {
  left: 26% !important;
  top: 70% !important;
  transform: rotate(-17deg) !important;
}

html body.page-home .rd-car-right {
  left: 66% !important;
  top: 35% !important;
  transform: rotate(24deg) !important;
}

html body.page-home .rd-pin {
  width: 70px !important;
  height: 80px !important;
  border-width: 3px !important;
}

html body.page-home .rd-pin-1 {
  left: 55% !important;
  top: 21% !important;
}

html body.page-home .rd-pin-2 {
  left: 72% !important;
  top: 42% !important;
}

html body.page-home .rd-pin-3 {
  left: 37% !important;
  top: 64% !important;
}

html body.page-home .rd-split-line {
  left: 49% !important;
  top: -143px !important;
  width: 4px !important;
  height: 795px !important;
  transform: rotate(17deg) !important;
}

html body.page-home .rd-split-line span {
  top: 53% !important;
  width: 78px !important;
  height: 78px !important;
  transform: translate(-50%, -50%) rotate(-17deg) !important;
}

html body.page-home .rd-benefit-stack {
  right: -48px !important;
  top: 145px !important;
  width: 192px !important;
  gap: 14px !important;
}

html body.page-home .rd-map-benefit {
  min-height: 86px !important;
  padding: 13px 14px !important;
  border-radius: 8px !important;
  background: rgba(11, 22, 31, 0.9) !important;
}

html body.page-home .rd-sprint-line {
  width: 61% !important;
  margin: -38px 31px 0 auto !important;
}

html body.page-home .rd-sprint-line strong {
  margin-bottom: 15px !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
}

html body.page-home .rd-sprint-line b {
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

html body.page-home .rd-sprint-line small {
  font-size: 11px !important;
}

html body.page-home .rd-kpi-bar {
  min-height: 142px !important;
  margin: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-radius: 10px !important;
  border-color: rgba(255, 255, 255, 0.17) !important;
  background: linear-gradient(180deg, rgba(7, 29, 41, 0.86), rgba(4, 15, 23, 0.94)) !important;
  transform: translateY(-10px) !important;
}

html body.page-home .rd-kpi {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 28px !important;
  padding: 15px 26px 15px 45px !important;
  border-right-color: rgba(227, 173, 85, 0.46) !important;
}

html body.page-home .rd-kpi-icon {
  width: 72px !important;
  height: 72px !important;
  border-color: rgba(246, 196, 103, 0.95) !important;
}

html body.page-home .rd-kpi strong {
  font-family: "Newsreader", Georgia, serif !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html body.page-home .rd-kpi:not(:last-child) strong {
  white-space: nowrap !important;
}

html body.page-home .rd-kpi small {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1320px) {
  html body.page-home .site-header.topbar-v2 > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-surface] > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-elevate] > .container.header-inner,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: min(100% - 48px, 1200px) !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html body.page-home .rd-hero-heading {
    width: 430px !important;
    font-size: 62px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: 520px !important;
  }

  html body.page-home .site-header.topbar-v2 .nav,
  html body.page-home .site-header.topbar-v2[data-surface] .nav,
  html body.page-home .site-header.topbar-v2[data-elevate] .nav {
    display: none !important;
  }

  html body.page-home .rd-nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(247, 205, 122, 0.66) !important;
    border-radius: 8px !important;
    color: #fff8ed !important;
    background: rgba(4, 11, 18, 0.54) !important;
    box-shadow: none !important;
  }

  html body.page-home .rd-kpi {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 14px 18px !important;
  }

  html body.page-home .rd-kpi-icon {
    width: 60px !important;
    height: 60px !important;
  }

  html body.page-home .rd-kpi strong {
    font-size: 27px !important;
  }

  html body.page-home .rd-kpi small {
    font-size: 13px !important;
  }

  html body.page-home .rd-kpi:not(:last-child) strong {
    white-space: normal !important;
  }
}

@media (max-width: 1220px) {
  html body.page-home .site-header.topbar-v2 .nav,
  html body.page-home .site-header.topbar-v2[data-surface] .nav,
  html body.page-home .site-header.topbar-v2[data-elevate] .nav {
    display: none !important;
  }

  html body.page-home .rd-nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(247, 205, 122, 0.66) !important;
    border-radius: 8px !important;
    color: #fff8ed !important;
    background: rgba(4, 11, 18, 0.54) !important;
    box-shadow: none !important;
  }

  html body.page-home .hero.rd-map-hero,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    min-height: 0 !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    padding-top: calc(var(--header-offset) + 34px) !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  html body.page-home .rd-map-stage {
    margin-left: 0 !important;
  }

  html body.page-home .rd-hero-heading {
    width: min(100%, 640px) !important;
    font-size: 64px !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 12px !important;
  }

  html body.page-home .rd-sprint-line {
    width: 68% !important;
    margin-right: 42px !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.page-home .site-header.topbar-v2,
  html body.page-home .site-header.topbar-v2[data-surface],
  html body.page-home .site-header.topbar-v2[data-elevate] {
    min-height: 78px !important;
  }

  html body.page-home .site-header.topbar-v2 > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-surface] > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-elevate] > .container.header-inner,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: min(100% - 32px, 680px) !important;
  }

  html body.page-home .site-header.topbar-v2 > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-surface] > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-elevate] > .container.header-inner {
    min-height: 76px !important;
    padding: 10px 0 !important;
    align-items: center !important;
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
  }

  html body.page-home .site-header.topbar-v2 .brand,
  html body.page-home .site-header.topbar-v2[data-surface] .brand,
  html body.page-home .site-header.topbar-v2[data-elevate] .brand {
    transform: none !important;
  }

  html body.page-home .site-header.topbar-v2 .brand::before {
    font-size: 48px !important;
  }

  html body.page-home .site-header.topbar-v2 .brand-name {
    font-size: 14px !important;
  }

  html body.page-home .site-header.topbar-v2 .brand-subtitle {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }

  html body.page-home .site-header.topbar-v2 .btn.btn-primary.topbar-cta,
  html body.page-home .site-header.topbar-v2[data-surface] .btn.btn-primary.topbar-cta,
  html body.page-home .site-header.topbar-v2[data-elevate] .btn.btn-primary.topbar-cta {
    display: none !important;
  }

  html body.page-home .rd-nav-toggle {
    position: fixed !important;
    top: 18px !important;
    right: 16px !important;
    z-index: 3000 !important;
    background: rgba(4, 11, 18, 0.82) !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    padding-top: calc(var(--header-offset) + 116px) !important;
    padding-bottom: 28px !important;
  }

  html body.page-home .rd-hero-copy {
    padding-top: 0 !important;
  }

  html body.page-home .rd-hero-heading {
    width: 100% !important;
    font-size: 48px !important;
    line-height: 1.02 !important;
  }

  html body.page-home .rd-hero-sub,
  html body.page-home .rd-hero-sub strong,
  html body.page-home .rd-hero-sub span {
    font-size: 20px !important;
  }

  html body.page-home .rd-hero-cta {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 390px !important;
    font-size: 19px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }

  html body.page-home .rd-mini-benefit {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  html body.page-home .rd-mini-benefit:last-child {
    border-bottom: 0 !important;
  }

  html body.page-home .rd-map-card {
    height: 460px !important;
  }

  html body.page-home .rd-map-before {
    width: 62% !important;
  }

  html body.page-home .rd-map-after {
    width: 82% !important;
  }

  html body.page-home .rd-map-label {
    min-height: 56px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  html body.page-home .rd-map-label::after {
    font-size: 10px !important;
  }

  html body.page-home .rd-before-label {
    min-width: 170px !important;
  }

  html body.page-home .rd-after-label {
    left: 44% !important;
    min-width: 190px !important;
  }

  html body.page-home .rd-benefit-stack,
  html body.page-home .rd-missed-card {
    display: none !important;
  }

  html body.page-home .rd-after-rings {
    width: 300px !important;
    height: 300px !important;
  }

  html body.page-home .rd-pin {
    width: 54px !important;
    height: 62px !important;
  }

  html body.page-home .rd-pin strong {
    width: 35px !important;
    height: 35px !important;
    font-size: 21px !important;
  }

  html body.page-home .rd-pin-1 {
    top: 30% !important;
  }

  html body.page-home .rd-pin-2 {
    top: 52% !important;
  }

  html body.page-home .rd-pin-3 {
    top: 72% !important;
  }

  html body.page-home .rd-split-line {
    left: 46% !important;
    top: -20px !important;
    height: 500px !important;
  }

  html body.page-home .rd-split-line span {
    display: none !important;
  }

  html body.page-home .rd-sprint-line {
    width: 100% !important;
    margin: 18px 0 0 !important;
  }

  html body.page-home .rd-sprint-line ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 8px !important;
  }

  html body.page-home .rd-sprint-line ol::before {
    content: none !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    margin: 28px 0 0 !important;
  }

  html body.page-home .rd-kpi {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(227, 173, 85, 0.3) !important;
  }

  html body.page-home .rd-kpi:last-child {
    border-bottom: 0 !important;
  }

  html body.page-home .rd-kpi-icon {
    width: 54px !important;
    height: 54px !important;
  }

  html body.page-home .rd-kpi strong {
    font-size: 27px !important;
  }
}

@media (max-width: 420px) {
  html body.page-home .rd-hero-heading {
    font-size: 40px !important;
  }

  html body.page-home .rd-hero-cta {
    font-size: 17px !important;
  }

  html body.page-home .rd-map-card {
    height: 410px !important;
  }

  html body.page-home .rd-after-rings {
    width: 250px !important;
    height: 250px !important;
  }
}

@media (min-width: 421px) and (max-width: 760px) {
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    padding-top: calc(var(--header-offset) + 48px) !important;
  }
}

@media (min-width: 1101px) {
  html body.page-home .site-header.topbar-v2 > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-surface] > .container.header-inner,
  html body.page-home .site-header.topbar-v2[data-elevate] > .container.header-inner {
    width: calc(100% - 96px) !important;
    max-width: none !important;
  }

  html body.page-home .site-header.topbar-v2 .brand,
  html body.page-home .site-header.topbar-v2[data-surface] .brand,
  html body.page-home .site-header.topbar-v2[data-elevate] .brand {
    transform: translateY(10px) !important;
  }

  html body.page-home .site-header.topbar-v2 .nav,
  html body.page-home .site-header.topbar-v2[data-surface] .nav,
  html body.page-home .site-header.topbar-v2[data-elevate] .nav {
    gap: clamp(42px, 3.2vw, 58px) !important;
    transform: translateX(-84px) !important;
  }

  html body.page-home .site-header.topbar-v2 .btn.btn-primary.topbar-cta,
  html body.page-home .site-header.topbar-v2[data-surface] .btn.btn-primary.topbar-cta,
  html body.page-home .site-header.topbar-v2[data-elevate] .btn.btn-primary.topbar-cta {
    min-width: 318px !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(247, 216, 132, 0.12), transparent 44%),
      rgba(4, 11, 18, 0.58) !important;
    box-shadow:
      0 0 24px rgba(227, 173, 85, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }

  html body.page-home .hero.rd-map-hero {
    min-height: 900px !important;
    background:
      radial-gradient(880px 560px at 78% 38%, rgba(12, 106, 132, 0.5), transparent 70%),
      radial-gradient(620px 420px at 29% 45%, rgba(17, 133, 144, 0.14), transparent 72%),
      radial-gradient(420px 360px at 13% 34%, rgba(227, 173, 85, 0.08), transparent 74%),
      linear-gradient(180deg, #01060b 0%, #03080d 52%, #03111a 100%) !important;
  }

  html body.page-home .hero.rd-map-hero::before {
    background:
      linear-gradient(90deg, rgba(1, 6, 11, 0.68) 0%, rgba(1, 6, 11, 0.26) 42%, rgba(1, 6, 11, 0.04) 100%),
      linear-gradient(28deg, transparent 0 22%, rgba(255, 255, 255, 0.035) 22.2% 22.5%, transparent 22.7% 100%),
      linear-gradient(116deg, transparent 0 52%, rgba(22, 200, 217, 0.035) 52.2% 52.6%, transparent 52.8% 100%),
      radial-gradient(ellipse at 48% 45%, rgba(255, 255, 255, 0.035), transparent 50%) !important;
  }

  html body.page-home .rd-page-grid {
    opacity: 0.2 !important;
    background-size: 170px 170px, 210px 210px, 70px 70px, 70px 70px !important;
    mask-image: radial-gradient(ellipse at 64% 42%, black, transparent 78%) !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: calc(100% - 124px) !important;
    max-width: none !important;
    min-height: 900px !important;
    padding: 130px 0 28px !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: minmax(500px, 520px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  html body.page-home .rd-hero-copy {
    max-width: 540px !important;
    padding-top: 5px !important;
  }

  html body.page-home .rd-hero-heading {
    width: 540px !important;
    font-size: 70px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    transform: scaleX(0.94) !important;
    transform-origin: left top !important;
  }

  html body.page-home .rd-hero-heading span:nth-child(3),
  html body.page-home .rd-hero-heading .rd-gold {
    background: linear-gradient(180deg, #f8db8e 0%, #e7b35b 52%, #bd8538 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 14px 26px rgba(227, 173, 85, 0.16)) !important;
  }

  html body.page-home .rd-hero-heading::after {
    width: 94px !important;
    height: 4px !important;
    margin-top: 26px !important;
    background: linear-gradient(90deg, #ffd982, rgba(246, 207, 114, 0.6) 54%, rgba(246, 207, 114, 0.02)) !important;
    box-shadow: 0 0 28px rgba(227, 173, 85, 0.36) !important;
  }

  html body.page-home .rd-hero-sub {
    margin-top: 24px !important;
    font-size: 27px !important;
  }

  html body.page-home .rd-hero-cta {
    min-width: 386px !important;
    min-height: 68px !important;
    margin-top: 22px !important;
    background:
      linear-gradient(180deg, rgba(255, 239, 188, 0.26), transparent 34%),
      linear-gradient(180deg, #f8d98b 0%, #dea34e 100%) !important;
    box-shadow:
      0 18px 44px rgba(227, 173, 85, 0.22),
      0 0 28px rgba(227, 173, 85, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
  }

  html body.page-home .rd-mini-benefits {
    width: 590px !important;
    min-height: 70px !important;
    margin-top: 16px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(22, 200, 217, 0.08), transparent 42%),
      rgba(6, 14, 21, 0.82) !important;
    box-shadow:
      0 18px 38px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  html body.page-home .rd-map-stage {
    margin-left: -12px !important;
    margin-top: -13px !important;
  }

  html body.page-home .rd-map-card {
    height: 526px !important;
    width: calc(100% + 56px) !important;
    isolation: isolate !important;
  }

  html body.page-home .rd-map-card::before,
  html body.page-home .rd-map-card::after {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;
  }

  html body.page-home .rd-map-card::before {
    z-index: -1 !important;
    inset: -88px -74px -78px -86px !important;
    background:
      radial-gradient(ellipse at 71% 43%, rgba(22, 200, 217, 0.2), transparent 54%),
      radial-gradient(ellipse at 48% 46%, rgba(227, 173, 85, 0.08), transparent 38%),
      radial-gradient(ellipse at 45% 55%, rgba(255, 255, 255, 0.035), transparent 54%) !important;
    filter: blur(2px) !important;
  }

  html body.page-home .rd-map-card::after {
    z-index: 0 !important;
    inset: -1px 0 0 -8px !important;
    opacity: 0.44 !important;
    background:
      linear-gradient(180deg, rgba(2, 7, 11, 1) 0%, rgba(2, 7, 11, 0.72) 9%, rgba(2, 7, 11, 0.2) 22%, transparent 32%, transparent 72%, rgba(2, 9, 13, 0.44) 88%, rgba(2, 9, 13, 0.84) 100%),
      linear-gradient(90deg, rgba(2, 7, 11, 0.48), transparent 10%, transparent 88%, rgba(2, 9, 13, 0.86)) !important;
    mix-blend-mode: normal !important;
  }

  html body.page-home .rd-map-zone {
    background-color: transparent !important;
    box-shadow:
      inset 0 128px 112px rgba(2, 7, 11, 0.72),
      inset 0 -82px 96px rgba(2, 8, 12, 0.58),
      inset 70px 0 80px rgba(2, 7, 11, 0.22),
      inset -70px 0 86px rgba(2, 8, 12, 0.3) !important;
  }

  html body.page-home .rd-map-zone::before {
    opacity: 0.94 !important;
    background-image:
      linear-gradient(24deg, transparent 0 46%, rgba(255, 255, 255, 0.15) 47%, transparent 49%),
      linear-gradient(76deg, transparent 0 48%, rgba(255, 255, 255, 0.09) 49%, transparent 50%),
      linear-gradient(124deg, transparent 0 48%, rgba(255, 255, 255, 0.08) 49%, transparent 50%),
      repeating-radial-gradient(circle at 50% 55%, transparent 0 42px, rgba(255, 255, 255, 0.08) 43px 45px, transparent 46px 86px),
      repeating-linear-gradient(18deg, transparent 0 48px, rgba(255, 255, 255, 0.055) 49px 51px, transparent 52px 104px),
      repeating-linear-gradient(143deg, transparent 0 62px, rgba(22, 200, 217, 0.05) 63px 65px, transparent 66px 132px),
      linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px) !important;
    background-size: 180px 180px, 240px 240px, 190px 190px, 100% 100%, 100% 100%, 100% 100%, 46px 46px, 46px 46px !important;
  }

  html body.page-home .rd-map-before {
    width: 56% !important;
    opacity: 0.95 !important;
    filter: none !important;
    background:
      radial-gradient(circle at 52% 53%, rgba(255, 255, 255, 0.035), transparent 31%),
      linear-gradient(180deg, #070b10, #03060a) !important;
  }

  html body.page-home .rd-map-before::before {
    opacity: 0.34 !important;
  }

  html body.page-home .rd-map-after {
    width: 79% !important;
    background:
      radial-gradient(circle at 55% 50%, rgba(22, 200, 217, 0.27), transparent 38%),
      radial-gradient(circle at 55% 47%, rgba(247, 216, 132, 0.18), transparent 20%),
      radial-gradient(circle at 79% 38%, rgba(22, 200, 217, 0.13), transparent 38%),
      linear-gradient(180deg, rgba(5, 34, 52, 0.88), rgba(3, 16, 27, 0.9)) !important;
  }

  html body.page-home .rd-map-after::before {
    opacity: 0.82 !important;
    filter: drop-shadow(0 0 5px rgba(22, 200, 217, 0.54)) !important;
  }

  html body.page-home .rd-map-after::after {
    background:
      radial-gradient(circle at 55% 50%, rgba(22, 200, 217, 0.28), transparent 28%),
      repeating-conic-gradient(from 10deg at 55% 50%, rgba(247, 216, 132, 0.1) 0 0.5deg, transparent 0.7deg 14deg),
      radial-gradient(circle at 55% 50%, transparent 0 36%, rgba(0, 0, 0, 0.16) 73%) !important;
  }

  html body.page-home .rd-after-rings {
    left: 50.5% !important;
    top: 50% !important;
    width: 432px !important;
    height: 432px !important;
    border-color: rgba(22, 200, 217, 0.84) !important;
    box-shadow:
      0 0 42px rgba(22, 200, 217, 0.5),
      inset 0 0 86px rgba(22, 200, 217, 0.16) !important;
  }

  html body.page-home .rd-after-rings::before,
  html body.page-home .rd-after-rings::after {
    content: "" !important;
    position: absolute !important;
    inset: -54px !important;
    border-radius: 50% !important;
    pointer-events: none !important;
  }

  html body.page-home .rd-after-rings::before {
    background:
      radial-gradient(circle at 56% 10%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px),
      radial-gradient(circle at 72% 29%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px),
      radial-gradient(circle at 83% 54%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px),
      radial-gradient(circle at 47% 83%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px),
      radial-gradient(circle at 28% 67%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px),
      radial-gradient(circle at 18% 37%, rgba(247, 216, 132, 0.95) 0 3px, transparent 4px) !important;
    filter: drop-shadow(0 0 8px rgba(247, 216, 132, 0.46)) !important;
  }

  html body.page-home .rd-after-rings::after {
    inset: 34px !important;
    border: 2px solid rgba(22, 200, 217, 0.22) !important;
    box-shadow:
      0 0 0 62px rgba(22, 200, 217, 0.075),
      0 0 0 122px rgba(22, 200, 217, 0.035) !important;
  }

  html body.page-home .rd-store-after {
    z-index: 18 !important;
    left: 50.5% !important;
    width: 82px !important;
    height: 82px !important;
    box-shadow:
      0 0 0 15px rgba(227, 173, 85, 0.1),
      0 0 48px rgba(22, 200, 217, 0.56),
      inset 0 0 22px rgba(22, 200, 217, 0.18) !important;
  }

  html body.page-home .rd-store-after svg {
    width: 39px !important;
    height: 39px !important;
  }

  html body.page-home .rd-route {
    left: 50.5% !important;
    height: 3px !important;
    background: linear-gradient(90deg, rgba(247, 216, 132, 0.98), rgba(22, 200, 217, 0.76), transparent) !important;
    box-shadow: 0 0 22px rgba(22, 200, 217, 0.52), 0 0 14px rgba(247, 216, 132, 0.28) !important;
  }

  html body.page-home .rd-pin {
    z-index: 22 !important;
    width: 74px !important;
    height: 84px !important;
    border-color: rgba(255, 248, 225, 1) !important;
    box-shadow:
      0 0 38px rgba(227, 173, 85, 0.68),
      0 22px 40px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
  }

  html body.page-home .rd-pin strong {
    width: 48px !important;
    height: 48px !important;
    font-size: 30px !important;
  }

  html body.page-home .rd-pin-1 {
    left: 51.5% !important;
    top: 19% !important;
  }

  html body.page-home .rd-pin-2 {
    left: 66.5% !important;
    top: 40% !important;
  }

  html body.page-home .rd-pin-3 {
    left: 36.5% !important;
    top: 63% !important;
  }

  html body.page-home .rd-split-line {
    z-index: 24 !important;
    left: 47% !important;
    width: 5px !important;
    height: 810px !important;
    background: linear-gradient(180deg, #fff1ba 0%, #f7c66b 36%, #d89438 100%) !important;
    box-shadow:
      0 0 20px rgba(247, 216, 132, 0.92),
      0 0 58px rgba(227, 173, 85, 0.42) !important;
  }

  html body.page-home .rd-split-line::before {
    content: "" !important;
    position: absolute !important;
    inset: -2px -22px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(247, 216, 132, 0.28), rgba(227, 173, 85, 0.16)) !important;
    filter: blur(14px) !important;
  }

  html body.page-home .rd-split-line span {
    z-index: 2 !important;
    width: 88px !important;
    height: 88px !important;
    background:
      radial-gradient(circle at 34% 22%, #fff0b6 0 8%, #f4c56d 24%, #986227 67%, #2b1b09 100%) !important;
    border-color: rgba(255, 236, 170, 0.88) !important;
    box-shadow:
      0 0 34px rgba(247, 216, 132, 0.72),
      0 0 70px rgba(227, 173, 85, 0.32),
      0 20px 44px rgba(0, 0, 0, 0.42) !important;
  }

  html body.page-home .rd-map-label {
    z-index: 26 !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;
  }

  html body.page-home .rd-after-label {
    left: 39% !important;
    min-width: 290px !important;
    background:
      linear-gradient(180deg, rgba(255, 242, 188, 0.32), transparent 40%),
      linear-gradient(180deg, #f7d783, #dba14c) !important;
    box-shadow: 0 22px 44px rgba(227, 173, 85, 0.22) !important;
  }

  html body.page-home .rd-missed-card span::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: block !important;
    width: 20px !important;
    height: 16px !important;
    margin: 0 !important;
    border: 1.6px solid rgba(255, 250, 242, 0.58) !important;
    background: transparent !important;
    transform: translateY(-50%) !important;
    opacity: 0.86 !important;
  }

  html body.page-home .rd-missed-card span {
    position: relative !important;
    padding-left: 32px !important;
  }

  html body.page-home .rd-missed-card span:nth-of-type(1)::before {
    width: 17px !important;
    height: 17px !important;
    border-left-color: transparent !important;
    border-radius: 5px 9px 9px 5px !important;
    transform: translateY(-50%) rotate(-36deg) !important;
  }

  html body.page-home .rd-missed-card span:nth-of-type(2)::before {
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    clip-path: polygon(0 46%, 100% 0, 62% 100%, 48% 60%) !important;
    background: rgba(255, 250, 242, 0.52) !important;
  }

  html body.page-home .rd-missed-card span:nth-of-type(3)::before {
    width: 22px !important;
    height: 13px !important;
    border-radius: 50% !important;
  }

  html body.page-home .rd-missed-card span:nth-of-type(3)::after {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: rgba(255, 250, 242, 0.48) !important;
    transform: translateY(-50%) !important;
  }

  html body.page-home .rd-missed-card {
    z-index: 26 !important;
  }

  html body.page-home .rd-benefit-stack {
    z-index: 20 !important;
    right: 10px !important;
    top: 145px !important;
    width: 200px !important;
    gap: 15px !important;
  }

  html body.page-home .rd-map-benefit {
    grid-template-columns: 48px 1fr !important;
    min-height: 92px !important;
    padding: 15px 16px !important;
    background:
      radial-gradient(circle at 13% 50%, rgba(22, 200, 217, 0.12), transparent 44%),
      rgba(10, 22, 32, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow:
      0 22px 46px rgba(0, 0, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    position: relative !important;
  }

  html body.page-home .rd-map-benefit::after {
    content: "" !important;
    position: absolute !important;
    top: 16px !important;
    right: 15px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #52d58e !important;
    box-shadow: 0 0 14px rgba(82, 213, 142, 0.58) !important;
  }

  html body.page-home .rd-map-benefit > span {
    width: 46px !important;
    height: 46px !important;
    background: rgba(22, 200, 217, 0.14) !important;
    box-shadow: inset 0 0 18px rgba(22, 200, 217, 0.08) !important;
  }

  html body.page-home .rd-map-benefit strong {
    font-size: 16px !important;
  }

  html body.page-home .rd-map-benefit small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html body.page-home .rd-sprint-line {
    width: 67% !important;
    margin: -40px 8px 0 auto !important;
  }

  html body.page-home .rd-sprint-line strong {
    font-size: 19px !important;
    margin-bottom: 6px !important;
  }

  html body.page-home .rd-sprint-line ol::before {
    left: 18px !important;
    right: 18px !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.78), rgba(247, 216, 132, 1)) !important;
    box-shadow: 0 0 22px rgba(227, 173, 85, 0.26) !important;
  }

  html body.page-home .rd-sprint-line li span {
    width: 18px !important;
    height: 18px !important;
    background: #f6d58a !important;
    border-color: rgba(255, 238, 186, 0.98) !important;
  }

  html body.page-home .rd-sprint-line li:last-child span {
    width: 21px !important;
    height: 21px !important;
    transform: translateY(-2px) !important;
    box-shadow:
      0 0 30px rgba(227, 173, 85, 0.82),
      0 0 0 5px rgba(227, 173, 85, 0.14) !important;
  }

  html body.page-home .rd-kpi-bar {
    min-height: 138px !important;
    transform: translateY(20px) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(22, 200, 217, 0.09), transparent 42%),
      radial-gradient(circle at 84% 20%, rgba(227, 173, 85, 0.045), transparent 48%),
      linear-gradient(180deg, rgba(7, 29, 41, 0.88), rgba(4, 15, 23, 0.96)) !important;
    box-shadow:
      0 22px 58px rgba(0, 0, 0, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 0 80px rgba(22, 200, 217, 0.045) !important;
  }

  html body.page-home .rd-kpi {
    grid-template-columns: 80px minmax(0, 1fr) !important;
    gap: 30px !important;
    padding: 15px 34px 15px 44px !important;
  }

  html body.page-home .rd-kpi-icon {
    width: 76px !important;
    height: 76px !important;
    color: #f2bc5c !important;
    border-color: rgba(247, 197, 94, 0.98) !important;
    box-shadow: 0 0 26px rgba(227, 173, 85, 0.12) !important;
  }

  html body.page-home .rd-kpi strong {
    font-size: 32px !important;
  }
}

@media (min-width: 1221px) and (max-width: 1320px) {
  html body.page-home .rd-kpi {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 13px 14px !important;
  }

  html body.page-home .rd-kpi-icon {
    width: 54px !important;
    height: 54px !important;
  }

  html body.page-home .rd-kpi p {
    min-width: 0 !important;
  }

  html body.page-home .rd-kpi strong,
  html body.page-home .rd-kpi:not(:last-child) strong {
    font-size: 24px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  html body.page-home .rd-kpi small {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}

@media (min-width: 761px) and (max-width: 1220px) {
  html body.page-home .hero.rd-map-hero,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    min-height: 0 !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: min(100% - 48px, 1040px) !important;
    padding-top: calc(var(--header-offset) + 34px) !important;
    padding-bottom: 44px !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  html body.page-home .rd-hero-copy {
    max-width: 640px !important;
  }

  html body.page-home .rd-hero-heading {
    width: min(100%, 640px) !important;
    font-size: 64px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: min(100%, 590px) !important;
  }

  html body.page-home .rd-map-stage {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  html body.page-home .rd-map-card {
    width: 100% !important;
    height: 500px !important;
  }

  html body.page-home .rd-split-line {
    top: -12px !important;
    height: 560px !important;
  }

  html body.page-home .rd-split-line span {
    top: 50% !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 12px !important;
  }

  html body.page-home .rd-sprint-line {
    width: min(100%, 720px) !important;
    margin: 18px auto 0 !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 28px !important;
    transform: none !important;
  }

  html body.page-home .rd-kpi {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px 24px !important;
  }

  html body.page-home .rd-kpi-icon {
    width: 62px !important;
    height: 62px !important;
  }

  html body.page-home .rd-kpi strong,
  html body.page-home .rd-kpi:not(:last-child) strong {
    font-size: 28px !important;
    white-space: normal !important;
  }
}

/* Responsive stability pass: keep the before/after masks and divider on one geometry. */
html body.page-home .rd-map-card {
  --rd-split-top: 48%;
  --rd-split-bottom: 34%;
  --rd-split-line: 0.38%;
  --rd-split-glow: 2.6%;
  --rd-split-marker-x: 41%;
  --rd-split-marker-y: 52%;
}

html body.page-home .rd-map-before {
  left: 0 !important;
  width: 56% !important;
  clip-path: polygon(0 0, 85.7% 0, 60.7% 100%, 0 100%) !important;
}

html body.page-home .rd-map-after {
  right: 0 !important;
  width: 79% !important;
  clip-path: polygon(34.2% 0, 100% 0, 100% 100%, 16.5% 100%) !important;
}

html body.page-home .rd-split-line {
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 24 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

html body.page-home .rd-split-line::before,
html body.page-home .rd-split-line::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 0 !important;
  pointer-events: none !important;
}

html body.page-home .rd-split-line::before {
  clip-path: polygon(
    calc(var(--rd-split-top) - var(--rd-split-glow)) 0,
    calc(var(--rd-split-top) + var(--rd-split-glow)) 0,
    calc(var(--rd-split-bottom) + var(--rd-split-glow)) 100%,
    calc(var(--rd-split-bottom) - var(--rd-split-glow)) 100%
  ) !important;
  background: linear-gradient(180deg, rgba(255, 236, 174, 0.36), rgba(227, 173, 85, 0.24)) !important;
  filter: blur(13px) !important;
}

html body.page-home .rd-split-line::after {
  clip-path: polygon(
    calc(var(--rd-split-top) - var(--rd-split-line)) 0,
    calc(var(--rd-split-top) + var(--rd-split-line)) 0,
    calc(var(--rd-split-bottom) + var(--rd-split-line)) 100%,
    calc(var(--rd-split-bottom) - var(--rd-split-line)) 100%
  ) !important;
  background: linear-gradient(180deg, #fff1ba 0%, #f7c66b 38%, #d89438 100%) !important;
  box-shadow:
    0 0 18px rgba(247, 216, 132, 0.88),
    0 0 54px rgba(227, 173, 85, 0.36) !important;
}

html body.page-home .rd-split-line span {
  position: absolute !important;
  left: var(--rd-split-marker-x) !important;
  top: var(--rd-split-marker-y) !important;
  z-index: 2 !important;
  display: grid !important;
  transform: translate(-50%, -50%) !important;
}

@media (min-width: 1381px) and (max-width: 1500px) {
  html body.page-home .rd-hero-main {
    grid-template-columns: minmax(450px, 500px) minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html body.page-home .rd-hero-heading {
    width: 500px !important;
    font-size: 66px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: 540px !important;
  }

  html body.page-home .rd-map-card {
    width: calc(100% + 34px) !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 0 !important;
    width: 188px !important;
  }

  html body.page-home .rd-map-benefit {
    grid-template-columns: 42px 1fr !important;
    padding: 13px 12px !important;
  }
}

@media (min-width: 1221px) and (max-width: 1380px) {
  html body.page-home .hero.rd-map-hero,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    min-height: 0 !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: min(100% - 64px, 1120px) !important;
    padding-top: calc(var(--header-offset) + 42px) !important;
    padding-bottom: 44px !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  html body.page-home .rd-hero-copy {
    max-width: 650px !important;
    padding-top: 0 !important;
  }

  html body.page-home .rd-hero-heading {
    width: min(100%, 650px) !important;
    font-size: 66px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: min(100%, 590px) !important;
  }

  html body.page-home .rd-map-stage {
    margin: 0 !important;
  }

  html body.page-home .rd-map-card {
    width: 100% !important;
    height: clamp(500px, 42vw, 548px) !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 12px !important;
    top: 145px !important;
  }

  html body.page-home .rd-sprint-line {
    width: min(100%, 780px) !important;
    margin: 20px auto 0 !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 32px !important;
    transform: none !important;
  }

  html body.page-home .rd-kpi {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 18px 24px !important;
  }
}

@media (min-width: 761px) and (max-width: 1220px) {
  html body.page-home .rd-map-card {
    --rd-split-marker-x: 41%;
    width: 100% !important;
    height: clamp(480px, 52vw, 530px) !important;
  }

  html body.page-home .rd-map-before {
    width: 56% !important;
    clip-path: polygon(0 0, 85.7% 0, 60.7% 100%, 0 100%) !important;
  }

  html body.page-home .rd-map-after {
    width: 79% !important;
    clip-path: polygon(34.2% 0, 100% 0, 100% 100%, 16.5% 100%) !important;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  html body.page-home .rd-benefit-stack {
    display: none !important;
  }

  html body.page-home .rd-after-rings {
    width: 360px !important;
    height: 360px !important;
  }

  html body.page-home .rd-pin {
    width: 64px !important;
    height: 74px !important;
  }
}

@media (max-width: 760px) {
  html body.page-home .rd-map-card {
    --rd-mobile-before-panel: 35%;
    display: grid !important;
    grid-template-rows: var(--rd-mobile-before-panel) 1fr !important;
    width: 100% !important;
    height: clamp(610px, 145vw, 720px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 10px !important;
    background: rgba(4, 13, 20, 0.84) !important;
  }

  html body.page-home .rd-map-zone {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    clip-path: none !important;
    overflow: hidden !important;
  }

  html body.page-home .rd-map-before {
    grid-row: 1 !important;
    opacity: 0.98 !important;
    filter: saturate(0.18) brightness(0.72) !important;
    background:
      radial-gradient(circle at 42% 58%, rgba(255, 255, 255, 0.045), transparent 34%),
      linear-gradient(180deg, #080d12, #03070b) !important;
  }

  html body.page-home .rd-map-after {
    grid-row: 2 !important;
    background:
      radial-gradient(circle at 50% 48%, rgba(22, 200, 217, 0.28), transparent 40%),
      radial-gradient(circle at 50% 46%, rgba(247, 216, 132, 0.16), transparent 22%),
      linear-gradient(180deg, rgba(5, 34, 52, 0.9), rgba(3, 16, 27, 0.96)) !important;
  }

  html body.page-home .rd-map-label {
    min-height: 48px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
  }

  html body.page-home .rd-map-label::after {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.page-home .rd-before-label {
    left: 10px !important;
    top: 10px !important;
    min-width: min(62%, 205px) !important;
    max-width: calc(100% - 20px) !important;
  }

  html body.page-home .rd-after-label {
    left: 50% !important;
    top: 14px !important;
    min-width: min(76%, 270px) !important;
    max-width: calc(100% - 24px) !important;
    transform: translateX(-50%) !important;
  }

  html body.page-home .rd-store-before {
    left: 32% !important;
    top: 58% !important;
  }

  html body.page-home .rd-rank-muted {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
  }

  html body.page-home .rd-missed-card,
  html body.page-home .rd-benefit-stack {
    display: none !important;
  }

  html body.page-home .rd-after-rings {
    left: 50% !important;
    top: 55% !important;
    width: clamp(260px, 74vw, 390px) !important;
    height: clamp(260px, 74vw, 390px) !important;
  }

  html body.page-home .rd-store-after,
  html body.page-home .rd-route {
    left: 50% !important;
    top: 55% !important;
  }

  html body.page-home .rd-store-after {
    width: 62px !important;
    height: 62px !important;
  }

  html body.page-home .rd-route-a {
    width: clamp(180px, 48vw, 300px) !important;
  }

  html body.page-home .rd-route-b {
    width: clamp(160px, 42vw, 260px) !important;
  }

  html body.page-home .rd-route-c {
    width: clamp(150px, 40vw, 230px) !important;
  }

  html body.page-home .rd-pin {
    width: 54px !important;
    height: 62px !important;
  }

  html body.page-home .rd-pin strong {
    width: 35px !important;
    height: 35px !important;
    font-size: 21px !important;
  }

  html body.page-home .rd-pin-1 {
    left: 50% !important;
    top: 30% !important;
  }

  html body.page-home .rd-pin-2 {
    left: 68% !important;
    top: 55% !important;
  }

  html body.page-home .rd-pin-3 {
    left: 34% !important;
    top: 70% !important;
  }

  html body.page-home .rd-car-left {
    left: 28% !important;
    top: 74% !important;
  }

  html body.page-home .rd-car-right {
    left: 73% !important;
    top: 38% !important;
  }

  html body.page-home .rd-split-line {
    left: 0 !important;
    right: 0 !important;
    top: var(--rd-mobile-before-panel) !important;
    bottom: auto !important;
    width: 100% !important;
    height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.page-home .rd-split-line::before {
    inset: -18px 0 auto 0 !important;
    height: 36px !important;
    clip-path: none !important;
    background: linear-gradient(90deg, transparent 5%, rgba(247, 216, 132, 0.34) 44%, rgba(227, 173, 85, 0.34) 56%, transparent 95%) !important;
    filter: blur(11px) !important;
  }

  html body.page-home .rd-split-line::after {
    left: 9% !important;
    right: 9% !important;
    top: -1px !important;
    width: auto !important;
    height: 3px !important;
    clip-path: none !important;
    background: linear-gradient(90deg, transparent 0%, #fff1ba 16%, #f7c66b 52%, #d89438 84%, transparent 100%) !important;
  }

  html body.page-home .rd-split-line span {
    left: 50% !important;
    top: 0 !important;
    display: grid !important;
    width: 58px !important;
    height: 58px !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
  }

  html body.page-home .rd-split-line svg {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 420px) {
  html body.page-home .rd-map-card {
    height: clamp(570px, 148vw, 630px) !important;
  }

  html body.page-home .rd-map-label {
    min-height: 44px !important;
    font-size: 10.5px !important;
  }

  html body.page-home .rd-map-label::after {
    font-size: 9px !important;
  }

  html body.page-home .rd-rank-muted {
    width: 39px !important;
    height: 39px !important;
    font-size: 15px !important;
  }

  html body.page-home .rd-after-rings {
    width: 250px !important;
    height: 250px !important;
  }

  html body.page-home .rd-pin {
    width: 48px !important;
    height: 56px !important;
  }

  html body.page-home .rd-pin strong {
    width: 31px !important;
    height: 31px !important;
    font-size: 18px !important;
  }
}

@media (min-width: 1221px) and (max-width: 1380px) {
  html body.page-home .hero.rd-map-hero {
    min-height: 900px !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    min-height: 900px !important;
    padding: 130px 0 30px !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: minmax(390px, 450px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  html body.page-home .rd-hero-copy {
    max-width: 460px !important;
    padding-top: 4px !important;
    position: relative !important;
    z-index: 30 !important;
  }

  html body.page-home .rd-hero-heading {
    width: 460px !important;
    font-size: 62px !important;
    line-height: 1.04 !important;
  }

  html body.page-home .rd-hero-sub,
  html body.page-home .rd-hero-sub strong,
  html body.page-home .rd-hero-sub span {
    font-size: 25px !important;
  }

  html body.page-home .rd-hero-cta {
    min-width: 360px !important;
    min-height: 64px !important;
    font-size: 22px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: min(540px, calc(100vw - 700px)) !important;
    min-width: 470px !important;
    position: relative !important;
    z-index: 31 !important;
  }

  html body.page-home .rd-mini-benefit {
    grid-template-columns: 34px 1fr !important;
    gap: 9px !important;
    padding: 10px 12px !important;
  }

  html body.page-home .rd-map-stage {
    margin-left: 0 !important;
    margin-top: -6px !important;
    position: relative !important;
    z-index: 10 !important;
  }

  html body.page-home .rd-map-card {
    width: 100% !important;
    height: 518px !important;
  }

  html body.page-home .rd-map-label {
    min-height: 64px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
  }

  html body.page-home .rd-before-label {
    min-width: 232px !important;
  }

  html body.page-home .rd-after-label {
    left: 38% !important;
    min-width: 254px !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 0 !important;
    top: 146px !important;
    width: 176px !important;
    gap: 12px !important;
  }

  html body.page-home .rd-map-benefit {
    grid-template-columns: 40px 1fr !important;
    min-height: 82px !important;
    padding: 12px !important;
  }

  html body.page-home .rd-map-benefit > span {
    width: 38px !important;
    height: 38px !important;
  }

  html body.page-home .rd-map-benefit strong {
    font-size: 14px !important;
  }

  html body.page-home .rd-map-benefit small {
    font-size: 11px !important;
  }

  html body.page-home .rd-after-rings {
    width: 380px !important;
    height: 380px !important;
  }

  html body.page-home .rd-store-after,
  html body.page-home .rd-route {
    left: 50.5% !important;
  }

  html body.page-home .rd-pin {
    width: 66px !important;
    height: 76px !important;
  }

  html body.page-home .rd-pin strong {
    width: 42px !important;
    height: 42px !important;
    font-size: 26px !important;
  }

  html body.page-home .rd-sprint-line {
    width: min(100%, 640px) !important;
    margin: -26px 26px 0 auto !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 132px !important;
    margin-top: 0 !important;
    transform: translateY(18px) !important;
  }
}

@media (max-width: 760px) {
  html body.page-home .rd-after-label {
    top: 40px !important;
  }
}

@media (min-width: 1221px) and (max-width: 1320px) {
  html body.page-home .hero.rd-map-hero,
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    min-height: 0 !important;
  }

  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    width: min(100% - 64px, 1120px) !important;
    padding-top: calc(var(--header-offset) + 42px) !important;
    padding-bottom: 44px !important;
  }

  html body.page-home .rd-hero-main {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  html body.page-home .rd-hero-copy {
    max-width: 650px !important;
  }

  html body.page-home .rd-hero-heading {
    width: min(100%, 650px) !important;
    font-size: 66px !important;
  }

  html body.page-home .rd-mini-benefits {
    width: min(100%, 590px) !important;
    min-width: 0 !important;
  }

  html body.page-home .rd-map-stage {
    margin: 0 !important;
  }

  html body.page-home .rd-map-card {
    width: 100% !important;
    height: 530px !important;
  }

  html body.page-home .rd-benefit-stack {
    right: 12px !important;
  }

  html body.page-home .rd-sprint-line {
    width: min(100%, 760px) !important;
    margin: 20px auto 0 !important;
  }

  html body.page-home .rd-kpi-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 32px !important;
    transform: none !important;
  }
}

@media (min-width: 421px) and (max-width: 760px) {
  html body.page-home .hero.rd-map-hero > .container.rd-hero-shell {
    padding-top: calc(var(--header-offset) + 108px) !important;
  }
}

@media (max-width: 760px) {
  html body.page-home .rd-map-card {
    --rd-mobile-before-panel: 37% !important;
  }

  html body.page-home .rd-map-before {
    background:
      radial-gradient(circle at 50% 64%, rgba(255, 255, 255, 0.075), transparent 18%),
      radial-gradient(circle at 50% 64%, rgba(255, 255, 255, 0.035), transparent 35%),
      linear-gradient(180deg, #080d12, #03070b) !important;
  }

  html body.page-home .rd-store-before {
    left: 50% !important;
    top: 64% !important;
    width: 56px !important;
    height: 56px !important;
    color: rgba(232, 235, 232, 0.7) !important;
    transform: translate(-50%, -50%) !important;
    box-shadow:
      0 0 0 16px rgba(255, 255, 255, 0.035),
      0 0 36px rgba(255, 255, 255, 0.055) !important;
  }

  html body.page-home .rd-store-before svg {
    width: 25px !important;
    height: 25px !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted {
    opacity: 0.86 !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted:nth-of-type(3) {
    left: 14% !important;
    top: 38% !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted:nth-of-type(4) {
    left: 14% !important;
    top: 70% !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted:nth-of-type(5) {
    left: 57% !important;
    top: 34% !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted:nth-of-type(6) {
    left: 78% !important;
    top: 48% !important;
  }

  html body.page-home .rd-map-before .rd-rank-muted:nth-of-type(7) {
    left: 65% !important;
    top: 78% !important;
  }
}