/* ============================================================
   Steady Orbit Systems — Revenue Blind Spot landing (Lane B, v2)
   Rebuild of RBS-Export-Pack Landing.dc.html + embedded Comic.
   All rules scoped under body.rbs-page — site header/footer untouched.
   Loads LAST in the frame chain (site.css → … → v18.css → this).
   ============================================================ */

/* ---------- page-scoped reset ---------- */
body.rbs-page{
  margin:0;
  background:#070B14;
  color:#EEF1F6;
  font-family:'Geist','Helvetica Neue',Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.rbs-page a{color:inherit}
.rbs-page a:hover{color:#E5384F}
.rbs-page a:focus-visible,
.rbs-page button:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}

/* ---------- sky (STYLE §1 signature effect) ---------- */
.rbs-page .sky{
  background-color:#070B14;
  background-image:
    radial-gradient(ellipse 60% 70% at 50% 45%,rgba(7,11,20,.94) 0%,rgba(7,11,20,.82) 55%,rgba(7,11,20,.35) 100%),
    url(/website-v19/bg-starfield.jpg);
  background-size:100% 100%,cover;
  background-position:center,center top;
  background-repeat:no-repeat;
}

/* ---------- landing ---------- */
.rbs-page .hero{max-width:1200px;margin:0 auto;padding:56px 32px 0;box-sizing:border-box}
.rbs-page .titlewrap{text-align:center;margin-top:8px;width:calc(100% - 308px)}
.rbs-page .titleinner{display:inline-block}
.rbs-page .h1{
  margin:0;font-size:92px;line-height:1;font-weight:700;letter-spacing:-.04em;
  font-family:'Geist','Helvetica Neue',Helvetica,sans-serif;color:#FFFFFF;
}
/* "Blindspot" wordmark: noise-texture text-clip over the white→red gradient (STYLE §1) */
.rbs-page .mark{
  display:inline-block;padding-bottom:.08em;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.2 -1.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(90deg,#FFFFFF 0%,#EEF0F3 40%,#F6A7B2 50%,#EC3A55 60%,#D81F3D 100%);
  background-size:160px 160px,100% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
.rbs-page .bar{display:block;height:5px;margin-top:10px;border-radius:2px;background:#E5384F}

.rbs-page .grid{margin-top:72px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}

/* video placeholder (no video yet — DESIGN §7 open item) */
.rbs-page .video{
  position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;
  background:#0D1322 url(/website-v19/bg-starfield.jpg) center/cover;
  border:1px solid rgba(255,255,255,.10);
}
.rbs-page .video::after{content:"";position:absolute;inset:0;background:rgba(7,11,20,.55)}
.rbs-page .play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;
  width:76px;height:76px;border-radius:50%;background:#E5384F;border:none;
  display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;
}
.rbs-page .play:hover{background:#D62F45}
.rbs-page .play:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}

/* primary CTA pill → /audit/ */
.rbs-page .cta{
  display:block;margin:28px auto 0;width:420px;max-width:100%;height:68px;
  border:none;border-radius:999px;background:#E5384F;color:#FFFFFF;
  font-family:inherit;font-size:20px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;text-decoration:none;line-height:68px;text-align:center;
  cursor:pointer;
}
.rbs-page .cta:hover{background:#D62F45;color:#FFFFFF}
.rbs-page .cta:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}

/* sparkle bullets */
.rbs-page .perks{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.rbs-page .perks li{display:flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:600;line-height:1.3;color:#FFFFFF;text-align:center}
.rbs-page .perks svg{flex:none}

/* index card */
.rbs-page .index{
  display:flex;flex-direction:column;min-height:720px;
  border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#111726;
  overflow:hidden;padding:0 0 14px;box-sizing:border-box;
}
.rbs-page .index ol{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin:0;padding:0;list-style:none}
.rbs-page .band{display:block;text-align:center;padding:14px 16px;font-size:17px;line-height:1.35;font-weight:600;background:#3A4964;color:#FFFFFF}
.rbs-page .ix{display:block;text-align:center;padding:14px 16px;font-size:17px;line-height:1.35;color:#E3E7EE}
.rbs-page .ix.on{background:#3A4964;color:#FFFFFF}
.rbs-page .ix.end{margin-top:6px;color:#FFFFFF;font-weight:600}
.rbs-page .ix.end span{color:#F0576B}

/* divider rule before the comic */
.rbs-page .break{
  max-width:1200px;margin:88px auto 0;padding:0 32px;box-sizing:border-box;
  display:flex;align-items:center;gap:20px;
  font-size:12px;letter-spacing:.18em;font-weight:600;color:#7E889B;
}
.rbs-page .break::before,.rbs-page .break::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.10)}

/* nav: current page link */
.rbs-page .nav__link--current{color:#FFFFFF}
.rbs-page .nav__link--current:hover{color:#FFFFFF}

/* ---------- comic (rendered by rbs-comic.js; rc- prefixed) ---------- */
.rbs-page .rc-wrap{max-width:1120px;margin:0 auto;padding:72px 24px 88px;box-sizing:border-box}
.rbs-page .rc-bookwrap{max-width:1000px;margin:0 auto}

/* cover */
.rbs-page .rc-coverwrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.rbs-page .rc-cover{
  position:relative;display:block;padding:0;border:3px solid #E9E4D8;background:#1B1A17;
  width:460px;max-width:100%;aspect-ratio:2/3;container-type:inline-size;cursor:pointer;
  line-height:0;overflow:hidden;font:inherit;color:inherit;transform-origin:left center;
  transition:transform .28s ease,box-shadow .28s ease,opacity .34s ease,filter .28s ease;
  box-shadow:0 26px 60px rgba(0,0,0,.55),0 4px 0 rgba(0,0,0,.25);
}
.rbs-page .rc-cover:hover{
  transform:translateY(-8px);filter:brightness(1.12);
  box-shadow:0 0 0 2px rgba(255,255,255,.6),0 0 56px rgba(210,226,255,.5),0 36px 70px rgba(0,0,0,.6);
}
.rbs-page .rc-cover:focus-visible{outline:3px solid #FFFFFF;outline-offset:6px}
.rbs-page .rc-cover.rc-turning{transform:perspective(1400px) rotateY(-96deg);opacity:0;box-shadow:none}
.rbs-page .rc-cover::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5cqw;
  background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,0));pointer-events:none;
}
.rbs-page .rc-ribbon{
  background:#0D1322;color:#FFFFFF;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:2.5cqw;letter-spacing:.2em;padding:2cqw 0 1.8cqw;
  border-bottom:.8cqw solid #E5384F;text-align:center;line-height:1.2;
}
.rbs-page .rc-ctitle{
  margin:2.6cqw 0 0;font-family:'Oswald',sans-serif;font-weight:700;font-size:8.6cqw;
  line-height:.98;text-transform:uppercase;letter-spacing:.01em;color:#FFE27A;
  -webkit-text-stroke:1.1cqw #1B1A17;paint-order:stroke fill;text-align:center;
  filter:drop-shadow(0 .9cqw 0 rgba(27,26,23,.4));
}
.rbs-page .rc-cprice{
  position:absolute;right:3.5cqw;top:10cqw;width:15cqw;padding:1.2cqw 0 1.4cqw;
  background:#FFF8E6;border:.6cqw solid #1B1A17;text-align:center;line-height:1;
  color:#1B1A17;box-shadow:.8cqw .8cqw 0 #1B1A17;
}
.rbs-page .rc-cprice small{display:block;font-family:'Oswald',sans-serif;font-weight:700;font-size:2.4cqw;letter-spacing:.14em}
.rbs-page .rc-cprice b{display:block;margin-top:.5cqw;font-family:'Bowlby One','Oswald',sans-serif;font-weight:400;font-size:6.4cqw;letter-spacing:-.01em}

@keyframes rcCoverPulse{
  0%,100%{box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 0 0 rgba(255,255,255,0)}
  50%{box-shadow:0 26px 60px rgba(0,0,0,.55),0 0 34px 4px rgba(210,226,255,.38)}
}
@media (hover:none){
  .rbs-page .rc-cover{animation:rcCoverPulse 2.8s ease-in-out infinite}
}

/* book chrome */
.rbs-page .rc-bookhead{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.2em;
}
.rbs-page .rc-lnk{
  white-space:nowrap;background:none;border:none;padding:0;font:inherit;
  font-family:'Geist','Helvetica Neue',sans-serif;font-size:15px;font-weight:500;
  letter-spacing:0;color:inherit;text-decoration:underline;text-underline-offset:4px;
  cursor:pointer;opacity:.85;
}
.rbs-page .rc-lnk:hover{color:#E5384F;opacity:1}
.rbs-page .rc-lnk:focus-visible{outline:2px solid #E5384F;outline-offset:3px}

/* pages */
.rbs-page .rc-pages{min-height:440px;display:flex;align-items:center;justify-content:center;outline:none}
.rbs-page .rc-strip{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rbs-page .rc-panel{
  position:relative;border:3px solid #E9E4D8;line-height:0;container-type:inline-size;background:#1B1A17;
}
.rbs-page .rc-panel img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.rbs-page .rc-pg{display:none}
.rbs-page .rc-pg.rc-dshow{display:block}
.rbs-page .rc-ta .rc-pg.rc-dshow,.rbs-page .rc-ta .rc-pg.rc-mshow{animation:rcTurnA .3s ease-out}
.rbs-page .rc-tb .rc-pg.rc-dshow,.rbs-page .rc-tb .rc-pg.rc-mshow{animation:rcTurnB .3s ease-out}
@keyframes rcTurnA{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes rcTurnB{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

/* speech bubbles / overlays (container-query sized, ported from Comic.dc.html) */
.rbs-page .rc-bub{position:absolute;line-height:1.15}
.rbs-page .rc-say{
  background:#FFFDF7;border:2.5px solid #1B1A17;border-radius:4.6cqw;padding:1.8cqw 2.9cqw;
  font-family:'Patrick Hand','Comic Sans MS',cursive;font-size:3.6cqw;letter-spacing:.02em;
  text-transform:uppercase;text-align:center;color:#1B1A17;
}
.rbs-page .rc-phoneb{border-radius:1.4cqw;box-shadow:0 0 0 3px #FFFDF7,0 0 0 5.5px #1B1A17}
.rbs-page .rc-shout{font-size:5.4cqw;color:#C21F38;border-width:3px;transform:rotate(-5deg)}
.rbs-page .rc-tail{position:absolute;overflow:visible}
.rbs-page .rc-sfx{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:5.4cqw;line-height:1;color:#FFE27A;
  -webkit-text-stroke:.45cqw #1B1A17;paint-order:stroke fill;letter-spacing:.04em;transform:rotate(-10deg);
}
.rbs-page .rc-note{
  background:rgba(20,24,34,.94);color:#FFFFFF;border-radius:2.4cqw;padding:2cqw 2.4cqw;
  display:flex;gap:1.8cqw;align-items:flex-start;
  font-family:'Geist','Helvetica Neue',sans-serif;border:2px solid #1B1A17;
}
.rbs-page .rc-note b{display:block;font-size:2.6cqw;font-weight:600;line-height:1.25}
.rbs-page .rc-note span{display:block;font-size:2.35cqw;line-height:1.3;color:#C9D0DC;margin-top:.3cqw}
.rbs-page .rc-note i{width:4.6cqw;height:4.6cqw;border-radius:1.2cqw;flex-shrink:0;display:block}
.rbs-page .rc-cap{
  background:#FFF8E6;border:2.5px solid #1B1A17;padding:2.2cqw 2.6cqw;
  font-family:'Patrick Hand','Comic Sans MS',cursive;font-size:4cqw;letter-spacing:.02em;
  text-transform:uppercase;color:#1B1A17;line-height:1.35;
}
.rbs-page .rc-hl{background:rgba(229,56,79,.34);padding:1px 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rbs-page .rc-lens{
  position:absolute;border-radius:50%;border:4px solid #1B1A17;background:#F7F2E7;
  box-shadow:0 0 0 3px #FFFDF7;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;line-height:1.05;padding:3cqw;box-sizing:border-box;
}
.rbs-page .rc-ad{
  position:absolute;background:#F7F2E7;border:1.5px solid #1B1A17;box-sizing:border-box;
  padding:.6cqw;display:flex;flex-direction:column;gap:.5cqw;
}
.rbs-page .rc-ad-t{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.15cqw;line-height:1;color:#1B1A17;text-transform:uppercase}
.rbs-page .rc-ad-r{height:.4cqw;background:#8A8478}
.rbs-page .rc-ad-s{font-family:'Oswald',sans-serif;font-weight:600;font-size:.8cqw;letter-spacing:.1em;color:#C21F38}

/* pager */
.rbs-page .rc-navrow{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:26px}
.rbs-page .rc-nv{
  width:54px;height:54px;border-radius:50%;border:2px solid #E9E4D8;background:transparent;
  color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;
}
.rbs-page .rc-nv:hover{background:#E5384F;border-color:#E5384F;color:#FFFFFF}
.rbs-page .rc-nv.rc-ghost{visibility:hidden}
.rbs-page .rc-count{
  min-width:150px;text-align:center;font-family:'Oswald',sans-serif;font-weight:600;
  font-size:15px;letter-spacing:.16em;text-transform:uppercase;
}
.rbs-page .rc-count .rc-m{display:none}

/* end CTA — bobbing rocket + pill */
.rbs-page .rc-launch{display:flex;justify-content:center;margin-top:34px;animation:rcRktIn .5s cubic-bezier(.2,.8,.3,1) both}
@keyframes rcRktIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.rbs-page .rc-rkt{
  display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:none;
  padding:6px 10px;cursor:pointer;color:#FFFFFF;font:inherit;
}
.rbs-page .rc-rkt:focus-visible{outline:2px solid #FFFFFF;outline-offset:6px;border-radius:14px}
.rbs-page .rc-rkt-craft{display:block;width:44px;height:80px;animation:rcRktBob 1.1s ease-in-out infinite}
.rbs-page .rc-rkt-craft svg{display:block;width:100%;height:100%;overflow:visible}
@keyframes rcRktBob{
  0%,100%{transform:translateY(0) rotate(0)}
  25%{transform:translateY(-4px) rotate(-1.5deg)}
  50%{transform:translateY(-7px) rotate(0)}
  75%{transform:translateY(-4px) rotate(1.5deg)}
}
.rbs-page .rc-rkt-flame{transform-box:fill-box;transform-origin:50% 0;animation:rcRktFlick .09s linear infinite alternate}
@keyframes rcRktFlick{from{transform:scaleY(.75);opacity:.8}to{transform:scaleY(1.2);opacity:1}}
.rbs-page .rc-rkt-pad{display:block;width:72px;height:3px;margin-top:4px;border-radius:2px;background:rgba(255,255,255,.35)}
/* 17px label: white on #E5384F fails contrast (STYLE §8) → #D62F45 */
.rbs-page .rc-rkt-lbl{
  margin-top:14px;display:inline-flex;align-items:center;height:48px;padding:0 28px;
  border-radius:999px;background:#D62F45;color:#FFFFFF;
  font-family:'Geist','Helvetica Neue',sans-serif;font-size:17px;font-weight:700;
  letter-spacing:.02em;white-space:nowrap;transition:background .2s ease;
}
.rbs-page .rc-rkt:hover .rc-rkt-lbl{background:#C2263B}
.rbs-page .rc-rkt:hover .rc-rkt-craft{animation-duration:.55s}
.rbs-page .rc-rkt.rc-gone .rc-rkt-craft{visibility:hidden}

/* ---------- reduced motion (DESIGN §5 table) ---------- */
@media (prefers-reduced-motion:reduce){
  .rbs-page .rc-cover,.rbs-page .rc-cover:hover{transition:none;animation:none!important}
  .rbs-page .rc-ta .rc-pg,.rbs-page .rc-tb .rc-pg,
  .rbs-page .rc-launch,.rbs-page .rc-rkt-craft,.rbs-page .rc-rkt-flame{animation:none!important}
}

/* ---------- phone (≤760px site / ≤720px comic) ---------- */
@media (max-width:760px){
  .rbs-page .hero{padding:28px 20px 0}
  .rbs-page .h1{font-size:60px}
  .rbs-page .titlewrap{width:100%}
  .rbs-page .perks li{display:block;font-size:16px}
  .rbs-page .perks svg{display:inline-block;vertical-align:-4px;margin-right:8px;width:18px;height:18px}
  .rbs-page .grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:40px}
  .rbs-page .index{width:100%;max-width:300px;margin:0 auto;min-height:0;padding:0 0 10px}
  .rbs-page .index ol{justify-content:flex-start}
  .rbs-page .play{width:60px;height:60px}
  .rbs-page .break{margin-top:56px;padding:0 20px}
}
@media (max-width:720px){
  .rbs-page .rc-wrap{padding:44px 14px 56px}
  .rbs-page .rc-cover{width:100%}
  .rbs-page .rc-pages{min-height:0}
  .rbs-page .rc-strip{grid-template-columns:minmax(0,1fr);gap:14px}
  .rbs-page .rc-pg.rc-dshow{display:none}
  .rbs-page .rc-pg.rc-mshow{display:block}
  .rbs-page .rc-say{font-size:4cqw}
  .rbs-page .rc-count .rc-d{display:none}
  .rbs-page .rc-count .rc-m{display:inline}
  .rbs-page .rc-count{min-width:110px}
  .rbs-page .rc-bookhead{font-size:11px;letter-spacing:.14em}
}

/* Squared buttons (2026-10-06, canonical-button directive): 4px corners.
   This file loads LAST on its page, so the radius override lives here. */
.rbs-page .cta {
  border-radius: 4px;
}

/* ==================================================================
   FOUNDERS-STYLE HERO (2026-10-06, user directive: the hero should match
   styles with the founders page): earth-horizon header + scrim, light
   gradient heading, red wordmark bar retired. Heading copy: "The
   Revenue Blindspot". Full-bleed earth via the isolated ::before trick
   (the .hero block is width-capped; the image spans the viewport).
   ================================================================== */
.rbs-page .hero { position: relative; isolation: isolate; }
.rbs-page .hero::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: calc(50% - 50vw); right: calc(50% - 50vw);
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(10,19,36,.90) 0%, rgba(10,19,36,.78) 40%, rgba(9,16,30,.88) 68%, rgba(6,12,24,.97) 88%, rgba(6,12,24,1) 100%),
    #050b16 url('/website-v16/earth-horizon.webp') center 60% / cover no-repeat;
  pointer-events: none;
}
.rbs-page .titlewrap { width: 100%; }
.rbs-page .h1 {
  font-weight: 300;
  font-size: clamp(44px, 7vw, 96px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #F2F5F8;
  /* neutralize the .mark wordmark treatment (noise texture + white->red
     text-clip + transparent fill) - it beats plain color in WebKit */
  -webkit-text-fill-color: #F2F5F8;
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}
.rbs-page .bar { display: none; }

/* ------------------------------------------------------------------
   2026-10-06 (user directive): the 0¢ price tag moves from top right
   to bottom right of the cover (it crowded the title), and the speech
   bubbles get more air so the copy sits comfortably inside the rounded
   shape instead of hugging the edges.
   ------------------------------------------------------------------ */
.rbs-page .rc-cprice { top: auto; bottom: 5cqw; }
.rbs-page .rc-say { padding: 2.4cqw 3cqw; }
@media (min-width: 721px) {
  .rbs-page .rc-say { font-size: 3.3cqw; }
}
@media (max-width: 720px) {
  .rbs-page .rc-say { font-size: 3.7cqw; }
}

/* ==================================================================
   INDEX CARD (2026-10-06, user directive): the chapter list is short
   with a styled scrollbar on desktop; on mobile a dropdown replaces
   the list.
   ================================================================== */
.rbs-page .index { min-height: 0; max-height: 361px; } /* matches the video layer's height (16:9 of the grid column) */
.rbs-page .index ol {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: flex-start;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.25) transparent;
}
.rbs-page .index ol::-webkit-scrollbar { width: 8px; }
.rbs-page .index ol::-webkit-scrollbar-track { background: transparent; }
.rbs-page .index ol::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 999px; border: 2px solid #111726; }
.rbs-page .index ol::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.3); }
.rbs-page .ix-select { display: none; }
@media (max-width: 720px) {
  .rbs-page .index ol { display: none; }
  .rbs-page .ix-select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 6px;
    padding: 12px 40px 12px 14px;
    background-color: #0D1322;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    color: #E3E7EE;
    font-family: 'Geist','Helvetica Neue',Helvetica,sans-serif;
    font-size: 15px;
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.55) 50%), linear-gradient(135deg, rgba(255,255,255,.55) 50%, transparent 50%);
    background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
  }
}

/* ==================================================================
   ADVISOR ROUND (2026-10-06): (1) the global .hero::after bottom-fade
   (site.css height 42% + final.css !important gradient) applies to ANY
   .hero — on this page it painted OVER the CTA and perk lines, dimming
   them (the "weird overlay fade toward the bottom that should be behind
   everything"). Removed here: the ::before scrim already blends the
   hero into the comic section. (2) the chapter card's clipped bottom
   edge now fades out so the truncation reads as scrollable.
   ================================================================== */
.rbs-page .hero::after { content: none !important; }
.rbs-page .index ol {
  -webkit-mask-image: linear-gradient(180deg, #000 82%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 82%, transparent 100%);
}