html.rj-html,
body.rj-canvas {
  margin: 0;
  padding: 0;
  background: var(--rj-obsidian);
}
body.rj-canvas #wpadminbar { position: fixed; }
body.rj-canvas .rj-canvas__main { display: block; }

body.rj-canvas > header,
body.rj-canvas > footer,
body.rj-canvas > .site-header,
body.rj-canvas > .site-footer,
body.rj-canvas > #header,
body.rj-canvas > #footer,
body.rj-canvas > .header,
body.rj-canvas > .footer { display: none !important; }

body:not(.rj-canvas) .rj {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
body:not(.rj-canvas) .rj-header { margin-top: 0; }

.rj-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: var(--rj-obsidian);
  border-bottom: 1px solid var(--rj-line-dark-warm);
}
body.admin-bar .rj-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .rj-header { top: 46px; }
}
.rj-header__inner {
  display: flex;
  align-items: center;
  gap: var(--rj-sp-5);
  height: var(--rj-header-h);
}
.rj-header__brand { flex: 0 0 auto; }
.rj-header .rj-logo__word { color: var(--rj-steel); }
.rj-header .rj-logo__word b { color: var(--rj-red-bright); }

.rj-nav { flex: 1 1 auto; }
.rj-nav__list {
  display: flex;
  align-items: center;
  gap: var(--rj-sp-2);
  list-style: none;
  margin: 0;
  padding: 0;
}
.rj-nav__item { position: static; }
.rj-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border: 0;
  background: none;
  border-radius: var(--rj-r-sm);
  font-family: var(--rj-font);
  font-size: var(--rj-fs-sm);
  font-weight: var(--rj-fw-medium);
  color: var(--rj-steel-dim);
  text-decoration: none;
  cursor: pointer;
  transition: color var(--rj-t), background var(--rj-t);
}
.rj-nav__link:hover,
.rj-nav__item.is-open .rj-nav__link { color: #fff; background: rgba(255, 255, 255, .06); }
.rj-nav__chev { transition: transform var(--rj-t); }
.rj-nav__item.is-open .rj-nav__chev { transform: rotate(180deg); }

.rj-mega {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--rj-header-h);
  background: var(--rj-obsidian-2);
  border-top: 1px solid var(--rj-line-dark-warm);
  border-bottom: 1px solid var(--rj-line-dark-warm);
  box-shadow: var(--rj-shadow-dark);
}
.rj-mega__inner {
  width: 100%;
  max-width: var(--rj-container);
  margin-inline: auto;
  padding: var(--rj-sp-6) var(--rj-sp-5);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) .9fr;
  gap: var(--rj-sp-6);
}
.rj-mega__inner:not(:has(.rj-mega__promo)) { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.rj-mega__title {
  display: block;
  font-size: var(--rj-fs-xs);
  font-weight: var(--rj-fw-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--rj-ember);
  margin-bottom: var(--rj-sp-3);
}
.rj-mega__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.rj-mega__link {
  display: block;
  padding: 9px 10px;
  margin-inline: -10px;
  border-radius: var(--rj-r-sm);
  text-decoration: none;
  transition: background var(--rj-t);
}
.rj-mega__link:hover { background: rgba(255, 255, 255, .05); }
.rj-mega__label { display: block; font-size: var(--rj-fs-sm); font-weight: var(--rj-fw-semi); color: var(--rj-steel); }
.rj-mega__link:hover .rj-mega__label { color: var(--rj-red-bright); }
.rj-mega__desc { display: block; font-size: var(--rj-fs-xs); color: #8A94A6; margin-top: 1px; }
.rj-mega__promo {
  background: rgba(224, 18, 27, .1);
  border: 1px solid rgba(255, 46, 46, .25);
  border-radius: var(--rj-r-md);
  padding: var(--rj-sp-5);
  display: flex;
  flex-direction: column;
  gap: var(--rj-sp-3);
  align-items: flex-start;
}
.rj-mega__promo-title { margin: 0; color: var(--rj-steel); font-size: var(--rj-fs-sm); line-height: 1.5; }

.rj-header__cta { display: flex; align-items: center; gap: var(--rj-sp-2); flex: 0 0 auto; }
.rj-header__login { color: var(--rj-steel-dim); }
.rj-header__login:hover { background: rgba(255, 255, 255, .08); color: #fff; }

.rj-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 42px;
  height: 42px;
  padding: 0 9px;
  background: none;
  border: 1px solid var(--rj-line-dark-warm);
  border-radius: var(--rj-r-sm);
  cursor: pointer;
}
.rj-burger__bar { display: block; height: 2px; width: 100%; background: var(--rj-steel); border-radius: 2px; transition: transform var(--rj-t), opacity var(--rj-t); }
.rj-burger[aria-expanded="true"] .rj-burger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.rj-burger[aria-expanded="true"] .rj-burger__bar:nth-child(2) { opacity: 0; }
.rj-burger[aria-expanded="true"] .rj-burger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.rj-drawer { position: fixed; inset: 0; z-index: 120; background: rgba(4, 6, 10, .62); }
.rj-drawer[hidden] { display: none; }
.rj-drawer__panel {
  position: absolute;
  inset: 0 0 0 auto;
  width: min(420px, 88vw);
  background: var(--rj-obsidian);
  border-left: 1px solid var(--rj-line-dark-warm);
  display: flex;
  flex-direction: column;
  padding: var(--rj-sp-4) var(--rj-sp-5) var(--rj-sp-6);
  overflow-y: auto;
  animation: rj-slide-in .22s var(--rj-ease);
}
@keyframes rj-slide-in { from { transform: translateX(16px); opacity: .6; } to { transform: none; opacity: 1; } }
.rj-drawer__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: var(--rj-sp-4); border-bottom: 1px solid var(--rj-line-dark-warm); }
.rj-drawer__top .rj-logo__word { color: var(--rj-steel); }
.rj-drawer__top .rj-logo__word b { color: var(--rj-red-bright); }
.rj-drawer__close { background: none; border: 0; color: var(--rj-steel-dim); font-size: 30px; line-height: 1; cursor: pointer; padding: 0 6px; }
.rj-drawer__nav { display: flex; flex-direction: column; padding: var(--rj-sp-3) 0; flex: 1; }
.rj-drawer__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  font-family: var(--rj-font);
  font-size: var(--rj-fs-lg);
  font-weight: var(--rj-fw-semi);
  color: var(--rj-steel);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.rj-drawer__plus { color: var(--rj-red-bright); font-size: var(--rj-fs-xl); line-height: 1; }
.rj-drawer__group.is-open .rj-drawer__plus { transform: rotate(45deg); display: inline-block; }
.rj-drawer__sub { padding: var(--rj-sp-3) 0 var(--rj-sp-4); display: flex; flex-direction: column; gap: 2px; }
.rj-drawer__sub[hidden] { display: none; }
.rj-drawer__subtitle { font-size: var(--rj-fs-xs); font-weight: var(--rj-fw-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--rj-ember); margin: var(--rj-sp-3) 0 var(--rj-sp-1); }
.rj-drawer__sublink { padding: 9px 0; color: var(--rj-steel-dim); text-decoration: none; font-size: var(--rj-fs-sm); }
.rj-drawer__sublink:hover { color: var(--rj-red-bright); }
.rj-drawer__cta { display: flex; flex-direction: column; gap: var(--rj-sp-2); padding-top: var(--rj-sp-4); border-top: 1px solid var(--rj-line-dark-warm); }

.rj-footer { padding: var(--rj-sp-9) 0 var(--rj-sp-6); background: var(--rj-grad-dark); border-top: 1px solid var(--rj-line-dark-warm); }
.rj-footer__top { display: grid; grid-template-columns: minmax(240px, 1.1fr) 3fr; gap: var(--rj-sp-8); }
.rj-footer__brand { display: flex; flex-direction: column; gap: var(--rj-sp-4); align-items: flex-start; }
.rj-footer .rj-logo__word { color: var(--rj-steel); }
.rj-footer .rj-logo__word b { color: var(--rj-red-bright); }
.rj-footer__pitch { margin: 0; color: #8A94A6; font-size: var(--rj-fs-sm); line-height: 1.6; max-width: 34ch; }
.rj-footer__usps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rj-footer__usps li { position: relative; padding-left: 20px; font-size: var(--rj-fs-xs); color: var(--rj-steel-dim); }
.rj-footer__usps li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--rj-red-bright); transform: rotate(45deg); }

.rj-footer__nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--rj-sp-6) var(--rj-sp-5); }
.rj-footer__title { display: block; font-size: var(--rj-fs-xs); font-weight: var(--rj-fw-bold); letter-spacing: .1em; text-transform: uppercase; color: var(--rj-steel); margin-bottom: var(--rj-sp-3); }
.rj-footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.rj-footer__link { font-size: var(--rj-fs-sm); color: #8A94A6; text-decoration: none; transition: color var(--rj-t); }
.rj-footer__link:hover { color: var(--rj-red-bright); }

.rj-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rj-sp-4);
  flex-wrap: wrap;
  margin-top: var(--rj-sp-8);
  padding-top: var(--rj-sp-5);
  border-top: 1px solid var(--rj-line-dark-warm);
  font-size: var(--rj-fs-xs);
  color: #8A94A6;
}
.rj-footer__tag { color: var(--rj-ember); font-weight: var(--rj-fw-semi); }
.rj-footer__legal { list-style: none; display: flex; gap: var(--rj-sp-4); margin: 0; padding: 0; }
.rj-footer__legal a { color: #8A94A6; text-decoration: none; }
.rj-footer__legal a:hover { color: var(--rj-steel); }

.rj-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.rj-ticks li { position: relative; padding-left: 28px; color: var(--rj-fg); font-size: var(--rj-fs-sm); }
.rj-ticks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: var(--rj-red-soft);
  border: 1px solid rgba(224,18,27,.35);
}
.rj-ticks li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 5px;
  height: 8px;
  border: solid var(--rj-red);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.rj-sec--dark .rj-ticks li::before { background: rgba(224,18,27,.18); border-color: rgba(255,46,46,.4); }
.rj-sec--dark .rj-ticks li::after { border-color: var(--rj-red-bright); }

.rj-cta__inner { max-width: 44rem; margin-inline: auto; text-align: center; align-items: center; display: flex; flex-direction: column; }
.rj-cta__actions { justify-content: center; }
.rj-cta__note { margin: 0; font-size: var(--rj-fs-sm); color: var(--rj-fg-soft); }

@media (max-width: 1100px) {
  .rj-nav, .rj-header__cta { display: none; }
  .rj-burger { display: flex; }
  .rj-header__inner { justify-content: space-between; }
}
@media (max-width: 900px) {
  .rj-footer__top { grid-template-columns: 1fr; gap: var(--rj-sp-6); }
  .rj-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .rj-footer__nav { grid-template-columns: 1fr; }
  .rj-footer__bottom { flex-direction: column; align-items: flex-start; }
}
