/* Rankrix buttons: the owner's "Rankrix Buttons.html" (2026-11-04), applied to every page, header and footer.
   Loaded last. One place for every button, ghost link, icon button, tab and accordion; the !important and the
   html body prefix are there because the locked chrome files pin these same properties with !important.
   Sizes are the file's table, word for word. Behaviour: rkx-buttons.js (shimmer, magnetic pull, letter roll,
   icon slide, accordion opening). Numbers below are the file's; nothing here is a new variant. */

@font-face {
  font-family: 'Chillax';
  src: url("assets/fonts/chillax-600.woff2") format('woff2'), url("assets/fonts/chillax-600.woff") format('woff');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  --rkx-scale: 1;
  --rkx-big: var(--rkx-scale);
  --rkxb-h: clamp(34px, calc(34px + (100vw - 1440px) * 0.01149), 106px);
  --rkxb-fs: clamp(13px, calc(13px + (100vw - 1440px) * 0.00439), 40px);
  --rkxb-px: clamp(14px, calc(14px + (100vw - 1440px) * 0.00473), 44px);
  --rkxb-gap: clamp(8px, calc(8px + (100vw - 1440px) * 0.00270), 25px);
  --rkxb-ghost-px: clamp(4px, calc(4px + (100vw - 1440px) * 0.00135), 12px);
  --rkxb-ico: clamp(16px, calc(16px + (100vw - 1440px) * 0.00541), 50px);
  --rkxb-tab-h: clamp(38px, calc(38px + (100vw - 1440px) * 0.01284), 118px);
  --rkxb-tab-fs: clamp(14px, calc(14px + (100vw - 1440px) * 0.00473), 44px);
  --rkxb-tab-px: clamp(16px, calc(16px + (100vw - 1440px) * 0.00541), 50px);
  --rkxb-acc-h: clamp(48px, calc(48px + (100vw - 1440px) * 0.01622), 149px);
  --rkxb-acc-fs: clamp(15px, calc(15px + (100vw - 1440px) * 0.00507), 47px);
  --rkxb-acc-px: clamp(16px, calc(16px + (100vw - 1440px) * 0.00541), 50px);
  --rkxb-acc-i: clamp(16px, calc(16px + (100vw - 1440px) * 0.00541), 50px);
  --rkxb-bar: clamp(2px, calc(2px + (100vw - 1440px) * 0.00068), 6px);
  --rkxb-row: clamp(10px, calc(10px + (100vw - 1440px) * 0.00338), 31px);
  --rkxb-on-glow: 0 0 calc(14px * var(--rkx-scale)) rgba(29, 36, 202, 0.6), 0 0 calc(32px * var(--rkx-scale)) rgba(29, 36, 202, 0.3);
}
@media (min-width: 1480px) { :root { --rkx-scale: 1.0135; } }
@media (min-width: 1520px) { :root { --rkx-scale: 1.0270; } }
@media (min-width: 1560px) { :root { --rkx-scale: 1.0406; } }
@media (min-width: 1600px) { :root { --rkx-scale: 1.0541; } }
@media (min-width: 1640px) { :root { --rkx-scale: 1.0676; } }
@media (min-width: 1680px) { :root { --rkx-scale: 1.0811; } }
@media (min-width: 1720px) { :root { --rkx-scale: 1.0946; } }
@media (min-width: 1760px) { :root { --rkx-scale: 1.1082; } }
@media (min-width: 1800px) { :root { --rkx-scale: 1.1217; } }
@media (min-width: 1840px) { :root { --rkx-scale: 1.1352; } }
@media (min-width: 1880px) { :root { --rkx-scale: 1.1487; } }
@media (min-width: 1920px) { :root { --rkx-scale: 1.1622; } }
@media (min-width: 1960px) { :root { --rkx-scale: 1.1758; } }
@media (min-width: 2000px) { :root { --rkx-scale: 1.1893; } }
@media (min-width: 2040px) { :root { --rkx-scale: 1.2028; } }
@media (min-width: 2080px) { :root { --rkx-scale: 1.2163; } }
@media (min-width: 2120px) { :root { --rkx-scale: 1.2298; } }
@media (min-width: 2160px) { :root { --rkx-scale: 1.2434; } }
@media (min-width: 2200px) { :root { --rkx-scale: 1.2569; } }
@media (min-width: 2240px) { :root { --rkx-scale: 1.2704; } }
@media (min-width: 2280px) { :root { --rkx-scale: 1.2839; } }
@media (min-width: 2320px) { :root { --rkx-scale: 1.2974; } }
@media (min-width: 2360px) { :root { --rkx-scale: 1.3110; } }
@media (min-width: 2400px) { :root { --rkx-scale: 1.3245; } }
@media (min-width: 2440px) { :root { --rkx-scale: 1.3380; } }
@media (min-width: 2480px) { :root { --rkx-scale: 1.3515; } }
@media (min-width: 2520px) { :root { --rkx-scale: 1.3650; } }
@media (min-width: 2560px) { :root { --rkx-scale: 1.3786; } }
@media (min-width: 2640px) { :root { --rkx-scale: 1.4056; } }
@media (min-width: 2720px) { :root { --rkx-scale: 1.4326; } }
@media (min-width: 2800px) { :root { --rkx-scale: 1.4597; } }
@media (min-width: 2880px) { :root { --rkx-scale: 1.4867; } }
@media (min-width: 2960px) { :root { --rkx-scale: 1.5138; } }
@media (min-width: 3040px) { :root { --rkx-scale: 1.5408; } }
@media (min-width: 3120px) { :root { --rkx-scale: 1.5678; } }
@media (min-width: 3200px) { :root { --rkx-scale: 1.5949; } }
@media (min-width: 3280px) { :root { --rkx-scale: 1.6219; } }
@media (min-width: 3360px) { :root { --rkx-scale: 1.6490; } }
@media (min-width: 3440px) { :root { --rkx-scale: 1.6760; } }
@media (min-width: 3520px) { :root { --rkx-scale: 1.7030; } }
@media (min-width: 3600px) { :root { --rkx-scale: 1.7301; } }
@media (min-width: 3680px) { :root { --rkx-scale: 1.7571; } }
@media (min-width: 3760px) { :root { --rkx-scale: 1.7842; } }
@media (min-width: 3840px) { :root { --rkx-scale: 1.8112; } }
@media (min-width: 4080px) { :root { --rkx-scale: 1.8923; } }
@media (min-width: 4320px) { :root { --rkx-scale: 1.9734; } }
@media (min-width: 4560px) { :root { --rkx-scale: 2.0546; } }
@media (min-width: 4800px) { :root { --rkx-scale: 2.1357; } }
@media (min-width: 5040px) { :root { --rkx-scale: 2.2168; } }
@media (min-width: 5280px) { :root { --rkx-scale: 2.2979; } }
@media (min-width: 5520px) { :root { --rkx-scale: 2.3790; } }
@media (min-width: 5760px) { :root { --rkx-scale: 2.4602; } }
@media (min-width: 6000px) { :root { --rkx-scale: 2.5413; } }
@media (min-width: 6240px) { :root { --rkx-scale: 2.6224; } }
@media (min-width: 6480px) { :root { --rkx-scale: 2.7035; } }
@media (min-width: 6720px) { :root { --rkx-scale: 2.7846; } }
@media (min-width: 6960px) { :root { --rkx-scale: 2.8658; } }
@media (min-width: 7200px) { :root { --rkx-scale: 2.9469; } }
@media (min-width: 7440px) { :root { --rkx-scale: 3.0280; } }
@media (min-width: 7680px) { :root { --rkx-scale: 3.1091; } }

/* ---------- shared ---------- */
html body :is(.rkx-btn--primary, .rx-btn--primary, .rkx-foot-cta, .rkx-feat-cta, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn, .rkx-pane-cta-btn, .rkx-drawer .rkx-drawer-cta-btn, .rkx-drawer-cta-btn, .rkxl__enter, .rkx-loader__enter, .rkx-btn--ghost, .rx-btn--ghost, .rkx-menu-btn, .rkx-subpill, .rx-link, .rx-more, .rkx-back-top, .rkx-drawer-close, .rx-film__ctl, .rkx-music__btn, .rkx-music__ib, .rkx-foot-social, .rkx-drawer-social, .rx-chip, .rx-pill, .rkx-foot-item, .rkx-foot-explore, .rkx-hero .rkx-hero__tabbar > button, .rkx-hero__tab, .rkx-goals__btn, .rkx-stack__tab, button.rkx-chip, details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger) {
  box-sizing: border-box !important;
  border-radius: 1px !important;
  font-family: 'Chillax', sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  max-width: 100%;
  animation: none !important;
}
html body :is(.rkx-btn--primary:focus-visible, .rx-btn--primary:focus-visible, .rkx-foot-cta:focus-visible, .rkx-feat-cta:focus-visible, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn:focus-visible, .rkx-pane-cta-btn:focus-visible, .rkx-drawer .rkx-drawer-cta-btn:focus-visible, .rkx-drawer-cta-btn:focus-visible, .rkxl__enter:focus-visible, .rkx-loader__enter:focus-visible, .rkx-btn--ghost:focus-visible, .rx-btn--ghost:focus-visible, .rkx-menu-btn:focus-visible, .rkx-subpill:focus-visible, .rx-link:focus-visible, .rx-more:focus-visible, .rkx-back-top:focus-visible, .rkx-drawer-close:focus-visible, .rx-film__ctl:focus-visible, .rkx-music__btn:focus-visible, .rkx-music__ib:focus-visible, .rkx-foot-social:focus-visible, .rkx-drawer-social:focus-visible, .rx-chip:focus-visible, .rx-pill:focus-visible, .rkx-foot-item:focus-visible, .rkx-foot-explore:focus-visible, .rkx-hero .rkx-hero__tabbar > button:focus-visible, .rkx-hero__tab:focus-visible, .rkx-goals__btn:focus-visible, .rkx-stack__tab:focus-visible, button.rkx-chip:focus-visible, details > summary:focus-visible, .rkx-menu-panel .rkx-accordion-trigger:focus-visible, .rkx-drawer .rkx-accordion-trigger:focus-visible, .rkx-accordion-trigger:focus-visible) {
  outline: calc(2px * var(--rkx-scale)) solid #7B8BFF !important;
  outline-offset: calc(3px * var(--rkx-scale)) !important;
}
html body :is(.rkx-btn--primary, .rx-btn--primary, .rkx-foot-cta, .rkx-feat-cta, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn, .rkx-pane-cta-btn, .rkx-drawer .rkx-drawer-cta-btn, .rkx-drawer-cta-btn, .rkxl__enter, .rkx-loader__enter, .rkx-btn--ghost, .rx-btn--ghost, .rkx-menu-btn, .rkx-subpill, .rkx-back-top, .rkx-drawer-close, .rx-film__ctl, .rkx-music__btn, .rkx-music__ib, .rkx-foot-social, .rkx-drawer-social)::before, html body :is(.rkx-btn--primary, .rx-btn--primary, .rkx-foot-cta, .rkx-feat-cta, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn, .rkx-pane-cta-btn, .rkx-drawer .rkx-drawer-cta-btn, .rkx-drawer-cta-btn, .rkxl__enter, .rkx-loader__enter, .rkx-btn--ghost, .rx-btn--ghost, .rkx-menu-btn, .rkx-subpill, .rkx-back-top, .rkx-drawer-close, .rx-film__ctl, .rkx-music__btn, .rkx-music__ib, .rkx-foot-social, .rkx-drawer-social)::after { content: none !important; display: none !important; }

/* ---------- primary, secondary, ghost: the small size ---------- */
html body :is(.rkx-btn--primary, .rx-btn--primary, .rkx-foot-cta, .rkx-feat-cta, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn, .rkx-pane-cta-btn, .rkx-drawer .rkx-drawer-cta-btn, .rkx-drawer-cta-btn, .rkxl__enter, .rkx-loader__enter, .rkx-btn--ghost, .rx-btn--ghost, .rkx-menu-btn, .rkx-subpill) {
  position: relative !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center;
  gap: var(--rkxb-gap) !important;
  height: var(--rkxb-h) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 var(--rkxb-px) !important;
  font-size: var(--rkxb-fs) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html body :is(.rkx-btn--primary, .rx-btn--primary, .rkx-foot-cta, .rkx-feat-cta, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn, .rkx-pane-cta-btn, .rkx-drawer .rkx-drawer-cta-btn, .rkx-drawer-cta-btn, .rkxl__enter, .rkx-loader__enter) {
  background: rgba(29, 36, 202, 0.5) !important;
  border: 1px solid #1D24CA !important;
  color: #fff !important;
  box-shadow: var(--rkxb-on-glow) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  transition: background 280ms, border-color 280ms, box-shadow 280ms !important;
}
html body :is(.rkx-btn--primary:hover, .rx-btn--primary:hover, .rkx-foot-cta:hover, .rkx-feat-cta:hover, .rkx-foot-panel .rkx-pane.rkx-pane-cta-v2 .rkx-pane-cta-btn:hover, .rkx-pane-cta-btn:hover, .rkx-drawer .rkx-drawer-cta-btn:hover, .rkx-drawer-cta-btn:hover, .rkxl__enter:hover, .rkx-loader__enter:hover) {
  background: #1D24CA !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 0 calc(18px * var(--rkx-scale)) rgba(29, 36, 202, 0.75), 0 calc(10px * var(--rkx-scale)) calc(26px * var(--rkx-scale)) rgba(29, 36, 202, 0.45) !important;
  transform: none;
}
html body :is(.rkx-btn--ghost, .rx-btn--ghost, .rkx-menu-btn, .rkx-subpill) {
  background: rgba(255, 255, 255, 0.06) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.6) !important; backdrop-filter: blur(20px) saturate(1.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: background 280ms, border-color 280ms !important;
}
html body :is(.rkx-btn--ghost:hover, .rx-btn--ghost:hover, .rkx-menu-btn:hover, .rkx-subpill:hover) {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
  color: #fff !important;
  transform: none;
}
html body :is(.rx-link, .rx-more) {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--rkxb-gap) !important;
  height: var(--rkxb-h) !important;
  min-height: 0 !important;
  padding: 0 var(--rkxb-ghost-px) !important;
  font-size: var(--rkxb-fs) !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #B4B8C5 !important;
  transition: color 280ms !important;
}
html body :is(.rx-link:hover, .rx-more:hover) { color: #fff !important; transform: none; }
html body :is(.rx-link, .rx-more)::after, html body :is(.rx-link, .rx-more)::before { content: none !important; display: none !important; }

/* no arrows or chevrons inside text buttons */
html body :is(.rx-btn, .rx-link, .rx-more, .rkx-pane-cta-btn, .rkx-drawer-cta-btn, .rkx-feat-cta) > svg,
html body .rkxl__enter-icon,
html body .rkx-foot-explore-arrow,
html body .rkx-accordion-chevron { display: none !important; }

/* ---------- icon button ---------- */
html body :is(.rkx-back-top, .rkx-drawer-close, .rx-film__ctl, .rkx-music__btn, .rkx-music__ib, .rkx-foot-social, .rkx-drawer-social) {
  position: relative;
  overflow: hidden !important;
  place-items: center !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: var(--rkxb-h) !important;
  height: var(--rkxb-h) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: rgba(29, 36, 202, 0.5) !important;
  border: 1px solid #1D24CA !important;
  color: #fff !important;
  box-shadow: var(--rkxb-on-glow) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  transition: background 280ms, border-color 280ms, box-shadow 280ms !important;
}
html body .rkx-back-top { position: fixed !important; transition: background 280ms, border-color 280ms, box-shadow 280ms, opacity 280ms !important; }
html body .rx-film__ctl { position: absolute !important; }
html body :is(.rkx-back-top:hover, .rkx-drawer-close:hover, .rx-film__ctl:hover, .rkx-music__btn:hover, .rkx-music__ib:hover, .rkx-foot-social:hover, .rkx-drawer-social:hover) {
  background: rgba(29, 36, 202, 0.5) !important;
  border-color: #1D24CA !important;
  color: #fff !important;
  box-shadow: 0 0 calc(18px * var(--rkx-scale)) rgba(29, 36, 202, 0.75), 0 0 calc(40px * var(--rkx-scale)) rgba(29, 36, 202, 0.4) !important;
  transform: none;
}
html body :is(.rkx-back-top, .rkx-drawer-close, .rx-film__ctl, .rkx-music__btn, .rkx-music__ib, .rkx-foot-social, .rkx-drawer-social) > svg {
  width: var(--rkxb-ico) !important;
  height: var(--rkxb-ico) !important;
  position: relative;
  filter: none !important;
}

/* with the label hidden, Sign up and Menu are icon buttons (phones and tablets) */
@media (max-width: 1024px) {
  html body .rkx-btn.rkx-btn.rkx-btn.rkx-btn.rkx-btn.rkx-btn--signup { width: var(--rkxb-h) !important; aspect-ratio: auto !important; padding: 0 !important; }
  html body .rkx-btn--signup .rkx-btn__ico { width: var(--rkxb-ico) !important; height: var(--rkxb-ico) !important; }
}
@media (max-width: 1024px) {
  html body .rkx-menu-btn.rkx-menu-btn.rkx-menu-btn.rkx-menu-btn.rkx-menu-btn {
    width: var(--rkxb-h) !important; padding: 0 !important;
    background: rgba(29, 36, 202, 0.5) !important; border-color: #1D24CA !important; box-shadow: var(--rkxb-on-glow) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    transition: background 280ms, border-color 280ms, box-shadow 280ms !important;
  }
}
html body .rkx-btn--signup .rkx-ico-signup__plus, html body .rkx-btn--signup .rkx-ico-signup__body { animation: none !important; }
html body .rkx-menu-btn .rkx-burger { flex: 0 0 auto; width: var(--rkxb-ico) !important; height: var(--rkxb-ico) !important; }
html body .rkx-menu-btn .rkx-menu-label__off { color: #fff !important; }
html body .rkx-subpill .rkx-subpill__ic svg { stroke: currentColor !important; }

/* ---------- tabs, and what works like one: chips used as toggles, filters, footer items ---------- */
html body :is(.rx-chip, .rx-pill, .rkx-foot-item, .rkx-foot-explore, .rkx-hero .rkx-hero__tabbar > button, .rkx-hero__tab, .rkx-goals__btn, .rkx-stack__tab, button.rkx-chip) {
  position: relative !important;
  overflow: visible !important;
  align-items: center !important;
  gap: var(--rkxb-gap) !important;
  height: var(--rkxb-tab-h) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 var(--rkxb-tab-px) !important;
  font-size: var(--rkxb-tab-fs) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.7) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  transition: background 280ms, border-color 280ms, box-shadow 280ms, color 280ms !important;
}
html body :is(.rx-chip:hover, .rx-pill:hover, .rkx-foot-item:hover, .rkx-foot-explore:hover, .rkx-hero .rkx-hero__tabbar > button:hover, .rkx-hero__tab:hover, .rkx-goals__btn:hover, .rkx-stack__tab:hover, button.rkx-chip:hover) { background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; transform: none !important; }
html body :is(.rx-chip[aria-pressed="true"], .rx-chip[aria-selected="true"], .rx-chip.is-on, .rx-chip.is-active, .rx-chip.is-open, .rx-chip[aria-expanded="true"], .rx-pill[aria-pressed="true"], .rx-pill[aria-selected="true"], .rx-pill.is-on, .rx-pill.is-active, .rx-pill.is-open, .rx-pill[aria-expanded="true"], .rkx-foot-item[aria-pressed="true"], .rkx-foot-item[aria-selected="true"], .rkx-foot-item.is-on, .rkx-foot-item.is-active, .rkx-foot-item.is-open, .rkx-foot-item[aria-expanded="true"], .rkx-foot-explore[aria-pressed="true"], .rkx-foot-explore[aria-selected="true"], .rkx-foot-explore.is-on, .rkx-foot-explore.is-active, .rkx-foot-explore.is-open, .rkx-foot-explore[aria-expanded="true"], .rkx-hero .rkx-hero__tabbar > button[aria-pressed="true"], .rkx-hero .rkx-hero__tabbar > button[aria-selected="true"], .rkx-hero .rkx-hero__tabbar > button.is-on, .rkx-hero .rkx-hero__tabbar > button.is-active, .rkx-hero .rkx-hero__tabbar > button.is-open, .rkx-hero .rkx-hero__tabbar > button[aria-expanded="true"], .rkx-hero__tab[aria-pressed="true"], .rkx-hero__tab[aria-selected="true"], .rkx-hero__tab.is-on, .rkx-hero__tab.is-active, .rkx-hero__tab.is-open, .rkx-hero__tab[aria-expanded="true"], .rkx-goals__btn[aria-pressed="true"], .rkx-goals__btn[aria-selected="true"], .rkx-goals__btn.is-on, .rkx-goals__btn.is-active, .rkx-goals__btn.is-open, .rkx-goals__btn[aria-expanded="true"], .rkx-stack__tab[aria-pressed="true"], .rkx-stack__tab[aria-selected="true"], .rkx-stack__tab.is-on, .rkx-stack__tab.is-active, .rkx-stack__tab.is-open, .rkx-stack__tab[aria-expanded="true"], button.rkx-chip[aria-pressed="true"], button.rkx-chip[aria-selected="true"], button.rkx-chip.is-on, button.rkx-chip.is-active, button.rkx-chip.is-open, button.rkx-chip[aria-expanded="true"], .rx-chip[aria-pressed="true"]:hover, .rx-chip[aria-selected="true"]:hover, .rx-chip.is-on:hover, .rx-chip.is-active:hover, .rx-chip.is-open:hover, .rx-chip[aria-expanded="true"]:hover, .rx-pill[aria-pressed="true"]:hover, .rx-pill[aria-selected="true"]:hover, .rx-pill.is-on:hover, .rx-pill.is-active:hover, .rx-pill.is-open:hover, .rx-pill[aria-expanded="true"]:hover, .rkx-foot-item[aria-pressed="true"]:hover, .rkx-foot-item[aria-selected="true"]:hover, .rkx-foot-item.is-on:hover, .rkx-foot-item.is-active:hover, .rkx-foot-item.is-open:hover, .rkx-foot-item[aria-expanded="true"]:hover, .rkx-foot-explore[aria-pressed="true"]:hover, .rkx-foot-explore[aria-selected="true"]:hover, .rkx-foot-explore.is-on:hover, .rkx-foot-explore.is-active:hover, .rkx-foot-explore.is-open:hover, .rkx-foot-explore[aria-expanded="true"]:hover, .rkx-hero .rkx-hero__tabbar > button[aria-pressed="true"]:hover, .rkx-hero .rkx-hero__tabbar > button[aria-selected="true"]:hover, .rkx-hero .rkx-hero__tabbar > button.is-on:hover, .rkx-hero .rkx-hero__tabbar > button.is-active:hover, .rkx-hero .rkx-hero__tabbar > button.is-open:hover, .rkx-hero .rkx-hero__tabbar > button[aria-expanded="true"]:hover, .rkx-hero__tab[aria-pressed="true"]:hover, .rkx-hero__tab[aria-selected="true"]:hover, .rkx-hero__tab.is-on:hover, .rkx-hero__tab.is-active:hover, .rkx-hero__tab.is-open:hover, .rkx-hero__tab[aria-expanded="true"]:hover, .rkx-goals__btn[aria-pressed="true"]:hover, .rkx-goals__btn[aria-selected="true"]:hover, .rkx-goals__btn.is-on:hover, .rkx-goals__btn.is-active:hover, .rkx-goals__btn.is-open:hover, .rkx-goals__btn[aria-expanded="true"]:hover, .rkx-stack__tab[aria-pressed="true"]:hover, .rkx-stack__tab[aria-selected="true"]:hover, .rkx-stack__tab.is-on:hover, .rkx-stack__tab.is-active:hover, .rkx-stack__tab.is-open:hover, .rkx-stack__tab[aria-expanded="true"]:hover, button.rkx-chip[aria-pressed="true"]:hover, button.rkx-chip[aria-selected="true"]:hover, button.rkx-chip.is-on:hover, button.rkx-chip.is-active:hover, button.rkx-chip.is-open:hover, button.rkx-chip[aria-expanded="true"]:hover) {
  background: rgba(29, 36, 202, 0.5) !important;
  border-color: #1D24CA !important;
  box-shadow: var(--rkxb-on-glow) !important;
  color: #fff !important;
}
html body :is(.rx-chip, .rx-pill, .rkx-foot-item, .rkx-foot-explore, .rkx-hero .rkx-hero__tabbar > button, .rkx-hero__tab, .rkx-goals__btn, .rkx-stack__tab, button.rkx-chip, details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: -1px !important; right: auto !important;
  top: 25% !important; bottom: auto !important;
  width: var(--rkxb-bar) !important;
  height: 50% !important;
  margin: 0 !important;
  opacity: 1 !important;
  border-radius: 0 !important;
  background: #AAB4FF !important;
  box-shadow: 0 0 calc(8px * var(--rkx-scale)) rgba(170, 180, 255, 0.9), 0 0 calc(16px * var(--rkx-scale)) rgba(123, 139, 255, 0.6) !important;
  transform: scaleY(0) !important;
  transform-origin: center !important;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  pointer-events: none !important;
}
html body :is(.rx-chip[aria-pressed="true"], .rx-chip[aria-selected="true"], .rx-chip.is-on, .rx-chip.is-active, .rx-chip.is-open, .rx-chip[aria-expanded="true"], .rx-pill[aria-pressed="true"], .rx-pill[aria-selected="true"], .rx-pill.is-on, .rx-pill.is-active, .rx-pill.is-open, .rx-pill[aria-expanded="true"], .rkx-foot-item[aria-pressed="true"], .rkx-foot-item[aria-selected="true"], .rkx-foot-item.is-on, .rkx-foot-item.is-active, .rkx-foot-item.is-open, .rkx-foot-item[aria-expanded="true"], .rkx-foot-explore[aria-pressed="true"], .rkx-foot-explore[aria-selected="true"], .rkx-foot-explore.is-on, .rkx-foot-explore.is-active, .rkx-foot-explore.is-open, .rkx-foot-explore[aria-expanded="true"], .rkx-hero .rkx-hero__tabbar > button[aria-pressed="true"], .rkx-hero .rkx-hero__tabbar > button[aria-selected="true"], .rkx-hero .rkx-hero__tabbar > button.is-on, .rkx-hero .rkx-hero__tabbar > button.is-active, .rkx-hero .rkx-hero__tabbar > button.is-open, .rkx-hero .rkx-hero__tabbar > button[aria-expanded="true"], .rkx-hero__tab[aria-pressed="true"], .rkx-hero__tab[aria-selected="true"], .rkx-hero__tab.is-on, .rkx-hero__tab.is-active, .rkx-hero__tab.is-open, .rkx-hero__tab[aria-expanded="true"], .rkx-goals__btn[aria-pressed="true"], .rkx-goals__btn[aria-selected="true"], .rkx-goals__btn.is-on, .rkx-goals__btn.is-active, .rkx-goals__btn.is-open, .rkx-goals__btn[aria-expanded="true"], .rkx-stack__tab[aria-pressed="true"], .rkx-stack__tab[aria-selected="true"], .rkx-stack__tab.is-on, .rkx-stack__tab.is-active, .rkx-stack__tab.is-open, .rkx-stack__tab[aria-expanded="true"], button.rkx-chip[aria-pressed="true"], button.rkx-chip[aria-selected="true"], button.rkx-chip.is-on, button.rkx-chip.is-active, button.rkx-chip.is-open, button.rkx-chip[aria-expanded="true"], details.rkx-acc-on > summary, details[open]:not(.rkx-acc-ready) > summary, .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-menu-panel .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-item.is-open .rkx-accordion-trigger)::before { transform: scaleY(1) !important; }
html body :is(.rx-hx__tabs, .rx-hx__approach, .rx-enq__chips) {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  gap: calc(4px * var(--rkx-scale)) !important;
  padding: calc(4px * var(--rkx-scale)) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 1px !important;
  box-sizing: border-box;
}
html body .rx-hx__bar { display: none !important; }
/* the long problem statements on Services stay readable: full width, wrapping, the same look */
html body .rx-match__list { display: flex; flex-direction: column; gap: calc(4px * var(--rkx-scale)) !important; }
html body .rx-match__list.rx-match__list.rx-match__list .rx-chip { width: 100%; height: auto !important; min-height: var(--rkxb-tab-h) !important; padding-block: calc(8px * var(--rkx-scale)) !important; white-space: normal !important; line-height: 1.25 !important; justify-content: flex-start; text-align: left; }
html body .rx-chip > span, html body .rx-chip b { color: inherit !important; font-weight: inherit !important; }

/* ---------- accordions ---------- */
html body :is(details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger) {
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: calc(12px * var(--rkx-scale)) !important;
  width: 100%;
  min-height: var(--rkxb-acc-h) !important;
  margin: 0 !important;
  padding: 0 var(--rkxb-acc-px) !important;
  font-size: var(--rkxb-acc-fs) !important;
  line-height: 1.25 !important;
  text-align: left !important;
  list-style: none !important;
  white-space: normal;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  color: #fff !important;
  transition: background 280ms, border-color 280ms, box-shadow 280ms !important;
}
details > summary::-webkit-details-marker { display: none; }
html body details > summary > i { display: none !important; }
html body :is(details > summary:hover, .rkx-menu-panel .rkx-accordion-trigger:hover, .rkx-drawer .rkx-accordion-trigger:hover, .rkx-accordion-trigger:hover) { background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; transform: none !important; }
html body :is(details.rkx-acc-on > summary, details[open]:not(.rkx-acc-ready) > summary, .rkx-menu-panel .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-menu-btn[aria-expanded="true"], details.rkx-acc-on > summary:hover, details[open]:not(.rkx-acc-ready) > summary:hover, .rkx-menu-panel .rkx-accordion-item.is-open .rkx-accordion-trigger:hover, .rkx-drawer .rkx-accordion-item.is-open .rkx-accordion-trigger:hover, .rkx-accordion-item.is-open .rkx-accordion-trigger:hover, .rkx-menu-btn[aria-expanded="true"]:hover) {
  background: rgba(29, 36, 202, 0.5) !important;
  border-color: #1D24CA !important;
  box-shadow: var(--rkxb-on-glow) !important;
  color: #fff !important;
}
html body :is(details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger)::after {
  content: "+" !important;
  display: inline-block !important;
  position: static !important;
  flex: 0 0 auto;
  width: auto !important; height: auto !important;
  background: none !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: var(--rkxb-acc-i) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: inherit !important;
  transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body :is(details.rkx-acc-on > summary, details[open]:not(.rkx-acc-ready) > summary, .rkx-menu-panel .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-item.is-open .rkx-accordion-trigger, .rkx-accordion-item.is-open .rkx-accordion-trigger)::after { content: "+" !important; transform: rotate(45deg) !important; }
html body .rkx-accordion-item.is-open .rkx-acc-icon { transform: none !important; }
html body :is(.rkx-accordion-trigger:hover, .rkx-accordion-item.is-open .rkx-accordion-trigger) .rkx-acc-icon { color: #fff !important; }
html body details:not(.rx-keep-panel) { border: 0 !important; }
html body details[class*="rx-panel"] { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body details + details { margin-top: calc(6px * var(--rkx-scale)) !important; }
html body details > [data-acc-p] { overflow: hidden; transition: max-height 420ms cubic-bezier(0.22, 1, 0.36, 1); }
html body details > [data-acc-p] > .rx-faq__a, html body details > .rx-faq__a {
  margin: 0 !important;
  padding: calc(14px * var(--rkx-scale)) var(--rkxb-acc-px) calc(6px * var(--rkx-scale)) !important;
  font-size: calc(14px * var(--rkx-scale)) !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ---------- button rows ---------- */
html body :is(.rx-btns, .rkx-w-actions, .rkx-empty__links) { display: flex; flex-wrap: wrap; gap: var(--rkxb-row) !important; }

/* ---------- disabled ---------- */
html body :is(.rx-btn, .rkx-btn, .rx-chip):is(.rx-btn, .rkx-btn, .rx-chip):is(.rx-btn, .rkx-btn, .rx-chip):is(.rx-btn, .rkx-btn, .rx-chip):is(.rx-btn, .rkx-btn, .rx-chip):is([disabled], [aria-disabled="true"]) {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.38) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

/* ---------- hover colour rule: only buttons turn indigo. Nav links, list rows: white only ---------- */
html body :is(.rkx-nav-link, .rkx-pane-link, .rkx-drawer-link):hover { color: #fff !important; }
html body :is(.rkx-nav-link, .rkx-pane-link)::before { background: #fff !important; box-shadow: none !important; }
html body .rkx-nav-link::after { color: #fff !important; }
html body :is(.rkx-pane-link, .rkx-drawer-link):hover span:last-child { color: #fff !important; }

@media (prefers-reduced-motion: reduce) {
  html body details > [data-acc-p], html body :is(details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger)::after, html body :is(.rx-chip, .rx-pill, .rkx-foot-item, .rkx-foot-explore, .rkx-hero .rkx-hero__tabbar > button, .rkx-hero__tab, .rkx-goals__btn, .rkx-stack__tab, button.rkx-chip, details > summary, .rkx-menu-panel .rkx-accordion-trigger, .rkx-drawer .rkx-accordion-trigger, .rkx-accordion-trigger)::before { transition: none !important; }
}