/* ══════════════════════════════════════════════════════════════════════════
   /bitcoin-roulette-script — page-isolated stylesheet
   AISHTMLNEWDESIGN-414

   Visual direction: "PORCELAIN & COBALT — the Betting Grid".

   The three neighbouring pages in this repo are all dark-led with a warm
   metal accent: /bitcoin-casino-games-software-for-sale is amber on
   obsidian ("Obsidian Ledger"), /slot-machine-software-canada is maple
   crimson on polar indigo ("Northern Frost"), /roulette-game-development is
   brass on baize. This page deliberately inverts that: a PORCELAIN-led
   reading surface, cool PITCH graphite for structure rather than navy, a
   single COBALT signal accent for every action, and one ZERO-POCKET red
   reserved for the ordinal markers and the segmented rail.

   The composition motif is the BETTING TABLE, not the card grid: orthogonal
   cells with hairline gutters, asymmetric 5:7 splits (the 2:1 column bet),
   a segmented red/pitch "pocket rail" that opens the dark bands, and a
   twenty-one-cell wheel table as the page's signature block. No section is
   composed like the one before it.

   Every rule is scoped to #page-bitcoin-roulette-script, so this file can
   never touch the shared header/footer, which is owned by
   /assets/css/layout.css + /assets/js/site-layout.js.

   Design contract (docs/skills/frontend-design/SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, including labels and captions
     · rule 23 — no slate-gray body copy on light surfaces (#1e293b floor)
     · rule 24 — image-free full-bleed hero, static gradient, centred column
     · rule 25 — one CTA per section, every label unique page-wide
     · rule 26 — no running animation: zero @keyframes, zero 'infinite',
                 transitions only, each a finite response to hover/focus/click
   ══════════════════════════════════════════════════════════════════════════ */

/* The UA default is body{margin:8px}; layout.css does not reset it and every
   rule below is scoped inside the page wrapper, so without this the page,
   header and footer all carry an 8px white gutter. */
body{margin:0;}

#page-bitcoin-roulette-script{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --pitch:#14171c;           /* cool graphite ground (not navy)   */
  --pitch-2:#1c2128;         /* raised graphite surface           */
  --pitch-3:#333b46;         /* hairline on graphite              */
  --porcelain:#f7f5f1;       /* warm porcelain reading surface    */
  --porcelain-2:#efeae1;
  --paper:#ffffff;
  --line:#e3ded4;
  --line-2:#c8c1b4;
  --body:#1e293b;            /* AA on paper and porcelain         */
  --body-dark:#dde3ee;       /* AA on graphite                    */
  --strong:#14171c;
  --cobalt:#1d4ed8;          /* the single action colour          */
  --cobalt-deep:#1a44bd;
  --cobalt-bright:#7aa2ff;   /* cobalt that reads on graphite     */
  --cobalt-tint:#e9eefc;
  --pocket:#bb2f22;          /* zero-pocket red — markers only    */
  --pocket-bright:#ff6b57;

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --sec:clamp(58px,7vw,104px);
  --r:10px;

  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;
  line-height:1.65;
  color:var(--body);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums;
}

/* ── self-contained baseline: never inherit ambient globals ─────────────── */
#page-bitcoin-roulette-script *,
#page-bitcoin-roulette-script *::before,
#page-bitcoin-roulette-script *::after{box-sizing:border-box;}
#page-bitcoin-roulette-script h1,
#page-bitcoin-roulette-script h2,
#page-bitcoin-roulette-script h3,
#page-bitcoin-roulette-script h4,
#page-bitcoin-roulette-script p,
#page-bitcoin-roulette-script ul,
#page-bitcoin-roulette-script ol,
#page-bitcoin-roulette-script figure,
#page-bitcoin-roulette-script blockquote{margin:0;}
#page-bitcoin-roulette-script ul,
#page-bitcoin-roulette-script ol{list-style:none;padding:0;}
#page-bitcoin-roulette-script img{max-width:100%;height:auto;display:block;}
#page-bitcoin-roulette-script h1,
#page-bitcoin-roulette-script h2,
#page-bitcoin-roulette-script h3,
#page-bitcoin-roulette-script h4{
  color:var(--strong);font-weight:800;letter-spacing:-.02em;line-height:1.16;
}
#page-bitcoin-roulette-script :focus-visible{
  outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px;
}

/* ── layout primitives ──────────────────────────────────────────────────── */
#page-bitcoin-roulette-script .brs-wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
}
#page-bitcoin-roulette-script .brs-sec{padding-block:var(--sec);}
#page-bitcoin-roulette-script .brs-sec--paper{background:var(--paper);}
#page-bitcoin-roulette-script .brs-sec--porcelain{background:var(--porcelain);}
#page-bitcoin-roulette-script .brs-sec--pitch{
  background:var(--pitch);color:var(--body-dark);
}
#page-bitcoin-roulette-script .brs-sec--pitch h2,
#page-bitcoin-roulette-script .brs-sec--pitch h3,
#page-bitcoin-roulette-script .brs-sec--pitch h4{color:#fff;}

/* the pocket rail — the wheel unrolled into alternating pockets. A STATIC
   repeating gradient: no animation, no moving background-position. */
#page-bitcoin-roulette-script .brs-railtop{position:relative;}
#page-bitcoin-roulette-script .brs-railtop::before{
  content:"";position:absolute;top:0;left:0;right:0;height:7px;
  background:repeating-linear-gradient(90deg,
      var(--pocket) 0 26px, var(--pitch-3) 26px 52px);
}

/* ── type scale ─────────────────────────────────────────────────────────── */
#page-bitcoin-roulette-script .brs-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:16px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--cobalt);margin:0 0 16px;
}
#page-bitcoin-roulette-script .brs-eyebrow::before{
  content:"";width:12px;height:12px;flex:none;
  background:var(--pocket);transform:rotate(45deg);
}
#page-bitcoin-roulette-script .brs-eyebrow--center{justify-content:center;}
#page-bitcoin-roulette-script .brs-sec--pitch .brs-eyebrow{color:var(--cobalt-bright);}
#page-bitcoin-roulette-script .brs-sec--pitch .brs-eyebrow::before{background:var(--pocket-bright);}

#page-bitcoin-roulette-script .brs-h2{font-size:clamp(31px,3.9vw,49px);max-width:20ch;}
#page-bitcoin-roulette-script .brs-h2--wide{max-width:30ch;}
#page-bitcoin-roulette-script .brs-h3{font-size:clamp(24px,2.5vw,34px);}
#page-bitcoin-roulette-script .brs-h4{font-size:clamp(21px,2vw,27px);}
#page-bitcoin-roulette-script .brs-lede{
  font-size:clamp(18px,1.7vw,21px);line-height:1.6;color:var(--body);max-width:62ch;
}
#page-bitcoin-roulette-script .brs-sec--pitch .brs-lede{color:var(--body-dark);}
#page-bitcoin-roulette-script .brs-copy p{font-size:17px;color:var(--body);max-width:74ch;}
#page-bitcoin-roulette-script .brs-sec--pitch .brs-copy p{color:var(--body-dark);}
#page-bitcoin-roulette-script .brs-copy p + p{margin-top:18px;}

/* inline body link — where a section needs a second destination it is a text
   link inside the copy, never a second button (rule 13) */
#page-bitcoin-roulette-script .brs-ilink{
  color:var(--cobalt);font-weight:700;
  border-bottom:2px solid rgba(29,78,216,.32);
  transition:color .18s ease,border-color .18s ease;
}
#page-bitcoin-roulette-script .brs-ilink:hover,
#page-bitcoin-roulette-script .brs-ilink:focus-visible{
  color:var(--pocket);border-color:var(--pocket);
}
/* the same inline link where it has to sit on graphite — cobalt at #1d4ed8 is
   unreadable on the pitch band, so the bright cobalt takes over there */
#page-bitcoin-roulette-script .brs-sec--pitch .brs-ilink,
#page-bitcoin-roulette-script .brs-ilink--pitch{
  color:var(--cobalt-bright);border-bottom-color:rgba(122,162,255,.42);
}
#page-bitcoin-roulette-script .brs-sec--pitch .brs-ilink:hover,
#page-bitcoin-roulette-script .brs-sec--pitch .brs-ilink:focus-visible,
#page-bitcoin-roulette-script .brs-ilink--pitch:hover,
#page-bitcoin-roulette-script .brs-ilink--pitch:focus-visible{
  color:var(--pocket-bright);border-color:var(--pocket-bright);
}
/* the hire band's second destination sits beside its button, not under it */
#page-bitcoin-roulette-script .brs-cta-row .brs-ilink--pitch{
  display:inline-block;margin-left:clamp(18px,2vw,28px);font-size:17px;
  vertical-align:middle;
}

/* the ordinal pocket marker — a chip off the wheel, red or black */
#page-bitcoin-roulette-script .brs-pocket{
  display:inline-flex;align-items:center;justify-content:center;
  width:54px;height:54px;flex:none;border-radius:50% 50% 50% 6px;
  font-size:19px;font-weight:800;letter-spacing:.02em;color:#fff;
}
#page-bitcoin-roulette-script .brs-pocket--red{background:var(--pocket);}
#page-bitcoin-roulette-script .brs-pocket--dark{
  background:var(--pitch-2);border:2px solid var(--pitch-3);color:#fff;
}

/* ── buttons ────────────────────────────────────────────────────────────── */
#page-bitcoin-roulette-script .brs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 30px;border:2px solid transparent;border-radius:6px;
  font:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;text-align:center;
  transition:transform .16s ease,background-color .18s ease,color .18s ease,
             border-color .18s ease,box-shadow .18s ease;
}
#page-bitcoin-roulette-script .brs-btn--cobalt{
  background:var(--cobalt);color:#fff;border-color:var(--cobalt);
  box-shadow:0 14px 30px -16px rgba(29,78,216,.85);
}
#page-bitcoin-roulette-script .brs-btn--cobalt:hover{
  background:var(--cobalt-deep);border-color:var(--cobalt-deep);transform:translateY(-2px);
}
#page-bitcoin-roulette-script .brs-btn--cobalt:active{transform:translateY(0);}
#page-bitcoin-roulette-script .brs-btn--pitch{
  background:var(--pitch);color:#fff;border-color:var(--pitch);
}
#page-bitcoin-roulette-script .brs-btn--pitch:hover{
  background:var(--cobalt);border-color:var(--cobalt);transform:translateY(-2px);
}
#page-bitcoin-roulette-script .brs-btn--pitch:active{transform:translateY(0);}
#page-bitcoin-roulette-script .brs-btn--white{
  background:#fff;color:var(--pitch);border-color:#fff;
  box-shadow:0 16px 34px -18px rgba(0,0,0,.8);
}
#page-bitcoin-roulette-script .brs-btn--white:hover{
  background:var(--cobalt);border-color:var(--cobalt);color:#fff;transform:translateY(-2px);
}
#page-bitcoin-roulette-script .brs-btn--white:active{transform:translateY(0);}
#page-bitcoin-roulette-script .brs-btn--ghost{
  background:transparent;color:#fff;border-color:var(--pitch-3);
}
#page-bitcoin-roulette-script .brs-btn--ghost:hover{
  border-color:var(--cobalt-bright);color:var(--cobalt-bright);transform:translateY(-2px);
}
#page-bitcoin-roulette-script .brs-btn--ghost:active{transform:translateY(0);}
#page-bitcoin-roulette-script .brs-btn:disabled{
  opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;
}
#page-bitcoin-roulette-script .brs-cta-row{margin-top:clamp(26px,3vw,38px);}
#page-bitcoin-roulette-script .brs-cta-row--center{text-align:center;}

/* ══ HERO — rule 24: full-bleed, static gradient, no media, one CTA ═══════ */
#page-bitcoin-roulette-script .brs-hero{
  width:100%;
  padding:clamp(66px,8vw,124px) 24px clamp(56px,6.5vw,94px);
  background:
    radial-gradient(880px 400px at 50% -10%,rgba(29,78,216,.30),transparent 64%),
    radial-gradient(620px 320px at 88% 110%,rgba(187,47,34,.16),transparent 68%),
    linear-gradient(176deg,#171b22 0%,#14171c 56%,#101318 100%);
  color:var(--body-dark);
  text-align:center;
  position:relative;
}
/* the pocket rail closing the hero — a STATIC repeating gradient strip, not a
   background image and not animated (rule 24 / rule 26) */
#page-bitcoin-roulette-script .brs-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:7px;
  background:repeating-linear-gradient(90deg,
      var(--pocket) 0 26px, var(--pitch-3) 26px 52px);
}
#page-bitcoin-roulette-script .brs-hero__inner{max-width:900px;margin-inline:auto;}
#page-bitcoin-roulette-script .brs-hero__tag{
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 18px;border:1px solid rgba(122,162,255,.45);border-radius:4px;
  background:rgba(29,78,216,.16);
  font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--cobalt-bright);
}
#page-bitcoin-roulette-script .brs-hero__tag b{font-weight:800;color:#fff;letter-spacing:.06em;}
#page-bitcoin-roulette-script .brs-hero h1{
  margin-top:clamp(22px,2.6vw,30px);
  font-size:clamp(37px,5vw,66px);line-height:1.07;color:#fff;letter-spacing:-.03em;
}
#page-bitcoin-roulette-script .brs-hero h1 em{font-style:normal;color:var(--cobalt-bright);}
#page-bitcoin-roulette-script .brs-hero__copy{
  margin-top:clamp(20px,2.4vw,28px);
  font-size:clamp(17px,1.5vw,19px);line-height:1.68;color:var(--body-dark);
  max-width:76ch;margin-inline:auto;
}
#page-bitcoin-roulette-script .brs-hero .brs-btn{margin-top:clamp(28px,3.2vw,40px);}
#page-bitcoin-roulette-script .brs-hero__facts{
  margin-top:clamp(34px,4vw,52px);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,26px);text-align:left;
  border-top:1px solid var(--pitch-3);padding-top:clamp(24px,3vw,32px);
}
#page-bitcoin-roulette-script .brs-hero__facts div{
  padding-top:14px;border-top:3px solid var(--cobalt-bright);
}
#page-bitcoin-roulette-script .brs-hero__facts div:nth-child(2){border-top-color:var(--pocket-bright);}
#page-bitcoin-roulette-script .brs-hero__facts b{display:block;font-size:17px;font-weight:800;color:#fff;}
#page-bitcoin-roulette-script .brs-hero__facts span{
  display:block;margin-top:5px;font-size:16px;color:var(--body-dark);line-height:1.5;
}

/* ══ breadcrumb strip ════════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-crumbbar{
  background:var(--pitch-2);border-bottom:1px solid var(--pitch-3);
}
#page-bitcoin-roulette-script .brs-crumb{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-block:15px;font-size:16px;color:var(--body-dark);
}
/* the shared arrow + pin icons ship as dark indigo (#393185 / #303094); they
   are recoloured here so they read on this page's graphite / porcelain grounds */
#page-bitcoin-roulette-script .brs-crumb img{
  width:16px;height:16px;filter:brightness(0) invert(1);opacity:.75;
}
#page-bitcoin-roulette-script .brs-crumb a{
  color:var(--cobalt-bright);font-weight:700;
  display:inline-flex;align-items:center;min-height:44px;
}
#page-bitcoin-roulette-script .brs-crumb a:hover{text-decoration:underline;}
#page-bitcoin-roulette-script .brs-crumb [aria-current]{color:#fff;font-weight:600;}

/* ══ opening argument — heading column against a wide reading column ═════ */
#page-bitcoin-roulette-script .brs-open{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(26px,4vw,64px);align-items:start;
}
#page-bitcoin-roulette-script .brs-open__head{
  border-left:4px solid var(--pocket);padding-left:clamp(18px,2vw,26px);
}
#page-bitcoin-roulette-script .brs-open__body p{font-size:clamp(17px,1.5vw,19px);max-width:66ch;}

/* ══ chapters — three consecutive blocks, each composed differently ══════ */
#page-bitcoin-roulette-script .brs-chapter__grid{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(26px,4vw,64px);align-items:start;
}
#page-bitcoin-roulette-script .brs-chapter__side{
  display:grid;gap:20px;justify-items:start;
  border-top:2px solid var(--line-2);padding-top:22px;
}
#page-bitcoin-roulette-script .brs-chapter--set .brs-sethead{
  display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;
  max-width:900px;margin-inline:auto;margin-bottom:clamp(30px,3.6vw,48px);
}
#page-bitcoin-roulette-script .brs-columns{
  columns:2;column-gap:clamp(28px,4vw,64px);
  column-rule:1px solid var(--pitch-3);
}
#page-bitcoin-roulette-script .brs-columns p{max-width:none;break-inside:avoid;}
#page-bitcoin-roulette-script .brs-columns p + p{margin-top:18px;}

/* the table-cell panel: a bordered cell opened by the pocket rail */
#page-bitcoin-roulette-script .brs-panel{
  background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);
  overflow:hidden;box-shadow:0 26px 60px -46px rgba(20,23,28,.7);
}
#page-bitcoin-roulette-script .brs-panel__rail{
  height:7px;
  background:repeating-linear-gradient(90deg,
      var(--pocket) 0 26px, var(--pitch) 26px 52px);
}
#page-bitcoin-roulette-script .brs-panel__inner{padding:clamp(24px,3.4vw,52px);}
#page-bitcoin-roulette-script .brs-panel__head{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  margin-bottom:clamp(20px,2.4vw,28px);
}
#page-bitcoin-roulette-script .brs-panel__head h2{max-width:24ch;}

/* ══ section headers ════════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-head{margin-bottom:clamp(32px,4.2vw,56px);}
#page-bitcoin-roulette-script .brs-head--split{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(22px,3.4vw,56px);align-items:end;
}
#page-bitcoin-roulette-script .brs-head--center{text-align:center;}
#page-bitcoin-roulette-script .brs-head--center .brs-h2{margin-inline:auto;}

/* ══ the wheel table — the page's signature block ════════════════════════ */
#page-bitcoin-roulette-script .brs-table{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  gap:1px;background:var(--pitch-3);
  border:1px solid var(--pitch-3);border-radius:var(--r);overflow:hidden;
}
#page-bitcoin-roulette-script .brs-table > li{
  background:var(--pitch-2);padding:clamp(14px,1.6vw,20px);
  display:flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,box-shadow .18s ease;
}
#page-bitcoin-roulette-script .brs-table > li:hover{
  background:#232a34;box-shadow:inset 0 0 0 2px var(--cobalt-bright);
}
#page-bitcoin-roulette-script .brs-table img{
  width:100%;max-width:206px;aspect-ratio:206/112;object-fit:contain;border-radius:4px;
}

/* ══ collaborate band — real <img> backdrop so its alt survives ══════════ */
#page-bitcoin-roulette-script .brs-collab{
  position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(64px,8vw,116px);
  background:var(--pitch);text-align:center;color:#fff;
}
#page-bitcoin-roulette-script .brs-collab__bg{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;
}
#page-bitcoin-roulette-script .brs-collab__scrim{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(20,23,28,.93) 0%,rgba(20,23,28,.84) 55%,rgba(20,23,28,.92) 100%);
}
#page-bitcoin-roulette-script .brs-collab__inner .brs-h2{
  margin-inline:auto;color:#fff;max-width:24ch;
}
#page-bitcoin-roulette-script .brs-collab__sub{
  margin-top:16px;font-size:clamp(18px,1.8vw,22px);font-weight:600;color:#fff;
}
#page-bitcoin-roulette-script .brs-collab .brs-btn{margin-top:clamp(26px,3vw,38px);}

/* ══ specification cells ════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-spec{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:var(--line-2);
  border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;
}
#page-bitcoin-roulette-script .brs-spec__cell{
  background:var(--paper);padding:clamp(24px,3vw,42px);
  border-top:4px solid var(--cobalt);
}
#page-bitcoin-roulette-script .brs-spec__cell:nth-child(2){border-top-color:var(--pocket);}
#page-bitcoin-roulette-script .brs-spec__cell h3{
  font-size:clamp(21px,2.1vw,27px);margin-bottom:16px;
}
#page-bitcoin-roulette-script .brs-spec__cell p{font-size:17px;color:var(--body);}

/* ══ boost — product art beside a two-column checklist ══════════════════ */
#page-bitcoin-roulette-script .brs-boost{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(28px,4vw,68px);align-items:start;
}
/* The CMS art is small (500-696px intrinsic). The frame shrink-wraps it so the
   bitmap is never upscaled past its natural size and stays crisp. */
#page-bitcoin-roulette-script .brs-frame{
  position:relative;padding:12px;
  width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;
}
#page-bitcoin-roulette-script .brs-frame::before{
  content:"";position:absolute;inset:24px 0 0 24px;
  border:2px solid var(--cobalt);border-radius:var(--r);
}
#page-bitcoin-roulette-script .brs-frame img{
  position:relative;width:auto;max-width:100%;border-radius:var(--r);
  border:1px solid var(--line-2);
  box-shadow:0 30px 60px -36px rgba(20,23,28,.6);
}
#page-bitcoin-roulette-script .brs-frame--dark::before{border-color:var(--pocket-bright);}
#page-bitcoin-roulette-script .brs-frame--dark img{
  border-color:var(--pitch-3);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);
}
#page-bitcoin-roulette-script .brs-checks{
  margin-top:clamp(22px,2.6vw,32px);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px clamp(20px,2.4vw,34px);
}
#page-bitcoin-roulette-script .brs-checks li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:17px;color:var(--body);line-height:1.45;
  border-bottom:1px solid var(--line);padding-bottom:11px;
}
#page-bitcoin-roulette-script .brs-checks img{width:20px;height:20px;flex:none;margin-top:2px;}
/* each offering carries its own destination — the row reads as text until it is
   pointed at, so the checklist keeps its list rhythm instead of turning blue */
#page-bitcoin-roulette-script .brs-checks__link{
  color:var(--body);
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
#page-bitcoin-roulette-script .brs-checks__link:hover,
#page-bitcoin-roulette-script .brs-checks__link:focus-visible{
  color:var(--cobalt);border-bottom-color:var(--cobalt);
}
#page-bitcoin-roulette-script .brs-checks li:has(.brs-checks__link:hover) img,
#page-bitcoin-roulette-script .brs-checks li:has(.brs-checks__link:focus-visible) img{
  opacity:.75;
}

/* ══ hire band ══════════════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-hire{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(28px,4vw,68px);align-items:center;
}
#page-bitcoin-roulette-script .brs-hire .brs-lede{margin-top:20px;}

/* ══ broadsheet — three text columns, no cards ══════════════════════════ */
#page-bitcoin-roulette-script .brs-broadsheet{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,48px);
  border-top:2px solid var(--pitch);padding-top:clamp(24px,3vw,36px);
}
#page-bitcoin-roulette-script .brs-broadsheet p{
  max-width:none;font-size:17px;
  padding-left:clamp(18px,2vw,26px);border-left:1px solid var(--line-2);
}
#page-bitcoin-roulette-script .brs-broadsheet p:first-child{padding-left:0;border-left:0;}

/* ══ FAQ accordion — motion is user-initiated (rule 26) ═════════════════ */
#page-bitcoin-roulette-script .brs-faq{
  display:grid;gap:10px;max-width:1000px;margin-inline:auto;
}
#page-bitcoin-roulette-script .brs-faq details{
  border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);
  transition:border-color .18s ease,box-shadow .18s ease;
}
#page-bitcoin-roulette-script .brs-faq details[open]{
  border-color:var(--cobalt);box-shadow:0 16px 34px -28px rgba(20,23,28,.7);
}
#page-bitcoin-roulette-script .brs-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(18px,2vw,24px);cursor:pointer;list-style:none;
}
#page-bitcoin-roulette-script .brs-faq summary::-webkit-details-marker{display:none;}
#page-bitcoin-roulette-script .brs-faq__q{
  font-size:clamp(17px,1.7vw,20px);font-weight:700;line-height:1.4;letter-spacing:-.01em;
}
#page-bitcoin-roulette-script .brs-faq summary:hover .brs-faq__q{color:var(--cobalt);}
#page-bitcoin-roulette-script .brs-faq summary i{
  flex:none;width:34px;height:34px;border-radius:6px;
  border:1px solid var(--line-2);position:relative;
  transition:background-color .18s ease,border-color .18s ease;
}
#page-bitcoin-roulette-script .brs-faq summary i::before,
#page-bitcoin-roulette-script .brs-faq summary i::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--pitch);
  transform:translate(-50%,-50%);transition:opacity .18s ease,background-color .18s ease;
}
#page-bitcoin-roulette-script .brs-faq summary i::before{width:14px;height:2px;}
#page-bitcoin-roulette-script .brs-faq summary i::after{width:2px;height:14px;}
#page-bitcoin-roulette-script .brs-faq details[open] summary i{
  background:var(--cobalt);border-color:var(--cobalt);
}
#page-bitcoin-roulette-script .brs-faq details[open] summary i::before{background:#fff;}
#page-bitcoin-roulette-script .brs-faq details[open] summary i::after{opacity:0;}
#page-bitcoin-roulette-script .brs-faq__a{
  padding:0 clamp(18px,2vw,24px) clamp(20px,2.2vw,26px);
}
#page-bitcoin-roulette-script .brs-faq__a p{font-size:17px;color:var(--body);}

/* ══ customer stories ═══════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-stories{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
}
#page-bitcoin-roulette-script .brs-story{
  background:var(--pitch-2);border:1px solid var(--pitch-3);border-radius:var(--r);
  padding:clamp(18px,2vw,24px);
}
#page-bitcoin-roulette-script .brs-vid{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:#0c0f13;border-radius:6px;overflow:hidden;
}
#page-bitcoin-roulette-script .brs-vid img{width:100%;aspect-ratio:4/3;object-fit:cover;}
#page-bitcoin-roulette-script .brs-vid span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
#page-bitcoin-roulette-script .brs-vid span i{
  width:62px;height:62px;border-radius:50%;background:var(--cobalt);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.85);
  transition:background-color .18s ease,transform .18s ease;
}
#page-bitcoin-roulette-script .brs-vid:hover span i{
  background:#fff;color:var(--pitch);transform:scale(1.07);
}
#page-bitcoin-roulette-script .brs-story iframe{
  width:100%;aspect-ratio:4/3;border:0;border-radius:6px;display:block;
}
#page-bitcoin-roulette-script .brs-story blockquote p{
  font-size:17px;color:var(--body-dark);margin-top:18px;
}
#page-bitcoin-roulette-script .brs-story cite{
  display:block;margin-top:14px;font-style:normal;font-weight:800;color:#fff;font-size:17px;
}

/* ══ catalogue index — set as a printed index, not a link grid ══════════ */
#page-bitcoin-roulette-script .brs-index{
  columns:3;column-gap:clamp(24px,3vw,48px);
  border-top:2px solid var(--pitch);padding-top:clamp(22px,2.6vw,32px);
}
#page-bitcoin-roulette-script .brs-index li{
  break-inside:avoid;font-size:16px;color:var(--body);line-height:1.45;
  padding:9px 0 9px 20px;position:relative;border-bottom:1px solid var(--line);
}
#page-bitcoin-roulette-script .brs-index li::before{
  content:"";position:absolute;left:0;top:16px;
  width:8px;height:8px;background:var(--cobalt);transform:rotate(45deg);
}
#page-bitcoin-roulette-script .brs-index li:nth-child(3n)::before{background:var(--pocket);}
/* index entries are links; the printed-index look is kept and the cobalt only
   appears on hover/focus, with the marker sliding one pixel into the gutter */
#page-bitcoin-roulette-script .brs-index a{
  display:block;color:var(--body);
  transition:color .18s ease,transform .18s ease;
}
#page-bitcoin-roulette-script .brs-index a:hover,
#page-bitcoin-roulette-script .brs-index a:focus-visible{
  color:var(--cobalt);transform:translateX(3px);
}
#page-bitcoin-roulette-script .brs-index li:has(a:hover),
#page-bitcoin-roulette-script .brs-index li:has(a:focus-visible){
  border-bottom-color:var(--line-2);
}

/* ══ contact form ═══════════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-start{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(28px,4vw,64px);align-items:start;
}
#page-bitcoin-roulette-script .brs-start__aside{
  border-top:4px solid var(--pocket);padding-top:clamp(20px,2.4vw,28px);
}
#page-bitcoin-roulette-script .brs-start__note{
  margin-top:16px;font-size:17px;color:var(--body);max-width:40ch;
}
#page-bitcoin-roulette-script .brs-start__lines{margin-top:18px;display:flex;flex-direction:column;gap:2px;}
#page-bitcoin-roulette-script .brs-start__lines a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:17px;font-weight:700;color:var(--cobalt);
}
#page-bitcoin-roulette-script .brs-start__lines a:hover{color:var(--pocket);text-decoration:underline;}

#page-bitcoin-roulette-script .brs-form{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,22px);
  background:var(--porcelain);border:1px solid var(--line-2);border-radius:var(--r);
  padding:clamp(22px,3vw,40px);
}
#page-bitcoin-roulette-script .brs-field{display:flex;flex-direction:column;gap:8px;}
#page-bitcoin-roulette-script .brs-field--wide{grid-column:1 / -1;}
#page-bitcoin-roulette-script .brs-form label{
  font-size:16px;font-weight:700;color:var(--body);
}
#page-bitcoin-roulette-script .brs-form label span{color:var(--pocket);}
#page-bitcoin-roulette-script .brs-form input[type="text"],
#page-bitcoin-roulette-script .brs-form input[type="email"],
#page-bitcoin-roulette-script .brs-form input[type="tel"],
#page-bitcoin-roulette-script .brs-form select,
#page-bitcoin-roulette-script .brs-form textarea{
  font:inherit;font-size:17px;color:var(--body);
  min-height:52px;padding:13px 15px;
  background:var(--paper);border:1px solid var(--line-2);border-radius:6px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#page-bitcoin-roulette-script .brs-form textarea{min-height:130px;resize:vertical;}
#page-bitcoin-roulette-script .brs-form input:focus,
#page-bitcoin-roulette-script .brs-form select:focus,
#page-bitcoin-roulette-script .brs-form textarea:focus{
  outline:none;border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(29,78,216,.22);
}
#page-bitcoin-roulette-script .brs-form .is-invalid{
  border-color:var(--pocket);box-shadow:0 0 0 3px rgba(187,47,34,.18);
}
#page-bitcoin-roulette-script .brs-err{font-size:16px;font-weight:600;color:#9c2418;}
#page-bitcoin-roulette-script .brs-check{
  flex-direction:row;align-items:center;gap:12px;min-height:44px;
}
#page-bitcoin-roulette-script .brs-check input{
  width:24px;height:24px;flex:none;accent-color:var(--cobalt);cursor:pointer;
}
#page-bitcoin-roulette-script .brs-check label{
  display:inline-flex;align-items:center;min-height:44px;cursor:pointer;
}
#page-bitcoin-roulette-script .brs-consent{font-size:16px;color:var(--body);}
#page-bitcoin-roulette-script .brs-ok{
  font-size:17px;font-weight:600;color:#0b5d3b;
  background:#e6f5ee;border:1px solid #b8ddcb;border-radius:6px;padding:14px 16px;
}

/* ══ area we serve ══════════════════════════════════════════════════════ */
#page-bitcoin-roulette-script .brs-regions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);
}
#page-bitcoin-roulette-script .brs-region{border-top:3px solid var(--pitch);padding-top:20px;}
#page-bitcoin-roulette-script .brs-region:nth-child(2){border-top-color:var(--pocket);}
#page-bitcoin-roulette-script .brs-region:nth-child(4){border-top-color:var(--cobalt);}
#page-bitcoin-roulette-script .brs-region h3{
  display:flex;align-items:center;gap:9px;
  font-size:17px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px;
}
#page-bitcoin-roulette-script .brs-region h3 img{width:14px;height:20px;filter:brightness(0);opacity:.85;}
#page-bitcoin-roulette-script .brs-region a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:18px;font-weight:800;color:var(--cobalt);margin-bottom:4px;
}
#page-bitcoin-roulette-script .brs-region a:hover{color:var(--pocket);text-decoration:underline;}
#page-bitcoin-roulette-script .brs-region p{font-size:16px;color:var(--body);}

/* ══ CTA modal — opens only on a click (rule 26) ════════════════════════ */
#page-bitcoin-roulette-script .brs-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:flex-start;justify-content:center;
  padding:clamp(16px,4vw,48px);overflow-y:auto;
  background:rgba(10,12,16,.84);
}
#page-bitcoin-roulette-script .brs-modal.is-open{display:flex;}
#page-bitcoin-roulette-script .brs-modal__box{
  position:relative;width:100%;max-width:620px;background:#fff;border-radius:14px;
  padding:56px 18px 18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
#page-bitcoin-roulette-script .brs-modal__x{
  position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;
  background:var(--porcelain);border:1px solid var(--line-2);color:var(--pitch);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-bitcoin-roulette-script .brs-modal__x:hover{
  background:var(--cobalt);color:#fff;border-color:var(--cobalt);
}
#page-bitcoin-roulette-script .brs-modal iframe{
  width:100%;min-height:860px;border:0;display:block;border-radius:8px;
}

/* ══ responsive ═════════════════════════════════════════════════════════ */
@media (max-width:1180px){
  #page-bitcoin-roulette-script .brs-table{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (max-width:1080px){
  #page-bitcoin-roulette-script .brs-index{columns:2;}
  #page-bitcoin-roulette-script .brs-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-bitcoin-roulette-script .brs-stories{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-bitcoin-roulette-script .brs-broadsheet{grid-template-columns:minmax(0,1fr);}
  #page-bitcoin-roulette-script .brs-broadsheet p{padding-left:0;border-left:0;}
  #page-bitcoin-roulette-script .brs-broadsheet p + p{
    margin-top:20px;padding-top:20px;border-top:1px solid var(--line-2);
  }
}
@media (max-width:900px){
  #page-bitcoin-roulette-script .brs-open,
  #page-bitcoin-roulette-script .brs-chapter__grid,
  #page-bitcoin-roulette-script .brs-boost,
  #page-bitcoin-roulette-script .brs-hire,
  #page-bitcoin-roulette-script .brs-start,
  #page-bitcoin-roulette-script .brs-head--split{grid-template-columns:minmax(0,1fr);}
  #page-bitcoin-roulette-script .brs-hire > figure{order:-1;}
  #page-bitcoin-roulette-script .brs-columns{columns:1;}
  #page-bitcoin-roulette-script .brs-spec{grid-template-columns:minmax(0,1fr);}
  #page-bitcoin-roulette-script .brs-table{grid-template-columns:repeat(4,minmax(0,1fr));}
  #page-bitcoin-roulette-script .brs-hero__facts{grid-template-columns:minmax(0,1fr);gap:16px;}
  #page-bitcoin-roulette-script .brs-h2,
  #page-bitcoin-roulette-script .brs-h2--wide{max-width:none;}
}
@media (max-width:680px){
  #page-bitcoin-roulette-script .brs-table{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-bitcoin-roulette-script .brs-index{columns:1;}
  #page-bitcoin-roulette-script .brs-checks,
  #page-bitcoin-roulette-script .brs-form{grid-template-columns:minmax(0,1fr);}
  #page-bitcoin-roulette-script .brs-stories,
  #page-bitcoin-roulette-script .brs-regions{grid-template-columns:minmax(0,1fr);}
  #page-bitcoin-roulette-script .brs-btn{width:100%;}
  /* the button goes full width here, so the second destination drops onto its
     own line and must align with the button's left edge, not indent from it */
  #page-bitcoin-roulette-script .brs-cta-row .brs-ilink--pitch{
    display:block;margin-left:0;margin-top:18px;
  }
  #page-bitcoin-roulette-script .brs-frame::before{inset:16px 0 0 16px;}
  #page-bitcoin-roulette-script .brs-modal iframe{min-height:900px;}
}

/* rule 26 — reduced-motion reset for the finite transitions that remain */
@media (prefers-reduced-motion:reduce){
  #page-bitcoin-roulette-script *,
  #page-bitcoin-roulette-script *::before,
  #page-bitcoin-roulette-script *::after{
    animation:none!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}