/* Host My Blog v2, product layer: RankReady landing, AI Readiness Checker,
   RankReady feature pages and compare pages.
   Loaded globally after v2.css, so every rule below is scoped by a body
   template class. Headings keep var(--font-display); body and mono come
   from the v2 tokens. Palette: zinc plus the orange accent only. */

/* ------------------------------------------------------------------
   0. Shared tokens for every RankReady surface
   ------------------------------------------------------------------ */
body.page-template-template-rankready .rr,
body.page-template-hmb-rr-feature .rr,
body.page-template-hmb-compare .rr,
body.page-template-hmb-arc-checker .rr {
  --rr-hairline: rgba(250, 250, 250, 0.10);
  --rr-hairline-2: rgba(250, 250, 250, 0.06);
  --grad-soft: linear-gradient(110deg, rgba(234, 88, 12, 0.06), rgba(251, 146, 60, 0.08));
  --teal: #EA580C;
  --p-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --p-shadow-card: 0 1px 1px rgba(24, 24, 27, 0.03), 0 18px 32px -22px rgba(24, 24, 27, 0.16);
  --p-shadow-pop: 0 40px 80px -30px rgba(24, 24, 27, 0.28);
  --p-accent-soft: rgba(234, 88, 12, 0.08);
  --p-accent-line: rgba(234, 88, 12, 0.24);
}

/* Primary product button: one orange everywhere, white label (AA). */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-btn-green,
body.page-template-hmb-rr-feature .rr .rr-btn-green,
body.page-template-hmb-compare .rr .rr-btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  background: #CF4918;
  color: #fff;
  border: 1px solid #CF4918;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: 0 10px 24px -12px rgba(207, 73, 24, 0.55);
  transition: background-color 150ms var(--p-ease), transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-btn-green:hover,
body.page-template-hmb-rr-feature .rr .rr-btn-green:hover,
body.page-template-hmb-compare .rr .rr-btn-green:hover {
  background: #B83F14;
  border-color: #B83F14;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px -14px rgba(184, 63, 20, 0.6);
}

/* Product screenshots: a framed window, never hidden. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-hero,
body.page-template-hmb-rr-feature .rr .rr-layer-hero,
body.page-template-hmb-compare .rr .rr-layer-hero {
  position: relative;
  margin: 0;
  padding: 30px 6px 6px;
  background: #f4f4f5;
  border: 1px solid #e4e4e7;
  border-radius: 18px;
  box-shadow: var(--p-shadow-card);
  overflow: hidden;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-hero::before,
body.page-template-hmb-rr-feature .rr .rr-layer-hero::before,
body.page-template-hmb-compare .rr .rr-layer-hero::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 14px;
  width: 44px;
  height: 9px;
  background: radial-gradient(circle at 4.5px 4.5px, #d4d4d8 4px, transparent 4.5px) 0 0 / 16px 9px repeat-x;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-hero img,
body.page-template-hmb-rr-feature .rr .rr-layer-hero img,
body.page-template-hmb-compare .rr .rr-layer-hero img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid #e4e4e7;
  background: #fff;
}

/* Cards: hairline, radius 20, lift on hover. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-card,
body.page-template-hmb-rr-feature .rr .feature-card,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step,
body.page-template-hmb-rr-feature .rr .step,
body.page-template-hmb-compare .rr .step,
body.page-template-hmb-rr-feature .rr .stat-card,
body.page-template-hmb-compare .rr .stat-card {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
  transition: transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease), border-color 260ms var(--p-ease);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-card:hover,
body.page-template-hmb-rr-feature .rr .feature-card:hover,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step:hover,
body.page-template-hmb-rr-feature .rr .step:hover,
body.page-template-hmb-compare .rr .step:hover,
body.page-template-hmb-rr-feature .rr .stat-card:hover,
body.page-template-hmb-compare .rr .stat-card:hover {
  transform: translateY(-4px);
  border-color: #d4d4d8;
  box-shadow: var(--p-shadow-card);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-ico,
body.page-template-hmb-rr-feature .rr .feature-ico {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--p-accent-soft);
  border: 1px solid var(--p-accent-line);
  color: #C2410C;
  margin-bottom: 20px;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-ico .ic,
body.page-template-hmb-rr-feature .rr .feature-ico .ic { font-size: 1.3rem; color: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-card h3,
body.page-template-hmb-rr-feature .rr .feature-card h3 {
  min-height: 0;
  display: block;
  font-size: 1.12rem;
  line-height: 1.3;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-card p,
body.page-template-hmb-rr-feature .rr .feature-card p { font-size: 0.94rem; color: #3f3f46; }

/* Steps: the number becomes an orange-soft pill. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step,
body.page-template-hmb-rr-feature .rr .step,
body.page-template-hmb-compare .rr .step { padding: 28px 28px 30px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step .step-n,
body.page-template-hmb-rr-feature .rr .step .step-n,
body.page-template-hmb-compare .rr .step .step-n {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #C2410C;
  background: var(--p-accent-soft);
  border: 1px solid var(--p-accent-line);
  border-radius: 999px;
  padding: 5px 11px;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step h3,
body.page-template-hmb-rr-feature .rr .step h3,
body.page-template-hmb-compare .rr .step h3 { margin-top: 18px; font-size: 1.14rem; line-height: 1.3; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step p,
body.page-template-hmb-rr-feature .rr .step p,
body.page-template-hmb-compare .rr .step p { color: #3f3f46; font-size: 0.94rem; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step-grid,
body.page-template-hmb-rr-feature .rr .step-grid,
body.page-template-hmb-compare .rr .step-grid { gap: 16px; }

/* FAQ: hairline rows, mono Q. in orange. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa-grid,
body.page-template-hmb-rr-feature .rr .qa-grid,
body.page-template-hmb-compare .rr .qa-grid {
  gap: 0 56px;
  margin-top: 48px;
  border-top: 1px solid #e4e4e7;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa,
body.page-template-hmb-rr-feature .rr .qa,
body.page-template-hmb-compare .rr .qa {
  padding: 26px 0 28px;
  border-top: 0;
  border-bottom: 1px solid #e4e4e7;
  margin: 0;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa:hover,
body.page-template-hmb-rr-feature .rr .qa:hover,
body.page-template-hmb-compare .rr .qa:hover { border-bottom-color: #d4d4d8; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa h3,
body.page-template-hmb-rr-feature .rr .qa h3,
body.page-template-hmb-compare .rr .qa h3 { font-size: 1.04rem; line-height: 1.4; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa h3 .q,
body.page-template-hmb-rr-feature .rr .qa h3 .q,
body.page-template-hmb-compare .rr .qa h3 .q { color: #EA580C; font-weight: 600; font-size: 0.86rem; margin-top: 2px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa p,
body.page-template-hmb-rr-feature .rr .qa p,
body.page-template-hmb-compare .rr .qa p { color: #3f3f46; font-size: 0.95rem; }

/* Section heads: eyebrow reads as the prototype's orange mono label. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section .eyebrow,
body.page-template-hmb-rr-feature .rr .section .eyebrow,
body.page-template-hmb-compare .rr .section .eyebrow { color: #C2410C; font-size: 0.74rem; letter-spacing: 0.1em; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section .eyebrow::before,
body.page-template-hmb-rr-feature .rr .section .eyebrow::before,
body.page-template-hmb-compare .rr .section .eyebrow::before { width: 18px; height: 1.5px; background: #EA580C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section-head .lead,
body.page-template-hmb-rr-feature .rr .section-head .lead,
body.page-template-hmb-compare .rr .section-head .lead { color: #3f3f46; }

/* Tables: any table inside a product page scrolls inside its own frame. */
body.page-template-hmb-rr-feature .rr .hmb-table-scroll,
body.page-template-hmb-compare .rr .hmb-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  background: #fff;
  margin-block: 32px;
  max-width: 100%;
}
body.page-template-hmb-rr-feature .rr .hmb-table-scroll table,
body.page-template-hmb-compare .rr .hmb-table-scroll table {
  width: 100%;
  min-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.92rem;
}
body.page-template-hmb-rr-feature .rr .hmb-table-scroll th,
body.page-template-hmb-rr-feature .rr .hmb-table-scroll td,
body.page-template-hmb-compare .rr .hmb-table-scroll th,
body.page-template-hmb-compare .rr .hmb-table-scroll td {
  padding: 13px 16px;
  text-align: left;
  border-bottom: 1px solid #f4f4f5;
  vertical-align: top;
}
body.page-template-hmb-rr-feature .rr .hmb-table-scroll th,
body.page-template-hmb-compare .rr .hmb-table-scroll th {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #71717a;
  background: #fafafa;
}
body.page-template-hmb-rr-feature .rr .hmb-table-scroll tr > :first-child,
body.page-template-hmb-compare .rr .hmb-table-scroll tr > :first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 1px 0 0 #e4e4e7;
  font-weight: 600;
  color: #09090b;
}
body.page-template-hmb-rr-feature .rr .hmb-table-scroll th:first-child,
body.page-template-hmb-compare .rr .hmb-table-scroll th:first-child { background: #fafafa; }

/* ------------------------------------------------------------------
   1. RankReady landing  (body.page-template-template-rankready)
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr { background: #fff; padding-top: 84px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section { padding-block: clamp(80px, 10vw, 136px); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section--paper { background: #fafafa; }

/* Sub-nav: a light floating pill with a sunken link group and a live marker. */

/* Hero: white, type-led on the left, the dark product window on the right. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero {
  background: transparent;
  color: #09090b;
  padding-top: clamp(40px, 6vw, 84px);
  padding-bottom: clamp(48px, 6vw, 80px);
  overflow: hidden;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero::before {
  top: -30%;
  left: auto;
  right: -18%;
  transform: none;
  width: min(900px, 110vw);
  background: radial-gradient(circle at 50% 50%, rgba(251, 146, 60, 0.16) 0%, rgba(251, 146, 60, 0.05) 40%, transparent 66%);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(#f4f4f5 1px, transparent 1px), linear-gradient(90deg, #f4f4f5 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 30% 0%, #09090b 20%, transparent 72%);
  mask-image: radial-gradient(ellipse 70% 60% at 30% 0%, #09090b 20%, transparent 72%);
  z-index: 0;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: clamp(32px, 5vw, 72px);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .eyebrow {
  display: inline-flex;
  padding: 6px 13px 6px 11px;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  background: #fff;
  color: #3f3f46;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .eyebrow::before { display: none; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .eyebrow .ic { color: #EA580C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero h1 {
  color: #09090b;
  margin-top: 24px;
  font-size: clamp(2.1rem, 3.5vw, 3rem);
  line-height: 1.06;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero h1 .rr-accent {
  background: linear-gradient(104deg, #C2410C 0%, #EA580C 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .lead { color: #3f3f46; margin-top: 24px; font-size: clamp(1.02rem, 1.4vw, 1.14rem); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .lead b { color: #09090b; font-weight: 600; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .lead code { background: #f4f4f5; color: #C2410C; border: 1px solid #e4e4e7; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero-ctas { gap: 12px; margin-top: 32px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-btn-ghost {
  background: #fff;
  color: #09090b;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  transition: background-color 150ms var(--p-ease), border-color 150ms var(--p-ease);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-btn-ghost:hover { background: #f4f4f5; border-color: #d4d4d8; color: #09090b; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .rr-fine { color: #71717a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero .rr-fine b { color: #3f3f46; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-fine .sep { color: #EA580C; opacity: 0.6; }

/* The product window: light bezel around a dark core. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-shell {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 22px;
  padding: 6px;
  box-shadow: var(--p-shadow-pop);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-core { background: #111113; border-color: #27272a; border-radius: 16px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-bar i { background: #3f3f46; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-bar .rr-url b { color: #FDBA74; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-score .n { color: #FB923C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-signal .ic { color: #FB923C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-signal .s {
  color: #FDBA74;
  background: rgba(251, 146, 60, 0.10);
  border-color: rgba(251, 146, 60, 0.24);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-bots { background: rgba(9, 9, 11, 0.5); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-bots-head .live { background: #FB923C; box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.18); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-bot .av { background: rgba(251, 146, 60, 0.12); color: #FDBA74; }

/* Stat strip: hairline grid on white, mono figures. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stats {
  background: transparent;
  border-top: 0;
  padding-block: 0 clamp(64px, 8vw, 104px);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat-grid {
  gap: 1px;
  background: #e4e4e7;
  border: 1px solid #e4e4e7;
  border-radius: 20px;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat { background: #fff; padding: 26px 26px 24px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat .n { color: #09090b; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat:first-child .n { color: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat .k { color: #71717a; }

/* Why section note */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-note {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-left: 3px solid #EA580C;
  border-radius: 16px;
  color: #3f3f46;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-note .ic { color: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-grid { margin-top: 48px; gap: 16px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-card { padding: 26px; }

/* Six layers: sticky label, framed screenshot, hairline item cards. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer { border-top-color: #e4e4e7; grid-template-columns: minmax(0, 290px) minmax(0, 1fr); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-aside { top: 160px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-aside .rr-num { color: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-aside h3 { color: #09090b; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer-aside p { color: #3f3f46; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-items { gap: 12px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-items > .rr-layer-hero { grid-column: 1 / -1; margin-bottom: 6px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  transition: border-color 260ms var(--p-ease), transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item:hover { border-color: #d4d4d8; transform: translateY(-2px); box-shadow: var(--p-shadow-card); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item h4 a { color: #09090b; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item h4 a .ic { color: #EA580C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item p a { color: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-flag { background: var(--p-accent-soft); color: #9A3412; border: 1px solid var(--p-accent-line); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-soon-item { background: #fff; border: 1px dashed #d4d4d8; border-radius: 14px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-soon-item .ic { color: #EA580C; }

/* Pricing: Free light, $49 the dark hero card, $99 light with a dark CTA. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr #pricing.rr-price-grid-3 { gap: 16px; margin-top: 48px; align-items: stretch; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card {
  border-radius: 22px;
  padding: 30px;
  border: 1px solid #e4e4e7;
  background: #fff;
  transition: transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card:hover { transform: translateY(-4px); box-shadow: var(--p-shadow-card); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular {
  background: #09090b;
  border-color: #09090b;
  color: #fafafa;
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.55), var(--p-shadow-pop);
  overflow: visible;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular::after {
  opacity: 0.22;
  top: -10%;
  right: -6%;
  width: 60%;
  filter: blur(70px);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .p-badge {
  top: -12px;
  left: 30px;
  transform: none;
  background: #EA580C;
  color: #fff;
  box-shadow: 0 8px 20px -8px rgba(234, 88, 12, 0.7);
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) {
  background: #fff;
  border-color: #e4e4e7;
  color: #09090b;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular)::after { display: none; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .p-eyebrow { color: #71717a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .p-name,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .price-amt .big { color: #09090b; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .price-amt .per { color: #71717a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .price-sub { color: #3f3f46; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .price-list li { color: #3f3f46; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .rr-buy-btn {
  background: #09090b;
  border-color: #09090b;
  box-shadow: 0 10px 24px -14px rgba(9, 9, 11, 0.6);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro:not(.is-popular) .rr-buy-btn:hover { background: #27272a; border-color: #27272a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card .price-amt .big { font-size: 2.6rem; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .p-eyebrow { color: #a1a1aa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .price-amt .per,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .price-sub { color: #a1a1aa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .price-list li { color: #e4e4e7; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card .price-list { gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f4f4f5; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .price-list { border-top-color: rgba(250, 250, 250, 0.1); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card .price-list .ic { color: #C2410C; stroke: #C2410C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .price-list .ic { color: #FB923C; stroke: #FB923C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card.is-pro.is-popular .p-trust { color: #a1a1aa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card .btn--outline { border-radius: 999px; border-color: #e4e4e7; color: #09090b; background: #fff; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card .btn--outline:hover { background: #f4f4f5; border-color: #d4d4d8; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .pl-foot { color: #71717a; font-size: 0.92rem; }

/* Dark bands (site audit, closing CTA): inset rounded panels on white. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band {
  background: #09090b;
  margin-inline: clamp(8px, 1.6vw, 20px);
  border-radius: clamp(20px, 3vw, 32px);
  overflow: hidden;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -10%;
  width: min(820px, 90vw);
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(234, 88, 12, 0.16) 0%, rgba(234, 88, 12, 0.04) 42%, transparent 66%);
  pointer-events: none;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band > .wrap { position: relative; z-index: 1; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .eyebrow { color: #FDBA74; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .eyebrow::before { background: #FB923C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .lead { color: #a1a1aa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band:last-child { margin-bottom: clamp(8px, 1.6vw, 20px); }

body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta.rr-audit-cta--v3 {
  margin: 40px 0 0;
  background: #18181b;
  border: 1px solid rgba(250, 250, 250, 0.10);
  border-radius: 20px;
  padding: 22px 22px 22px 26px;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-icon { background: rgba(251, 146, 60, 0.12); color: #FB923C; border: 1px solid rgba(251, 146, 60, 0.24); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-eyebrow { color: #FDBA74; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form { flex: 0 1 460px; flex-wrap: nowrap; gap: 8px; align-items: stretch; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form .field { flex: 1 1 auto; min-width: 0; margin: 0; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form input {
  width: 100%;
  height: 48px;
  border-radius: 999px;
  padding: 0 18px;
  background: #09090b;
  border: 1px solid rgba(250, 250, 250, 0.14);
  color: #fafafa;
  font: inherit;
  font-size: 0.95rem;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form input::placeholder { color: #71717a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form input:focus { outline: none; border-color: rgba(251, 146, 60, 0.6); box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.18); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form button { height: 48px; padding-inline: 22px; flex: none; }

body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check-grid { gap: 16px; margin-top: 16px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check { background: rgba(250, 250, 250, 0.03); border-color: rgba(250, 250, 250, 0.08); border-radius: 22px; padding: 6px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check-core { background: #111113; border-color: rgba(250, 250, 250, 0.06); border-radius: 17px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check .host { color: #FDBA74; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check li .ic { color: #FB923C; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check .link-arrow,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check .link-arrow .ic { color: #FDBA74; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-check .link-arrow:hover { color: #fff; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band-note {
  background: rgba(251, 146, 60, 0.06);
  border-color: rgba(251, 146, 60, 0.2);
  border-radius: 18px;
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band-note .ic { color: #FB923C; }

/* Closing CTA panel */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .contact-cta .h2 { color: #fafafa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .contact-cta .promise { color: #a1a1aa; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .contact-cta .rr-fine { color: #71717a; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .contact-cta .rr-fine b { color: #d4d4d8; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .rr-btn-ghost {
  background: transparent;
  color: #fafafa;
  border-color: rgba(250, 250, 250, 0.22);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-band .rr-btn-ghost:hover { background: rgba(250, 250, 250, 0.08); border-color: rgba(250, 250, 250, 0.4); color: #fff; }

/* Docs block on the landing: light ground, visible rail controls. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-docs { background: #fff; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-docs .rr-docs-cta { border-radius: 999px; }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-docs .rr-docs-btn {
  background: #fff;
  border: 1px solid #e4e4e7;
  color: #09090b;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.06);
}
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-docs .rr-docs-btn:hover:not(:disabled) { border-color: #d4d4d8; background: #f4f4f5; }

body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .center-cta { margin-top: 40px; }

@media (max-width: 1040px) {
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero-grid { grid-template-columns: minmax(0, 1fr); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-shell { max-width: 560px; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-layer { grid-template-columns: minmax(0, 1fr); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr #pricing.rr-price-grid-3 { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; gap: 24px; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step-grid { grid-template-columns: minmax(0, 1fr); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta.rr-audit-cta--v3 { flex-direction: column; align-items: stretch; text-align: left; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-body { text-align: left; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form { flex: 1 1 auto; flex-direction: row; }
}
@media (max-width: 720px) {
  
  
  
  
  
  
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-hero h1 .rr-accent { display: inline; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .feature-grid--4 { grid-template-columns: minmax(0, 1fr); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .qa-grid { grid-template-columns: minmax(0, 1fr); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form { flex-direction: column; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-audit-cta--v3 .rr-audit-cta-form button { width: 100%; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .price-card { padding: 26px 22px; }
}
@media (max-width: 460px) {
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat { padding: 20px 16px; }
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-stat .n { font-size: 1.5rem; }
}

/* ------------------------------------------------------------------
   2. Feature pages and compare pages
   ------------------------------------------------------------------ */
body.page-template-hmb-rr-feature .rr,
body.page-template-hmb-compare .rr { background: #fff; }
body.page-template-hmb-rr-feature .rr .section,
body.page-template-hmb-compare .rr .section { padding-block: clamp(80px, 10vw, 128px); }
body.page-template-hmb-rr-feature .rr .section--paper,
body.page-template-hmb-compare .rr .section--paper { background: #fafafa; }

/* Hero: faint grid fading out from the top-left, pill eyebrow. */
body.page-template-hmb-rr-feature .rr .page-hero,
body.page-template-hmb-compare .rr .page-hero {
  padding-top: clamp(116px, 14vw, 160px);
  padding-bottom: clamp(56px, 7vw, 96px);
  background: #fff;
  border-bottom: 1px solid #f4f4f5;
}
body.page-template-hmb-rr-feature .rr .page-hero::before,
body.page-template-hmb-compare .rr .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(#f4f4f5 1px, transparent 1px), linear-gradient(90deg, #f4f4f5 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 75% 70% at 20% 0%, #09090b 15%, transparent 70%);
  mask-image: radial-gradient(ellipse 75% 70% at 20% 0%, #09090b 15%, transparent 70%);
}
body.page-template-hmb-rr-feature .rr .page-hero::after,
body.page-template-hmb-compare .rr .page-hero::after {
  content: "";
  position: absolute;
  top: -35%;
  right: -12%;
  width: min(760px, 100vw);
  aspect-ratio: 1;
  pointer-events: none;
  background: radial-gradient(circle, rgba(251, 146, 60, 0.14) 0%, rgba(251, 146, 60, 0.04) 42%, transparent 66%);
}
body.page-template-hmb-rr-feature .rr .page-hero > .wrap,
body.page-template-hmb-compare .rr .page-hero > .wrap { position: relative; z-index: 1; }
body.page-template-hmb-rr-feature .rr .crumbs,
body.page-template-hmb-compare .rr .crumbs {
  display: inline-flex;
  padding: 6px 12px;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 0.72rem;
  color: #71717a;
}
body.page-template-hmb-rr-feature .rr .crumbs a,
body.page-template-hmb-compare .rr .crumbs a { color: #71717a; }
body.page-template-hmb-rr-feature .rr .crumbs a:hover,
body.page-template-hmb-compare .rr .crumbs a:hover { color: #09090b; }
body.page-template-hmb-rr-feature .rr .crumbs .here,
body.page-template-hmb-compare .rr .crumbs .here { color: #09090b; }
body.page-template-hmb-rr-feature .rr .page-hero .eyebrow,
body.page-template-hmb-compare .rr .page-hero .eyebrow { color: #C2410C; letter-spacing: 0.1em; font-size: 0.74rem; }
body.page-template-hmb-rr-feature .rr .page-hero .eyebrow::before,
body.page-template-hmb-compare .rr .page-hero .eyebrow::before { width: 18px; height: 1.5px; background: #EA580C; }
body.page-template-hmb-rr-feature .rr .page-hero .eyebrow .ic,
body.page-template-hmb-compare .rr .page-hero .eyebrow .ic { color: #EA580C; }
body.page-template-hmb-rr-feature .rr .page-hero .h1,
body.page-template-hmb-compare .rr .page-hero .h1 { color: #09090b; line-height: 1.04; }
body.page-template-hmb-compare .rr .page-hero .h1 .grad-text {
  background: linear-gradient(104deg, #C2410C, #EA580C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.page-template-hmb-rr-feature .rr .page-hero .lead,
body.page-template-hmb-compare .rr .page-hero .lead { color: #3f3f46; }
body.page-template-hmb-rr-feature .rr .page-hero .lead b,
body.page-template-hmb-compare .rr .page-hero .lead b { color: #09090b; }
body.page-template-hmb-rr-feature .rr .hero-ctas,
body.page-template-hmb-compare .rr .hero-ctas,
body.page-template-hmb-rr-feature .rr .center-cta,
body.page-template-hmb-compare .rr .center-cta { gap: 12px; flex-wrap: wrap; }
body.page-template-hmb-rr-feature .rr .btn--outline,
body.page-template-hmb-compare .rr .btn--outline {
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e4e4e7;
  color: #09090b;
  transition: background-color 150ms var(--p-ease), border-color 150ms var(--p-ease);
}
body.page-template-hmb-rr-feature .rr .btn--outline:hover,
body.page-template-hmb-compare .rr .btn--outline:hover { background: #f4f4f5; border-color: #d4d4d8; }

/* rankready.css is not loaded on these templates: the product pieces are
   defined here so the primary CTA, trust line and item cards render. */
body.page-template-hmb-rr-feature .rr .rr-fine,
body.page-template-hmb-compare .rr .rr-fine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  letter-spacing: 0.02em;
  color: #71717a;
  line-height: 1.6;
}
body.page-template-hmb-rr-feature .rr .rr-fine b,
body.page-template-hmb-compare .rr .rr-fine b { color: #09090b; font-weight: 500; }
body.page-template-hmb-rr-feature .rr .rr-fine .sep,
body.page-template-hmb-compare .rr .rr-fine .sep { color: #EA580C; opacity: 0.7; }
body.page-template-hmb-rr-feature .rr .rr-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.page-template-hmb-rr-feature .rr .rr-item {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  padding: 22px 22px 24px;
  transition: border-color 260ms var(--p-ease), transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease);
}
body.page-template-hmb-rr-feature .rr .rr-item:hover { border-color: #d4d4d8; transform: translateY(-2px); box-shadow: var(--p-shadow-card); }
body.page-template-hmb-rr-feature .rr .rr-item h4 { font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: #09090b; line-height: 1.35; }
body.page-template-hmb-rr-feature .rr .rr-item p { color: #3f3f46; font-size: 0.93rem; line-height: 1.58; margin-top: 8px; }
body.page-template-hmb-rr-feature .rr .rr-item p code { overflow-wrap: anywhere; }
body.page-template-hmb-rr-feature .rr .rr-item p a { color: #C2410C; text-decoration: underline; text-underline-offset: 2px; }

body.page-template-hmb-rr-feature .rr .feature-grid,
body.page-template-hmb-rr-feature .rr .step-grid,
body.page-template-hmb-rr-feature .rr .stat-row,
body.page-template-hmb-compare .rr .step-grid,
body.page-template-hmb-compare .rr .stat-row { gap: 16px; margin-top: 44px; }
body.page-template-hmb-rr-feature .rr .feature-card { padding: 26px; }
body.page-template-hmb-rr-feature .rr .stat-card,
body.page-template-hmb-compare .rr .stat-card { padding: 28px; }
body.page-template-hmb-rr-feature .rr .stat-card .n,
body.page-template-hmb-compare .rr .stat-card .n {
  font-family: var(--font-mono);
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  letter-spacing: -0.03em;
  background: linear-gradient(104deg, #C2410C, #EA580C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.page-template-hmb-rr-feature .rr .stat-card .k,
body.page-template-hmb-compare .rr .stat-card .k { color: #3f3f46; font-size: 0.94rem; line-height: 1.5; }

body.page-template-hmb-rr-feature .rr .rr-layer-hero { margin-top: 44px; }
body.page-template-hmb-compare .rr .rr-layer-hero { margin-inline: auto; }

/* Callout: a white card with an orange rule, not a tinted wash. */
body.page-template-hmb-rr-feature .rr .callout,
body.page-template-hmb-compare .rr .callout,
body.page-template-template-hatch .callout {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-left: 3px solid #EA580C;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
  max-width: 900px;
}
body.page-template-hmb-rr-feature .rr .callout .ic,
body.page-template-hmb-compare .rr .callout .ic,
body.page-template-template-hatch .callout .ic { color: #C2410C; }
body.page-template-hmb-rr-feature .rr .callout h4,
body.page-template-hmb-compare .rr .callout h4,
body.page-template-template-hatch .callout h4 { color: #09090b; }
body.page-template-hmb-rr-feature .rr .callout p,
body.page-template-hmb-compare .rr .callout p,
body.page-template-template-hatch .callout p { color: #3f3f46; }

/* Compare block: two columns, the RankReady side is the dark one. */
body.page-template-hmb-compare .rr .cmp-grid { gap: 16px; margin-top: 44px; }
body.page-template-hmb-compare .rr .cmp-col { border-radius: 22px; padding: 30px; }
body.page-template-hmb-compare .rr .cmp-col--without { background: #fff; border: 1px solid #e4e4e7; }
body.page-template-hmb-compare .rr .cmp-col--with {
  background: #09090b;
  color: #fafafa;
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.35), var(--p-shadow-pop);
}
body.page-template-hmb-compare .rr .cmp-col--with::after { opacity: 0.2; }
body.page-template-hmb-compare .rr .cmp-head { padding-bottom: 18px; border-bottom: 1px solid #f4f4f5; }
body.page-template-hmb-compare .rr .cmp-col--with .cmp-head { border-bottom-color: rgba(250, 250, 250, 0.1); }
body.page-template-hmb-compare .rr .cmp-col--without .badge { background: #f4f4f5; color: #3f3f46; border: 1px solid #e4e4e7; }
body.page-template-hmb-compare .rr .cmp-col--with .badge { background: linear-gradient(135deg, #FB923C, #EA580C); color: #fff; }
body.page-template-hmb-compare .rr .cmp-col--with .cmp-head span { color: #a1a1aa; }
body.page-template-hmb-compare .rr .cmp-col--without .cmp-list .ic { color: #71717a; }
body.page-template-hmb-compare .rr .cmp-col--with .cmp-list .ic { color: #FB923C; }
body.page-template-hmb-compare .rr .cmp-col--with .cmp-list li { color: #e4e4e7; border-color: rgba(250, 250, 250, 0.08); }
body.page-template-hmb-compare .rr .cmp-col--without .cmp-list li { color: #3f3f46; }
body.page-template-hmb-compare .rr .cmp-col--with code { background: rgba(250, 250, 250, 0.08); color: #FDBA74; border: 1px solid rgba(250, 250, 250, 0.08); overflow-wrap: anywhere; }
body.page-template-hmb-compare .rr .cmp-list li span { min-width: 0; overflow-wrap: anywhere; }
body.page-template-hmb-compare .rr .link-arrow { color: #09090b; }
body.page-template-hmb-compare .rr .link-arrow .ic { color: #EA580C; }
body.page-template-hmb-compare .rr .link-arrow:hover { color: #C2410C; }

@media (max-width: 900px) {
  body.page-template-hmb-rr-feature .rr .rr-items { grid-template-columns: minmax(0, 1fr); }
  body.page-template-hmb-rr-feature .rr .feature-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-template-hmb-compare .rr .cmp-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  body.page-template-hmb-rr-feature .rr .qa-grid,
  body.page-template-hmb-compare .rr .qa-grid { grid-template-columns: minmax(0, 1fr); }
  body.page-template-hmb-rr-feature .rr .feature-grid--4,
  body.page-template-hmb-rr-feature .rr .feature-grid { grid-template-columns: minmax(0, 1fr); }
  body.page-template-hmb-rr-feature .rr .hero-ctas .btn,
  body.page-template-hmb-compare .rr .hero-ctas .btn,
  body.page-template-hmb-rr-feature .rr .center-cta .btn,
  body.page-template-hmb-compare .rr .center-cta .btn { width: 100%; }
  body.page-template-hmb-compare .rr .cmp-col { padding: 22px 18px; }
  body.page-template-hmb-rr-feature .rr .rr-layer-hero,
  body.page-template-hmb-compare .rr .rr-layer-hero { padding: 24px 4px 4px; border-radius: 14px; }
  body.page-template-hmb-rr-feature .rr .rr-layer-hero::before,
  body.page-template-hmb-compare .rr .rr-layer-hero::before { top: 8px; left: 11px; }
  body.page-template-hmb-rr-feature .rr .rr-layer-hero img,
  body.page-template-hmb-compare .rr .rr-layer-hero img { border-radius: 10px; }
  body.page-template-hmb-rr-feature .rr .crumbs,
  body.page-template-hmb-compare .rr .crumbs { border-radius: 14px; }
}

/* ------------------------------------------------------------------
   3. AI Readiness Checker  (body.page-template-hmb-arc-checker)
   Light page, the scorecard panel and the install card stay dark.
   The view's own rules read the --rr-* tokens, so remapping them per
   region restyles every state (idle, running, result, error).
   ------------------------------------------------------------------ */
body.page-template-hmb-arc-checker .rr.arc {
  --rr-fg: #09090b;
  --rr-muted: #52525b;
  --rr-subtle: #71717a;
  --rr-ink: #fff;
  --rr-surface: #fafafa;
  --rr-surface-2: #fff;
  --rr-hairline: #e4e4e7;
  --rr-hairline-2: #f4f4f5;
  --rr-green: #EA580C;
  --rr-mint: #FB923C;
  background: #fff;
  color: #09090b;
}
body.page-template-hmb-arc-checker .rr.arc .arc-panel,
body.page-template-hmb-arc-checker .rr.arc .arc-plug,
body.page-template-hmb-arc-checker .rr.arc .arc-fb pre {
  --rr-fg: #fafafa;
  --rr-muted: #a1a1aa;
  --rr-subtle: #71717a;
  --rr-ink: #09090b;
  --rr-surface: #111113;
  --rr-surface-2: #18181b;
  --rr-hairline: rgba(250, 250, 250, 0.10);
  --rr-hairline-2: rgba(250, 250, 250, 0.06);
  --rr-green: #FB923C;
  --rr-mint: #FDBA74;
}

/* Stage (idle) */
body.page-template-hmb-arc-checker .rr.arc .arc-stage {
  background: #fff;
  padding-top: clamp(116px, 14vw, 156px);
  padding-bottom: clamp(64px, 8vw, 104px);
  border-bottom: 1px solid #f4f4f5;
}
body.page-template-hmb-arc-checker .rr.arc .arc-stage::before {
  top: -45%;
  left: auto;
  right: -20%;
  transform: none;
  width: min(980px, 120vw);
  background: radial-gradient(circle at 50% 50%, rgba(251, 146, 60, 0.15) 0%, rgba(251, 146, 60, 0.05) 40%, transparent 66%);
}
body.page-template-hmb-arc-checker .rr.arc .arc-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(#f4f4f5 1px, transparent 1px), linear-gradient(90deg, #f4f4f5 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 22% 10%, #09090b 15%, transparent 70%);
  mask-image: radial-gradient(ellipse 70% 70% at 22% 10%, #09090b 15%, transparent 70%);
  z-index: 0;
}
body.page-template-hmb-arc-checker .rr.arc .arc-eb { color: #C2410C; letter-spacing: 0.1em; font-size: 11.5px; }
body.page-template-hmb-arc-checker .rr.arc .arc-eb::before { width: 18px; background: #EA580C; }
body.page-template-hmb-arc-checker .rr.arc .arc-stage h1 { color: #09090b; font-size: clamp(2.1rem, 3.8vw, 3.1rem); line-height: 1.04; }
body.page-template-hmb-arc-checker .rr.arc .arc-stage h1 .g {
  background: linear-gradient(104deg, #C2410C, #EA580C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.page-template-hmb-arc-checker .rr.arc .arc-lede { color: #3f3f46; font-size: 17px; }
body.page-template-hmb-arc-checker .rr.arc .arc-lede code { background: #f4f4f5; color: #C2410C; border: 1px solid #e4e4e7; }

body.page-template-hmb-arc-checker .rr.arc .arc-bar {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  padding: 6px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04), 0 12px 30px -20px rgba(24, 24, 27, 0.25);
}
body.page-template-hmb-arc-checker .rr.arc .arc-bar:focus-within { border-color: rgba(234, 88, 12, 0.55); box-shadow: 0 0 0 4px rgba(234, 88, 12, 0.12); }
body.page-template-hmb-arc-checker .rr.arc .arc-bar input { color: #09090b; padding-left: 16px; }
body.page-template-hmb-arc-checker .rr.arc .arc-bar input::placeholder { color: #a1a1aa; }
body.page-template-hmb-arc-checker .rr.arc .arc-go {
  background: #CF4918;
  color: #fff;
  border-radius: 999px;
  box-shadow: 0 10px 24px -12px rgba(207, 73, 24, 0.55);
}
body.page-template-hmb-arc-checker .rr.arc #arcGo { padding: 11px 20px; }
body.page-template-hmb-arc-checker .rr.arc .arc-go:hover:not(:disabled) { background: #B83F14; box-shadow: 0 12px 26px -12px rgba(184, 63, 20, 0.6); }
body.page-template-hmb-arc-checker .rr.arc .arc-go:disabled { opacity: 0.55; }
body.page-template-hmb-arc-checker .rr.arc .arc-fine { color: #71717a; }
body.page-template-hmb-arc-checker .rr.arc .arc-fine b { color: #3f3f46; }

/* Error state: readable on white, inside the palette. */
body.page-template-hmb-arc-checker .rr.arc .arc-err.on {
  display: block;
  padding: 11px 14px;
  border: 1px solid rgba(234, 88, 12, 0.3);
  border-left: 3px solid #EA580C;
  border-radius: 12px;
  background: rgba(234, 88, 12, 0.06);
  color: #9A3412;
  font-weight: 500;
  max-width: 520px;
}

/* Scorecard panel: the dark instrument. */
body.page-template-hmb-arc-checker .rr.arc .arc-panel {
  background: linear-gradient(180deg, #18181b 0%, #111113 100%);
  border: 1px solid #27272a;
  border-radius: 22px;
  box-shadow: 0 0 0 6px #fff, 0 0 0 7px #e4e4e7, var(--p-shadow-pop);
}
body.page-template-hmb-arc-checker .rr.arc .arc-chrome { background: rgba(9, 9, 11, 0.6); }
body.page-template-hmb-arc-checker .rr.arc .arc-chrome i { background: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-meter i:not(.on):not(.mid):not(.low) { background: rgba(250, 250, 250, 0.08); }
body.page-template-hmb-arc-checker .rr.arc .arc-meter i.on { background: #FB923C; }
body.page-template-hmb-arc-checker .rr.arc .arc-row.ok .arc-dot::after { border-color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-row.run .arc-dot { border-color: #FB923C; animation-name: hmbArcPulse; }
body.page-template-hmb-arc-checker .rr.arc .arc-row.run .arc-rn b { color: #fafafa; }
body.page-template-hmb-arc-checker .rr.arc .arc-foot { background: rgba(9, 9, 11, 0.5); }
body.page-template-hmb-arc-checker .rr.arc .arc-foot .live { background: #FB923C; box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.18); }
@keyframes hmbArcPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0.5); }
  50% { box-shadow: 0 0 0 6px rgba(251, 146, 60, 0); }
}

/* Results */
body.page-template-hmb-arc-checker .rr.arc .arc-out { background: #fafafa; border-top: 1px solid #e4e4e7; }
body.page-template-hmb-arc-checker .rr.arc .arc-sh h2 { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-sh p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-finds { gap: 12px; }
body.page-template-hmb-arc-checker .rr.arc .arc-f {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
  transition: border-color 260ms var(--p-ease), box-shadow 260ms var(--p-ease);
}
body.page-template-hmb-arc-checker .rr.arc .arc-f:hover { border-color: #d4d4d8; box-shadow: var(--p-shadow-card); }
body.page-template-hmb-arc-checker .rr.arc .arc-tag { background: #18181b; border-color: #18181b; }
body.page-template-hmb-arc-checker .rr.arc .arc-ft b { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-ft p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-lyr {
  padding: 3px 8px;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  color: #52525b;
  margin-top: 0;
}
body.page-template-hmb-arc-checker .rr.arc .arc-fb { background: #fafafa; border-top-color: #f4f4f5; }
body.page-template-hmb-arc-checker .rr.arc .arc-fb h4 { color: #71717a; }
body.page-template-hmb-arc-checker .rr.arc .arc-fb p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-fb pre { background: #09090b; color: #FDBA74; border-color: #27272a; }
body.page-template-hmb-arc-checker .rr.arc .arc-who { border-color: #e4e4e7; color: #52525b; background: #fff; }
body.page-template-hmb-arc-checker .rr.arc .arc-who b { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-who.plugin { border-color: rgba(234, 88, 12, 0.3); background: rgba(234, 88, 12, 0.06); }
body.page-template-hmb-arc-checker .rr.arc .arc-who.plugin b { color: #C2410C; }

body.page-template-hmb-arc-checker .rr.arc .arc-gate {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-top: 3px solid #EA580C;
  border-radius: 20px;
  box-shadow: var(--p-shadow-card);
}
body.page-template-hmb-arc-checker .rr.arc .arc-gate h3 { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-gate > p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-gf input[type=text],
body.page-template-hmb-arc-checker .rr.arc .arc-gf input[type=email],
body.page-template-hmb-arc-checker .rr.arc .arc-gf select { background: #fff; border-color: #e4e4e7; color: #09090b; border-radius: 12px; }
body.page-template-hmb-arc-checker .rr.arc .arc-gf input:focus,
body.page-template-hmb-arc-checker .rr.arc .arc-gf select:focus { border-color: rgba(234, 88, 12, 0.55); box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12); }
body.page-template-hmb-arc-checker .rr.arc .arc-ck { background: #fafafa; border-color: #e4e4e7; border-radius: 12px; }
body.page-template-hmb-arc-checker .rr.arc .arc-ck input { accent-color: #EA580C; }
body.page-template-hmb-arc-checker .rr.arc .arc-ck span { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-ck span b { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-note { color: #71717a; }
body.page-template-hmb-arc-checker .rr.arc .arc-note a { color: #3f3f46; }

body.page-template-hmb-arc-checker .rr.arc .arc-after { border-top-color: #e4e4e7; }
body.page-template-hmb-arc-checker .rr.arc .arc-after p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-b2 { background: #fff; border-color: #e4e4e7; color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-b2:hover { border-color: #d4d4d8; background: #f4f4f5; }

body.page-template-hmb-arc-checker .rr.arc .arc-plug {
  background: #09090b;
  border: 1px solid #09090b;
  border-radius: 24px;
  box-shadow: 0 0 0 1px rgba(234, 88, 12, 0.35), var(--p-shadow-pop);
  position: relative;
  overflow: hidden;
}
body.page-template-hmb-arc-checker .rr.arc .arc-plug::after {
  content: "";
  position: absolute;
  top: -60%;
  right: -10%;
  width: 55%;
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(234, 88, 12, 0.22), transparent 65%);
  pointer-events: none;
}
body.page-template-hmb-arc-checker .rr.arc .arc-plug > * { position: relative; z-index: 1; }

/* What gets checked */
body.page-template-hmb-arc-checker .rr.arc .arc-what { background: #fafafa; border-top: 1px solid #f4f4f5; }
body.page-template-hmb-arc-checker .rr.arc .arc-what h2 { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-what > .wrap > p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-cards { gap: 16px; }
body.page-template-hmb-arc-checker .rr.arc .arc-cards > .arc-c { flex-basis: calc((100% - 32px) / 3); }
body.page-template-hmb-arc-checker .rr.arc .arc-c {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(24, 24, 27, 0.04);
  transition: transform 260ms var(--p-ease), box-shadow 260ms var(--p-ease), border-color 260ms var(--p-ease);
}
body.page-template-hmb-arc-checker .rr.arc .arc-c:hover { transform: translateY(-4px); border-color: #d4d4d8; box-shadow: var(--p-shadow-card); }
body.page-template-hmb-arc-checker .rr.arc .arc-c .n {
  display: inline-block;
  color: #C2410C;
  background: var(--p-accent-soft);
  border: 1px solid var(--p-accent-line);
  border-radius: 999px;
  padding: 4px 10px;
}
body.page-template-hmb-arc-checker .rr.arc .arc-c b { color: #09090b; }
body.page-template-hmb-arc-checker .rr.arc .arc-c p { color: #3f3f46; }
body.page-template-hmb-arc-checker .rr.arc .arc-c code { background: #f4f4f5; color: #C2410C; border-radius: 5px; padding: 0 4px; }

@media (max-width: 1000px) {
  body.page-template-hmb-arc-checker .rr.arc .arc-panel { max-width: 620px; }
}
@media (max-width: 760px) {
  body.page-template-hmb-arc-checker .rr.arc .arc-cards > .arc-c { flex-basis: 100%; min-height: 0; }
}
@media (max-width: 560px) {
  body.page-template-hmb-arc-checker .rr.arc .arc-bar { border-radius: 18px; flex-direction: column; }
  body.page-template-hmb-arc-checker .rr.arc #arcGo { align-self: stretch; }
  body.page-template-hmb-arc-checker .rr.arc .arc-panel { box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e4e4e7, var(--p-shadow-pop); }
}

/* ------------------------------------------------------------------
   4. Motion preferences
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  body:is(.page-template-template-rankready,.page-template-template-hatch) .rr *:hover,
  body.page-template-hmb-rr-feature .rr *:hover,
  body.page-template-hmb-compare .rr *:hover,
  body.page-template-hmb-arc-checker .rr *:hover { transform: none !important; }
  body.page-template-hmb-arc-checker .rr.arc .arc-row.run .arc-dot { animation: none; border-width: 3px; }
}

/* ------------------------------------------------------------------
   5. Heading family and stacked paper sections
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .step h3,
body.page-template-hmb-rr-feature .rr .step h3,
body.page-template-hmb-compare .rr .step h3,
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .rr-item h4 { font-family: var(--font-display); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr .section--paper + .section--paper,
body.page-template-hmb-rr-feature .rr .section--paper + .section--paper,
body.page-template-hmb-compare .rr .section--paper + .section--paper { padding-top: clamp(24px, 3vw, 40px); }
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr :is(.h1, .h2, h3, h4),
body.page-template-hmb-rr-feature .rr :is(.h1, .h2, h3, h4),
body.page-template-hmb-compare .rr :is(.h1, .h2, h3, h4),
body.page-template-hmb-arc-checker .rr :is(.h1, .h2, h3, h4) { text-wrap: balance; }
@media (max-width: 560px) {
  body.page-template-hmb-arc-checker .rr.arc .arc-fine { display: flex; flex-direction: column; gap: 2px; line-height: 1.6; }
  body.page-template-hmb-arc-checker .rr.arc .arc-fine .sep { display: block; height: 0; overflow: hidden; visibility: hidden; }
}

/* Two sticky bars (site nav + RankReady sub-nav) end near 148px: land anchors below them. */
body:is(.page-template-template-rankready,.page-template-template-hatch) .rr [id], body.hmb2-has-subnav main [id] { scroll-margin-top: 168px; }
body.page-template-template-rankready #pricing { scroll-margin-top: 188px; }

/* ==================================================================
   RANKREADY LANDING, VISUAL MODULES (rv-*)  2026-09-28
   Buttons, scenes, tabs, sticky setup, switchboards, logs, FAQ.
   Everything is scoped by body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr = body.page-template-template-rankready main .rr
   Progressive enhancement: html.rv-js adds the reveal states, html.rv-rm
   (prefers-reduced-motion) and no-JS both show the finished state.
   ================================================================== */
body.page-template-template-rankready main .rr{
  --rv-ink:#09090b; --rv-ink2:#111113; --rv-ink3:#18181b; --rv-ink4:#27272a;
  --rv-line:#e4e4e7; --rv-mut:#52525b; --rv-sub:#71717a;
  --rv-o:#EA580C; --rv-o2:#FB923C; --rv-o3:#FDBA74; --rv-btn:#CF4918;
  --rv-ease:cubic-bezier(.16,1,.3,1);
  --rv-mono:var(--font-mono,ui-monospace,Menlo,monospace);
  --rv-disp:var(--font-display,Georgia,serif);
  --rv-sans:var(--font-sans,system-ui,sans-serif);
}
html{scroll-behavior:smooth}
html.rv-rm{scroll-behavior:auto}

/* ------------------------------------------------------------------
   1. BUTTONS: five roles, one motion language
   primary  = hero, setup and closing (orange, fill sweep, arrow slide)
   light    = sub-nav "Get RankReady" (compact, sits on the dark pill)
   buy      = pricing buttons (ink, orange sweep)
   ghost    = quiet secondary (outline, ink sweep)
   link     = tertiary text link (underline draws in)
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;box-sizing:border-box;padding:.9em 1.55em;border:1.5px solid transparent;border-radius:999px;font-family:var(--rv-sans);font-size:.95rem;font-weight:600;line-height:1;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;background:transparent;transition:transform .35s var(--rv-ease),color .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),box-shadow .35s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn .rv-btn-fill{position:absolute;inset:-1px;z-index:-1;transform:translateX(-102%);transition:transform .5s var(--rv-ease);pointer-events:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn .rv-btn-t{position:relative;z-index:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn .rv-btn-arrow{position:relative;z-index:1;flex:none;width:1em;height:1em;stroke:currentColor;fill:none;transition:transform .35s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:hover .rv-btn-fill,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:focus-visible .rv-btn-fill{transform:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:hover .rv-btn-arrow,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:focus-visible .rv-btn-arrow{transform:translateX(5px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:active{transform:scale(.965);transition-duration:.12s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mini:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-seg button:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks button:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar button:focus-visible{outline:2px solid var(--rv-o2);outline-offset:3px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--lg{padding:1.1em 1.9em;font-size:1.02rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--md{padding:0 1.5em;height:48px;font-size:.95rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--sm{padding:.62em 1.05em;font-size:.84rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--block{display:flex;width:100%}
/* primary */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--primary,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--light{background:var(--rv-btn);color:#fff;border-color:var(--rv-btn);box-shadow:0 12px 26px -14px rgba(207,73,24,.7)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--primary .rv-btn-fill,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--light .rv-btn-fill{background:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--primary:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--primary:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--light:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--light:focus-visible{color:#09090b;border-color:#fafafa;box-shadow:0 16px 30px -14px rgba(251,146,60,.55);transform:translateY(-2px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--primary:active,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--light:active{transform:scale(.965)}
/* the compact one on the sub-nav */

/* buy */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--buy{background:#09090b;color:#fafafa;border-color:#09090b;box-shadow:0 14px 28px -16px rgba(9,9,11,.6)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--buy .rv-btn-fill{background:var(--rv-o)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--buy:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--buy:focus-visible{color:#fff;border-color:var(--rv-o);transform:translateY(-2px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card.is-popular .rv-btn--buy{background:var(--rv-btn);border-color:var(--rv-btn);color:#fff}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card.is-popular .rv-btn--buy .rv-btn-fill{background:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card.is-popular .rv-btn--buy:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card.is-popular .rv-btn--buy:focus-visible{color:#09090b;border-color:#fafafa}
/* ghost */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--ghost{color:#09090b;border-color:#a1a1aa;background:transparent}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--ghost .rv-btn-fill{background:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--ghost:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--ghost:focus-visible{color:#fff;border-color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero .rv-btn--ghost,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--ghost{color:#fafafa;border-color:rgba(250,250,250,.32)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero .rv-btn--ghost .rv-btn-fill,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--ghost .rv-btn-fill{background:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero .rv-btn--ghost:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero .rv-btn--ghost:focus-visible,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--ghost:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--ghost:focus-visible{color:#09090b;border-color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--primary .rv-btn-fill{background:#FDBA74}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--primary:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-btn--primary:focus-visible{border-color:#FDBA74}
/* link (tertiary) */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link{display:inline-flex;align-items:center;gap:.5em;color:#C2410C;font-weight:600;font-size:.98rem;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .4s var(--rv-ease),color .25s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link:focus-visible{background-size:0 1px;background-position:100% 100%;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link .ic{width:1em;height:1em;stroke:currentColor;fill:none;transition:transform .35s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link:hover .ic,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link:focus-visible .ic{transform:translateX(4px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-link--lg{font-size:1.08rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-link{color:#FDBA74}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-link:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-link:focus-visible{color:#fff}
/* small in-scene pill (regenerate, refresh) */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mini{display:inline-flex;align-items:center;gap:.5em;padding:.6em 1.15em;border:1px solid rgba(250,250,250,.25);border-radius:999px;background:transparent;color:#fafafa;font:600 .78rem/1 var(--rv-mono);letter-spacing:.01em;cursor:pointer;transition:background-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),transform .25s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mini:hover{background:#fafafa;color:#09090b;border-color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mini:active{transform:scale(.95)}
/* sub-nav sits on the dark pill: keep the compact CTA from shrinking */

body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .center-cta{display:flex;justify-content:center}

/* ------------------------------------------------------------------
   2. PANELS: full-bleed scenes, square, terminal-dark
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel{position:relative;background:#0c0c0e;color:#d4d4d8;border:1px solid rgba(250,250,250,.09);border-radius:0;box-shadow:0 50px 90px -50px rgba(9,9,11,.6);overflow:hidden}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-band .rv-panel,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-panel{background:#111113}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;font:500 .74rem/1 var(--rv-mono);color:#a1a1aa;background:rgba(250,250,250,.03);border:0;border-bottom:1px solid rgba(250,250,250,.07)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-bar span{color:#e4e4e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-bar span b{color:#71717a;font-weight:500}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-bar em{font-style:normal;color:#71717a;flex:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-body{padding:22px 24px;font:400 .82rem/1.75 var(--rv-mono);color:#d4d4d8;min-height:250px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px 20px;font:500 .72rem/1.4 var(--rv-mono);color:#71717a;background:rgba(250,250,250,.02);border-top:1px solid rgba(250,250,250,.07)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel--sm .rv-body{min-height:0;padding:16px 18px;font-size:.76rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .l{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel b{font-weight:600}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel b.w{color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel b.o{color:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel b.s{color:#e4e4e7;font-weight:500}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel b.g{color:#fafafa;background:rgba(251,146,60,.2);padding:1px 6px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel i.m,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .c-m{font-style:normal;color:#71717a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-cur{display:inline-block;width:.55em;height:1.05em;margin-left:3px;background:var(--rv-o2);vertical-align:-.18em;animation:rv-blink 1s steps(1) infinite}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-cap,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-figcap{margin:14px 0 0;font:500 .78rem/1.5 var(--rv-mono);color:var(--rv-sub);max-width:70ch}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-figcap b{color:#09090b;font-family:var(--rv-sans);font-weight:600;font-size:.98rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .rv-cap{color:#71717a}

/* reveal states (JS only) */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a{display:block}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv]:not(.is-in) .rv-a{opacity:0}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-a{animation:rv-in .6s var(--d,0s) var(--rv-ease) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick{display:inline-grid}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip>span,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill>span,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick>span{grid-area:1/1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip .y,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill .y,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick .y{opacity:0}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-flip .n{animation:rv-off .01s var(--d,1s) both}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-flip .y{animation:rv-on .5s var(--d,1s) both}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-fill .n{animation:rv-off .01s var(--d,1s) both}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-fill .y{animation:rv-on .5s var(--d,1s) both}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-tick .n{animation:rv-off .01s calc(1s + var(--t,0s)) both}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-tick .y{animation:rv-on .5s calc(1s + var(--t,0s)) both}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip .n,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill .n,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick .n{display:none}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip .y,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill .y,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick .y{opacity:1}
@keyframes rv-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rv-on{from{opacity:0}to{opacity:1}}
@keyframes rv-off{to{opacity:0}}
@keyframes rv-blink{50%{opacity:0}}

/* ------------------------------------------------------------------
   3. TABS: copy on the left, the scene on the right, hover or tap to change
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sec .section-head{margin-bottom:clamp(44px,5vw,72px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-layer{margin-top:clamp(84px,10vw,140px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sec .section-head + .rv-layer,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sec .section-head + .rv-tabs{margin-top:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-layer:first-of-type{margin-top:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-layer-head{max-width:760px;margin:0 0 clamp(28px,3.4vw,44px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-layer-head h3{margin:0;font-family:var(--rv-disp);font-weight:600;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.025em;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-layer-head p{margin:14px 0 0;max-width:60ch;font-size:1.05rem;line-height:1.6;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-layer-head h3{color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-layer-head p{color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(36px,5vw,84px);align-items:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip .rv-tab{grid-column:2}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip .rv-pane{grid-column:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab{grid-column:1;position:relative;padding:14px 0 14px 26px;cursor:pointer;opacity:.5;transition:opacity .35s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:rgba(9,9,11,.12)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab::after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--rv-o);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab:hover{opacity:.85}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab.is-active{opacity:1;cursor:default}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab.is-active::after{transform:scaleY(1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs[data-auto].is-cycling .rv-tab.is-active::after{transition:none;animation:rv-prog var(--auto,5600ms) linear both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab:focus-visible{outline:2px solid var(--rv-o2);outline-offset:2px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h3,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h4{margin:0;font-family:var(--rv-disp);font-weight:600;font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.2;letter-spacing:-.015em;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h4 a{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;gap:.35em}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h4 a .ic{width:.7em;height:.7em;stroke:currentColor;fill:none;opacity:.55;transition:transform .3s var(--rv-ease),opacity .3s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h4 a:hover{color:#C2410C}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab h4 a:hover .ic{transform:translate(3px,-3px);opacity:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab p{margin:10px 0 0;max-width:52ch;font-size:.96rem;line-height:1.62;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab p code{font-family:var(--rv-mono);font-size:.84em;background:#f4f4f5;border:0;color:#C2410C;padding:1px 5px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab p a{color:#C2410C;text-underline-offset:3px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab::before{background:rgba(250,250,250,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab h3,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab h4{color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab p{color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab p code{background:#18181b;color:#FDBA74}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab .rr-flag{display:inline-block;margin-left:6px;padding:2px 7px;font:600 .62rem/1.3 var(--rv-mono);letter-spacing:.06em;text-transform:uppercase;color:#9a3412;background:rgba(234,88,12,.1);border:0;border-radius:0;vertical-align:.15em}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dev .rv-tab .rr-flag{color:#FDBA74;background:rgba(251,146,60,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane{grid-column:2;grid-row:1/span var(--n,6);display:none;position:sticky;top:176px;align-self:start;min-width:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane.is-active{display:block}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane .rv-panel{transition:box-shadow .4s}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane.is-active .rv-panel{animation:rv-pane .55s var(--rv-ease) both}
@keyframes rv-pane{from{opacity:.0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rv-prog{from{transform:scaleY(0)}to{transform:scaleY(1)}}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab{opacity:1}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane{display:block;grid-column:1;grid-row:auto;position:static;margin-bottom:28px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs .rv-pane--term .rv-body{min-height:340px}

/* screenshots: kept, framed square, captioned */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-shot{margin:clamp(40px,5vw,64px) 0 0;padding:0;border:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-shot img{display:block;width:100%;height:auto}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-shot img{border-radius:0!important;box-shadow:0 30px 70px -40px rgba(9,9,11,.4);border:1px solid #e4e4e7}

/* ------------------------------------------------------------------
   4. SCENE PARTS
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-two{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-col{min-width:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-colh{margin:0 0 12px;font:600 .66rem/1.2 var(--rv-mono);letter-spacing:.08em;text-transform:uppercase;color:#71717a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lines i{display:block;height:7px;margin:9px 0;background:rgba(250,250,250,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lines i.h{height:11px;margin-bottom:14px;background:rgba(250,250,250,.34)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lines--shaped i.hl{background:linear-gradient(90deg,var(--rv-o),var(--rv-o2));box-shadow:0 0 22px -4px rgba(251,146,60,.6)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-twin .noise{opacity:.4;text-decoration:line-through;text-decoration-color:rgba(251,146,60,.6)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-col--md{border-left:2px solid var(--rv-o2);padding-left:14px;background:linear-gradient(90deg,rgba(251,146,60,.09),transparent)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chips span{padding:5px 10px;font:600 .72rem/1 var(--rv-mono);color:var(--rv-o3);border:1px solid rgba(251,146,60,.4);background:rgba(251,146,60,.08)}
/* okf */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-okf{display:grid;gap:16px;align-content:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lane{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:14px;color:#e4e4e7}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lane .beam{display:block;height:2px;background:linear-gradient(90deg,rgba(251,146,60,0),var(--rv-o2));transform-origin:left;transform:scaleX(0)}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lane .beam{transform:none}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-lane .beam{animation:rv-beam 1.1s var(--d,0s) var(--rv-ease) both}
@keyframes rv-beam{to{transform:scaleX(1)}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-hub{margin-top:8px;padding:12px 14px;font:600 .8rem/1.2 var(--rv-mono);color:#09090b;background:var(--rv-o2);text-align:center}
/* switchboard */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-board{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-board--sig{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sws{display:grid;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr{position:relative;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 12px;color:#e4e4e7;background:rgba(250,250,250,.04);cursor:pointer;transition:background-color .25s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr:hover{background:rgba(250,250,250,.09)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input{position:absolute;opacity:0;pointer-events:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr em{min-width:3.4em;font-style:normal;font-size:.7rem;color:#71717a;text-align:right}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:checked ~ em{color:var(--rv-o3)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sw{position:relative;display:block;width:36px;height:20px;border-radius:999px;background:#3f3f46;transition:background-color .3s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sw::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fafafa;transition:transform .35s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:checked + .rv-sw{background:var(--rv-o)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:checked + .rv-sw::after{transform:translateX(16px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr input:focus-visible + .rv-sw{outline:2px solid var(--rv-o3);outline-offset:3px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-swr--inline{margin:14px 0 4px;max-width:340px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-more{margin:4px 0 0;color:#71717a;font-size:.74rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-code{margin:0;padding:14px 16px;max-height:264px;overflow:auto;font:400 .76rem/1.6 var(--rv-mono);color:#d4d4d8;background:#050506;border:1px solid rgba(250,250,250,.06);white-space:pre;tab-size:2}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-code.flash{animation:rv-flash .7s cubic-bezier(.22,1,.36,1)}
@keyframes rv-flash{from{background:rgba(251,146,60,.22)}to{background:#050506}}
/* schema scenes */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-qa-mini{margin:0 0 14px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-qa-mini b{display:block;margin-bottom:6px;color:#fafafa;font-family:var(--rv-sans);font-size:.85rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-qa-mini i{display:block;height:6px;margin:6px 0;background:rgba(250,250,250,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fields{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fields .rv-colh{flex:0 0 100%}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fields span{padding:7px 12px;font:600 .74rem/1 var(--rv-mono);color:#e4e4e7;border:1px solid rgba(250,250,250,.2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-hl{background:rgba(251,146,60,.13);box-shadow:inset 2px 0 var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fanout,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-langs{display:grid;gap:22px;align-content:center;justify-items:center;text-align:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src-node,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-canon{padding:14px 20px;border:1px solid var(--rv-o2);background:rgba(251,146,60,.08);color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src-node b{display:block;font-family:var(--rv-sans);font-size:.95rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src-node span{display:block;margin-top:4px;color:#a1a1aa;font-size:.74rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-outs,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-copies{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-outs span,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-copies span{position:relative;padding:8px 14px;font-weight:600;color:#fafafa;background:rgba(250,250,250,.08)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-outs span::before,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-copies span::before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:16px;background:rgba(251,146,60,.55)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plugins{color:#71717a;font-size:.72rem}
/* generate */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-edit{display:grid;gap:22px;align-content:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-press{display:inline-block}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-press span{display:inline-block;padding:9px 16px;font:600 .78rem/1 var(--rv-mono);color:#fafafa;background:#3f3f46;animation:none}
html.rv-js body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr [data-rv].is-in .rv-press span{animation:rv-press 1s .9s cubic-bezier(.22,1,.36,1) both}
@keyframes rv-press{40%{transform:scale(.93);background:var(--rv-o2);color:#09090b}100%{background:var(--rv-o2);color:#09090b}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-takeaways{padding-left:14px;border-left:2px solid var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-takeaways b{display:block;margin-bottom:8px;font-family:var(--rv-sans);color:#fafafa;font-size:.88rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-takeaways i{display:block;height:7px;margin:8px 0;background:rgba(250,250,250,.16)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-takeaways i.hl{background:linear-gradient(90deg,var(--rv-o),var(--rv-o2))}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flow3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;align-content:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stp{padding:14px;border:1px solid rgba(250,250,250,.14);background:rgba(250,250,250,.03);min-width:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stp b{display:block;color:#fafafa;font-family:var(--rv-sans);font-size:.86rem;margin-bottom:6px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stp span{display:block;color:#a1a1aa;font-size:.72rem;line-height:1.5}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-arrow{position:relative;display:block;width:28px;height:2px;background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-arrow::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid var(--rv-o2);border-right:2px solid var(--rv-o2);transform:rotate(45deg)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-llm{display:grid;gap:22px;align-content:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks{display:flex;flex-wrap:wrap;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks button,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks--static span{padding:8px 14px;font:600 .76rem/1 var(--rv-mono);color:#d4d4d8;background:transparent;border:1px solid rgba(250,250,250,.2);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks--static span{cursor:default}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks button:hover{border-color:var(--rv-o2);color:#fff}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks button.is-on,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-picks--static span.on{color:#09090b;background:var(--rv-o2);border-color:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-key{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#050506;border:1px solid rgba(250,250,250,.08);color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-key b{color:#fafafa;letter-spacing:.1em;font-weight:500;overflow:hidden;text-overflow:ellipsis}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-key.flash{animation:rv-flash .7s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-blocks{display:grid;gap:8px;align-content:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-blocks .rv-chips{margin-top:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-acc{background:rgba(250,250,250,.04);padding:14px 16px;margin-top:6px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-acc b{color:#fafafa;font-family:var(--rv-sans);font-size:.86rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-acc>div{display:grid;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--rv-ease),opacity .4s,margin .4s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-acc.is-open>div{max-height:90px;opacity:1;margin-top:12px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-acc i{display:block;height:6px;background:rgba(250,250,250,.16)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-regen{display:grid;gap:20px;align-content:start;justify-items:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-meta{width:100%;padding:16px;background:rgba(250,250,250,.04)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-meta b{display:block;color:#fafafa;font-family:var(--rv-sans);margin-bottom:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-meta span{color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-regen.is-busy .rv-meta span{color:var(--rv-o3)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-regen.is-busy .rv-meta{position:relative;overflow:hidden}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-regen.is-busy .rv-meta::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--rv-o2);transform-origin:left;animation:rv-bar 1.4s linear both}
@keyframes rv-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* insights */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-log{display:grid;align-content:start;gap:0;font-size:.78rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row{display:grid;grid-template-columns:52px minmax(0,1.3fr) minmax(0,1fr) 92px;gap:12px;align-items:center;padding:10px 0;color:#e4e4e7}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row--h{color:#71717a;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding-top:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row:not(.rv-row--h)>span:first-child{color:#71717a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row.is-new{animation:rv-newrow .9s var(--rv-ease) both}
@keyframes rv-newrow{from{opacity:0;transform:translateY(-10px);background:rgba(251,146,60,.22)}to{opacity:1;transform:none;background:transparent}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .k{display:inline-block;padding:3px 8px;font-size:.66rem;font-weight:600;text-align:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .k-train{color:var(--rv-o3);background:rgba(251,146,60,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .k-live{color:#09090b;background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .k-search{color:#d4d4d8;background:rgba(250,250,250,.12)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-bin{min-width:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-bin span{display:block;margin-bottom:8px;padding:9px 10px;font-size:.74rem;font-weight:600;color:#fafafa;background:rgba(250,250,250,.07);overflow:hidden;text-overflow:ellipsis}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-refs{display:grid;gap:12px;align-content:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ref{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:14px;color:#e4e4e7}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ref i{position:relative;display:block;height:2px;background:rgba(250,250,250,.12);overflow:hidden}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ref i::after{content:"";position:absolute;inset:0;width:38%;background:var(--rv-o2);animation:rv-flow 2.2s linear infinite}
@keyframes rv-flow{from{transform:translateX(-100%)}to{transform:translateX(280%)}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fresh{display:grid;gap:8px;align-content:start;justify-items:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;padding:9px 12px;background:rgba(250,250,250,.04);color:#e4e4e7;cursor:pointer;transition:background-color .25s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr:hover{background:rgba(250,250,250,.09)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr input{position:absolute;opacity:0;pointer-events:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-bx{position:relative;width:16px;height:16px;border:1.5px solid #71717a;transition:background-color .25s,border-color .25s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr input:checked + .rv-bx{background:var(--rv-o2);border-color:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr input:checked + .rv-bx::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #09090b;border-width:0 2px 2px 0;transform:rotate(45deg)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr input:focus-visible + .rv-bx{outline:2px solid var(--rv-o3);outline-offset:3px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr em{font-style:normal;font-size:.7rem;font-weight:600;padding:3px 8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr[data-s="fresh"] em{color:#d4d4d8;background:rgba(250,250,250,.12)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr[data-s="going"] em{color:var(--rv-o3);background:rgba(251,146,60,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr[data-s="stale"] em{color:#09090b;background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fr.is-refreshed{animation:rv-flash .9s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fresh .rv-mini{margin-top:6px}
/* terminal */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-term .l{color:#d4d4d8}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-term .rv-h{transition:opacity .35s,background-color .35s;margin:0 -8px;padding:0 8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl] .rv-term .rv-h{opacity:.32}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="cache"] .rv-h[data-k="cache"],body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="etag"] .rv-h[data-k="etag"],body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="cors"] .rv-h[data-k="cors"],body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="apo"] .rv-h[data-k="apo"],body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="filters"] .rv-h[data-k="filters"],body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane--term[data-hl="org"] .rv-h[data-k="org"]{opacity:1;background:rgba(251,146,60,.15);box-shadow:inset 2px 0 var(--rv-o2)}
/* merge + pipeline */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge{margin-top:clamp(64px,8vw,110px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1.05fr);align-items:start;gap:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge-grid>.rv-mid{align-self:start;margin-top:34px;padding:0 9px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mcol .rv-colh{color:#52525b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-nodes{display:flex;flex-wrap:wrap;gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-nodes span{padding:9px 13px;font:600 .78rem/1 var(--rv-mono);color:#27272a;border:1px solid #d4d4d8;background:#fff}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-nodes--o span{color:#9a3412;border-color:rgba(234,88,12,.5);background:rgba(234,88,12,.07)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plist{margin:14px 0 0;max-width:34ch;font-size:.88rem;line-height:1.55;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid{display:grid;gap:9px;justify-items:center}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid i{position:relative;display:block;width:100%;height:2px;background:rgba(9,9,11,.12);overflow:hidden}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid i::after{content:"";position:absolute;inset:0;width:45%;background:var(--rv-o);animation:rv-flow 1.8s linear infinite}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid i:nth-child(2)::after{animation-delay:.6s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid i:nth-child(3)::after{animation-delay:1.2s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge .rv-figcap{margin-top:36px;max-width:64ch;font-family:var(--rv-sans);font-size:1rem;line-height:1.6;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pipe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stagecol h3{margin:26px 0 10px;font-family:var(--rv-disp);font-weight:600;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2;color:#09090b;letter-spacing:-.015em}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stagecol p{margin:0;font-size:.96rem;line-height:1.62;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--rv-o2),transparent);animation:rv-scanline 3.4s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
@keyframes rv-scanline{0%,100%{transform:translateY(0);opacity:0}15%,85%{opacity:1}50%{transform:translateY(120px)}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pipe .rv-body{position:relative;min-height:236px;overflow:hidden}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 12px;color:#d4d4d8;background:rgba(250,250,250,.05)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src.is-you{color:#09090b;background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-src.is-you b.g{color:#09090b;background:none;padding:0}
/* free vs pro */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fp{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:start}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-seg{display:inline-flex;padding:3px;border-radius:999px;background:rgba(250,250,250,.08);margin-bottom:22px;max-width:100%;flex-wrap:wrap}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-seg button{padding:8px 16px;border:0;border-radius:999px;background:transparent;color:#a1a1aa;font:600 .74rem/1 var(--rv-mono);cursor:pointer;transition:background-color .3s,color .3s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-seg button.is-on{background:var(--rv-o2);color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts i{display:block;height:34px;background:#27272a;transition:background-color .3s cubic-bezier(.22,1,.36,1),transform .3s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts i.is-done{background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts i.is-now{background:#fafafa;transform:scale(1.08)}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts i{background:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fp-note{margin-top:20px;min-height:3em;color:#d4d4d8;font-size:.8rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon{list-style:none;margin:0;padding:0;display:grid;gap:22px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon li{position:relative;padding-left:26px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;background:var(--rv-o)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon li.is-road::before{background:transparent;border:1.5px solid #a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon b{display:block;font-family:var(--rv-disp);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon span{display:block;margin-top:4px;max-width:52ch;font-size:.95rem;line-height:1.55;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon li.is-road b,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-soon li.is-road span{color:#71717a}

/* ------------------------------------------------------------------
   5. VALIDATORS + SETUP + DOCS + FAQ
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin:clamp(36px,4vw,56px) 0 0;padding:28px 0;border-top:1px solid rgba(250,250,250,.14);border-bottom:1px solid rgba(250,250,250,.14)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-line{margin:0;font-family:var(--rv-disp);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:600;color:#fafafa;letter-spacing:-.02em}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-sub{margin:8px 0 0;font:500 .78rem/1 var(--rv-mono);color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form{display:flex;gap:10px;flex:0 1 480px;min-width:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form input{flex:1 1 auto;min-width:0;height:48px;padding:0 20px;border-radius:999px;background:#111113;border:1.5px solid rgba(250,250,250,.16);color:#fafafa;font:inherit;font-size:.95rem;transition:border-color .25s,box-shadow .25s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form input::placeholder{color:#71717a}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form input:focus{outline:none;border-color:var(--rv-o2);box-shadow:0 0 0 4px rgba(251,146,60,.18)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form .rv-btn{flex:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(44px,5vw,72px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-checks{display:grid;gap:4px;min-height:0!important;padding:14px 20px!important;font-family:var(--rv-sans)!important}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk b{display:block;color:#fafafa;font-weight:600;font-size:.94rem;font-family:var(--rv-sans)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk span{display:block;margin-top:3px;color:#a1a1aa;font-size:.8rem;line-height:1.45}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ck{position:relative;display:block;width:20px;height:20px;margin-top:1px;border:1.5px solid #52525b;transition:background-color .35s,border-color .35s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ck::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #09090b;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .35s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-st{display:inline-grid;font-style:normal;font:600 .68rem/1 var(--rv-mono);margin-top:4px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-st>span{grid-area:1/1;margin:0;padding:4px 8px;text-align:center;font-size:.68rem;line-height:1;color:inherit;transition:opacity .35s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-st .n{color:#a1a1aa;background:rgba(250,250,250,.07)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-st .y{color:#09090b;background:var(--rv-o2);opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk.is-done .rv-ck,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk .rv-ck{background:var(--rv-o2);border-color:var(--rv-o2)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk.is-done .rv-ck::after,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk .rv-ck::after{transform:rotate(45deg) scale(1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk.is-done .rv-st .n{opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk.is-done .rv-st .y,html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk .rv-st .y{opacity:1}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk .rv-st .n{opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-meter{height:3px;background:rgba(250,250,250,.08)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-meter i{display:block;height:100%;background:var(--rv-o2);transform-origin:left;transform:scaleX(var(--p,1));transition:transform .5s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-out{margin:20px 0 14px;max-width:48ch;font-size:.96rem;line-height:1.6;color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-out b{color:#fafafa;font-weight:600}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:22px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan-tools .rv-cap{margin:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-note{margin:clamp(40px,5vw,64px) 0 0;max-width:62ch;font-size:1.02rem;line-height:1.65;color:#a1a1aa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-note b{color:#fafafa}
/* sticky setup */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sticky{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start;counter-reset:rvs}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps{position:relative;padding-left:34px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:rgba(9,9,11,.12)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps::after{content:"";position:absolute;left:0;top:8px;width:2px;height:calc((100% - 16px) * var(--fill,.34));background:var(--rv-o);transition:height .6s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sticky[data-step="1"] .rv-steps{--fill:.34}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sticky[data-step="2"] .rv-steps{--fill:.67}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sticky[data-step="3"] .rv-steps{--fill:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step{counter-increment:rvs;min-height:56vh;padding:4px 0 40px;opacity:.38;transition:opacity .45s cubic-bezier(.22,1,.36,1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step:last-child{min-height:0;padding-bottom:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step.is-active{opacity:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step::before{content:counter(rvs);display:block;margin-bottom:8px;font-family:var(--rv-disp);font-style:italic;font-weight:400;font-size:2.2rem;line-height:1;color:var(--rv-o)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step h3{margin:0;font-family:var(--rv-disp);font-weight:600;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.02em;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step p{margin:12px 0 0;max-width:44ch;font-size:1.02rem;line-height:1.62;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step:focus-visible{outline:2px solid var(--rv-o2);outline-offset:6px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stage{position:sticky;top:176px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scenes{position:relative;min-height:340px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene{position:absolute;inset:0;padding:24px;display:grid;gap:12px;align-content:start;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .6s var(--rv-ease);font-family:var(--rv-sans);font-size:.86rem;color:#d4d4d8}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active{opacity:1;transform:none}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene{position:relative;opacity:1;transform:none;margin-bottom:12px}
html:not(.rv-js) body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scenes{min-height:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-wpsearch{padding:12px 14px;background:#050506;border:1px solid rgba(250,250,250,.1);font:500 .84rem/1 var(--rv-mono);color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--rv-o2);width:9ch}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-typed{animation:rv-type 1.1s steps(9) .2s both}
@keyframes rv-type{from{width:0}to{width:9ch}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:rgba(250,250,250,.05)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-name b{display:block;color:#fafafa;font-size:1rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-name span{display:block;margin-top:3px;color:#a1a1aa;font-size:.78rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-plug{animation:rv-in .6s 1.3s var(--rv-ease) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-btn{position:relative;display:inline-grid;min-width:104px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-btn span{grid-area:1/1;padding:9px 14px;font:600 .74rem/1 var(--rv-mono);text-align:center;background:#3f3f46;color:#fafafa;opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-btn .b1{opacity:1}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-btn .b3,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug-btn .b4{background:var(--rv-o2);color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-plug-btn .b1{animation:rv-off .01s 2.6s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-plug-btn .b2{animation:rv-on .01s 2.6s forwards,rv-off .01s 3.5s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-plug-btn .b3{animation:rv-on .01s 3.5s forwards,rv-off .01s 4.6s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-plug-btn .b4{animation:rv-on .01s 4.6s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene-cap{margin:6px 0 0;color:#71717a;font-size:.76rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tg{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#e4e4e7;background:rgba(250,250,250,.05)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-tg .rv-sw{animation:rv-track .01s calc(.5s + var(--i) * .5s) forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-tg .rv-sw::after{animation:rv-knob .4s calc(.5s + var(--i) * .5s) var(--rv-ease) forwards}
@keyframes rv-track{to{background:var(--rv-o)}}
@keyframes rv-knob{to{transform:translateX(16px)}}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-save{display:inline-grid;justify-self:start;margin-top:4px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-save span{grid-area:1/1;padding:9px 16px;font:600 .76rem/1 var(--rv-mono);background:#3f3f46;color:#fafafa}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-save .b2{background:var(--rv-o2);color:#09090b;opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-save .b1{animation:rv-off .01s 3.4s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-save .b2{animation:rv-on .01s 3.4s forwards}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-gen{margin-top:4px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-gen .rv-press span{animation:rv-press 1s 1.5s cubic-bezier(.22,1,.36,1) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene .rv-takeaways{opacity:0}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-takeaways{animation:rv-in .6s 2.6s var(--rv-ease) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene .rv-takeaways i{transform-origin:left;transform:scaleX(0)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene.is-active .rv-takeaways i{animation:rv-beam .7s calc(2.8s + var(--k,0s)) var(--rv-ease) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene .rv-takeaways i:nth-of-type(2){--k:.25s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene .rv-takeaways i:nth-of-type(3){--k:.5s}
/* docs teaser */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-docsdemo{margin:0 0 clamp(36px,4vw,56px);max-width:760px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dsearch{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#050506;border:1px solid rgba(250,250,250,.12);color:#fafafa;font:500 .92rem/1 var(--rv-mono)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dsearch .ic{width:18px;height:18px;stroke:#a1a1aa;fill:none;flex:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dres{margin-top:16px;min-height:78px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dr{padding:14px 16px;background:rgba(250,250,250,.05);border-left:2px solid var(--rv-o2);opacity:1;transition:opacity .35s,transform .45s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dr.is-off{opacity:0;transform:translateY(8px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dr b{display:block;color:#fafafa;font-family:var(--rv-sans);font-size:.95rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-dr span{display:block;margin-top:4px;color:#a1a1aa;font-family:var(--rv-sans);font-size:.82rem}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-docs .docs-cat-card{transition:transform .4s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-docs .docs-cat-card:hover{transform:translateY(-4px)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-docs-head{align-items:flex-end}
/* FAQ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar button{padding:9px 18px;border:1.5px solid #d4d4d8;border-radius:999px;background:transparent;color:#27272a;font:600 .84rem/1 var(--rv-sans);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s,transform .25s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar button:hover{border-color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar button:active{transform:scale(.95)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqbar button.is-on{background:#09090b;color:#fafafa;border-color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-faqlist{display:grid;gap:8px;max-width:920px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q{position:relative;background:#fff;border:1px solid #e4e4e7;transition:border-color .3s,background-color .3s}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q[hidden]{display:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--rv-o);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q[open]{border-color:#d4d4d8}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q[open]::before{transform:scaleY(1)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;cursor:pointer;list-style:none;font-family:var(--rv-disp);font-weight:600;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.3;letter-spacing:-.012em;color:#09090b}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary::-webkit-details-marker{display:none}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary:hover{color:#C2410C}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary:focus-visible{outline:2px solid var(--rv-o2);outline-offset:-2px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary i{position:relative;flex:none;width:18px;height:18px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary i::before,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary i::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:currentColor;transition:transform .4s var(--rv-ease)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary i::after{transform:rotate(90deg)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q[open] summary i::after{transform:rotate(0)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a-body{padding:0 24px 24px;animation:rv-in .5s var(--rv-ease) both}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a-body p{margin:0;max-width:66ch;font-size:1rem;line-height:1.68;color:var(--rv-mut)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a-body p b{color:#09090b}

/* ------------------------------------------------------------------
   6. OVERRIDES OF OLDER LAYERS
   ------------------------------------------------------------------ */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card{border-radius:0!important}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card .p-badge{border-radius:0!important}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band{overflow:visible}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-band .section-head .h2{color:#fafafa}

/* pricing grid: the id moved to the section head, so restore the 3-up grid here */
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-grid.rr-price-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;align-items:stretch}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card .rv-btn--block{margin-top:30px}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-card .rv-btn .rv-btn-arrow{color:inherit!important;stroke:currentColor!important;fill:none!important}
@media (max-width:1040px){
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .price-grid.rr-price-grid-3{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;gap:24px}
}

/* ------------------------------------------------------------------
   7. BREAKPOINTS
   ------------------------------------------------------------------ */
@media (max-width:1040px){
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid{grid-template-columns:repeat(3,1fr);justify-items:stretch;gap:9px;max-width:120px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-merge-grid>.rv-mid{margin-top:0;padding:0}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pipe{grid-template-columns:minmax(0,1fr);gap:48px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan{grid-template-columns:minmax(0,1fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fp{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip{grid-template-columns:minmax(0,1fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip .rv-tab{grid-column:1}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-pane,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tabs--flip .rv-pane{grid-column:1;grid-row:auto;position:static;margin:14px 0 22px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tab{opacity:.62}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sticky{grid-template-columns:minmax(0,1fr);gap:22px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stage{position:sticky;top:150px;order:-1;z-index:3}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scenes{min-height:262px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scene{padding:16px;gap:8px;font-size:.78rem}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stage .rv-bar{display:none}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-stage .rv-cap{display:none}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-step{min-height:44vh}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps::before,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps::after{display:none}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-steps{padding-left:0}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tg{padding:7px 12px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-plug{padding:12px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-board,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-board--sig{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-two{grid-template-columns:minmax(0,1fr);gap:22px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flow3{grid-template-columns:minmax(0,1fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-arrow{width:2px;height:22px;justify-self:center}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-arrow::after{right:auto;left:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-sort{grid-template-columns:minmax(0,1fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row{grid-template-columns:44px minmax(0,1.2fr) minmax(0,.9fr) 80px;gap:8px;font-size:.72rem}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-panel .rv-body{padding:18px 16px;font-size:.76rem}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form{flex:1 1 100%}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-q summary{padding:16px 18px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a-body{padding:0 18px 20px}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk{grid-template-columns:22px minmax(0,1fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-chk .rv-st{grid-column:2;justify-self:start;margin-top:2px}
}
@media (max-width:460px){
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-btn--lg{padding:1em 1.5em;font-size:.96rem;white-space:normal}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rr-hero-ctas .rv-btn{width:100%}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row{grid-template-columns:38px minmax(0,1.1fr) minmax(0,.9fr)}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-row>span:nth-child(4){display:none}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form{flex-wrap:wrap}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-audit-form .rv-btn{width:100%}
  body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-posts{grid-template-columns:repeat(4,1fr)}
}

/* ------------------------------------------------------------------
   8. REDUCED MOTION: the finished state, no movement
   ------------------------------------------------------------------ */
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr *,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr *::before,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr *::after{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001s!important;transition-delay:0s!important}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-a{opacity:1!important}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-ref i::after,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-mid i::after,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan-line{animation:none!important}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-scan-line{display:none}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-cur{animation:none}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip .n,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill .n,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick .n{opacity:0!important}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-flip .y,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-fill .y,html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-tick .y{opacity:1!important}
html.rv-rm body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-lane .beam{transform:none!important}

body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a .ic{width:14px;height:14px;transition:transform .2s ease}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a:hover,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a:focus-visible{color:var(--rv-o);border-bottom-color:var(--rv-o)}
body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a:hover .ic{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a,body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist b a .ic{transition:none}}
@media (min-width:900px){body:is(.page-template-template-rankready,.page-template-template-hatch) main .rr .rv-prolist{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:40px}}

/* Hero: centred stack, explainer card below the copy (HostMyBlog home shape) */

/* Explainer: WordPress -> hatch/v1 -> Astro -> one token -> Cloudflare */

@keyframes hx-dash { to { background-position: 12px 0; } }

/* Plugin matrix */

/* Security switchboard (own toggles, animated once the board scrolls in) */

/* Starter design mockups */

/* Disconnect button mock inside a panel */

/* Not a CMS: two columns */

/* Compare table */

/* Status timeline */

/* Closing band chip */

@keyframes hx-dash-v { to { background-position: 0 12px; } }