/* =====================================================================
   Rubikn · services and offer pages in the new look (rubikn-legacy-services.css)
   ---------------------------------------------------------------------
   Loaded only by the service family, on the line after the
   rk-frame:family-css hook (so after styles.css, the page's own
   stylesheet, rubikn-frame.css and rubikn-legacy.css):
     /services/  /competitive-proof-sprint/  /messaging-gap-report/
     /research-intelligence/  /strategy-positioning/  /icp-gtm/
     /growth-diagnostic/  /offer-conversion/  /branding/
     /identity-security-messaging-reality-check/

   Reference: How it works (/how-it-works/). Geist body 18 px / 1.55,
   headings Geist 500, Instrument Serif italic only as an accent, one
   left-aligned reading line, 8-point spacing, paper / ink / cobalt (dark
   ink panels as on How it works, amber only for warnings, lime only as a
   tick on ink), 16 px minimum text, 44 px targets, sentence-case labels.

   CSS only: no text, price, link or heading is changed. Old "dossier"
   decoration that is not content (serial numbers, stamps, the seal,
   CSS-drawn verdicts, fake file numbers) is switched off with display:none
   or content:none; everything else is restyled. Many old sections carry
   inline style="" attributes, so the rules that must beat them use
   !important and match on the inline declaration.
   Everything is scoped to html[data-rk-frame].
   ===================================================================== */

html[data-rk-frame] {
  --svc-dark: #060a15;            /* the new pages' navy */
  --svc-dark2: #0e1528;           /* card on navy */
  --svc-dfg: #eef0f6;
  --svc-dfg2: #b3b9c9;
  --svc-dfg3: #858da3;
  --svc-dline: rgba(255, 255, 255, .1);
  --svc-dline2: rgba(255, 255, 255, .16);
  --svc-h2: clamp(38px, 4.3vw, 62px);
  --svc-h2s: clamp(32px, 3.2vw, 48px);  /* h2 inside a two-column layout */
  --svc-h3: clamp(22px, 1.8vw, 26px);
  --svc-pad: clamp(80px, 9vw, 136px);
}

/* =====================================================================
   0. INLINE STYLES FROM THE OLD PAGES → the new type
   ===================================================================== */
/* mono, uppercase, tracked → Geist, sentence case */
html[data-rk-frame] main [style*="font-family:var(--font-mono)"] { font-family: var(--sans) !important; letter-spacing: -.005em !important; text-transform: none !important; }
html[data-rk-frame] main [style*="text-transform:uppercase"] { text-transform: none !important; }
html[data-rk-frame] main [style*="font-family:var(--font-serif)"] { font-family: var(--sans) !important; font-style: normal !important; font-weight: 500 !important; }
/* nothing under 16 px */
html[data-rk-frame] main :is([style*="font-size:9px"], [style*="font-size:10px"], [style*="font-size:11px"], [style*="font-size:12px"], [style*="font-size:13px"]) { font-size: 16px !important; line-height: 1.5 !important; }
html[data-rk-frame] main :is([style*="font-size:14px"], [style*="font-size:15px"]) { font-size: 17px !important; line-height: 1.55 !important; }
html[data-rk-frame] main :is([style*="font-size:clamp(0.9rem"], [style*="font-size:clamp(0.95rem"], [style*="font-size:clamp(1rem"]) { font-size: clamp(17px, .45vw + 12px, 19px) !important; line-height: 1.55 !important; }
html[data-rk-frame] main [style*="font-weight:800"] { font-weight: 500 !important; }
/* big numbers set in mono → Geist display numbers */
html[data-rk-frame] main [style*="font-size:clamp(2rem,4vw,3rem)"] { font-size: clamp(44px, 4.6vw, 68px) !important; letter-spacing: -.045em !important; line-height: .95 !important; font-feature-settings: "tnum"; }
/* one left-aligned reading line */
html[data-rk-frame] main [style*="text-align:center"] { text-align: start !important; }
html[data-rk-frame] main [style*="margin-inline:auto"] { margin-inline: 0 !important; }
html[data-rk-frame] main [style*="justify-content:center"] { justify-content: flex-start !important; }
html[data-rk-frame] main .container[style*="max-width:800px"] { max-width: none !important; }
html[data-rk-frame] main .container[style*="max-width:800px"] > * { max-width: 800px; }
/* sections tinted grey become plain paper, as on the new pages */
html[data-rk-frame] main section[style*="background:var(--paper-deeper)"] { background: var(--paper) !important; }
html[data-rk-frame] main section[style*="border-top:1px solid var(--rule)"],
html[data-rk-frame] main section[style*="border-bottom:1px solid var(--rule)"] { border-color: transparent !important; }

/* =====================================================================
   1. SHARED: sections, headings, labels, cards, pills, FAQ, dark panels
   ===================================================================== */
html[data-rk-frame] main > section:not(.svc-hero):not(.sprint-hero):not(.ri-hero):not(.hero):not(.del-strip) { padding-block: var(--svc-pad) !important; }
html[data-rk-frame] main > section.svc-hero + section:not(.svc-hero):not(.sprint-hero):not(.ri-hero):not(.hero):not(.del-strip) { padding-top: 0 !important; }  /* the offers follow the hero directly */
html[data-rk-frame] main { overflow-x: clip; }

/* headlines: Geist 500, the new scale; serif only for the accent word */
html[data-rk-frame] main h1.hero-headline { font-family: var(--sans); font-size: clamp(40px, 4.45vw, 66px); line-height: 1.06; letter-spacing: -.043em; font-weight: 500; color: var(--ink); text-wrap: balance; }
html[data-rk-frame] main section h2:not(.ri-cta-headline) {
  font-family: var(--sans) !important; font-style: normal !important; font-weight: 500 !important;
  font-size: var(--svc-h2) !important; line-height: 1.04 !important; letter-spacing: -.04em !important;
  color: var(--ink); text-wrap: balance;
}
html[data-rk-frame] main section h2 :is(em, .evidence) {
  font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.08em; letter-spacing: -.015em; color: inherit;
  padding-right: .04em; background-image: linear-gradient(var(--acc), var(--acc)); background-repeat: no-repeat; background-position: 0 94%; background-size: 100% 1.5px;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
html[data-rk-frame] main :is(h3, h4) { font-style: normal; }

/* the eyebrow on dark panels (old inline lime) → the light kicker */
html[data-rk-frame] main .eyebrow[style*="color:oklch(0.870"] { color: var(--svc-dfg) !important; }
html[data-rk-frame] main .eyebrow[style*="color:oklch(0.870"]::before { background: var(--acc3); }
html[data-rk-frame] main .eyebrow[style*="color:var(--accent)"] { color: var(--ink) !important; }
html[data-rk-frame] main .eyebrow { margin-bottom: 0; }

/* plain text link (the new .rk-tlink) */
html[data-rk-frame] :is(.ri-evidence__cta, .study-link, .studies-archive, .tertiary),
html[data-rk-frame] .idx-card .read {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; width: max-content; max-width: 100%;
  padding: 0; border: 0; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.3; text-transform: none; text-decoration: none;
  color: var(--ink); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 100% 1px; background-position: 0 calc(50% + 13px);
  transition: background-size .5s var(--out), color .3s var(--out);
}
html[data-rk-frame] :is(.ri-evidence__cta, .study-link, .studies-archive, .tertiary):hover { color: var(--acc); background-size: 0 1px; background-position: 100% calc(50% + 13px); }
html[data-rk-frame] :is(.study-link, .studies-archive, .tertiary) svg { width: 16px; height: 16px; transition: transform .5s var(--spring); }
html[data-rk-frame] :is(.study-link, .studies-archive, .tertiary):hover svg { transform: translateX(5px); }

/* pills (method lists) → the new rounded pills */
html[data-rk-frame] :is(.icp-pill, .gd-pill, .oc-pill, .br-pill, .del-strip__pill) {
  display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border: 1px solid var(--line2); border-radius: 99px; background: #fff;
  font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.01em; line-height: 1.3; text-transform: none; color: var(--ink);
}
html[data-rk-frame] :is(.icp-pill, .gd-pill, .oc-pill, .br-pill, .del-strip__pill):hover { border-color: var(--ink); color: var(--ink); }
html[data-rk-frame] :is(.icp-method-pills, .gd-method-pills, .oc-method-pills, .br-method-pills) { gap: 8px !important; }

/* FAQ accordions (intel-faq, mgr-faq) → the new questions list */
html[data-rk-frame] .intel-faq { margin-top: 56px; gap: 0; background: none; border-bottom: 1px solid var(--line); }
html[data-rk-frame] .intel-faq details { background: none; border-top: 1px solid var(--line); transition: none; }
html[data-rk-frame] .intel-faq details:hover { background: none; }
html[data-rk-frame] .intel-faq summary { padding: 24px 0; min-height: 44px; gap: 24px; }
html[data-rk-frame] :is(.intel-faq__q, .mgr-faq .qtxt) { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.3; letter-spacing: -.022em; color: var(--ink); transition: color .3s var(--out); }
html[data-rk-frame] :is(.intel-faq summary, .mgr-faq summary):hover :is(.intel-faq__q, .qtxt) { color: var(--acc); }
html[data-rk-frame] .intel-faq__chevron { width: 24px; height: 24px; color: var(--ink3); }
html[data-rk-frame] .intel-faq__chevron svg { width: 24px; height: 24px; }
html[data-rk-frame] .intel-faq__a { padding: 0 0 28px; font-size: 17px; line-height: 1.6; color: var(--ink2); max-width: 62ch; }
html[data-rk-frame] .intel-faq__a strong { color: var(--ink); }

/* the closing call-to-action */
html[data-rk-frame] main .closing { padding-block: var(--svc-pad) !important; }
html[data-rk-frame] main .closing h2,
html[data-rk-frame] main .closing h2.ri-cta-headline { max-width: 20ch; margin-top: 24px !important; font-size: clamp(44px, 5.2vw, 84px) !important; line-height: 1 !important; letter-spacing: -.045em !important; font-weight: 500 !important; }
html[data-rk-frame] main .closing .closing-foot { margin-top: 40px !important; }
html[data-rk-frame] main .closing p { color: var(--ink2) !important; }

/* stat bar under the closing CTA → the new big numbers, left aligned */
html[data-rk-frame] .ri-cta-stat-bar { gap: 32px; margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--line); }
html[data-rk-frame] .ri-cta-stat-bar__item { text-align: start; }
html[data-rk-frame] .ri-cta-stat-bar__num { font-family: var(--sans); font-weight: 500; font-size: clamp(40px, 4vw, 60px); line-height: .95; letter-spacing: -.05em; color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .ri-cta-stat-bar__label { margin-top: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }

/* =====================================================================
   2. /services/ — the index
   ===================================================================== */
html[data-rk-frame] .svc-hero { background-image: none; text-align: start; min-height: 0; padding-top: 152px; padding-bottom: clamp(56px, 6vw, 88px); }
html[data-rk-frame] .svc-hero > .container { align-items: flex-start; }
html[data-rk-frame] .svc-hero .svc-badge { margin-bottom: 24px; }
html[data-rk-frame] .svc-hero .hero-headline { max-width: 16ch; margin-inline: 0; }
html[data-rk-frame] .svc-hero__sub { margin: 32px 0 0; max-width: 44ch; text-align: start; font-size: clamp(19px, 1.45vw, 22px); line-height: 1.45; letter-spacing: -.015em; color: var(--ink2); }
html[data-rk-frame] .svc-hero .hero-cta { justify-content: flex-start; margin-top: 40px; }
html[data-rk-frame] .svc-trust { justify-content: flex-start; gap: 8px 12px; margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--line); font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .svc-trust__sep { color: var(--ink3); }

html[data-rk-frame] .index-grid { gap: 20px; margin-top: 0; }
html[data-rk-frame] .idx-card { gap: 16px; padding: 32px 32px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; transition: border-color .4s var(--out), box-shadow .6s var(--out), transform .6s var(--out); }
html[data-rk-frame] .idx-card:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .idx-card:not(.flagship)::before { width: 2px; background: var(--acc); }
html[data-rk-frame] .idx-card:not(.flagship) h3::after { display: none; }
html[data-rk-frame] .idx-card .meta { flex-wrap: wrap; gap: 4px 8px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.4; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .idx-card .meta span:first-child { color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .idx-card h3 { font-family: var(--sans); font-weight: 500; font-size: var(--svc-h3); line-height: 1.16; letter-spacing: -.025em; color: var(--ink); }
html[data-rk-frame] .idx-card p { font-size: 17px; line-height: 1.55; color: var(--ink2); max-width: 60ch; }
html[data-rk-frame] .idx-card .read { margin-top: auto; }
html[data-rk-frame] .idx-card:hover .read { letter-spacing: -.005em; color: var(--acc); }
/* the two flagship offers: ink panels, as the new pages' dark cards (no dots, no scan line, no lime) */
html[data-rk-frame] .idx-dots { display: none; }
html[data-rk-frame] .idx-card.flagship { padding: clamp(40px, 4.5vw, 64px); background: var(--ink); border-color: var(--ink); box-shadow: none; isolation: isolate; }
html[data-rk-frame] .idx-card.flagship::after { background: radial-gradient(60% 120% at 12% 50%, rgba(59, 99, 212, .32), transparent 70%); z-index: 0; }
html[data-rk-frame] .idx-card.flagship:hover { border-color: rgba(116, 151, 255, .45); box-shadow: 0 30px 60px -36px rgba(10, 15, 31, .7); }
html[data-rk-frame] .idx-card.flagship .meta { color: var(--svc-dfg2); }
html[data-rk-frame] .idx-card.flagship .meta span:first-child { color: var(--acc3); }
html[data-rk-frame] .idx-card.flagship h3 { font-size: clamp(30px, 3vw, 44px); line-height: 1.06; letter-spacing: -.035em; color: #fff; }
html[data-rk-frame] .idx-card.flagship p { color: #c7ccda; max-width: 64ch; font-size: 18px; }
html[data-rk-frame] .idx-card.flagship p strong { color: #fff; font-weight: 600; }
html[data-rk-frame] .idx-card.flagship .read { color: #fff; }
html[data-rk-frame] .idx-card.flagship:hover .read { color: var(--acc3); }
html[data-rk-frame] .idx-card.specialised { border-style: solid; border-color: var(--line); }
html[data-rk-frame] .idx-card.specialised .meta { flex-direction: row; gap: 4px 8px; }
html[data-rk-frame] .idx-card.specialised .meta span:first-child { margin: 0; padding: 0; background: none; color: var(--acc); font-size: 16px; font-weight: 500; letter-spacing: -.005em; display: inline; }

/* =====================================================================
   3. SERVICE TEMPLATE (ri-*): research-intelligence, strategy-positioning,
      icp-gtm, growth-diagnostic, offer-conversion, branding,
      identity-security-messaging-reality-check
   ===================================================================== */
/* hero */
html[data-rk-frame] .ri-hero { padding-top: 144px; padding-bottom: clamp(64px, 7vw, 104px); }
html[data-rk-frame] .ri-hero .breadcrumbs { margin-bottom: 0; }
html[data-rk-frame] main .breadcrumbs a { min-width: 44px; justify-content: center; }
html[data-rk-frame] .ri-badge {
  display: inline-flex; align-items: center; gap: 12px; padding: 0; background: none; color: var(--ink);
  font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.45; text-transform: none;
}
html[data-rk-frame] .ri-badge::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 99px; background: var(--acc); animation: rk-legacy-pulse 2.4s var(--out) infinite; }
html[data-rk-frame] .ri-badge::after { content: none; display: none; }
html[data-rk-frame] .ri-ref { font-family: var(--sans); font-size: 16px; font-weight: 400; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .ri-hero > .container > div[style*="margin:28px 0 32px"] { flex-wrap: wrap; gap: 4px 16px !important; margin: 40px 0 24px !important; }
html[data-rk-frame] .ri-hero .hero-headline { max-width: 20ch; }
html[data-rk-frame] .ri-hero-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 32px clamp(40px, 5vw, 80px); margin-top: 32px; align-items: start; }
html[data-rk-frame] .ri-hero-lede { font-size: clamp(19px, 1.45vw, 22px); line-height: 1.45; letter-spacing: -.015em; color: var(--ink2); max-width: 40ch; }
html[data-rk-frame] .ri-hero .hero-cta { margin-top: 40px !important; }
/* the evidence quote: a quiet note, Geist with a serif accent */
html[data-rk-frame] .ri-hero-quote { padding: 28px 28px 24px; border: 1px solid var(--line); border-inline-start: 2px solid var(--acc); border-radius: 2px; background: #fff; }
html[data-rk-frame] .ri-hero-quote__label { margin-bottom: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .ri-hero-quote p { font-family: var(--sans); font-style: normal; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.4; letter-spacing: -.015em; color: var(--ink); max-width: 36ch; }
html[data-rk-frame] .ri-hero-quote p strong { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.1em; color: var(--acc); }
html[data-rk-frame] .ri-hero-quote > span[style] { margin-top: 16px !important; color: var(--ink3); opacity: 1 !important; }
html[data-rk-frame] .ri-hero-quote > span[style] strong { color: var(--ink2); font-weight: 600; }
/* how this differs */
html[data-rk-frame] .ri-diff { grid-template-columns: 44px minmax(0, 1fr); gap: 20px; margin-top: 56px; padding: 28px; border: 1px solid var(--line); border-radius: 2px; background: #fff; }
html[data-rk-frame] .ri-diff__icon { width: 44px; height: 44px; border-radius: 2px; background: var(--ink); color: #fff; font-family: var(--sans); font-size: 16px; font-weight: 500; }
html[data-rk-frame] .ri-diff__label { margin-bottom: 8px; font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: -.005em; text-transform: none; color: var(--ink); }
html[data-rk-frame] .ri-diff p { font-size: 17px; line-height: 1.55; color: var(--ink2); max-width: 64ch; }
html[data-rk-frame] .ri-trust-bar { gap: 8px 12px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .ri-trust-bar__sep { color: var(--ink3); }

/* dark panels (the problem, the logo-swap test) → navy, as the new pages' dark sections */
html[data-rk-frame] .ri-dark { background: var(--svc-dark); color: var(--svc-dfg); }
html[data-rk-frame] .mesh-atmosphere::after { background: radial-gradient(700px circle at 20% 0%, rgba(59, 99, 212, .16), transparent 60%), radial-gradient(90% 60% at 50% 0%, rgba(59, 99, 212, .10), transparent 70%); }
html[data-rk-frame] .ri-dark h2 { color: #fff !important; }
html[data-rk-frame] .ri-dark h2 :is(.evidence, .accent) { color: #fff !important; background-image: linear-gradient(var(--acc3), var(--acc3)); }
html[data-rk-frame] .ri-dark h2 span[style*="color:var(--accent)"] { color: var(--acc3) !important; }
html[data-rk-frame] .ri-dark p { color: var(--svc-dfg2); font-size: 17px; line-height: 1.55; }
html[data-rk-frame] .ri-dark [style*="color:oklch(0.870 0.180 130)"] { color: var(--acc3) !important; }
html[data-rk-frame] .ri-dark [style*="color:oklch(0.7 0 0)"],
html[data-rk-frame] .ri-dark [style*="color:oklch(0.55 0 0)"] { color: var(--svc-dfg2) !important; }
html[data-rk-frame] .ri-dark [style*="color:oklch(0.45 0 0)"] { color: var(--svc-dfg3) !important; }
html[data-rk-frame] .ri-dark [style*="color:oklch(0.85 0 0)"] { color: #d6dae6 !important; }
html[data-rk-frame] .ri-dark [style*="border-left:3px solid oklch(0.870"] { border-left: 2px solid var(--acc3) !important; background: rgba(116, 151, 255, .08) !important; border-radius: 2px; }
html[data-rk-frame] .ri-dark .ri-stat-chain p { margin-top: 16px !important; }
html[data-rk-frame] .ri-dark .ri-stat-chain > div > span[style] { margin-top: 12px !important; }
html[data-rk-frame] .ri-dark .highlight-term { font-family: var(--sans); font-size: inherit; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #fff; text-decoration-color: var(--acc3); text-decoration-thickness: 1.5px; }
html[data-rk-frame] .ri-cost-stat { margin-top: 16px; padding: 20px 24px; border-left: 2px solid var(--amber); border-radius: 2px; background: rgba(212, 137, 59, .08); font-family: var(--sans); font-size: 17px; line-height: 1.55; letter-spacing: -.005em; color: #fff; }
/* personas on the dark panel */
html[data-rk-frame] .ri-persona-grid { gap: 24px 32px; margin-top: 64px; }
html[data-rk-frame] .ri-persona { padding-top: 28px; border-top: 1px solid var(--svc-dline2); }
html[data-rk-frame] .ri-persona:hover { transform: none; border-top-color: var(--acc3); }
html[data-rk-frame] .ri-persona__role { margin-bottom: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #fff; }
html[data-rk-frame] .ri-persona h4 { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: var(--svc-h3); line-height: 1.2; letter-spacing: -.025em; color: #fff; }
html[data-rk-frame] .ri-persona p, html[data-rk-frame] .ri-persona li { font-size: 17px; line-height: 1.55; color: var(--svc-dfg2); }
html[data-rk-frame] .ri-persona li::before { top: .75em; width: 10px; height: 2px; background: var(--acc3); }
/* the logo-swap test */
html[data-rk-frame] .ri-audit-section h2 { color: #fff !important; }
html[data-rk-frame] .ri-audit-section > .container > p[style] { font-size: 17px !important; color: var(--svc-dfg2) !important; margin-top: 24px !important; }
html[data-rk-frame] .ri-evidence { gap: clamp(32px, 4vw, 64px); margin-top: 56px; }
html[data-rk-frame] .ri-evidence__num { font-family: var(--sans); font-weight: 500; font-size: clamp(96px, 11vw, 168px); line-height: .82; letter-spacing: -.07em; color: var(--acc3); font-feature-settings: "tnum"; }
html[data-rk-frame] .ri-evidence__label { margin-top: 16px; font-family: var(--sans); font-size: 18px; font-weight: 500; letter-spacing: -.01em; text-transform: none; color: #fff; }
html[data-rk-frame] .ri-evidence__divider { background: linear-gradient(to bottom, transparent, var(--svc-dline2) 20%, var(--acc3) 50%, var(--svc-dline2) 80%, transparent); }
html[data-rk-frame] .ri-evidence__lead { font-size: clamp(19px, 1.45vw, 22px); line-height: 1.45; color: var(--svc-dfg); }
html[data-rk-frame] .ri-evidence__lead em { font-size: 1.08em; color: #fff; }
html[data-rk-frame] .ri-evidence__pills { gap: 8px; }
html[data-rk-frame] .ri-evidence__pill { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border: 1px solid var(--svc-dline2); border-radius: 99px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #d6dae6; }
html[data-rk-frame] .ri-evidence__pill:hover { border-color: var(--acc3); color: #fff; }
html[data-rk-frame] .ri-evidence__footnote { font-family: var(--sans); font-size: 16px; line-height: 1.55; letter-spacing: -.005em; color: var(--svc-dfg3); }
html[data-rk-frame] .ri-evidence__cta { margin-top: 40px; color: #fff; }
html[data-rk-frame] .ri-evidence__cta:hover { color: var(--acc3); }

/* failure modes / traps */
html[data-rk-frame] .ri-trap-grid { gap: 20px; margin-top: 56px; }
html[data-rk-frame] .ri-trap, html[data-rk-frame] .ri-trap + .ri-trap { padding: 32px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; box-shadow: none; }
html[data-rk-frame] .ri-trap:hover { background: #fff; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] :is(.ri-trap__num, .ri-method-card__num, .ri-sample-card__num, .ri-del-card__id) { margin-bottom: 16px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }
html[data-rk-frame] :is(.ri-trap, .ri-method-card, .ri-sample-card, .ri-bonus, .ri-audience-card, .br-evidence-card) h4,
html[data-rk-frame] .ri-del-card h3 {
  margin-bottom: 12px; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: var(--svc-h3); line-height: 1.18; letter-spacing: -.025em; text-transform: none; color: var(--ink);
}
html[data-rk-frame] :is(.ri-trap, .ri-method-card, .ri-sample-card, .ri-bonus, .ri-audience-card, .br-evidence-card, .ri-del-card) p { font-size: 17px; line-height: 1.55; color: var(--ink2); }
/* the proof in each trap is a warning: amber rule, dark amber text */
html[data-rk-frame] .ri-trap-proof { margin-top: 16px; padding-inline-start: 14px; border-inline-start: 2px solid var(--amber); font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: -.005em; line-height: 1.5; color: var(--amberink); }

/* method / model */
html[data-rk-frame] .ri-method-header { gap: 24px 48px; margin-bottom: 56px; }
html[data-rk-frame] .ri-method-header h2 { margin-top: 24px !important; }
html[data-rk-frame] .ri-method-header p[style] { margin-top: 24px !important; font-size: 18px; color: var(--ink2) !important; }
html[data-rk-frame] .ri-method-status { padding: 8px 16px; border: 1px solid var(--line2); border-radius: 2px; background: #fff; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .ri-method-grid { gap: 32px; }
html[data-rk-frame] .ri-method-card { padding-top: 28px; border-top: 2px solid var(--ink); }
html[data-rk-frame] .ri-method-card:hover { border-top-color: var(--acc); }
/* the comparison table (inline-styled) */
html[data-rk-frame] main table[style] { font-size: 17px !important; }
html[data-rk-frame] main table[style] :is(th, td) { padding: 16px 18px !important; vertical-align: top; }
html[data-rk-frame] main table[style] thead th { font-weight: 500 !important; color: var(--svc-dfg2) !important; }
html[data-rk-frame] main table[style] thead th[style*="color:var(--accent)"] { color: var(--acc3) !important; }
html[data-rk-frame] main table[style] tbody td:first-child { color: var(--ink3) !important; font-weight: 500; }
html[data-rk-frame] main table[style] tbody tr { border-bottom-color: var(--line) !important; }
html[data-rk-frame] main span.ri-diff__label[style] { font-size: 18px; font-weight: 500; color: var(--ink); margin-bottom: 12px !important; }

/* the priced stack (value stack) */
html[data-rk-frame] .ri-stack { margin-top: 56px; }
html[data-rk-frame] .ri-stack-item { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 16px 24px; padding: 20px 24px; background: #fff; border: 1px solid var(--line); border-bottom: 0; }
html[data-rk-frame] .ri-stack-item:last-of-type { border-bottom: 1px solid var(--line); }
html[data-rk-frame] .ri-stack-item:hover { background: #fff; }
html[data-rk-frame] :is(.ri-stack-item__num, .oc-retainer-item__num) { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--ink3); font-feature-settings: "tnum"; }
html[data-rk-frame] :is(.ri-stack-item__name, .oc-retainer-item__name) { font-size: 18px; font-weight: 500; line-height: 1.35; letter-spacing: -.012em; color: var(--ink); }
html[data-rk-frame] :is(.ri-stack-item__sub, .oc-retainer-item__sub) { margin-top: 2px; font-size: 16px; font-style: normal; line-height: 1.45; color: var(--ink3); }
html[data-rk-frame] .ri-stack-item__val { font-family: var(--sans); font-size: 18px; font-weight: 500; letter-spacing: -.015em; color: var(--ink); font-feature-settings: "tnum"; }
/* the total: the new pages' dark price row */
html[data-rk-frame] .ri-stack-total { gap: 24px; padding: 32px; background: var(--svc-dark); border: 1px solid var(--svc-dark); border-radius: 0 0 2px 2px; position: relative; overflow: hidden; isolation: isolate; }
html[data-rk-frame] .ri-stack-total::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 140% at 100% 50%, rgba(59, 99, 212, .3), transparent 70%); }
html[data-rk-frame] .ri-stack-total > div { display: flex; flex-direction: column; gap: 6px; }
html[data-rk-frame] .ri-stack-total > div[style*="text-align:right"] { align-items: flex-end; text-align: end !important; }
html[data-rk-frame] .ri-stack-total__label { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .ri-stack-total__val { font-family: var(--sans); font-size: 20px; font-weight: 500; letter-spacing: -.015em; color: var(--svc-dfg3); text-decoration-color: var(--svc-dfg2); }
html[data-rk-frame] .ri-stack-total__price { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(44px, 4.6vw, 68px); line-height: .95; letter-spacing: -.045em; font-feature-settings: "tnum"; background: linear-gradient(90deg, #fff, #b9c9ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-rk-frame] .ri-stack-total__note { margin-top: 4px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
/* pricing options */
html[data-rk-frame] .ri-pricing-options { gap: 20px; margin-top: 32px; }
html[data-rk-frame] .ri-price-opt { padding: 32px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; box-shadow: none; position: relative; display: flex; flex-direction: column; gap: 8px; }
html[data-rk-frame] .ri-price-opt:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .ri-price-opt--featured { border: 1.5px solid var(--acc); animation: none; box-shadow: 0 30px 60px -44px rgba(59, 99, 212, .6); }
html[data-rk-frame] .ri-price-opt__tag { top: -15px; left: 24px; padding: 4px 12px; border-radius: 2px; background: var(--acc); color: #fff; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.4; text-transform: none; }
html[data-rk-frame] :is(.ri-price-opt__name, .gd-advisory-pricing__label, .oc-retainer-pricing__label) { margin-bottom: 4px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] :is(.ri-price-opt__price, .gd-advisory-pricing__price, .oc-retainer-pricing__price) { margin-bottom: 4px; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(36px, 3.2vw, 48px); line-height: 1; letter-spacing: -.04em; color: var(--ink); font-feature-settings: "tnum"; }
html[data-rk-frame] :is(.ri-price-opt__desc, .gd-advisory-pricing__terms, .oc-retainer-pricing__terms) { margin-top: 4px; font-size: 17px; line-height: 1.55; color: var(--ink2); }
/* what it actually buys */
html[data-rk-frame] :is(.ri-invest-context, .oc-math-callout) { padding: 28px; border: 1px solid var(--line); border-inline-start: 2px solid var(--acc); border-radius: 2px; background: var(--card2); font-family: var(--sans); font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .ri-invest-context > span[style] { color: var(--ink) !important; font-weight: 600 !important; }
html[data-rk-frame] :is(.ri-invest-context, .oc-math-callout) p { font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .oc-math-callout__source { margin-top: 16px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }

/* deliverable previews */
html[data-rk-frame] .ri-sample-header { gap: 24px 48px; margin-bottom: 56px; }
html[data-rk-frame] .ri-sample-header h2 { margin-top: 24px !important; }
html[data-rk-frame] .ri-sample-header p[style] { margin-top: 24px !important; font-size: 18px; color: var(--ink2) !important; }
html[data-rk-frame] .ri-sample-grid { gap: 20px; }
html[data-rk-frame] .ri-sample-card { padding: 28px 24px 24px; background: #fff; border: 1px solid var(--line); border-radius: 2px; display: flex; flex-direction: column; }
html[data-rk-frame] .ri-sample-card:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .ri-sample-mock { margin-top: auto; padding: 16px; background: var(--paper); border: 1px solid var(--line); font-family: var(--sans); font-size: 16px; line-height: 1.5; letter-spacing: -.005em; }
html[data-rk-frame] .ri-sample-card p + .ri-sample-mock { margin-top: 24px; }
html[data-rk-frame] .ri-sample-mock::after { background: linear-gradient(transparent, var(--paper)); }
html[data-rk-frame] .ri-sample-mock__label { margin-bottom: 12px; font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }
html[data-rk-frame] .ri-sample-mock__line { border-radius: 2px; }

/* timeline → the new timeline stops */
html[data-rk-frame] .ri-timeline-section { background: var(--paper); }
html[data-rk-frame] .ri-timeline-header { text-align: start; margin-bottom: 56px; }
html[data-rk-frame] .ri-timeline-header h2 { margin-top: 24px !important; }
html[data-rk-frame] .ri-timeline { gap: 24px; }
html[data-rk-frame] .ri-timeline::before { top: 24px; left: 0; right: 0; height: 2px; background: var(--line); }
html[data-rk-frame] .ri-phase { padding: 0; }
html[data-rk-frame] .ri-phase__badge { width: max-content; min-width: 48px; height: 48px; margin-bottom: 20px; padding-inline: 10px; border-radius: 2px; background: var(--ink); color: #fff; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
html[data-rk-frame] .ri-phase:hover .ri-phase__badge { background: var(--acc); transform: none; }
html[data-rk-frame] .ri-phase h4 { margin-bottom: 8px; font-family: var(--sans); font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -.015em; text-transform: none; color: var(--ink); }
html[data-rk-frame] .ri-phase h4.phase-active { color: var(--acc); }
html[data-rk-frame] .ri-phase p { font-size: 16px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .ri-phase p[style] { color: var(--ink3) !important; font-weight: 500; margin-bottom: 4px !important; }

/* the guarantee → an ink panel, as the new pages' promise */
html[data-rk-frame] .ri-guarantee {
  margin-top: 0; padding: clamp(40px, 5vw, 72px); border: 0; border-radius: 2px; text-align: start; overflow: hidden; isolation: isolate;
  background: var(--svc-dark); color: var(--svc-dfg); box-shadow: none;
}
html[data-rk-frame] .ri-guarantee::before { opacity: 1; background: radial-gradient(60% 90% at 18% 0%, rgba(59, 99, 212, .3), transparent 70%); z-index: -1; }
html[data-rk-frame] .ri-guarantee:hover { box-shadow: none; }
html[data-rk-frame] :is(.ri-guarantee__label, .guarantee-box__label) {
  position: static; display: inline-flex; align-items: center; gap: 12px; margin-bottom: 24px; padding: 0; background: none;
  font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.45; text-transform: none; color: #fff;
}
html[data-rk-frame] :is(.ri-guarantee__label, .guarantee-box__label)::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 99px; background: var(--acc3); animation: rk-legacy-pulse 2.4s var(--out) infinite; }
html[data-rk-frame] :is(.ri-guarantee__headline, .guarantee-box__headline) { max-width: 22ch; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(34px, 3.6vw, 56px); line-height: 1.04; letter-spacing: -.04em; color: #fff; }
html[data-rk-frame] :is(.ri-guarantee__headline, .guarantee-box__headline) em { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.08em; letter-spacing: -.015em; }
html[data-rk-frame] :is(.ri-guarantee__body, .guarantee-box__sub) { max-width: 56ch; margin: 24px 0 0; font-size: clamp(19px, 1.45vw, 22px); line-height: 1.5; letter-spacing: -.01em; font-style: normal; color: #c7ccda; }
html[data-rk-frame] :is(.ri-guarantee__body, .guarantee-box__sub) b { color: #fff; font-weight: 600; }
html[data-rk-frame] .ri-guarantee p[style] { max-width: 56ch !important; margin-top: 20px !important; color: var(--svc-dfg2) !important; }
html[data-rk-frame] .ri-guarantee p[style] strong { color: #fff !important; }
html[data-rk-frame] .ri-guarantee__cond { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--svc-dline); font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); max-width: 64ch; }
html[data-rk-frame] .gd-guarantee-addon { max-width: 64ch; margin: 28px 0 0; padding: 22px 24px; border: 1px solid var(--svc-dline); border-radius: 2px; background: rgba(255, 255, 255, .04); }
html[data-rk-frame] .gd-guarantee-addon__title { margin-bottom: 8px; font-family: var(--sans); font-size: 17px; font-weight: 600; letter-spacing: -.01em; text-transform: none; color: #fff; }
html[data-rk-frame] .gd-guarantee-addon p { font-size: 17px; line-height: 1.55; color: var(--svc-dfg2); }
/* scarcity line */
html[data-rk-frame] .ri-scarcity { gap: 12px 16px; margin-top: 40px; padding: 20px 0; border-color: var(--line); flex-wrap: nowrap; align-items: flex-start; }
html[data-rk-frame] .ri-scarcity__dot { margin-top: 9px; background: var(--acc); box-shadow: none; animation: rk-legacy-pulse 2.4s var(--out) infinite; }
html[data-rk-frame] .ri-scarcity__text { font-family: var(--sans); font-size: 17px; line-height: 1.55; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }

/* bonuses */
html[data-rk-frame] .ri-bonus-grid { gap: 20px; margin-top: 56px; }
html[data-rk-frame] .ri-bonus { padding: 36px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; box-shadow: none; }
html[data-rk-frame] .ri-bonus:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .ri-bonus__val { top: -15px; right: auto; left: 24px; padding: 4px 12px; border-radius: 2px; background: var(--hl); color: var(--acc2); font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: -.005em; line-height: 1.4; text-transform: none; box-shadow: inset 0 0 0 1px rgba(59, 99, 212, .2); }
html[data-rk-frame] .ri-bonus__cond { margin-top: 16px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }

/* who it's for */
html[data-rk-frame] .ri-audience-grid { gap: 40px clamp(40px, 5vw, 80px); align-items: start; }
html[data-rk-frame] .ri-audience-grid h2 { font-size: var(--svc-h2s) !important; }
html[data-rk-frame] .ri-audience-grid p[style] { font-size: 18px; color: var(--ink2) !important; margin-top: 24px !important; }
html[data-rk-frame] .ri-audience-cards { gap: 16px; }
html[data-rk-frame] .ri-audience-card { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .ri-audience-card:hover { background: #fff; transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .ri-audience-card h4 { font-size: 20px; }
/* not for you: the new "not a fit" rows */
html[data-rk-frame] .ri-not-for { padding-top: 56px; border-top: 1px solid var(--line); }
html[data-rk-frame] .ri-not-for h3[style] { font-size: 17px !important; font-weight: 500 !important; color: var(--ink2) !important; letter-spacing: -.005em !important; margin-bottom: 16px !important; }
html[data-rk-frame] .ri-not-for__grid { gap: 0 48px; }
html[data-rk-frame] .ri-not-for__item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; align-items: start; padding: 20px 0; background: none; border-top: 1px solid var(--line); }
html[data-rk-frame] .ri-not-for__x { width: 30px; height: 30px; margin: 0; border-radius: 99px; display: grid; place-items: center; box-shadow: inset 0 0 0 1.5px var(--line2); font-family: var(--sans); font-size: 18px; font-weight: 400; line-height: 1; color: var(--ink3); }
html[data-rk-frame] .ri-not-for__item p { font-size: 18px; line-height: 1.5; color: var(--ink2); }

/* identity-security deliverables grid (ri-del-*) */
html[data-rk-frame] .ri-del-grid { gap: 20px; margin-top: 56px !important; background: none; border: 0; }
html[data-rk-frame] .ri-del-card { padding: 32px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .ri-del-card:hover { background: #fff; border-color: rgba(59, 99, 212, .35); }
html[data-rk-frame] .ri-del-card__id { display: block; }

/* page-specific pieces of the template */
html[data-rk-frame] :is(.gd-advisory-intro, .oc-retainer-intro, .br-tier-intro) { margin-top: 96px; padding-top: 96px; border-top: 1px solid var(--line); }
html[data-rk-frame] :is(.gd-advisory-intro, .oc-retainer-intro, .br-tier-intro) p[style] { font-size: 18px; color: var(--ink2) !important; margin-top: 24px !important; }
html[data-rk-frame] :is(.gd-advisory-pricing, .oc-retainer-pricing) { gap: 20px; }
html[data-rk-frame] :is(.gd-advisory-pricing__main, .oc-retainer-pricing__main) { padding: 32px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; gap: 4px; }
html[data-rk-frame] .oc-retainer-list { margin-top: 40px; }
html[data-rk-frame] .oc-retainer-item { grid-template-columns: 40px minmax(0, 1fr); gap: 16px; padding: 20px 0; border-color: var(--line); }
html[data-rk-frame] .oc-retainer-item:first-child { border-top-color: var(--line); }
html[data-rk-frame] :is(.oc-bundle, .br-bundle) { padding: 32px 28px; background: #fff; border: 1.5px solid var(--acc); border-radius: 2px; text-align: start; gap: 8px; }
html[data-rk-frame] .br-bundle { max-width: 64ch; margin-inline: 0; }
html[data-rk-frame] :is(.oc-bundle__tag, .br-bundle__tag) { width: fit-content; padding: 4px 12px; border-radius: 2px; background: var(--acc); color: #fff; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.4; text-transform: none; }
html[data-rk-frame] :is(.oc-bundle__price, .br-bundle__price) { margin-top: 8px; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.15; letter-spacing: -.03em; color: var(--ink); }
html[data-rk-frame] :is(.oc-bundle, .br-bundle) p { font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .br-evidence-grid { gap: 20px; margin-top: 56px; }
html[data-rk-frame] .br-evidence-card { padding: 28px 24px 24px; background: #fff; border: 1px solid var(--line); border-radius: 2px; gap: 8px; }
html[data-rk-frame] .br-evidence-card__title { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }
html[data-rk-frame] .br-evidence-card__source { padding-top: 16px; border-top: 1px solid var(--line); font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }

/* =====================================================================
   4. /competitive-proof-sprint/
   ===================================================================== */
/* hero: left-aligned reading line, plain paper (no dot grid) */
html[data-rk-frame] .dossier-grid { background-image: none; }
html[data-rk-frame] .sprint-hero { text-align: start; min-height: 0; padding-top: 152px; padding-bottom: clamp(64px, 7vw, 104px); }
html[data-rk-frame] .sprint-hero > .container { align-items: flex-start; }
html[data-rk-frame] .sprint-hero .intel-badge { margin-bottom: 24px; }
html[data-rk-frame] .sprint-hero .hero-headline { max-width: 16ch; margin-inline: 0; }
html[data-rk-frame] .sprint-hero .hero-sub { max-width: 44ch; margin: 32px 0 0; text-align: start; }
html[data-rk-frame] .sprint-hero .hero-cta { justify-content: flex-start; margin-top: 40px !important; }
/* deliverables strip: a plain row of pills; the fake serial number is off */
html[data-rk-frame] .del-strip { padding: 24px 0; background: var(--paper); border-color: var(--line); }
html[data-rk-frame] .del-strip .container { justify-content: flex-start; }
html[data-rk-frame] .del-strip__left { flex-wrap: wrap; gap: 12px 16px; }
html[data-rk-frame] .del-strip__label { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .del-strip__pills { flex-wrap: wrap; gap: 8px; }
html[data-rk-frame] :is(.del-strip__serial, .del-strip__rule) { display: none !important; }
/* mission */
html[data-rk-frame] .mission-grid { gap: 40px clamp(40px, 5vw, 80px); }
html[data-rk-frame] .mission-grid h2 { font-size: var(--svc-h2s) !important; max-width: 20ch; }
html[data-rk-frame] .mission-card { padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .mission-card__badge { display: none; }
html[data-rk-frame] .mission-card p[style] { font-size: clamp(19px, 1.45vw, 22px) !important; line-height: 1.45 !important; color: var(--ink2) !important; }
html[data-rk-frame] .mission-card p b { color: var(--ink); font-weight: 600; text-decoration-thickness: 1.5px !important; text-underline-offset: 4px !important; }
html[data-rk-frame] .mission-card__check { gap: 10px; margin-top: 20px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }
html[data-rk-frame] .mission-card__check svg { width: 18px; height: 18px; flex: none; }
/* the payload */
html[data-rk-frame] .payload-section { background: var(--paper); }
html[data-rk-frame] .payload-section h2 { margin-top: 24px !important; }
html[data-rk-frame] .payload-grid { gap: 20px; margin-top: 56px; }
html[data-rk-frame] .payload-card { gap: 12px; padding: 32px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .payload-card:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .payload-card__num { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--acc); }
html[data-rk-frame] :is(.payload-card__title, .outcome-item__title, .ops-step__title, .strategy-item__title, .timeline-row__title) { font-family: var(--sans); font-weight: 500; font-size: var(--svc-h3); line-height: 1.18; letter-spacing: -.025em; }
html[data-rk-frame] :is(.payload-card__body, .outcome-item__body, .strategy-item__body, .timeline-row__body) { font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .payload-card__line { height: 1.5px; }
html[data-rk-frame] .payload-card--dark { align-items: flex-start; justify-content: flex-end; text-align: start; min-height: 220px; padding: 40px; background: var(--ink); border-color: var(--ink); overflow: hidden; isolation: isolate; }
html[data-rk-frame] .payload-card--dark::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 120% at 12% 100%, rgba(59, 99, 212, .38), transparent 70%); }
html[data-rk-frame] .payload-card--dark .payload-card__title { color: #fff; font-size: clamp(30px, 3vw, 44px); line-height: 1.04; letter-spacing: -.035em; max-width: 16ch; }
html[data-rk-frame] .payload-card__status { display: none; }
/* outcomes + the guarantee */
html[data-rk-frame] .outcomes-grid { gap: 40px; margin-top: 64px; }
html[data-rk-frame] .outcome-item { gap: 12px; padding-top: 24px; border-top: 1px solid var(--line); }
html[data-rk-frame] .outcome-item__icon { width: 44px; height: 44px; border-radius: 2px; background: var(--hl); color: var(--acc); }
html[data-rk-frame] .outcome-item__icon svg { width: 22px; height: 22px; }
html[data-rk-frame] .guarantee-box {
  margin-top: 96px; padding: clamp(40px, 5vw, 72px); border: 0; border-radius: 2px; text-align: start; overflow: hidden; isolation: isolate;
  background: var(--svc-dark); color: var(--svc-dfg);
}
html[data-rk-frame] .guarantee-box::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(60% 90% at 18% 0%, rgba(59, 99, 212, .3), transparent 70%); }
html[data-rk-frame] .guarantee-box__protocol { display: none; } /* "Binding Agreement // Proof Gap Protocol": fake dossier label */
/* the six evidence layers (dark) */
html[data-rk-frame] .ops-section { background: var(--svc-dark); isolation: isolate; }
html[data-rk-frame] .ops-section::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(700px circle at 20% 0%, rgba(59, 99, 212, .16), transparent 60%); pointer-events: none; }
html[data-rk-frame] .ops-section h2 { color: #fff !important; margin-top: 24px !important; }
html[data-rk-frame] .ops-section p[style] { color: var(--svc-dfg2) !important; margin-top: 24px !important; max-width: 52ch !important; }
html[data-rk-frame] .ops-section p b[style] { color: #fff !important; font-weight: 600; }
html[data-rk-frame] .ops-grid { gap: 40px 32px; margin-top: 64px; }
html[data-rk-frame] .ops-step { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--svc-dline2); }
html[data-rk-frame] .ops-step__num { margin-bottom: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc3); }
html[data-rk-frame] .ops-step__title { margin-bottom: 12px; color: #fff; }
html[data-rk-frame] .ops-step__body { font-size: 17px; line-height: 1.55; color: var(--svc-dfg2); }
/* strategic outcomes */
html[data-rk-frame] .strategy-grid { gap: 48px clamp(40px, 6vw, 96px); }
html[data-rk-frame] .strategy-grid h2 { font-size: var(--svc-h2s) !important; }
html[data-rk-frame] .strategy-grid p[style] { font-size: 18px !important; color: var(--ink2) !important; margin-top: 24px !important; }
html[data-rk-frame] .strategy-items { gap: 0; }
html[data-rk-frame] .strategy-item { gap: 20px; padding: 24px 0; border-top: 1px solid var(--line); }
html[data-rk-frame] .strategy-item:last-child { border-bottom: 1px solid var(--line); }
html[data-rk-frame] .strategy-item__letter { width: 44px; height: 44px; border-radius: 2px; background: var(--ink); color: #fff; font-family: var(--sans); font-size: 18px; font-weight: 500; }
html[data-rk-frame] .strategy-item__title { margin-bottom: 8px; }
html[data-rk-frame] .strategy-item__metric { display: inline-block; margin-top: 4px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--acc); }
/* the 10-day log */
html[data-rk-frame] .timeline-section { background: var(--paper); }
html[data-rk-frame] .timeline-section > .container > div.reveal[style] { align-items: flex-end !important; }
html[data-rk-frame] .timeline-section > .container > div.reveal[style] > span[style] { display: none; } /* "Standard Operating Procedure // RBKN-SOP": fake dossier label */
html[data-rk-frame] .timeline-section h2 { margin-top: 24px !important; }
html[data-rk-frame] .sprint-timeline { gap: 0; margin-top: 56px; border-top: 1px solid var(--line); }
html[data-rk-frame] .timeline-row { gap: 24px 40px; padding: 28px 0; background: none; border-bottom: 1px solid var(--line); align-items: flex-start; }
html[data-rk-frame] .timeline-row:hover { background: none; }
html[data-rk-frame] .timeline-row__day { min-width: 140px; font-family: var(--sans); font-size: clamp(22px, 1.8vw, 26px); font-weight: 500; letter-spacing: -.025em; line-height: 1.2; color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .timeline-row__title { margin-bottom: 8px; }
html[data-rk-frame] .timeline-row__icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 2px; background: var(--hl); color: var(--acc) !important; }
html[data-rk-frame] .timeline-row__icon svg { width: 20px; height: 20px; }
/* pricing: the new pages' dark price panel, ink / cobalt, no lime, no stamp */
html[data-rk-frame] .pricing-dark { padding: clamp(40px, 5.5vw, 80px); border-radius: 2px; background: var(--svc-dark); isolation: isolate; }
html[data-rk-frame] .pricing-dark::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(700px circle at 85% 20%, rgba(59, 99, 212, .3), transparent 60%), radial-gradient(90% 60% at 50% 0%, rgba(59, 99, 212, .1), transparent 70%); }
html[data-rk-frame] .pricing-dark__grid { gap: 48px clamp(40px, 6vw, 96px); align-items: end; }
html[data-rk-frame] .pricing-dark h2 { font-size: var(--svc-h2s) !important; color: #fff !important; max-width: 16ch; }
html[data-rk-frame] .pricing-dark__features { gap: 0; margin-top: 32px; }
html[data-rk-frame] .pricing-dark__features li { position: relative; gap: 16px; padding: 14px 0; border-top: 1px solid var(--svc-dline); font-family: var(--sans); font-size: 18px; letter-spacing: -.01em; line-height: 1.45; text-transform: none; color: var(--svc-dfg); }
html[data-rk-frame] .pricing-dark__features li:last-child { border-bottom: 1px solid var(--svc-dline); }
/* the ▶ glyph becomes the new pages' tick: lime on ink */
html[data-rk-frame] .pricing-dark__features li .arrow { flex: none; position: relative; width: 26px; height: 26px; overflow: hidden; border-radius: 2px; background: #fff; color: transparent; font-size: 16px; line-height: 26px; text-align: center; user-select: none; }
html[data-rk-frame] .pricing-dark__features li .arrow::after { content: ""; position: absolute; left: 10px; top: 6px; width: 5px; height: 10px; border: solid var(--ink); border-width: 0 2px 2px 0; transform: rotate(45deg); }
html[data-rk-frame] .pricing-dark__right { text-align: end; }
html[data-rk-frame] .pricing-dark__label { margin-bottom: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .pricing-dark__price { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(72px, 8.4vw, 132px); line-height: .9; letter-spacing: -.06em; font-feature-settings: "tnum"; background: linear-gradient(90deg, #fff, #b9c9ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .04em; }
html[data-rk-frame] :is(.pricing-dark__strike, .pricing-dark__note) { font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
/* the checkout button (old inline lime) → the new light button on ink */
html[data-rk-frame] main a.btn[style*="background:oklch(0.870 0.180 130)"] { background: #fff !important; color: var(--ink) !important; border-color: transparent !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .2), 0 18px 40px -18px rgba(116, 151, 255, .55); }
html[data-rk-frame] main a.btn[style*="background:oklch(0.870 0.180 130)"] .icon-wrap { background: rgba(10, 15, 31, .07); color: var(--ink); }
html[data-rk-frame] main a.btn[style*="background:oklch(0.870 0.180 130)"]:hover { box-shadow: 0 0 0 1px rgba(255, 255, 255, .4), 0 26px 50px -18px rgba(116, 151, 255, .8); }
html[data-rk-frame] main a.btn[style*="background:oklch(0.870 0.180 130)"]:hover .icon-wrap { background: var(--acc); color: #fff; }
/* add-ons + continuity */
html[data-rk-frame] .addons-grid { gap: 20px !important; margin-top: 48px !important; }
html[data-rk-frame] .addon-card { display: flex; flex-direction: column; gap: 8px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .addon-card:hover { border-color: rgba(59, 99, 212, .35); }
html[data-rk-frame] .addon-card h4[style] { font-weight: 500; color: var(--ink2) !important; }
html[data-rk-frame] .addon-card > span[style] { font-weight: 500 !important; font-size: clamp(32px, 2.8vw, 44px) !important; letter-spacing: -.04em !important; line-height: 1.05; font-feature-settings: "tnum"; }
html[data-rk-frame] .addon-card p[style] { margin-top: 4px !important; color: var(--ink2) !important; }
html[data-rk-frame] .pulse-offer[style] { padding: clamp(32px, 4vw, 48px) !important; border: 1px solid var(--line) !important; border-radius: 2px !important; background: #fff; }
html[data-rk-frame] .pulse-offer > .pulse-grid > div:first-child > span[style]:first-child { color: var(--acc) !important; font-weight: 500; }
html[data-rk-frame] .pulse-offer h3[style] { font-weight: 500; font-size: clamp(26px, 2.4vw, 34px) !important; letter-spacing: -.03em !important; margin-top: 12px !important; }
html[data-rk-frame] .pulse-offer p[style] { color: var(--ink2) !important; }
html[data-rk-frame] .pulse-offer .pulse-grid > div:last-child > span[style]:first-child { display: block; font-size: clamp(44px, 4vw, 64px) !important; letter-spacing: -.05em !important; line-height: 1; font-feature-settings: "tnum"; }
html[data-rk-frame] .pulse-offer .pulse-grid > div:last-child > span[style] + span[style] { margin-top: 6px; color: var(--ink2) !important; }
/* what you provide */
html[data-rk-frame] .req-item { gap: 20px !important; padding: 20px 0; border-top: 1px solid var(--line); }
html[data-rk-frame] .req-item:last-child { border-bottom: 1px solid var(--line); }
html[data-rk-frame] .req-item > span[style] { min-width: 32px !important; font-weight: 500; font-feature-settings: "tnum"; }
html[data-rk-frame] .req-item h4[style] { font-size: 20px !important; font-weight: 500 !important; letter-spacing: -.015em; margin-bottom: 4px; }
html[data-rk-frame] .req-item p[style] { color: var(--ink2) !important; }
html[data-rk-frame] main div[style*="gap:20px"]:has(> .req-item) { gap: 0 !important; }  /* rows touch, the list reads as one table */
/* the closing question under the FAQ */
html[data-rk-frame] main h3[style*="font-family:var(--font-serif)"] { font-size: clamp(26px, 2.4vw, 34px) !important; letter-spacing: -.03em !important; line-height: 1.15; }

/* =====================================================================
   5. /messaging-gap-report/
   ===================================================================== */
/* hero */
html[data-rk-frame] .hero { padding-top: 136px; padding-bottom: clamp(72px, 8vw, 120px); border-bottom: 0; }
/* file strip: keep the offer facts as a quiet line; the fake file number is off */
html[data-rk-frame] .hero-file { gap: 8px 24px; margin-bottom: 40px; padding: 0; border: 0; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.45; text-transform: none; color: var(--ink); }
html[data-rk-frame] .hero-file :is(.file-id, .file-sep) { display: none; }
html[data-rk-frame] .hero-file b { margin-right: 6px; font-weight: 400; letter-spacing: -.005em; color: var(--ink3); }
html[data-rk-frame] .hero-file .file-cat { display: inline-flex; align-items: center; gap: 12px; }
html[data-rk-frame] .hero-file .file-cat::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: 99px; background: var(--acc); animation: rk-legacy-pulse 2.4s var(--out) infinite; }
html[data-rk-frame] .hero-file .file-stat { margin-left: 0; color: var(--acc); }
html[data-rk-frame] .hero-file .file-stat::before { width: 8px; height: 8px; box-shadow: none; }
html[data-rk-frame] .hero-grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 48px clamp(40px, 5vw, 80px); align-items: start; }
html[data-rk-frame] .hero-rail { gap: 0; }
html[data-rk-frame] .hero-rail > .hero-headline { margin-bottom: 32px; max-width: 16ch; }
html[data-rk-frame] .hero-rail > .hero-sub { margin-bottom: 40px; max-width: 42ch; }
html[data-rk-frame] .hero-sub strong { font-weight: 600; }
html[data-rk-frame] .hero-actions { gap: 16px; margin-top: 0; }
html[data-rk-frame] .hero-spec { gap: 12px 28px; margin: 48px 0 0; padding-top: 24px; border-top: 1px solid var(--line); }
html[data-rk-frame] .hero-spec dt { padding-top: 0; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.5; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .hero-spec dd { font-family: var(--sans); font-size: 17px; letter-spacing: -.005em; line-height: 1.5; color: var(--ink); }
html[data-rk-frame] .hero-spec dd b { color: var(--acc); font-weight: 600; }
/* the heatmap sample: an ink panel like the new pages' sample visuals, no dossier labels */
html[data-rk-frame] .heatmap-dossier { background: var(--ink); border: 0; box-shadow: 0 60px 100px -60px rgba(10, 15, 31, .6); }
html[data-rk-frame] .heatmap-dossier::before { content: none; }
html[data-rk-frame] .heatmap-dossier .d-head { gap: 8px; padding: 24px 24px 20px; background: var(--ink); border-bottom-color: var(--svc-dline); }
html[data-rk-frame] .heatmap-dossier .d-org { display: none; } /* "Rubikn Research Co. · RBK-MGR-…": fake dossier label */
html[data-rk-frame] .heatmap-dossier .d-stamp { position: static; align-self: flex-start; order: -1; display: inline-flex; gap: 0; margin-bottom: 8px; padding: 4px 10px; border: 1px solid var(--svc-dline2); border-radius: 2px; background: rgba(255, 255, 255, .06); color: #d6dae6; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; line-height: 1.4; text-transform: none; }
html[data-rk-frame] .heatmap-dossier .d-stamp::before { content: none; }
html[data-rk-frame] .heatmap-dossier .d-title { max-width: 26ch; margin-top: 0; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.25; letter-spacing: -.02em; color: #fff; }
html[data-rk-frame] .heatmap-dossier .d-meta { margin-top: 4px; gap: 0 10px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; color: var(--svc-dfg2); }
html[data-rk-frame] .heatmap-dossier .d-meta span + span::before { content: "\00B7"; margin-right: 10px; color: var(--svc-dfg3); }
html[data-rk-frame] .heatmap-body { padding: 20px 24px 52px; background: var(--ink); border-bottom-color: var(--svc-dline); }
html[data-rk-frame] .heatmap-body-head { margin-bottom: 16px; }
html[data-rk-frame] :is(.heatmap-body-label, .heatmap-body-id) { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .heatmap-body-id { font-weight: 400; color: var(--svc-dfg3); }
/* the plot itself is an aria-hidden chart (an image of the heatmap): calmer colours, Geist, no lime */
html[data-rk-frame] .heatmap-plot { background: linear-gradient(to right, rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0/25% 100%, linear-gradient(to bottom, rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0/100% 25%, #0e1528; border-color: var(--svc-dline); border-radius: 2px; }
html[data-rk-frame] .heatmap-plot::before { background: rgba(212, 137, 59, .08); border-color: rgba(212, 137, 59, .3); }
html[data-rk-frame] .heatmap-plot::after { background: rgba(116, 151, 255, .08); }
html[data-rk-frame] .zone-label { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: 0; text-transform: none; padding: 3px 8px; }
html[data-rk-frame] .zone-label.commodity { color: #f0c089; background: rgba(212, 137, 59, .14); border-color: rgba(212, 137, 59, .35); }
html[data-rk-frame] .zone-label.opportunity { color: #c9d6ff; background: rgba(116, 151, 255, .14); border-color: rgba(116, 151, 255, .4); }
html[data-rk-frame] .h-dot { background: #6b7085; border-color: #0e1528; box-shadow: none; }
html[data-rk-frame] .h-dot::after { font-family: var(--sans); font-size: 13px; letter-spacing: 0; color: var(--svc-dfg2); }
html[data-rk-frame] .h-dot.red { background: var(--amber); box-shadow: 0 0 0 4px rgba(212, 137, 59, .18); }
html[data-rk-frame] .h-dot.red::after { color: #f0c089; }
html[data-rk-frame] .h-dot.blue { background: var(--acc); box-shadow: 0 0 0 4px rgba(59, 99, 212, .25); }
html[data-rk-frame] .h-dot.green { background: var(--acc3); box-shadow: 0 0 0 4px rgba(116, 151, 255, .3); }
html[data-rk-frame] .h-dot.green::after { color: #fff; font-weight: 600; }
html[data-rk-frame] :is(.axis-x, .axis-y) { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--svc-dfg3); }
html[data-rk-frame] :is(.axis-x, .axis-y) { white-space: nowrap; }
html[data-rk-frame] .axis-x { bottom: -34px; }
html[data-rk-frame] .h-dot[style*="left:78%"]::after { left: auto; right: 14px; }  /* the label nearest the right edge sits on the left of its dot */
html[data-rk-frame] .bifurc { gap: 12px; padding: 20px 24px 24px; background: var(--ink); border-top-color: var(--svc-dline); }
html[data-rk-frame] .bifurc-side { gap: 6px; padding: 14px 16px; background: rgba(255, 255, 255, .04); border-color: var(--svc-dline); }
html[data-rk-frame] .bifurc-side .label { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; }
html[data-rk-frame] .bifurc-side.A { border-left: 2px solid var(--acc); }
html[data-rk-frame] .bifurc-side.A .label { color: var(--acc3); }
html[data-rk-frame] .bifurc-side.B { border-left: 2px solid #fff; }
html[data-rk-frame] .bifurc-side.B .label { color: #fff; }
html[data-rk-frame] .bifurc-side .narr { font-family: var(--sans); font-style: normal; font-size: 17px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; color: var(--svc-dfg); }
html[data-rk-frame] .bifurc-vs { font-size: 22px; color: var(--svc-dfg3); }
html[data-rk-frame] .bifurc-foot { font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .heatmap-dossier .d-foot { display: none; } /* "Rubikn / MGR-2026-002 — A. Alomar": dossier footer and signature stamp */
/* the ticker: a calm ink band, Geist, sentence case */
html[data-rk-frame] .mgr-ticker { background: var(--svc-dark); border-color: var(--svc-dark); }
html[data-rk-frame] .mgr-ticker .ticker-eyebrow { gap: 12px; padding-inline: max(20px, calc((100% - 1320px) / 2)) 24px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #fff; border-color: var(--svc-dline); }
html[data-rk-frame] .mgr-ticker .ticker-eyebrow::before { width: 8px; height: 8px; background: var(--acc3); box-shadow: none; }
html[data-rk-frame] .mgr-ticker .ticker-viewport { padding: 20px 0; }
html[data-rk-frame] .mgr-ticker .ticker-item { gap: 16px; padding: 0 32px; border-color: var(--svc-dline); }
html[data-rk-frame] .mgr-ticker .ticker-item .claim { font-family: var(--sans); font-style: normal; font-size: 17px; font-weight: 500; letter-spacing: -.012em; color: #fff; }
html[data-rk-frame] .mgr-ticker .ticker-item .trace { font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg3); }
html[data-rk-frame] .mgr-ticker .ticker-item .verdict { font-size: 16px; }
html[data-rk-frame] .mgr-ticker .ticker-item :is(.verdict.gap, .verdict.vague, .verdict.commodity) { color: #f0c089; }
html[data-rk-frame] .mgr-ticker .ticker-item .verdict.drift { color: var(--acc3); }

/* section heads: Geist H2 with the serif accent word */
html[data-rk-frame] :is(.sec-head, .problem-head) { gap: 24px clamp(40px, 5vw, 80px); margin-bottom: 64px; align-items: end; }
html[data-rk-frame] :is(.sec-head, .problem-head) h2 { max-width: 18ch; margin: 24px 0 0 !important; }
html[data-rk-frame] :is(.sec-head, .problem-head) h2 em { color: inherit; }
html[data-rk-frame] :is(.sec-head > p, .problem-lead) { margin-top: 0; font-size: 18px; line-height: 1.55; color: var(--ink2); max-width: 46ch; }
html[data-rk-frame] :is(.sec-head > p, .problem-lead) strong { color: var(--ink); font-weight: 600; }
html[data-rk-frame] .problem-section { background: var(--paper); border: 0; }
html[data-rk-frame] .mgr-page section .container { padding-block: 0; }
/* the three findings → the new big-number stats */
html[data-rk-frame] .findings-meta { display: none; } /* aria-hidden "3 findings / Cross-referenced" strip: decoration */
html[data-rk-frame] .findings { gap: 20px; border: 0; }
html[data-rk-frame] .finding { padding: 32px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .finding:last-child, html[data-rk-frame] .finding:nth-of-type(n) { border-right: 1px solid var(--line); }
html[data-rk-frame] .finding-head { gap: 8px; margin-bottom: 24px; }
html[data-rk-frame] .finding-no { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .finding-tag { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink); }
html[data-rk-frame] .finding-tag::before { content: "· "; color: var(--ink3); }
html[data-rk-frame] .finding-num, html[data-rk-frame] .finding-num--display { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(64px, 6.4vw, 96px); line-height: .88; letter-spacing: -.06em; color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .finding-num--display .unit { margin-left: .2em; font-family: var(--sans); font-size: 20px; font-weight: 500; letter-spacing: -.01em; text-transform: none; vertical-align: baseline; color: var(--ink2); }
html[data-rk-frame] .finding-cap { max-width: 26ch; margin-top: 16px; font-family: var(--sans); font-size: 17px; font-weight: 500; letter-spacing: -.01em; line-height: 1.35; text-transform: none; color: var(--ink); }
html[data-rk-frame] .finding-gap { gap: 10px; margin-top: 24px; font-family: var(--sans); }
html[data-rk-frame] .gap-row { grid-template-columns: 96px minmax(0, 1fr) auto; gap: 12px; }
html[data-rk-frame] .gap-row .gap-label { font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .gap-row .gap-bar { height: 8px; background: var(--paper2); border-radius: 2px; }
html[data-rk-frame] .gap-row .gap-val { font-size: 16px; font-weight: 600; letter-spacing: -.005em; }
html[data-rk-frame] .finding-prose { margin-top: 24px; font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .finding-prose strong { color: var(--ink); font-weight: 600; }
html[data-rk-frame] .finding-src { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); gap: 2px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; line-height: 1.45; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .finding-src .src-mark { font-size: 16px; font-weight: 500; letter-spacing: -.005em; opacity: 1; color: var(--ink3); }
/* pull quotes → Geist sentence with the serif accent (the new .rk-so) */
html[data-rk-frame] .mgr-pullquote { background: var(--paper); padding-block: clamp(48px, 5vw, 72px); border: 0; }
html[data-rk-frame] .mgr-pullquote .pullquote-inner { max-width: none; width: var(--container); margin-inline: auto; padding: 0; }
html[data-rk-frame] .mgr-pullquote .pullquote-body { max-width: 40ch; padding-left: 24px; border-left: 2px solid var(--acc); }
html[data-rk-frame] .mgr-pullquote .pullquote-body p { font-family: var(--sans); font-weight: 500; font-size: clamp(26px, 2.6vw, 40px); line-height: 1.2; letter-spacing: -.03em; color: var(--ink); }
html[data-rk-frame] .mgr-pullquote .pullquote-body p em { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.1em; color: var(--acc); }
html[data-rk-frame] .mgr-pullquote .pullquote-body cite { margin-top: 16px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
/* what you get */
html[data-rk-frame] .delivers-intro { max-width: 40ch; margin: 0 0 48px; font-family: var(--sans); font-style: normal; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.45; letter-spacing: -.015em; color: var(--ink2); }
html[data-rk-frame] .delivers-intro strong { font-style: normal; font-weight: 500; color: var(--ink); }
html[data-rk-frame] .delivers { gap: 20px; border: 0; }
html[data-rk-frame] .deliver, html[data-rk-frame] .deliver:nth-child(n) { gap: 12px; padding: 32px 28px 28px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .deliver:hover { background: #fff; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .deliver-no { gap: 12px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--acc); }
html[data-rk-frame] .deliver-no::after { width: 32px; opacity: .6; }
html[data-rk-frame] .deliver-title { max-width: 20ch; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: var(--svc-h3); line-height: 1.18; letter-spacing: -.025em; }
html[data-rk-frame] .deliver-body { max-width: none; font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .deliver-body em { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-family: var(--sans); font-style: normal; font-size: 16px; color: var(--ink3); }
/* how we work: phases */
html[data-rk-frame] .phases { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html[data-rk-frame] .phase { grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1.3fr); gap: 24px 40px; padding: 40px 0; border-bottom: 1px solid var(--line); }
html[data-rk-frame] .phase-no { font-family: var(--sans); font-size: 16px; font-weight: 400; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .phase-no b { margin-bottom: 4px; font-size: 22px; font-weight: 500; letter-spacing: -.025em; color: var(--acc); }
html[data-rk-frame] .phase-name { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; letter-spacing: -.03em; }
html[data-rk-frame] .phase-name span { margin-top: 12px; font-family: var(--sans); font-size: 16px; font-weight: 400; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .phase-body { font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .phase-body strong { font-weight: 600; }
html[data-rk-frame] .phase-body a { color: var(--ink); border-bottom: 1.5px solid var(--acc); }
html[data-rk-frame] .phase-quote { margin-top: 16px; padding: 0 0 0 16px; border-left: 2px solid var(--line2); font-family: var(--serif); font-style: italic; font-size: 20px; line-height: 1.35; color: var(--ink3); }
html[data-rk-frame] .strip { margin-top: 64px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html[data-rk-frame] .strip-cell { gap: 12px; padding: 28px 28px 28px 0; border-right: 0; }
html[data-rk-frame] .strip-cell + .strip-cell { padding-left: 28px; border-left: 1px solid var(--line); }
html[data-rk-frame] .strip-cell b { font-family: var(--sans); font-weight: 500; font-size: clamp(44px, 4.4vw, 68px); line-height: .92; letter-spacing: -.055em; color: var(--acc); font-feature-settings: "tnum"; }
html[data-rk-frame] .strip-cell span { font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; line-height: 1.45; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .process-pull { max-width: 40ch; margin: 72px 0 0; padding: 0 0 0 24px; background: none; border: 0; border-left: 2px solid var(--acc); border-radius: 0; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.3; letter-spacing: -.025em; color: var(--ink); }
html[data-rk-frame] .process-pull strong { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1.1em; color: var(--acc); background-image: none; }
/* studies */
html[data-rk-frame] .studies { gap: 20px; }
html[data-rk-frame] .study { gap: 12px; padding: 28px 28px 20px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .study:hover { transform: none; border-color: rgba(59, 99, 212, .35); box-shadow: 0 30px 60px -40px rgba(10, 15, 31, .45); }
html[data-rk-frame] .study-stamp { display: none; } /* "RBK-MGR-2026-001 · Lighthouse": fake file number */
html[data-rk-frame] .study-cover { height: auto; min-height: 150px; margin-bottom: 8px; background: var(--ink); border: 0; }
html[data-rk-frame] .study-cover::before { content: none; }
html[data-rk-frame] .study-cover .sc-row { background: rgba(255, 255, 255, .14); }
html[data-rk-frame] .study-cover .sc-tag { top: 14px; right: 14px; padding: 2px 8px; border: 1px solid var(--svc-dline2); border-radius: 2px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #d6dae6; }
html[data-rk-frame] .study-cover .sc-matrix i { background: rgba(255, 255, 255, .08); }
html[data-rk-frame] .study-cover .sc-matrix i.h { background: rgba(116, 151, 255, .7); }
html[data-rk-frame] .study-cover .sc-matrix i.g { background: rgba(212, 137, 59, .7); }
html[data-rk-frame] .study-cover .sc-matrix i.v { background: rgba(59, 99, 212, .55); }
html[data-rk-frame] .h2h .sc-side { padding: 48px 16px 16px; }
html[data-rk-frame] .h2h .sc-side.left { border-right-color: var(--svc-dline); }
html[data-rk-frame] .h2h .sc-side.right { background: #0e1528; }
html[data-rk-frame] .h2h .sc-name { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #fff; }
html[data-rk-frame] .h2h .left .sc-name { color: var(--acc3); }
html[data-rk-frame] .h2h .right .sc-name { color: #fff; }
html[data-rk-frame] .h2h .sc-stat { font-family: var(--sans); font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
html[data-rk-frame] .h2h .sc-stat small { margin-top: 4px; font-family: var(--sans); font-size: 16px; font-weight: 400; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .h2h .sc-bars i { height: 6px; border-radius: 2px; }
html[data-rk-frame] .h2h .right .sc-bars i:nth-child(n) { background: rgba(116, 151, 255, .55); }
html[data-rk-frame] .study-cover.h2h::after { background: var(--ink); border-color: var(--svc-dline2); }
html[data-rk-frame] .study-meta { gap: 8px 12px; margin-top: 8px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .study-meta .pages { color: var(--ink); }
html[data-rk-frame] .study-meta .dot { background: var(--ink3); }
html[data-rk-frame] .study h3 { max-width: 26ch; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(24px, 2vw, 30px); line-height: 1.15; letter-spacing: -.028em; }
html[data-rk-frame] .study p { font-size: 17px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .study p em { margin-bottom: 8px; font-family: var(--sans); font-style: normal; font-size: 16px; color: var(--ink3); }
html[data-rk-frame] .study-link { margin-top: auto; padding-top: 0; border-top: 0; }
html[data-rk-frame] .study-link svg { stroke-width: 1.8; }
html[data-rk-frame] .studies-archive { margin-top: 32px; }
/* fit: the new "Is this for you?" lists; the CSS-drawn VERDICT labels are off */
html[data-rk-frame] .fit-grid { gap: 20px; margin-top: 0; border: 0; }
html[data-rk-frame] .fit-col, html[data-rk-frame] .fit-col.no { padding: 36px 32px 32px; background: #fff; border: 1px solid var(--line); border-radius: 2px; }
html[data-rk-frame] .fit-col::before, html[data-rk-frame] .fit-col.yes::before, html[data-rk-frame] .fit-col.no::before { content: none; display: none; }
html[data-rk-frame] .fit-label { font-family: var(--sans); font-size: 17px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink2); }
html[data-rk-frame] .fit-col h3, html[data-rk-frame] .fit-col.no h3 { max-width: 24ch; margin: 12px 0 24px; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(24px, 2vw, 30px); line-height: 1.16; letter-spacing: -.028em; color: var(--ink); }
html[data-rk-frame] .fit-col ul { gap: 0; border-bottom: 1px solid var(--line); }
html[data-rk-frame] .fit-col li, html[data-rk-frame] .fit-col.no li { position: relative; padding: 16px 0 16px 46px; border-top: 1px solid var(--line); font-size: 17px; line-height: 1.5; color: var(--ink2); }
/* tick: lime on an ink chip (the new .rk-tk); not a fit: the new hollow circle */
html[data-rk-frame] .fit-col li::before { position: absolute; left: 0; top: 15px; width: 26px; height: 26px; border-radius: 2px; display: grid; place-items: center; font-family: var(--sans); font-size: 16px; font-weight: 600; line-height: 1; font-style: normal; }
html[data-rk-frame] .fit-col.yes li::before { content: "\2713"; background: var(--ink); color: var(--lime); }
html[data-rk-frame] .fit-col.no li::before { content: "\00D7"; border-radius: 99px; background: none; box-shadow: inset 0 0 0 1.5px var(--line2); color: var(--ink3); font-weight: 400; font-size: 18px; }
html[data-rk-frame] .fit-col li strong { color: var(--ink); font-weight: 600; }
/* the guarantee (dark); the seal is off (its words repeat the guarantee text beside it) */
html[data-rk-frame] .guarantee { background: var(--svc-dark); border-top: 0; isolation: isolate; }
html[data-rk-frame] .guarantee::before { background-image: none; background: radial-gradient(700px circle at 20% 0%, rgba(59, 99, 212, .18), transparent 60%); z-index: -1; }
html[data-rk-frame] .guarantee::after { content: none; }
html[data-rk-frame] .guarantee-grid { grid-template-columns: minmax(0, 1fr); }
html[data-rk-frame] .seal { display: none; }
html[data-rk-frame] .guarantee h2 { color: #fff !important; max-width: 16ch; margin: 24px 0 40px !important; font-size: clamp(44px, 5.2vw, 84px) !important; line-height: .98 !important; letter-spacing: -.045em !important; }
html[data-rk-frame] .guarantee h2 em { background-image: linear-gradient(var(--acc3), var(--acc3)); }
html[data-rk-frame] .guarantee-pull { max-width: 40ch; font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(22px, 2vw, 30px); line-height: 1.35; letter-spacing: -.022em; color: #fff; }
html[data-rk-frame] .guarantee-pull strong { font-style: normal; font-weight: 500; color: var(--acc3); }
html[data-rk-frame] .guarantee-body { max-width: 60ch; margin-top: 32px; font-size: 18px; line-height: 1.55; color: var(--svc-dfg2); }
html[data-rk-frame] .guarantee-body strong { color: #fff; font-weight: 600; }
/* founder */
html[data-rk-frame] #founder .eyebrow { margin-bottom: 8px; }
html[data-rk-frame] #founder .founder { grid-template-columns: 220px minmax(0, 1fr); gap: 40px; margin-top: 32px; }
html[data-rk-frame] .founder-portrait { width: 220px; height: 260px; border: 0; }
html[data-rk-frame] .founder-body h3 { font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(30px, 2.8vw, 44px); line-height: 1.05; letter-spacing: -.035em; }
html[data-rk-frame] .founder-body .role { margin: 12px 0 24px; font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--ink3); }
html[data-rk-frame] .founder-body p { margin: 0 0 16px; font-size: 18px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .founder-body p strong { font-weight: 600; }
html[data-rk-frame] .founder-body p a { color: var(--ink); border-bottom: 0; text-decoration: underline; text-decoration-color: var(--acc); text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
html[data-rk-frame] .founder-links { gap: 4px 32px; margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--line); }
/* investment: FAQ + the dark price panel */
html[data-rk-frame] .invest-sub { margin-top: 16px; font-family: var(--sans); font-style: normal; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.4; letter-spacing: -.015em; color: var(--ink2); }
html[data-rk-frame] .invest-sub em { font-family: var(--serif); font-style: italic; font-size: 1.1em; color: var(--ink); }
html[data-rk-frame] .invest-grid { gap: 48px clamp(40px, 5vw, 80px); margin-top: 0; }
html[data-rk-frame] .mgr-faq details, html[data-rk-frame] .mgr-faq details:first-of-type { border-top: 1px solid var(--line); }
html[data-rk-frame] .mgr-faq details:last-of-type { border-bottom: 1px solid var(--line); }
html[data-rk-frame] .mgr-faq details summary { padding: 24px 0; min-height: 44px; }
html[data-rk-frame] .mgr-faq .plus { font-family: var(--sans); font-size: 28px; color: var(--ink3); }
html[data-rk-frame] .mgr-faq .a { padding: 0 0 28px; }
html[data-rk-frame] .mgr-faq .a > p { font-size: 17px; line-height: 1.6; color: var(--ink2); max-width: 62ch; }
html[data-rk-frame] .pricing { padding: clamp(32px, 3.4vw, 48px); background: var(--svc-dark); border: 0; isolation: isolate; }
html[data-rk-frame] .pricing::before { background-image: none; background: radial-gradient(600px circle at 80% 0%, rgba(59, 99, 212, .28), transparent 60%); z-index: -1; }
html[data-rk-frame] .pricing::after { content: none; }
html[data-rk-frame] .pricing > * { z-index: auto; }
html[data-rk-frame] .pricing-eyebrow { font-family: var(--sans); font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: var(--svc-dfg2); }
html[data-rk-frame] .tier, html[data-rk-frame] .tier.founder { grid-template-columns: auto minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom-color: var(--svc-dline); }  /* .tier.founder also matches the page's .founder (portrait) grid */
html[data-rk-frame] .tier-price { min-width: 140px; font-family: var(--sans); font-size: clamp(30px, 2.6vw, 40px); font-weight: 500; letter-spacing: -.04em; color: #fff; font-feature-settings: "tnum"; }
html[data-rk-frame] .tier-info b, html[data-rk-frame] .tier.founder .tier-info b { display: block; margin-bottom: 6px; font-family: var(--sans); font-size: 18px; font-weight: 500; letter-spacing: -.015em; text-transform: none; color: #fff; }
html[data-rk-frame] .tier-info p { font-size: 16px; line-height: 1.5; color: var(--svc-dfg2); }
html[data-rk-frame] .tier.founder, html[data-rk-frame] .tier.bundle { margin: 0 calc(-1 * clamp(32px, 3.4vw, 48px)); padding: 24px clamp(32px, 3.4vw, 48px); background: rgba(116, 151, 255, .08); border-top: 1px solid rgba(116, 151, 255, .3); border-bottom: 1px solid rgba(116, 151, 255, .3); }
html[data-rk-frame] .tier.founder::before { left: clamp(32px, 3.4vw, 48px); background: var(--acc3); }
html[data-rk-frame] .tier.founder .tier-price { color: var(--acc3); }
html[data-rk-frame] .tier.bundle .tier-info b { color: #fff; }
html[data-rk-frame] .pricing-includes { margin-top: 32px; padding-top: 28px; border-top-color: var(--svc-dline); }
html[data-rk-frame] .pricing-includes .label { margin-bottom: 16px; font-family: var(--sans); font-size: 17px; font-weight: 500; letter-spacing: -.01em; text-transform: none; color: #fff; }
html[data-rk-frame] .pricing-includes ul { gap: 12px; }
html[data-rk-frame] .pricing-includes li { padding-left: 26px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; line-height: 1.5; color: var(--svc-dfg); }
html[data-rk-frame] .pricing-includes li::before { top: .72em; width: 10px; height: 2px; background: var(--acc3); }
html[data-rk-frame] .pricing-terms { gap: 8px; margin-top: 28px; font-family: var(--sans); font-size: 16px; letter-spacing: -.005em; line-height: 1.45; color: var(--svc-dfg2); }
html[data-rk-frame] .pricing-terms div { padding: 14px 16px; background: rgba(255, 255, 255, .04); border-color: var(--svc-dline); }
html[data-rk-frame] .pricing-terms b { margin-bottom: 4px; font-size: 16px; font-weight: 500; letter-spacing: -.005em; text-transform: none; color: #fff; }
html[data-rk-frame] .pricing-cta { gap: 12px; margin-top: 32px; padding-top: 28px; border-top-color: var(--svc-dline); }
html[data-rk-frame] .pricing-cta .btn { justify-content: space-between; }
html[data-rk-frame] .pricing-cta .micro { font-family: var(--sans); font-style: normal; font-size: 16px; color: var(--svc-dfg2); }
/* next step */
html[data-rk-frame] .next-step { gap: 40px clamp(40px, 5vw, 80px); padding-top: 48px; border-top: 1px solid var(--line); align-items: start; }
html[data-rk-frame] .next-step-body p { font-size: 18px; line-height: 1.55; color: var(--ink2); }
html[data-rk-frame] .next-step-actions .row { gap: 16px; }
html[data-rk-frame] .next-step-micro { font-family: var(--sans); font-style: normal; font-size: 16px; line-height: 1.5; color: var(--ink3); }

/* =====================================================================
   6. TABLET AND PHONE
   ===================================================================== */
@media (max-width: 1100px) {
  html[data-rk-frame] .ri-timeline, html[data-rk-frame] .ri-timeline[style] { grid-template-columns: minmax(0, 1fr) !important; gap: 0; }
  html[data-rk-frame] .ri-timeline::before { display: none; }
  html[data-rk-frame] .ri-phase { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }
  html[data-rk-frame] .ri-phase__badge { width: 100%; margin-bottom: 0; padding-inline: 4px; }
  html[data-rk-frame] .axis-y { position: absolute; top: 8px; left: 8px; transform: none; display: inline-flex; padding: 2px 8px; border-radius: 2px; background: rgba(14, 21, 40, .85); }
  html[data-rk-frame] .phase { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 32px 0; }
  html[data-rk-frame] .pricing-dark__right { text-align: start; }
}
@media (max-width: 900px) {
  html[data-rk-frame] .ri-hero-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-rk-frame] .ri-del-grid[style] { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-rk-frame] .pricing-dark__grid { text-align: start; }
  /* phone: the price sits under the headline, before the list and the button */
  html[data-rk-frame] .pricing-dark__grid { row-gap: 0; }
  html[data-rk-frame] .pricing-dark__grid > div:first-child { display: contents; }
  html[data-rk-frame] .pricing-dark__grid h2 { order: 0; }
  html[data-rk-frame] .pricing-dark__right { order: 1; margin-top: 32px; }
  html[data-rk-frame] .pricing-dark__features { order: 2; }
  html[data-rk-frame] .pricing-dark__grid > div:first-child > div { order: 3; }
  html[data-rk-frame] .ri-stack-item { grid-template-columns: 32px minmax(0, 1fr); }
  html[data-rk-frame] .ri-stack-item__val { grid-column: 2; text-align: start; }
  html[data-rk-frame] .ri-cta-stat-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-rk-frame] .strip-cell + .strip-cell { padding-left: 0; border-left: 0; }
}
@media (max-width: 760px) {
  html[data-rk-frame] { --svc-pad: 72px; --svc-h2: 34px; --svc-h2s: 32px; --svc-h3: 22px; }
  html[data-rk-frame] main h1.hero-headline { font-size: 38px; line-height: 1.08; letter-spacing: -.045em; }
  html[data-rk-frame] main section h2:not(.ri-cta-headline) { line-height: 1.08 !important; }
  html[data-rk-frame] main .closing h2, html[data-rk-frame] main .closing h2.ri-cta-headline { font-size: 38px !important; line-height: 1.04 !important; }
  html[data-rk-frame] .guarantee h2 { font-size: 40px !important; }
  html[data-rk-frame] :is(.svc-hero, .sprint-hero) { padding-top: 120px; }
  html[data-rk-frame] .ri-hero { padding-top: 112px; }
  html[data-rk-frame] .hero { padding-top: 104px; }
  /* buttons: full width on a phone, as on the new pages */
  html[data-rk-frame] main :is(.hero-cta, .closing-foot, .hero-actions, .next-step-actions .row) { flex-direction: column; align-items: stretch; width: 100%; }
  html[data-rk-frame] main :is(.hero-cta, .closing-foot, .hero-actions, .next-step-actions .row, .pricing-cta, .pricing-dark__grid, .ri-sample-header) .btn { width: 100%; justify-content: space-between; white-space: normal; text-align: start; }
  html[data-rk-frame] main .reveal[style*="margin-top:clamp(48px,6vw,80px)"] .btn { width: 100%; justify-content: space-between; }
  /* one column everywhere */
  html[data-rk-frame] :is(.ri-trap-grid, .ri-method-grid, .ri-sample-grid, .ri-bonus-grid, .ri-audience-cards, .ri-pricing-options, .ri-persona-grid, .ri-not-for__grid, .gd-advisory-pricing, .oc-retainer-pricing, .br-evidence-grid, .payload-grid, .outcomes-grid, .ops-grid, .mission-grid, .strategy-grid, .delivers, .studies, .fit-grid, .findings, .invest-grid, .next-step, .sec-head, .problem-head, .strip, .hero-grid) { grid-template-columns: minmax(0, 1fr); }
  html[data-rk-frame] .finding--center { order: 0; }
  html[data-rk-frame] .ri-cta-stat-bar { gap: 24px; }
  html[data-rk-frame] .ri-stack-item { padding: 18px 16px; gap: 4px 12px; }
  html[data-rk-frame] .ri-stack-total { flex-direction: column; align-items: flex-start; padding: 28px 20px; }
  html[data-rk-frame] .ri-stack-total > div[style*="text-align:right"] { align-items: flex-start; text-align: start !important; }
  html[data-rk-frame] .ri-guarantee, html[data-rk-frame] .guarantee-box, html[data-rk-frame] .pricing-dark { padding: 40px 24px; }
  html[data-rk-frame] .pricing-dark__price { font-size: 72px; }
  html[data-rk-frame] .ri-evidence__num { font-size: 96px; }
  html[data-rk-frame] .ri-diff { grid-template-columns: minmax(0, 1fr); padding: 24px; }
  html[data-rk-frame] .ri-hero-quote { padding: 24px 20px 20px; }
  html[data-rk-frame] .timeline-row { flex-direction: column; gap: 8px; }
  html[data-rk-frame] .timeline-row__day { min-width: 0; }
  html[data-rk-frame] .timeline-row__icon { display: none; }
  html[data-rk-frame] .pulse-offer .pulse-grid { text-align: start !important; }
  html[data-rk-frame] .del-strip__left { flex-direction: column; align-items: flex-start; }
  html[data-rk-frame] .idx-card, html[data-rk-frame] .idx-card.flagship { padding: 28px 24px 24px; }
  html[data-rk-frame] .gap-row { grid-template-columns: 88px minmax(0, 1fr) auto; }
  html[data-rk-frame] .strip-cell { padding: 24px 0; border-bottom: 1px solid var(--line); }
  html[data-rk-frame] .strip-cell:last-child { border-bottom: 0; }
  html[data-rk-frame] .phase-no b { display: inline; margin-right: 8px; }
  html[data-rk-frame] #founder .founder { grid-template-columns: minmax(0, 1fr); }
  html[data-rk-frame] .founder-portrait { width: 100%; max-width: 280px; height: 300px; }
  html[data-rk-frame] .tier, html[data-rk-frame] .tier.founder { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  html[data-rk-frame] .pricing { padding: 32px 20px; }
  html[data-rk-frame] .tier.founder, html[data-rk-frame] .tier.bundle { margin: 0 -20px; padding: 24px 20px; }
  html[data-rk-frame] .tier.founder::before { left: 20px; }
  html[data-rk-frame] .pricing-terms { grid-template-columns: minmax(0, 1fr); }
  html[data-rk-frame] .heatmap-dossier .d-head, html[data-rk-frame] .heatmap-body, html[data-rk-frame] .bifurc { padding-inline: 16px; }
  html[data-rk-frame] .mgr-ticker .ticker-eyebrow { padding: 16px 20px; }
  html[data-rk-frame] .fit-col, html[data-rk-frame] .fit-col.no { padding: 28px 20px 24px; }
  html[data-rk-frame] .hero-file { flex-direction: column; gap: 4px; }
  html[data-rk-frame] .hero-file .file-stat { flex-basis: auto; padding-top: 0; border-top: 0; }
  html[data-rk-frame] .process-pull, html[data-rk-frame] .mgr-pullquote .pullquote-body { padding-left: 18px; }
  html[data-rk-frame] main .container[style*="max-width:800px"] > * { max-width: none; }
  html[data-rk-frame] :is(.svc-trust, .ri-trust-bar) { flex-direction: column; align-items: flex-start; gap: 4px; }
  html[data-rk-frame] :is(.svc-trust__sep, .ri-trust-bar__sep) { display: none; }  /* the "·" separators would hang at a line start */
  html[data-rk-frame] main table[style] :is(th, td) { padding: 12px 8px !important; hyphens: auto; }
  html[data-rk-frame] main table[style] { font-size: 16px !important; }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  html[data-rk-frame] :is(.ri-badge, .ri-guarantee__label, .guarantee-box__label, .hero-file .file-cat)::before,
  html[data-rk-frame] .ri-scarcity__dot { animation: none; }
  html[data-rk-frame] :is(.idx-card, .ri-trap, .ri-sample-card, .ri-bonus, .ri-audience-card, .ri-price-opt, .payload-card, .deliver, .study) { transition: none; }
}

/* =====================================================================
   7. DARK MODE (html.dark, set before first paint by /assets/rubikn-theme.js)
   ---------------------------------------------------------------------
   Spec: scripts/DARK-MODE-SPEC.md. The frame layers (rubikn-frame.css,
   rubikn-legacy.css) already re-point the tokens (--paper, --ink*, --acc,
   --line, --hl ...) at the shared dark palette (--rk-d-*), so every rule
   above that reads a token as TEXT follows by itself. This block handles
   what does not:
   - the navy panels (--svc-dark) become raised dark panels with a
     hairline, so they still read as separate sections on the dark page;
   - every white card (#fff) becomes a raised panel with a hairline;
   - ink fills (var(--ink) is light in dark) get a dark surface back:
     big ones become raised panels, number chips become light chips with
     ink text, ticks become lime on a raised chip;
   - cobalt fills under white text use --rk-d-accent-strong;
   - the checkout button stays a light button with ink text;
   - shadows are darker and quieter, cobalt glows about half strength.
   Light mode is untouched: every rule here is under html[data-rk-frame].dark.
   ===================================================================== */
html[data-rk-frame].dark {
  --svc-dark: var(--rk-d-raised);
  --svc-dark2: var(--rk-d-raised-2);
  --svc-dfg: var(--rk-d-text);
  --svc-dfg2: var(--rk-d-text-2);
  --svc-dfg3: var(--rk-d-text-3);
  --svc-dline: var(--rk-d-line);
  --svc-dline2: rgba(255, 255, 255, .16);
  --svc-lift: 0 30px 60px -40px rgba(0, 0, 0, .8);
  --svc-hover: rgba(141, 179, 255, .35);
}

/* ---------- 7.1 surfaces: white cards → raised panels with a hairline ---------- */
html[data-rk-frame].dark :is(.idx-card:not(.flagship), .ri-hero-quote, .ri-diff, .ri-trap, .ri-method-status, .ri-stack-item, .ri-price-opt, .ri-sample-card, .ri-bonus, .ri-audience-card, .ri-del-card, .gd-advisory-pricing__main, .oc-retainer-pricing__main, .oc-bundle, .br-bundle, .br-evidence-card, .mission-card, .payload-card:not(.payload-card--dark), .addon-card, .pulse-offer, .finding, .deliver, .study, .fit-col) { background: var(--rk-d-raised); }
html[data-rk-frame].dark .pulse-offer[style] { background: var(--rk-d-raised); border-color: var(--rk-d-line) !important; }
html[data-rk-frame].dark :is(.idx-card:not(.flagship), .ri-trap, .ri-price-opt, .ri-sample-card, .ri-bonus, .ri-audience-card, .ri-del-card, .payload-card:not(.payload-card--dark), .addon-card, .deliver, .study):hover { background: var(--rk-d-raised); border-color: var(--svc-hover); box-shadow: var(--svc-lift); }
html[data-rk-frame].dark .ri-stack-item:hover { background: var(--rk-d-raised-2); }
html[data-rk-frame].dark .ri-price-opt--featured { border-color: var(--rk-d-accent); box-shadow: 0 30px 60px -44px rgba(66, 112, 218, .35); }
html[data-rk-frame].dark .ri-price-opt.ri-price-opt--featured:hover { border-color: var(--rk-d-accent); box-shadow: 0 30px 60px -40px rgba(0, 0, 0, .8), 0 30px 60px -44px rgba(66, 112, 218, .35); }  /* beats the generic card hover above (its :is() counts as two classes) */
/* pills */
html[data-rk-frame].dark :is(.icp-pill, .gd-pill, .oc-pill, .br-pill, .del-strip__pill) { background: var(--rk-d-raised); border-color: var(--line2); }
html[data-rk-frame].dark :is(.icp-pill, .gd-pill, .oc-pill, .br-pill, .del-strip__pill):hover { background: var(--rk-d-raised); border-color: var(--rk-d-text-3); }

/* ---------- 7.2 the navy panels → raised dark panels with a hairline ---------- */
/* full-width sections: a hairline top and bottom */
html[data-rk-frame].dark :is(.ri-dark, .ops-section, .guarantee, .mgr-ticker) { box-shadow: inset 0 1px 0 var(--rk-d-line), inset 0 -1px 0 var(--rk-d-line); }
html[data-rk-frame].dark .mgr-ticker { border-color: var(--rk-d-line); color: var(--rk-d-text); }
/* two dark sections in a row (the problem + the logo-swap test): one hairline between them, not two */
html[data-rk-frame].dark .ri-dark:has(+ .ri-dark) { box-shadow: inset 0 1px 0 var(--rk-d-line); }
/* contained panels: a hairline ring (outside the box, so no layout shift and no child covers it) */
html[data-rk-frame].dark :is(.ri-guarantee, .guarantee-box, .pricing-dark, .pricing, .idx-card.flagship, .payload-card--dark, .heatmap-dossier) { box-shadow: 0 0 0 1px var(--rk-d-line), 0 40px 80px -60px rgba(0, 0, 0, .8); }
html[data-rk-frame].dark .ri-stack-total { border-color: var(--rk-d-line); }
/* the cobalt glows at about half strength */
html[data-rk-frame].dark .mesh-atmosphere::after { background: radial-gradient(700px circle at 20% 0%, rgba(66, 112, 218, .09), transparent 60%), radial-gradient(90% 60% at 50% 0%, rgba(66, 112, 218, .05), transparent 70%); }
html[data-rk-frame].dark :is(.ri-guarantee, .guarantee-box)::before { background: radial-gradient(60% 90% at 18% 0%, rgba(66, 112, 218, .16), transparent 70%); }
html[data-rk-frame].dark .ri-stack-total::before { background: radial-gradient(60% 140% at 100% 50%, rgba(66, 112, 218, .16), transparent 70%); }
html[data-rk-frame].dark .ops-section::before { background: radial-gradient(700px circle at 20% 0%, rgba(66, 112, 218, .09), transparent 60%); }
html[data-rk-frame].dark .pricing-dark::before { background: radial-gradient(700px circle at 85% 20%, rgba(66, 112, 218, .16), transparent 60%), radial-gradient(90% 60% at 50% 0%, rgba(66, 112, 218, .05), transparent 70%); }
html[data-rk-frame].dark .guarantee::before { background: radial-gradient(700px circle at 20% 0%, rgba(66, 112, 218, .1), transparent 60%); }
html[data-rk-frame].dark .pricing::before { background: radial-gradient(600px circle at 80% 0%, rgba(66, 112, 218, .15), transparent 60%); }

/* ---------- 7.3 ink fills (light in dark) → dark surfaces again ---------- */
/* the two flagship offers on /services/ */
html[data-rk-frame].dark .idx-card.flagship { background: var(--rk-d-raised); border-color: var(--rk-d-line); }
html[data-rk-frame].dark .idx-card.flagship::after { background: radial-gradient(60% 120% at 12% 50%, rgba(66, 112, 218, .18), transparent 70%); }
html[data-rk-frame].dark .idx-card.flagship:hover { border-color: rgba(141, 179, 255, .45); box-shadow: 0 0 0 1px rgba(141, 179, 255, .2), 0 30px 60px -36px rgba(0, 0, 0, .8); }
html[data-rk-frame].dark .idx-card.flagship .meta span:first-child { color: var(--rk-d-accent); }
html[data-rk-frame].dark .idx-card.flagship:hover .read { color: var(--rk-d-accent); }
/* the sprint's dark payload card */
html[data-rk-frame].dark .payload-card--dark { background: var(--rk-d-raised); border-color: var(--rk-d-line); }
html[data-rk-frame].dark .payload-card--dark::before { background: radial-gradient(60% 120% at 12% 100%, rgba(66, 112, 218, .2), transparent 70%); }
/* number chips: a light chip with ink text (as the new pages' numbered chips in dark) */
html[data-rk-frame].dark :is(.ri-diff__icon, .ri-phase__badge, .strategy-item__letter) { background: var(--rk-d-text); color: #0a0f1f; }
html[data-rk-frame].dark .ri-phase:hover .ri-phase__badge,
html[data-rk-frame].dark .ri-phase__badge[style*="background:var(--accent)"] { background: var(--rk-d-accent-strong) !important; color: #fff; }
/* the fit tick: lime on a raised chip with a hairline (as How it works in dark) */
html[data-rk-frame].dark .fit-col.yes li::before { background: var(--rk-d-raised-2); color: var(--rk-d-ok); box-shadow: inset 0 0 0 1px var(--rk-d-line); }
/* the method card's top rule stays the strong line */
html[data-rk-frame].dark .ri-method-card { border-top-color: var(--rk-d-line-2); }
html[data-rk-frame].dark .ri-method-card:hover { border-top-color: var(--rk-d-accent); }

/* ---------- 7.4 cobalt fills under white text ---------- */
html[data-rk-frame].dark :is(.ri-price-opt__tag, .oc-bundle__tag, .br-bundle__tag) { background: var(--rk-d-accent-strong); color: #fff; }
html[data-rk-frame].dark :is(.oc-bundle, .br-bundle) { border-color: var(--rk-d-accent); }

/* ---------- 7.5 the checkout button: a light button with ink text, on the raised panel ---------- */
html[data-rk-frame].dark main a.btn[style*="background:oklch(0.870 0.180 130)"] { background: #f8f8fa !important; color: #0a0f1f !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 14px 30px -16px rgba(0, 0, 0, .7); }
html[data-rk-frame].dark main a.btn[style*="background:oklch(0.870 0.180 130)"] .icon-wrap { background: rgba(10, 15, 31, .08); color: #0a0f1f; }
html[data-rk-frame].dark main a.btn[style*="background:oklch(0.870 0.180 130)"]:hover { background: #fff !important; box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 22px 40px -18px rgba(66, 112, 218, .55); }
html[data-rk-frame].dark main a.btn[style*="background:oklch(0.870 0.180 130)"]:hover .icon-wrap { background: var(--rk-d-accent-strong); color: #fff; }
/* the sprint price list tick: a light chip with an ink tick */
html[data-rk-frame].dark .pricing-dark__features li .arrow { background: var(--rk-d-text); }
html[data-rk-frame].dark .pricing-dark__features li .arrow::after { border-color: #0a0f1f; }

/* ---------- 7.6 comparison table: the ink header row → a raised row ---------- */
html[data-rk-frame].dark main table[style] thead tr[style*="background:var(--ink)"] { background: var(--rk-d-raised-2) !important; }
html[data-rk-frame].dark main table[style] thead th[style*="color:var(--accent)"] { color: var(--rk-d-accent) !important; }

/* ---------- 7.7 messaging gap report: the heatmap sample and the study covers ---------- */
html[data-rk-frame].dark :is(.heatmap-dossier, .heatmap-dossier .d-head, .heatmap-body, .bifurc) { background: var(--rk-d-raised); }
html[data-rk-frame].dark .heatmap-plot { background: linear-gradient(to right, rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0/25% 100%, linear-gradient(to bottom, rgba(255, 255, 255, .07) 1px, transparent 1px) 0 0/100% 25%, var(--rk-d-bg); }
html[data-rk-frame].dark .h-dot { border-color: var(--rk-d-bg); }
html[data-rk-frame].dark .h-dot.blue { background: var(--rk-d-accent-strong); }
html[data-rk-frame].dark .study-cover,
html[data-rk-frame].dark .study-cover.h2h::after { background: var(--rk-d-bg); }
html[data-rk-frame].dark .study-cover { box-shadow: 0 0 0 1px var(--rk-d-line); }  /* outside the box: the h2h cover's right panel would cover an inset one */
html[data-rk-frame].dark .h2h .sc-side.right { background: var(--rk-d-raised-2); }
html[data-rk-frame].dark .gap-row .gap-bar { background: rgba(255, 255, 255, .08); }