/* /roulette-software — AISHTMLNEWDESIGN-388
   Page-owned styles. EVERY selector is scoped to #page-roulette-software or a
   rs- prefixed class: this sheet must never style body, a bare
   element, #ais-header or #ais-footer. The document reset
   (html,body{margin:0}) is owned by the shared layout sheet.
   Font is Inter; no body/UI text below 16px.

   VISUAL DIRECTION — "THE SINGLE ZERO".
   A roulette wheel is an index system before it is a spectacle: alternating red
   and black pockets, and one green zero that is the only pocket belonging to the
   house. Three materials only:
     BONE    (#f4f1ea / #ffffff) — the ground, carries all long-form reading
     LACQUER (#12100e)           — punctuation bands, used sparingly
     ZERO    (#0b6b41)           — the single action colour; every CTA, nothing else
   Red and black are INDEX MARKS ONLY — they never appear as a surface, only as
   hairline accents (the FAQ "Ans." mark and the region card top rules). The
   numbered pocket-index pills were removed on request; the motif is now the
   ball-track hairline alone.
   Rule 26: zero @keyframes in this file; motion is transition-only, on user action. */

#page-roulette-software{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --bone:#f4f1ea;
  --bone-2:#eae4d8;
  --paper:#ffffff;
  --line:#ded6c6;
  --line-strong:#c7bca6;

  --lacquer:#12100e;          /* punctuation bands */
  --lacquer-2:#1d1a16;
  --lacquer-3:#3a342c;

  --body:#2b2723;             /* AA on bone and paper */
  --body-dark:#e3ddd2;        /* AA on lacquer */
  --strong:#14110f;

  --zero:#0b6b41;             /* the one signal */
  --zero-deep:#075232;        /* the signal that passes AA on light */
  --zero-soft:#7fd6a8;        /* the signal on lacquer */
  --zero-tint:#e6f4ec;

  /* wheel pockets — index marks only, never surfaces */
  --pk-red:#b3282d;
  --pk-black:#1a1613;

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --r:14px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--body);
  background:var(--bone);
  -webkit-font-smoothing:antialiased;
  font-size:17px;
  line-height:1.72;
  display:block;
}

#page-roulette-software *,
#page-roulette-software *::before,
#page-roulette-software *::after{box-sizing:border-box;}
#page-roulette-software p{margin:0 0 18px;font-size:17px;line-height:1.78;}
#page-roulette-software p:last-child{margin-bottom:0;}
#page-roulette-software ul,
#page-roulette-software ol{margin:0;padding:0;list-style:none;}
#page-roulette-software img{max-width:100%;height:auto;display:block;}
#page-roulette-software h1,
#page-roulette-software h2,
#page-roulette-software h3,
#page-roulette-software h4,
#page-roulette-software h5{
  margin:0;color:var(--strong);font-weight:800;letter-spacing:-.015em;line-height:1.2;
}
#page-roulette-software .rs-wrap{
  max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
}

/* ── section shells ─────────────────────────────────────────────────────── */
#page-roulette-software .rs-sec{padding:clamp(56px,7vw,104px) 0;}
#page-roulette-software .rs-sec--paper{background:var(--paper);}
#page-roulette-software .rs-sec--bone{
  background:var(--bone);
  border-block:1px solid var(--line);
}
#page-roulette-software .rs-head{margin-bottom:clamp(28px,3.4vw,46px);}
#page-roulette-software .rs-head--centre{text-align:center;}
#page-roulette-software .rs-head--centre .rs-eyebrow{justify-content:center;}
#page-roulette-software .rs-eyebrow{
  display:flex;align-items:center;
  margin:0 0 14px;
  font-size:16px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
  color:var(--lacquer-3);
}
#page-roulette-software .rs-eyebrow--light{color:var(--zero-soft);}
#page-roulette-software .rs-h2{
  font-size:clamp(30px,3.5vw,48px);max-width:24ch;
}
#page-roulette-software .rs-head--centre .rs-h2{margin-inline:auto;max-width:26ch;}
#page-roulette-software .rs-h2--light{color:#fff;}
#page-roulette-software .rs-h3{font-size:clamp(21px,2vw,27px);}
#page-roulette-software .rs-h4{font-size:clamp(19px,1.7vw,23px);}
#page-roulette-software .rs-h4--light{color:#fff;}
#page-roulette-software .rs-h5{font-size:18px;}

/* ── links and buttons ──────────────────────────────────────────────────── */
#page-roulette-software .rs-link{
  color:var(--zero-deep);font-weight:600;
  border-bottom:1px solid rgba(7,82,50,.34);
  transition:border-color .18s ease,color .18s ease;
}
#page-roulette-software .rs-link:hover{border-bottom-color:var(--zero-deep);}
#page-roulette-software .rs-link--light{
  color:var(--zero-soft);border-bottom-color:rgba(127,214,168,.4);
}
#page-roulette-software .rs-link--light:hover{border-bottom-color:var(--zero-soft);}

#page-roulette-software .rs-cta-row{margin-top:clamp(28px,3vw,42px);}
#page-roulette-software .rs-cta-row--centre{text-align:center;}
#page-roulette-software .rs-cta-row--left{text-align:left;}
#page-roulette-software .rs-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 30px;border:1px solid transparent;border-radius:999px;
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-.005em;
  cursor:pointer;text-align:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
#page-roulette-software .rs-btn--zero{background:var(--zero);color:#fff;}
#page-roulette-software .rs-btn--zero:hover{background:var(--zero-deep);transform:translateY(-2px);}
#page-roulette-software .rs-btn--ink{background:var(--lacquer);color:#fff;}
#page-roulette-software .rs-btn--ink:hover{background:var(--zero);transform:translateY(-2px);}
#page-roulette-software .rs-btn:focus-visible,
#page-roulette-software .rs-link:focus-visible,
#page-roulette-software .rs-vid:focus-visible,
#page-roulette-software .rs-boostlink:focus-visible,
#page-roulette-software .rs-cloudlink:focus-visible,
#page-roulette-software .rs-faq summary:focus-visible,
#page-roulette-software .rs-modal__x:focus-visible{
  outline:3px solid var(--zero);outline-offset:3px;
}

/* ── HERO — rule 24: full-bleed, image-free, STATIC gradient ────────────── */
#page-roulette-software .rs-hero{
  width:100%;
  padding:clamp(64px,8vw,124px) 24px clamp(56px,6vw,96px);
  background:
    linear-gradient(180deg,#12100e 0%,#171410 58%,#100f14 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
#page-roulette-software .rs-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-roulette-software .rs-hero__tag{
  display:inline-flex;align-items:center;
  margin:0 0 22px;padding:7px 18px;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;
  font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--body-dark);
}
#page-roulette-software .rs-h1{
  color:#fff;
  font-size:clamp(34px,5vw,64px);line-height:1.06;letter-spacing:-.028em;
  text-wrap:balance;
}
#page-roulette-software .rs-hero__copy{
  margin:26px auto 0;max-width:78ch;
  font-size:clamp(17px,1.35vw,19px);line-height:1.76;
  color:var(--body-dark);
  text-align:left;
}
#page-roulette-software .rs-hero__act{margin-top:34px;}
#page-roulette-software .rs-hero__trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;
  margin-top:32px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.1);   /* the ball track */
}
#page-roulette-software .rs-hero__trust li{
  position:relative;padding-left:22px;
  font-size:16px;font-weight:600;color:var(--body-dark);
}
#page-roulette-software .rs-hero__trust li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:10px;height:10px;border-radius:50%;background:var(--zero-soft);
}

/* ── breadcrumb ─────────────────────────────────────────────────────────── */
#page-roulette-software .rs-crumbbar{
  background:var(--bone-2);border-bottom:1px solid var(--line);
  padding:14px 0;
}
#page-roulette-software .rs-crumbbar .rs-wrap{display:flex;align-items:center;gap:8px;}
#page-roulette-software .rs-crumb{
  display:inline-flex;align-items:center;gap:8px;
  font-size:16px;font-weight:600;color:var(--lacquer-3);
  transition:color .18s ease;
}
#page-roulette-software .rs-crumb:hover{color:var(--zero-deep);}
#page-roulette-software .rs-crumb--here{color:var(--strong);}

/* ── intro copy ────────────────────────────────────────────────────────── */
#page-roulette-software .rs-intro{max-width:92ch;}
#page-roulette-software .rs-plate{
  margin:0;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;background:var(--bone-2);
}
#page-roulette-software .rs-plate img{width:100%;}

/* ── numbered sub-articles ──────────────────────────────────────────────── */
#page-roulette-software .rs-subs{
  margin-top:clamp(34px,4vw,58px);
  border-top:1px solid var(--line);
}
#page-roulette-software .rs-sub{
  padding:clamp(26px,3vw,38px) 0;
  border-bottom:1px solid var(--line);
}
#page-roulette-software .rs-sub p{margin-top:14px;}
#page-roulette-software .rs-sub p:last-child{margin-bottom:0;}

/* ── variants grid (image tiles) ────────────────────────────────────────── */
#page-roulette-software .rs-variants{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:14px;
}
#page-roulette-software .rs-variant{
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:22px 16px 20px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  text-align:center;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
#page-roulette-software .rs-variant:hover{
  border-color:var(--zero);transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(18,16,14,.09);
}
/* The variant artwork is landscape (206x112 for the SVGs, 644x350 for the two
   webp tiles) — box it to that ratio rather than a square, or the declared
   intrinsic size and the rendered box disagree and the tile shifts on load. */
#page-roulette-software .rs-variant img{
  width:100%;max-width:136px;aspect-ratio:206/112;height:auto;object-fit:contain;
}
#page-roulette-software .rs-variant__name{
  font-size:16px;font-weight:700;color:var(--strong);
  text-transform:capitalize;line-height:1.35;
}

/* ── collaborate banner ─────────────────────────────────────────────────── */
#page-roulette-software .rs-banner{
  padding:clamp(48px,6vw,84px) 0;
  background:
    linear-gradient(90deg,rgba(18,16,14,.94) 0%,rgba(18,16,14,.80) 62%,rgba(18,16,14,.62) 100%),
    url("https://aiscmsapi.aistechnolabs.com/product_images/collaborate-bg.webp") center/cover no-repeat,
    var(--lacquer);
}
/* The CTA sits BELOW the description, flush left — not in a right-hand column.
   Matches the banner treatment on /slot-game-development-company
   (AISHTMLNEWDESIGN-387). */
#page-roulette-software .rs-banner__act{margin-top:clamp(22px,2.6vw,32px);}
#page-roulette-software .rs-banner__copy{
  margin:16px 0 0;font-size:clamp(18px,1.6vw,21px);font-weight:600;color:var(--body-dark);
}

/* ── two-panel note section ─────────────────────────────────────────────── */
#page-roulette-software .rs-lede{
  max-width:88ch;font-size:clamp(17px,1.3vw,19px);
}
#page-roulette-software .rs-two{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,32px);margin-top:clamp(28px,3.4vw,44px);
}
#page-roulette-software .rs-panel{
  padding:clamp(24px,2.6vw,34px);
  background:var(--bone);border:1px solid var(--line);border-radius:var(--r);
  border-top:3px solid var(--zero);
}
#page-roulette-software .rs-panel p{margin-top:14px;margin-bottom:0;}

/* ── boost: link list + plate ───────────────────────────────────────────── */
#page-roulette-software .rs-boost{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:clamp(28px,4vw,56px);align-items:start;
}
#page-roulette-software .rs-boostlist{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2px 24px;
}
#page-roulette-software .rs-boostlink{
  display:flex;align-items:center;gap:10px;padding:9px 0;
  font-size:16px;font-weight:600;color:var(--body);
  border-bottom:1px solid transparent;
  transition:color .18s ease;
}
#page-roulette-software .rs-boostlink:hover{color:var(--zero-deep);}
#page-roulette-software .rs-boostlink img{width:18px;height:18px;flex:none;}

/* ── hire band ──────────────────────────────────────────────────────────── */
#page-roulette-software .rs-hire{
  padding:clamp(52px,6.5vw,96px) 0;background:var(--lacquer);
}
#page-roulette-software .rs-hire__grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(28px,4vw,60px);align-items:center;
}
#page-roulette-software .rs-hire__lede{
  margin:18px 0 26px;color:var(--body-dark);
  font-size:clamp(17px,1.3vw,19px);max-width:60ch;
}
#page-roulette-software .rs-hire .rs-h4--light{margin-top:4px;}
#page-roulette-software .rs-aside{
  margin:18px 0 0;font-size:16px;color:var(--body-dark);
}

/* ── prose block ────────────────────────────────────────────────────────── */
#page-roulette-software .rs-prose{max-width:92ch;}
#page-roulette-software .rs-prose p + p{margin-top:2px;}

/* ── FAQ ────────────────────────────────────────────────────────────────── */
#page-roulette-software .rs-faq{
  --faq-col:56px;
  max-width:980px;margin-inline:auto;
  border-top:1px solid var(--line);
}
#page-roulette-software .rs-faq details{border-bottom:1px solid var(--line);}
#page-roulette-software .rs-faq summary{
  display:grid;grid-template-columns:var(--faq-col) minmax(0,1fr) 32px;
  align-items:start;gap:0;padding:22px 4px;cursor:pointer;list-style:none;
  transition:background-color .16s ease;
}
#page-roulette-software .rs-faq summary::-webkit-details-marker{display:none;}
#page-roulette-software .rs-faq summary:hover{background:rgba(11,107,65,.045);}
#page-roulette-software .rs-faq__n{
  font-size:16px;font-weight:800;color:var(--zero-deep);
  font-variant-numeric:tabular-nums;padding-top:2px;
}
#page-roulette-software .rs-faq summary h2{
  margin:0;font-size:clamp(17px,1.45vw,20px);font-weight:700;line-height:1.45;
}
#page-roulette-software .rs-faq__pm{
  position:relative;justify-self:end;width:16px;height:16px;margin-top:5px;
}
#page-roulette-software .rs-faq__pm::before,
#page-roulette-software .rs-faq__pm::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--strong);
  transition:transform .18s ease,opacity .18s ease;
}
#page-roulette-software .rs-faq__pm::before{
  width:16px;height:2.5px;transform:translate(-50%,-50%);
}
#page-roulette-software .rs-faq__pm::after{
  width:2.5px;height:16px;transform:translate(-50%,-50%);
}
#page-roulette-software .rs-faq details[open] .rs-faq__pm::after{
  transform:translate(-50%,-50%) rotate(90deg);opacity:0;
}
#page-roulette-software .rs-faq__a{
  display:grid;grid-template-columns:var(--faq-col) minmax(0,1fr);
  gap:0;align-items:baseline;padding:0 58px 24px 4px;
}
#page-roulette-software .rs-faq__ans{
  font-size:16px;font-weight:800;color:var(--pk-red);
}
#page-roulette-software .rs-faq__a p{margin:0;}

/* ── stories ────────────────────────────────────────────────────────────── */
#page-roulette-software .rs-stories{
  padding:clamp(52px,6.5vw,96px) 0;background:var(--lacquer-2);
}
#page-roulette-software .rs-storylist{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.6vw,32px);
}
#page-roulette-software .rs-story{
  padding:16px;background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--r);
}
#page-roulette-software .rs-vid{
  position:relative;display:block;width:100%;padding:0;
  border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#000;
}
#page-roulette-software .rs-vid img,
#page-roulette-software .rs-story__frame{
  width:100%;aspect-ratio:3/2;object-fit:cover;display:block;
  border:0;border-radius:10px;
}
#page-roulette-software .rs-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;border-radius:50%;
  background:var(--zero);color:#fff;padding-left:4px;
  transition:background-color .18s ease,transform .18s ease;
}
#page-roulette-software .rs-vid:hover .rs-vid__play{
  background:var(--zero-deep);transform:translate(-50%,-50%) scale(1.07);
}
#page-roulette-software .rs-story blockquote{margin:16px 0 0;}
#page-roulette-software .rs-story blockquote p{
  margin:0;font-size:16px;line-height:1.7;color:var(--body-dark);
}
/* These two sit on dark bands. They currently hold only a --light link, so they
   render correctly by accident; give the paragraph itself the on-dark colour so
   any bare text added later is not invisible. */
#page-roulette-software .rs-more{margin:32px 0 0;text-align:center;color:var(--body-dark);}

/* ── link cloud ─────────────────────────────────────────────────────────── */
#page-roulette-software .rs-cloud{
  display:flex;flex-wrap:wrap;gap:10px;
}
#page-roulette-software .rs-cloudlink{
  display:inline-block;padding:10px 18px;
  background:var(--bone);border:1px solid var(--line);border-radius:999px;
  font-size:16px;font-weight:600;color:var(--body);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
#page-roulette-software .rs-cloudlink:hover{
  background:var(--zero-tint);border-color:var(--zero);color:var(--zero-deep);
}

/* ── grow band ──────────────────────────────────────────────────────────── */
#page-roulette-software .rs-grow{
  padding:clamp(52px,6.5vw,96px) 0;
  background:linear-gradient(180deg,#12100e 0%,#0f1712 100%);
}
#page-roulette-software .rs-grow__inner{text-align:center;}
#page-roulette-software .rs-grow__inner .rs-eyebrow{justify-content:center;}
#page-roulette-software .rs-grow__inner .rs-h2{margin-inline:auto;}
#page-roulette-software .rs-grow__copy{
  margin:20px auto 0;max-width:70ch;color:var(--body-dark);
  font-size:clamp(17px,1.3vw,19px);
}
#page-roulette-software .rs-grow__mail{margin:22px 0 0;font-size:17px;font-weight:600;color:var(--body-dark);}
#page-roulette-software .rs-grow__privacy{
  margin:10px 0 0;font-size:16px;color:var(--body-dark);
}

/* ── area we serve ──────────────────────────────────────────────────────── */
#page-roulette-software .rs-regions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2.6vw,30px);
}
#page-roulette-software .rs-region{
  padding:24px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r);
  border-top:3px solid var(--pk-black);
}
#page-roulette-software .rs-region:nth-child(2n){border-top-color:var(--pk-red);}
#page-roulette-software .rs-region h3{
  display:flex;align-items:center;gap:8px;
  letter-spacing:.04em;
}
#page-roulette-software .rs-region h3 img{width:14px;height:20px;flex:none;}
#page-roulette-software .rs-tel{
  display:inline-block;margin:14px 0 10px;
  font-size:17px;font-weight:700;color:var(--zero-deep);
  transition:color .18s ease;
}
#page-roulette-software .rs-tel:hover{text-decoration:underline;}
#page-roulette-software .rs-region p{margin:0;font-size:16px;line-height:1.7;}

/* ── CTA modal ──────────────────────────────────────────────────────────── */
#page-roulette-software .rs-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  padding: 100px 20px 20px 20px;overflow-y:auto;background:rgba(10,9,8,.74);
}
#page-roulette-software .rs-modal.is-open{
  display:flex;align-items:flex-start;justify-content:center;
}
#page-roulette-software .rs-modal__box{
  position:relative;width:100%;max-width:640px;margin:auto;
  background:var(--paper);border-radius:18px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.45);
}
#page-roulette-software .rs-modal__x{
  position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  background:var(--paper);color:var(--strong);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease;
}
#page-roulette-software .rs-modal__x:hover{background:var(--zero);color:#fff;}
#page-roulette-software .rs-modal iframe{
  display:block;width:100%;border:0;margin-bottom:-5px;
}
#page-roulette-software .rs-modal iframe:not([data-iframe-resizer-initialized]){
  min-height:1290px;margin-bottom:0;
}

/* ── responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1180px){
  #page-roulette-software .rs-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:980px){
  #page-roulette-software .rs-boost,
  #page-roulette-software .rs-hire__grid,
  #page-roulette-software .rs-two{grid-template-columns:minmax(0,1fr);}
  #page-roulette-software .rs-storylist{grid-template-columns:minmax(0,1fr);}
  #page-roulette-software .rs-plate--hire,
  #page-roulette-software .rs-plate--boost{max-width:560px;}
}
@media (max-width:720px){
  #page-roulette-software{font-size:16px;}
  #page-roulette-software p{font-size:16px;}
  #page-roulette-software .rs-hero__copy{text-align:left;}
  #page-roulette-software .rs-hero__trust{justify-content:flex-start;}
  #page-roulette-software .rs-regions{grid-template-columns:minmax(0,1fr);}
  #page-roulette-software .rs-variants{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
  #page-roulette-software .rs-faq{--faq-col:44px;}
  #page-roulette-software .rs-faq__a{padding-right:20px;}
  #page-roulette-software .rs-btn{width:100%;}
  #page-roulette-software .rs-boostlist{grid-template-columns:minmax(0,1fr);}
}

/* ── reduced motion ─────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  #page-roulette-software *,
  #page-roulette-software *::before,
  #page-roulette-software *::after{transition-duration:.01ms !important;}
  #page-roulette-software .rs-btn:hover,
  #page-roulette-software .rs-variant:hover{transform:none;}
  #page-roulette-software .rs-vid:hover .rs-vid__play{transform:translate(-50%,-50%);}
}

/* ═══ Roulette — staging review, 2026-09-16 ═══════════════════════════════ */

/* ── 1. "Bring Your Roulette Game Idea to Life" — centre the whole banner.
      .rs-eyebrow is display:flex, so it needs justify-content, not just
      text-align; the page already uses that idiom in .rs-head--centre. ── */
#page-roulette-software .rs-banner{text-align:center;}
#page-roulette-software .rs-banner .rs-eyebrow{justify-content:center;}
#page-roulette-software .rs-banner .rs-h2,
#page-roulette-software .rs-banner__copy{margin-inline:auto;}

/* ── 3. "Our Other Casino & Poker Offerings" — 36 links were a ragged pill
      cloud. Now an even lattice: 4 columns at desktop, 2 at tablet, 1 on
      mobile. 36 divides exactly by 4, 3 and 2, so no row is left part-empty.
      Real per-cell borders rather than the 1px-gap-over-a-tinted-container
      trick: that technique paints any unfilled cell as a solid slab, which is
      what went wrong twice on ludo-game-development-company. Borders are
      #9a8c68 — 3.32:1 on --paper, clearing WCAG 1.4.11's 3:1 for UI edges,
      where --line (#ded6c6) gave 1.44:1.
      The last four entries are 58-82 character guide titles against a median
      of 25, so they span the full row instead of squeezing into a column. ── */
#page-roulette-software .rs-cloud{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(10px,1.1vw,14px);list-style:none;margin:0;padding:0;}
#page-roulette-software .rs-cloud > li{display:flex;}
#page-roulette-software .rs-cloud > li:nth-last-child(-n+4){grid-column:1 / -1;}
#page-roulette-software .rs-cloudlink{
  display:flex;align-items:center;width:100%;
  padding:14px 18px;border-radius:4px;
  background:var(--paper);border:1px solid #9a8c68;
  font-size:16px;line-height:1.4;}
#page-roulette-software .rs-cloudlink:hover{
  background:var(--zero-tint);border-color:var(--zero);color:var(--zero-deep);}

/* ── 4. Every CTA centres in its section. .rs-cta-row--left existed for the
      hire band and is overridden here at matching specificity. ── */
#page-roulette-software .rs-cta-row,
#page-roulette-software .rs-cta-row--left,
#page-roulette-software .rs-hero__act,
#page-roulette-software .rs-banner__act{text-align:center;}

@media (max-width:1080px){
  #page-roulette-software .rs-cloud{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  #page-roulette-software .rs-cloud{grid-template-columns:1fr;}
  #page-roulette-software .rs-cloud > li:nth-last-child(-n+4){grid-column:auto;}
}

/* ── The hire band is a split layout (copy one side, figure the other), so its
      CTA belongs with the text it follows, not floating in the middle of the
      column. Left-aligned, overriding the page-wide centring from !821.
      .rs-hire has no aria-scoped ancestor of its own, so it is addressed by
      section[aria-labelledby] — higher specificity than .rs-cta-row--left. ── */
#page-roulette-software section[aria-labelledby="rs-hire-h"] .rs-cta-row{text-align:left;}