/* ══════════════════════════════════════════════════════════════════════════
   /best-igaming-platform-software-provider — page-isolated stylesheet
   AISHTMLNEWDESIGN-195   (content record: AISHTMLNEWDESIGN-562, parts 1, 2 AND 3)

   Visual direction: "VELVET & BRASS".

   A B2B platform page for casino operators: the subject is gaming, the buyer
   is an executive. Three materials, nothing else:

     · LINEN  — the light ground (#faf8fc), with a deeper tone for alternate
                bands. Every prose section sits on it.
     · VELVET — deep plum ink (#1a0f2e). Punctuation between linen sections,
                never the page's ground.
     · BRASS  — the fitting (#c9962f). The single accent that carries an
                action. One action hue, no gradient family, no glow.

   Composition motif: the ORDINAL (a tabular figure set in the margin), the
   DEFINITION ROW (term over value on a hairline) and the CHIP (a pill naming
   one integration). Sections are composed as a centred hero, a counter strip,
   an event grid, a definition ledger, a step rail, a module chip-set, a game
   chip-set, a credential row, a two-column feature ledger, a PAM definition
   list, a two-column service split, a numbered service list, a tag set, a
   six-domain grid, a model list, a long-form article with its own contents
   and data table, a disclosure FAQ and an address grid — no two sections
   repeat a layout, and there is no three-up feature-card grid anywhere.

   EVERY selector is prefixed with the page id. Deliberate: the reset below
   sets `margin:0`/`text-align:left` on h1-h4/p/ul/ol/dl at id specificity
   (1,0,1), so a bare .class rule (0,1,0) declaring those would be silently
   discarded and read as a design choice rather than a dropped rule.

   Design contract (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 (#241a33 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'. The
                 source runs the counters and the partner logos as marquees;
                 both are reproduced ONCE as static sets.
   ══════════════════════════════════════════════════════════════════════════ */

#page-best-igaming-platform-software-provider{
  --linen:#faf8fc; --linen-2:#f2edf7; --line:#e6dcf0;
  --velvet:#1a0f2e; --velvet-2:#2a1a45; --line-dark:rgba(221,210,234,.16);
  --body:#241a33; --body-soft:#574868; --body-light:#ddd2ea;
  --brass:#c9962f; --brass-deep:#8a6410; --brass-soft:#e8c46a;
  --ink-on-brass:#241703;
  --wrap:1200px; --col:900px; --r:14px;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--body); background:var(--linen);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
#page-best-igaming-platform-software-provider *,#page-best-igaming-platform-software-provider *::before,#page-best-igaming-platform-software-provider *::after{box-sizing:border-box;}
#page-best-igaming-platform-software-provider h1,#page-best-igaming-platform-software-provider h2,#page-best-igaming-platform-software-provider h3,#page-best-igaming-platform-software-provider h4{text-align:left;margin:0;font-weight:800;letter-spacing:-.015em;line-height:1.25;}
#page-best-igaming-platform-software-provider p{margin:0;}
#page-best-igaming-platform-software-provider ul,#page-best-igaming-platform-software-provider ol,#page-best-igaming-platform-software-provider dl{margin:0;padding:0;list-style:none;}
#page-best-igaming-platform-software-provider dd{margin:0;}
#page-best-igaming-platform-software-provider img{max-width:100%;height:auto;}
#page-best-igaming-platform-software-provider a{text-decoration:none;color:inherit;}
#page-best-igaming-platform-software-provider .bisp-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ── the one action hue ─────────────────────────────────────────────────── */
#page-best-igaming-platform-software-provider .bisp-btn{
  display:inline-block;margin-top:34px;padding:16px 32px;border:2px solid transparent;
  border-radius:10px;font:700 17px/1.2 Inter,system-ui,sans-serif;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
#page-best-igaming-platform-software-provider .bisp-btn--brass{background:var(--brass);color:var(--ink-on-brass);box-shadow:0 6px 20px rgba(201,150,47,.28);}
#page-best-igaming-platform-software-provider .bisp-btn--brass:hover,#page-best-igaming-platform-software-provider .bisp-btn--brass:focus-visible{transform:translateY(-2px);box-shadow:0 10px 28px rgba(201,150,47,.40);}
#page-best-igaming-platform-software-provider .bisp-btn--velvet{background:var(--velvet);color:#fff;box-shadow:0 6px 20px rgba(26,15,46,.22);}
#page-best-igaming-platform-software-provider .bisp-btn--velvet:hover,#page-best-igaming-platform-software-provider .bisp-btn--velvet:focus-visible{transform:translateY(-2px);background:var(--velvet-2);}
#page-best-igaming-platform-software-provider .bisp-btn:focus-visible{outline:3px solid var(--brass-deep);outline-offset:3px;}

/* ══ HERO ══ rule 24 */
#page-best-igaming-platform-software-provider .bisp-hero{background:linear-gradient(168deg,var(--velvet) 0%,#150c25 58%,#0f0819 100%);padding:88px 0 76px;}
#page-best-igaming-platform-software-provider .bisp-hero__inner{width:100%;max-width:var(--col);margin:0 auto;padding:0 24px;text-align:center;}
#page-best-igaming-platform-software-provider .bisp-hero__inner > *{text-align:center;}
#page-best-igaming-platform-software-provider .bisp-hero__eyebrow{margin:0 0 18px;font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-soft);}
#page-best-igaming-platform-software-provider .bisp-hero h1{font-size:clamp(32px,4.6vw,54px);color:#fff;text-align:center;text-wrap:balance;}
#page-best-igaming-platform-software-provider .bisp-hero__copy{margin:24px auto 0;max-width:780px;font-size:18px;line-height:1.8;color:var(--body-light);}

/* ── counter strip ── */
#page-best-igaming-platform-software-provider .bisp-counts{background:var(--velvet-2);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);}
#page-best-igaming-platform-software-provider .bisp-counts__row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 56px;padding:28px 24px;}
#page-best-igaming-platform-software-provider .bisp-count{display:flex;flex-direction:column;align-items:center;gap:2px;}
#page-best-igaming-platform-software-provider .bisp-count__fig{font-size:30px;font-weight:800;color:var(--brass-soft);font-variant-numeric:tabular-nums;line-height:1.1;}
#page-best-igaming-platform-software-provider .bisp-count__txt{font-size:16px;color:var(--body-light);text-align:center;}

/* ══ SECTION SHELLS ══ */
#page-best-igaming-platform-software-provider .bisp-sec{padding:76px 0;}
#page-best-igaming-platform-software-provider .bisp-sec--linen{background:var(--linen);border-bottom:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-sec--linen2{background:var(--linen-2);border-bottom:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-sec--velvet{background:var(--velvet);}
#page-best-igaming-platform-software-provider .bisp-h2{font-size:clamp(25px,3vw,37px);color:var(--body);text-wrap:balance;}
#page-best-igaming-platform-software-provider .bisp-h2--onvelvet{color:#fff;}
#page-best-igaming-platform-software-provider .bisp-lede{margin:18px 0 0;max-width:920px;font-size:17px;line-height:1.8;color:var(--body-soft);}
#page-best-igaming-platform-software-provider .bisp-lede--onvelvet{color:var(--body-light);}
#page-best-igaming-platform-software-provider .bisp-sub{margin:32px 0 14px;font-size:20px;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-sub--onvelvet{color:#fff;}
#page-best-igaming-platform-software-provider .bisp-note{margin:12px 0 18px;font-size:16px;line-height:1.75;color:var(--body-soft);max-width:920px;}
#page-best-igaming-platform-software-provider .bisp-note--onvelvet{color:var(--body-light);}
#page-best-igaming-platform-software-provider .bisp-kicker{margin-top:28px;font-size:18px;font-weight:700;color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-prose{margin-top:20px;display:flex;flex-direction:column;gap:16px;max-width:960px;}
#page-best-igaming-platform-software-provider .bisp-prose p{font-size:17px;line-height:1.85;color:var(--body);}

/* ══ EVENTS ══ */
#page-best-igaming-platform-software-provider .bisp-events{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
#page-best-igaming-platform-software-provider .bisp-event{padding:24px 22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
#page-best-igaming-platform-software-provider .bisp-event__org{font-size:16px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-event__date{margin-top:8px;font-size:16px;color:var(--body-soft);}
#page-best-igaming-platform-software-provider .bisp-event__name{margin-top:8px;font-size:17px;font-weight:600;color:var(--body);line-height:1.55;}

/* Each card carries its own link, as the reference page does. The visible
   label repeats ("Know More" x6) so the card set reads consistently; the
   accessible name on each anchor names its event, so the link purpose is
   still unambiguous out of context. */
#page-best-igaming-platform-software-provider .bisp-event{display:flex;flex-direction:column;}
#page-best-igaming-platform-software-provider .bisp-event__more{
  margin-top:16px;align-self:flex-start;
  display:inline-flex;align-items:center;gap:7px;
  font-size:16px;font-weight:700;color:var(--brass-deep);
  border-bottom:1px solid transparent;
  transition:border-color .18s ease,gap .18s ease;
}
#page-best-igaming-platform-software-provider .bisp-event__more:hover,#page-best-igaming-platform-software-provider .bisp-event__more:focus-visible{border-bottom-color:var(--brass-deep);gap:11px;}
#page-best-igaming-platform-software-provider .bisp-event__more:focus-visible{outline:3px solid var(--brass-deep);outline-offset:3px;}
#page-best-igaming-platform-software-provider .bisp-event__arrow{font-size:16px;line-height:1;}
#page-best-igaming-platform-software-provider .bisp-event__name{flex:1 1 auto;}


/* ══ DEFINITION LEDGERS ══ */
#page-best-igaming-platform-software-provider .bisp-reasons,#page-best-igaming-platform-software-provider .bisp-pams{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;}
#page-best-igaming-platform-software-provider .bisp-reason,#page-best-igaming-platform-software-provider .bisp-pam{padding:24px 0;border-top:1px solid var(--line-dark);}
#page-best-igaming-platform-software-provider .bisp-reason:nth-child(1),#page-best-igaming-platform-software-provider .bisp-reason:nth-child(2){border-top:0;}
#page-best-igaming-platform-software-provider .bisp-pam:nth-child(1),#page-best-igaming-platform-software-provider .bisp-pam:nth-child(2){border-top:0;}
#page-best-igaming-platform-software-provider .bisp-reason dt,#page-best-igaming-platform-software-provider .bisp-pams--onvelvet dt{font-size:19px;font-weight:700;color:#fff;margin-bottom:6px;}
#page-best-igaming-platform-software-provider .bisp-reason dd,#page-best-igaming-platform-software-provider .bisp-pams--onvelvet dd{font-size:16px;line-height:1.75;color:var(--body-light);}
#page-best-igaming-platform-software-provider .bisp-pams:not(.bisp-pams--onvelvet) .bisp-pam{border-top-color:var(--line);}
#page-best-igaming-platform-software-provider .bisp-pams:not(.bisp-pams--onvelvet) dt{font-size:19px;font-weight:700;color:var(--body);margin-bottom:6px;}
#page-best-igaming-platform-software-provider .bisp-pams:not(.bisp-pams--onvelvet) dd{font-size:16px;line-height:1.75;color:var(--body-soft);}

/* ══ STEP RAIL ══ */
#page-best-igaming-platform-software-provider .bisp-steps{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
#page-best-igaming-platform-software-provider .bisp-steps li{padding:20px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:17px;font-weight:600;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-steps__n{display:block;margin-bottom:8px;font-size:16px;font-weight:800;color:var(--brass-deep);font-variant-numeric:tabular-nums;letter-spacing:.05em;}

/* ══ CHIPS / TAGS ══ */
#page-best-igaming-platform-software-provider .bisp-modules,#page-best-igaming-platform-software-provider .bisp-chips,#page-best-igaming-platform-software-provider .bisp-tags,#page-best-igaming-platform-software-provider .bisp-creds{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
#page-best-igaming-platform-software-provider .bisp-modules{margin-top:18px;}
#page-best-igaming-platform-software-provider .bisp-modules li,#page-best-igaming-platform-software-provider .bisp-creds li{padding:11px 20px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:16px;font-weight:600;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-chips li{padding:10px 20px;border:1px solid rgba(232,196,106,.42);border-radius:999px;background:rgba(201,150,47,.12);font-size:16px;font-weight:600;color:var(--brass-soft);}
#page-best-igaming-platform-software-provider .bisp-chips--ghost li{border-color:var(--line-dark);background:rgba(255,255,255,.05);color:var(--body-light);font-weight:500;}
#page-best-igaming-platform-software-provider .bisp-tags li{padding:11px 20px;border:1px solid var(--line-dark);border-radius:999px;background:rgba(255,255,255,.05);font-size:16px;font-weight:600;color:var(--body-light);}
#page-best-igaming-platform-software-provider .bisp-tags--wide li{border-color:var(--line);background:#fff;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-core__h{margin-top:38px;font-size:21px;color:var(--body);}

/* ══ FEATURE LEDGER ══ */
#page-best-igaming-platform-software-provider .bisp-feats{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;}
#page-best-igaming-platform-software-provider .bisp-feat{padding:26px 0;border-top:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-feat:nth-child(1),#page-best-igaming-platform-software-provider .bisp-feat:nth-child(2){border-top:0;}
#page-best-igaming-platform-software-provider .bisp-feat h3{font-size:20px;color:var(--body);margin-bottom:8px;}
#page-best-igaming-platform-software-provider .bisp-feat p{font-size:16px;line-height:1.75;color:var(--body-soft);}

/* ══ BULLETS / TWO-COLUMN SPLIT ══ */
#page-best-igaming-platform-software-provider .bisp-aio{margin-top:36px;display:grid;grid-template-columns:repeat(2,1fr);gap:44px;}
#page-best-igaming-platform-software-provider .bisp-bullets{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
#page-best-igaming-platform-software-provider .bisp-bullets li{position:relative;padding-left:26px;font-size:16px;line-height:1.75;color:var(--body-light);}
#page-best-igaming-platform-software-provider .bisp-bullets li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:9px;border-radius:2px;background:var(--brass);}
#page-best-igaming-platform-software-provider .bisp-model .bisp-bullets li{color:var(--body-soft);}

/* ══ NUMBERED LISTS ══ */
#page-best-igaming-platform-software-provider .bisp-mods,#page-best-igaming-platform-software-provider .bisp-models{margin-top:40px;display:flex;flex-direction:column;}
#page-best-igaming-platform-software-provider .bisp-mods li,#page-best-igaming-platform-software-provider .bisp-model{display:grid;grid-template-columns:56px 1fr;gap:0 20px;align-items:start;padding:26px 0;border-top:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-mods li:first-child,#page-best-igaming-platform-software-provider .bisp-model:first-child{border-top:0;}
#page-best-igaming-platform-software-provider .bisp-mods__n,#page-best-igaming-platform-software-provider .bisp-model__n{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:rgba(201,150,47,.14);color:var(--brass-deep);font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;}
#page-best-igaming-platform-software-provider .bisp-mods h3,#page-best-igaming-platform-software-provider .bisp-model h3{font-size:20px;color:var(--body);margin-bottom:8px;}
#page-best-igaming-platform-software-provider .bisp-mods p{font-size:16px;line-height:1.75;color:var(--body-soft);}
#page-best-igaming-platform-software-provider .bisp-model h3{grid-column:2;}
#page-best-igaming-platform-software-provider .bisp-model .bisp-bullets{grid-column:2;}

/* ══ DOMAINS ══ */
#page-best-igaming-platform-software-provider .bisp-doms{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
#page-best-igaming-platform-software-provider .bisp-dom{padding:28px 26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
#page-best-igaming-platform-software-provider .bisp-dom h3{font-size:21px;color:var(--body);margin-bottom:12px;}
#page-best-igaming-platform-software-provider .bisp-dom__lede{font-size:16px;line-height:1.75;color:var(--body-soft);margin-bottom:14px;}
#page-best-igaming-platform-software-provider .bisp-dom dl{display:flex;flex-direction:column;gap:12px;}
#page-best-igaming-platform-software-provider .bisp-dom dt{font-size:16px;font-weight:700;color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-dom dd{font-size:16px;line-height:1.7;color:var(--body-soft);}

/* ══ GUIDE ══ contents + long-form article + trends table */
#page-best-igaming-platform-software-provider .bisp-toc{margin-top:32px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
#page-best-igaming-platform-software-provider .bisp-toc .bisp-sub{margin:0 0 14px;font-size:18px;}
#page-best-igaming-platform-software-provider .bisp-toc__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 36px;counter-reset:toc;}
#page-best-igaming-platform-software-provider .bisp-toc__list li{counter-increment:toc;}
#page-best-igaming-platform-software-provider .bisp-toc__list a{display:flex;gap:10px;font-size:16px;font-weight:600;color:var(--body);transition:color .18s ease;}
#page-best-igaming-platform-software-provider .bisp-toc__list a::before{content:counter(toc,decimal-leading-zero) ".";color:var(--brass-deep);font-variant-numeric:tabular-nums;flex:0 0 auto;}
#page-best-igaming-platform-software-provider .bisp-toc__list a:hover,#page-best-igaming-platform-software-provider .bisp-toc__list a:focus-visible{color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-article{margin-top:40px;max-width:960px;}
#page-best-igaming-platform-software-provider .bisp-article h3{margin-top:40px;font-size:24px;color:var(--body);scroll-margin-top:100px;}
#page-best-igaming-platform-software-provider .bisp-article h4{margin-top:28px;font-size:19px;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-article p{margin-top:14px;font-size:17px;line-height:1.85;color:var(--body-soft);}
#page-best-igaming-platform-software-provider .bisp-defs{margin-top:20px;display:flex;flex-direction:column;gap:16px;}
#page-best-igaming-platform-software-provider .bisp-defs dt{font-size:17px;font-weight:700;color:var(--body);margin-bottom:4px;}
#page-best-igaming-platform-software-provider .bisp-defs dd{font-size:16px;line-height:1.8;color:var(--body-soft);}
#page-best-igaming-platform-software-provider .bisp-tablewrap{margin-top:24px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;}
#page-best-igaming-platform-software-provider .bisp-trends{width:100%;border-collapse:collapse;font-size:16px;}
/* .bisp-trends__cap removed with the <caption> it styled. */
#page-best-igaming-platform-software-provider .bisp-trends th{text-align:left;padding:16px 20px;background:var(--velvet);color:var(--brass-soft);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
#page-best-igaming-platform-software-provider .bisp-trends td{padding:16px 20px;vertical-align:top;border-top:1px solid var(--line);font-size:16px;line-height:1.7;color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-trends tbody tr:nth-child(even){background:var(--linen);}

/* ══ FAQ ══ numbered disclosure; ordinal + "Ans." share one gutter column.
   Both are generated content so the DOM text stays 1:1 with the FAQPage. */
#page-best-igaming-platform-software-provider .bisp-faq-sec .bisp-h2{text-align:center;}
#page-best-igaming-platform-software-provider .bisp-faqs{--faq-gutter:64px;margin-top:44px;counter-reset:faq;border-top:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-faq{counter-increment:faq;border-bottom:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:var(--faq-gutter) 1fr 28px;align-items:start;gap:0 4px;padding:22px 0;font-size:18px;font-weight:700;color:var(--body);transition:color .18s ease;}
#page-best-igaming-platform-software-provider .bisp-faq summary::-webkit-details-marker{display:none;}
#page-best-igaming-platform-software-provider .bisp-faq summary:hover,#page-best-igaming-platform-software-provider .bisp-faq summary:focus-visible{color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-faq summary::before{content:counter(faq,decimal-leading-zero) ".";font-size:17px;font-weight:800;color:var(--brass-deep);font-variant-numeric:tabular-nums;line-height:1.5;}
#page-best-igaming-platform-software-provider .bisp-faq summary::after{content:"";justify-self:end;margin-top:8px;width:11px;height:11px;border-right:2px solid var(--brass);border-bottom:2px solid var(--brass);transform:rotate(45deg);transition:transform .2s ease;}
#page-best-igaming-platform-software-provider .bisp-faq[open] summary{color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-faq[open] summary::after{transform:rotate(-135deg);}
#page-best-igaming-platform-software-provider .bisp-faq__a{display:grid;grid-template-columns:var(--faq-gutter) 1fr;gap:0 4px;padding:0 28px 24px 0;}
#page-best-igaming-platform-software-provider .bisp-faq__a::before{content:"Ans.";font-size:16px;font-weight:800;color:var(--body-soft);line-height:1.8;}
#page-best-igaming-platform-software-provider .bisp-faq__a p{font-size:16px;line-height:1.8;color:var(--body-soft);}

/* ══ AREA WE SERVE ══ */
#page-best-igaming-platform-software-provider .bisp-area .bisp-h2{text-align:center;}
#page-best-igaming-platform-software-provider .bisp-regions{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
#page-best-igaming-platform-software-provider .bisp-region{padding:28px 26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 2px 10px rgba(26,15,46,.05);}
#page-best-igaming-platform-software-provider .bisp-region h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--brass-deep);}
#page-best-igaming-platform-software-provider .bisp-region h3 img{width:14px;height:20px;flex:0 0 auto;}
#page-best-igaming-platform-software-provider .bisp-tel{display:inline-block;font-size:17px;font-weight:700;color:var(--body);margin-bottom:8px;border-bottom:1px solid transparent;transition:border-color .18s ease;}
#page-best-igaming-platform-software-provider .bisp-tel:hover,#page-best-igaming-platform-software-provider .bisp-tel:focus-visible{border-bottom-color:var(--body);}
#page-best-igaming-platform-software-provider .bisp-region p{font-size:16px;line-height:1.7;color:var(--body-soft);}

/* ══ RESPONSIVE ══ tested at 1280 / 768 / 375 ─────────────────────────────── */
@media (max-width:1024px){
  #page-best-igaming-platform-software-provider .bisp-events{grid-template-columns:repeat(2,1fr);}
  #page-best-igaming-platform-software-provider .bisp-steps{grid-template-columns:repeat(2,1fr);}
  #page-best-igaming-platform-software-provider .bisp-doms{grid-template-columns:1fr;}
  #page-best-igaming-platform-software-provider .bisp-aio{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:768px){
  #page-best-igaming-platform-software-provider .bisp-sec{padding:56px 0;}
  #page-best-igaming-platform-software-provider .bisp-hero{padding:64px 0 52px;}
  #page-best-igaming-platform-software-provider .bisp-reasons,#page-best-igaming-platform-software-provider .bisp-pams,#page-best-igaming-platform-software-provider .bisp-feats,#page-best-igaming-platform-software-provider .bisp-toc__list{grid-template-columns:1fr;}
  #page-best-igaming-platform-software-provider .bisp-reason:nth-child(2),#page-best-igaming-platform-software-provider .bisp-pam:nth-child(2),#page-best-igaming-platform-software-provider .bisp-feat:nth-child(2){border-top:1px solid var(--line);}
  #page-best-igaming-platform-software-provider .bisp-counts__row{gap:18px 32px;}
  #page-best-igaming-platform-software-provider .bisp-tablewrap{overflow-x:visible;border:0;background:transparent;}
  #page-best-igaming-platform-software-provider .bisp-trends thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  #page-best-igaming-platform-software-provider .bisp-trends,#page-best-igaming-platform-software-provider .bisp-trends tbody,#page-best-igaming-platform-software-provider .bisp-trends tr,#page-best-igaming-platform-software-provider .bisp-trends td{display:block;width:100%;}
  #page-best-igaming-platform-software-provider .bisp-trends tr{margin-bottom:14px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;}
  #page-best-igaming-platform-software-provider .bisp-trends tbody tr:nth-child(even){background:#fff;}
  #page-best-igaming-platform-software-provider .bisp-trends td{border-top:1px solid var(--line);}
  #page-best-igaming-platform-software-provider .bisp-trends tr td:first-child{border-top:0;}
  #page-best-igaming-platform-software-provider .bisp-trends td::before{content:attr(data-h);display:block;margin-bottom:5px;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-deep);}
}
@media (max-width:520px){
  #page-best-igaming-platform-software-provider .bisp-wrap,#page-best-igaming-platform-software-provider .bisp-hero__inner{padding:0 18px;}
  #page-best-igaming-platform-software-provider .bisp-events,#page-best-igaming-platform-software-provider .bisp-steps{grid-template-columns:1fr;}
  #page-best-igaming-platform-software-provider .bisp-btn{width:100%;text-align:center;}
  #page-best-igaming-platform-software-provider .bisp-faqs{--faq-gutter:46px;}
  #page-best-igaming-platform-software-provider .bisp-mods li,#page-best-igaming-platform-software-provider .bisp-model{grid-template-columns:44px 1fr;gap:0 14px;}
}

/* ── CTA modal — shared shell, identical on every CTA page ──────────────────
   Replicated from /case-study/dicemasters-backgammon-platform-case-study.
   Values were read off that page with design-clone's extract_design.py; do not
   re-tune them per page — the enquiry form must present the same on all URLs. */
#page-best-igaming-platform-software-provider .bisp-modal{
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
  background:rgba(20,13,7,.72);
}
#page-best-igaming-platform-software-provider .bisp-modal.is-open{display:flex;}
#page-best-igaming-platform-software-provider .bisp-modal__box{
  /* Pinned so the panel does not inherit each page's own type scale or ink —
     the enquiry shell must present identically on every URL. */
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:relative;
  width:100%;
  max-width:620px;
  margin:auto;
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7);
  /* hidden, not auto: this clips the embedded form's square-cornered white
     document to the panel radius, so all FOUR corners stay rounded. */
  overflow:hidden;
}
#page-best-igaming-platform-software-provider .bisp-modal__x{
  position:absolute;
  top:12px;right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid #ddd2ba;
  border-radius:50%;
  background:#fff;
  color:#1d1509;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-best-igaming-platform-software-provider .bisp-modal__x:hover{background:#2b1c12;color:#fbf6ec;}
#page-best-igaming-platform-software-provider .bisp-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}
@media (max-width:640px){
  /* Keep the radius on phones too — the panel is a card at every width. */
  #page-best-igaming-platform-software-provider .bisp-modal{padding: 100px 12px 12px 12px;}
  #page-best-igaming-platform-software-provider .bisp-modal__box{max-width:none;border-radius:14px;}
}

/* Games We Provide: source had TWO tabs (Casino Originals, Live Game API);
   "Our diverse iGaming software We Provide" was the first line inside the first
   tab, not a third pill. Colour inherited, not tokenised. */
.bisp-grp{margin:0 0 38px;}
.bisp-grp:last-of-type{margin-bottom:0;}
.bisp-grp > h4,.bisp-lab{margin:0 0 6px;font-size:clamp(19px,1.6vw,22px);font-weight:700;line-height:1.3;letter-spacing:-.008em;}
.bisp-grp > h5,.bisp-sublab{margin:0 0 12px;font-size:16px;font-weight:600;opacity:.78;}
.bisp-lab--solo{margin-top:34px;}

/* The "Best Solutions for iGaming" description rendered larger than the body
   copy beneath it. Sized to this page's body text (16px) at the user's
   request, applied across every page carrying this section. Scoped to the
   section because .bisp-lede is used elsewhere on this page. Line-height is
   left alone — it is unitless, so it tracks the new size. */
#page-best-igaming-platform-software-provider [aria-labelledby="bisp-games-h"] .bisp-lede{font-size:16px;}


/* ── 2026-09-21. The 56 images the conversion dropped, restored from the CMS
      record. This page's own slug 404s on getServiceSpeed; the record is
      igaming-platform-software-provider, confirmed by 15 of 17 headings
      matching exactly plus the mainBanner title matching the h1.

      THE SOURCE ICONS ARE NOT CONSISTENT, and that had to be handled per
      section rather than with one blanket rule. 20 of 29 SVGs ship a baked-in
      #3B259C tile (white glyph on a purple rect/circle); the other 9 are bare
      purple glyphs on transparency. Two sections were mixed:

        shop   (VELVET, dark) 5 bare + 1 tile -- and bare #3B259C on a dark
                              band is invisible, so BOTH problems at once
        mod    (light)        4 bare + 1 tile -- the tile reads as an odd-one-
                              out chip among flat glyphs

      Fixed in the assets, page-locally, never in the shared CDN files:
        cost-effective-solutions.svg  disc stripped; its glyph is already white,
                                      which is what the velvet band wants
        ai-powered.svg                tile stripped AND its white glyph
                                      recoloured to #3B259C -- it sits on a
                                      LIGHT section, where white would vanish
      Both viewBoxes tightened to the measured getBBox() so they do not render
      small beside their siblings.

      feat and whypam are all-tile and are left exactly as shipped: a tile is a
      self-contained badge and reads correctly on both linen and velvet.

      Heights are FIXED, not capped. The sources vary in aspect ratio, and a
      max-height alone lets each card's heading start at its own y -- the
      raggedness that appeared on hire-unity-game-developers once its step
      badge was hidden. ── */

/* item 3 — One-Stop Shop (velvet). All six are bare glyphs after the derive,
   so one filter makes the whole set white; a tile would have become a solid
   white square here, which is why the outlier was fixed in the asset first. */
#page-best-igaming-platform-software-provider .bisp-reason__ico{
  display:block;height:48px;width:auto;max-width:56px;object-fit:contain;
  object-position:left center;margin-bottom:14px;filter:brightness(0) invert(1);
}
/* item 6 — Innovative Features (light, all tiles: shown as shipped) */
#page-best-igaming-platform-software-provider .bisp-feat__ico{
  display:block;height:56px;width:auto;max-width:64px;object-fit:contain;
  object-position:left center;margin-bottom:16px;
}
/* item 7 — Modernization: glyph beside the 01 badge, banner below the copy */
#page-best-igaming-platform-software-provider .bisp-mod__ico{
  display:block;height:44px;width:auto;max-width:52px;object-fit:contain;
  object-position:left center;margin:0 0 12px;
}
/* .bisp-mod__fig / .bisp-mod__banner removed with the banners themselves. */
/* item 8 — Multi-Device tags: small photo inside each pill */
#page-best-igaming-platform-software-provider .bisp-tags--wide li{display:inline-flex;align-items:center;gap:10px;}
#page-best-igaming-platform-software-provider .bisp-tag__ico{
  flex:0 0 auto;width:28px;height:28px;object-fit:cover;border-radius:6px;display:block;
}
/* item 9 — Major Domains */
#page-best-igaming-platform-software-provider .bisp-dom__ico{
  display:block;width:72px;height:72px;object-fit:cover;border-radius:10px;margin-bottom:14px;
}
/* item 10 — Why Choose a PAM (velvet, all tiles: shown as shipped) */
#page-best-igaming-platform-software-provider .bisp-pam__ico{
  display:block;height:48px;width:auto;max-width:56px;object-fit:contain;
  object-position:left center;margin-bottom:12px;
}
/* item 11 — Personalized Solutions */
#page-best-igaming-platform-software-provider .bisp-model__ico{
  display:block;width:96px;height:96px;object-fit:cover;border-radius:12px;margin:12px 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   Item 1 — every section CTA centred in its section.
   ══════════════════════════════════════════════════════════════════════════
   .bisp-btn is a direct child of .bisp-wrap and was inline-block, so each CTA
   sat against the left edge of the content column. Centring the BOX (rather
   than putting text-align:center on the wrap) leaves all the section copy
   left-aligned, which every one of these layouts depends on. margin-top is
   inherited from the base rule at the top of this file. */
#page-best-igaming-platform-software-provider .bisp-btn{display:block;margin-left:auto;margin-right:auto;width:fit-content;text-align:center;}

/* The Ultimate Guide CTA measured 96px left of its section centre even after
   the rule above: .bisp-article is a 960px reading column inside an 1152px
   wrap and is left-aligned, so centring the button INSIDE that column still
   left it off-centre in the section. Centring the column fixes the CTA and
   reads better for long-form copy. */
#page-best-igaming-platform-software-provider .bisp-article{margin-inline:auto;}

/* The ≤520px rule earlier in this file sets .bisp-btn{width:100%}, but it is
   declared BEFORE the centring rule above and a media query adds no
   specificity — so width:fit-content would win there and the button would
   stop being full-bleed on phones. Restated after it to keep that behaviour. */
@media (max-width:520px){
  #page-best-igaming-platform-software-provider .bisp-btn{width:100%;}
}

/* ══════════════════════════════════════════════════════════════════════════
   Item 2 — "Upcoming - Past Events": the event banner per card.
   ══════════════════════════════════════════════════════════════════════════
   Each card is a white .bisp-event panel with 24px 22px padding; the banner
   is pulled out to the card's edges with matching negative margins so it
   reads as a header image rather than an inset thumbnail. The sources are
   557x485, so aspect-ratio is declared to match — that reserves the box
   before load and keeps CLS at zero. object-fit:cover guards against a
   future upload at a different ratio. */
#page-best-igaming-platform-software-provider .bisp-event__img{
  /* max-width:none is REQUIRED: the page-wide reset near the top of this file
     sets `img{max-width:100%}`, and max-width clamps width — without this the
     calc() below is capped at the 100% content width and the banner stops
     44px short of the card's edges (measured: 227px inside a 273px card). */
  display:block;width:calc(100% + 44px);max-width:none;margin:-24px -22px 16px;
  height:auto;aspect-ratio:557/485;object-fit:cover;
  border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;
  background:var(--linen-2);
}

/* ══════════════════════════════════════════════════════════════════════════
   Item 4 — wrap "Your Trusted Source for Advanced iGaming Platform Software"
   ══════════════════════════════════════════════════════════════════════════
   At desktop this heading did not wrap at all: it ran as ONE 1099px line
   across the full 1152px column — far past a comfortable measure, and the
   odd one out among its peers (every other h2 this long already wraps).

   Capped to a 34ch measure so it always breaks. text-wrap:balance is doing
   real work here, not decoration — measured line widths at 1440px:

       text-wrap:wrap      [771, 321]   spread 450px   (ragged)
       text-wrap:balance   [615, 476]   spread 139px   (even)

   giving "Your Trusted Source for Advanced / iGaming Platform Software".
   Browsers without balance support degrade to ragged-but-wrapped, still an
   improvement on one long line.

   Deliberately NOT behind a min-width media query. The first cut scoped this
   to >=1024px on the assumption that a 34ch cap would over-constrain tablet
   and force a third line. Measured across 14 viewports, that assumption was
   wrong — the cap is wider than the column below ~600px, so it stops biting
   exactly where it would have hurt. Scoping it would have left 900-1023px
   still rendering one 915px line, and left the ragged 768px break
   ([627, 111], spread 516px) unfixed:

       viewport   before              after
       1920-1280  1L  [1099]          2L  [615, 476]   spread 139
       1024       1L  [916]           2L  [511, 398]   spread 113
       1023        1L  [915]          2L  (was the gap the media query left)
       768        2L  [627, 111]      2L  [414, 324]   spread  90
       375        3L  [286,336,111]   3L  [247,268,219] spread  49
   ══════════════════════════════════════════════════════════════════════════ */
#page-best-igaming-platform-software-provider #bisp-core-h{max-width:34ch;text-wrap:balance;}

/* ══════════════════════════════════════════════════════════════════════════
   Item 5 — "Best Solutions for iGaming by AIS Technolabs"
   Layout per /omaha-poker-software. CONTENT UNCHANGED.
   ══════════════════════════════════════════════════════════════════════════
   The game chips became a three-column mosaic of image tiles and the ghost
   chips became a hairline logo wall. Same six games in the same words, same
   eighteen provider labels in the page's own order (the record lists "Amaya"
   twice and has no OPUS Gaming — reproduced as found, NOT copied from the
   reference's list).

   Each tile keeps its OWN aspect ratio via --bisp-ar. That is the whole
   point of the reference's mosaic: the sources are 397x388, 398x270 and
   397x506, so forcing one ratio would crop most of the portrait art away.

   The column PAIRING is copied from the reference too, not just the
   components — it pairs the six so all three columns resolve to equal
   height (normalised: 776 / 775 / 775). Pairing them in plain source order
   instead gives 658 / 894 / 776 and reads visibly ragged.

   Tones are this page's velvet/brass, not the reference's bone/ink. */
#page-best-igaming-platform-software-provider .bisp-mosaic{
  list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;
}
#page-best-igaming-platform-software-provider .bisp-mcol{display:flex;flex-direction:column;gap:22px;}
#page-best-igaming-platform-software-provider .bisp-tile{
  position:relative;display:block;overflow:hidden;border-radius:var(--r);
  border:1px solid rgba(232,196,106,.30);background:rgba(255,255,255,.04);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#page-best-igaming-platform-software-provider .bisp-tile img{display:block;width:100%;height:auto;aspect-ratio:var(--bisp-ar);object-fit:cover;}
#page-best-igaming-platform-software-provider .bisp-tile__cap{
  position:absolute;left:0;right:0;bottom:0;margin:0;padding:16px;
  font-size:19px;line-height:1.3;font-weight:700;color:#fff;
  background:linear-gradient(180deg,rgba(15,8,25,0) 0%,rgba(15,8,25,.88) 62%);
}
#page-best-igaming-platform-software-provider .bisp-tile:hover,#page-best-igaming-platform-software-provider .bisp-tile:focus-visible{
  transform:translateY(-2px);border-color:var(--brass);
  box-shadow:0 12px 26px -14px rgba(0,0,0,.65);
}
#page-best-igaming-platform-software-provider .bisp-tile:focus-visible{outline:3px solid var(--brass-soft);outline-offset:3px;}

/* Logo wall — white cells separated by a 1px grid drawn with gap over a
   coloured background, as the reference does. The logos are supplied on
   white, so the cells stay white even on the velvet band. */
#page-best-igaming-platform-software-provider .bisp-logos{
  list-style:none;margin:18px 0 0;padding:0;display:grid;gap:1px;
  grid-template-columns:repeat(2,1fr);
  background:var(--line-dark);border:1px solid var(--line-dark);
  border-radius:var(--r);overflow:hidden;
}
#page-best-igaming-platform-software-provider .bisp-logos li{
  background:#fff;padding:18px 14px;text-align:center;
  display:flex;flex-direction:column;justify-content:center;
}
#page-best-igaming-platform-software-provider .bisp-logos img{width:100%;max-width:170px;height:auto;margin-inline:auto;display:block;}
#page-best-igaming-platform-software-provider .bisp-logos span{display:block;margin-top:10px;font-size:16px;font-weight:600;color:var(--body);}
@media (min-width:620px){#page-best-igaming-platform-software-provider .bisp-logos{grid-template-columns:repeat(3,1fr);}}
@media (min-width:980px){#page-best-igaming-platform-software-provider .bisp-logos{grid-template-columns:repeat(6,1fr);}}
@media (max-width:900px){#page-best-igaming-platform-software-provider .bisp-mosaic{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){
  #page-best-igaming-platform-software-provider .bisp-mosaic{grid-template-columns:1fr;}
  #page-best-igaming-platform-software-provider .bisp-tile__cap{font-size:16px;padding:13px;}
}

/* .bisp-grp > h4/h5 were authored with no colour ("inherited, not
   tokenised"), so they inherited --body (#241a33) — dark ink on the VELVET
   band, i.e. "AIS Technolabs Casino Originals", "Our diverse iGaming
   software We Provide" and "Live Game API" were effectively invisible.
   Pre-existing, but this section is being reworked, so it is fixed here. */
#page-best-igaming-platform-software-provider .bisp-sec--velvet .bisp-grp > h4{color:#fff;}
#page-best-igaming-platform-software-provider .bisp-sec--velvet .bisp-grp > h5{color:var(--body-light);}

/* ══════════════════════════════════════════════════════════════════════════
   Portfolio — layout per /omaha-poker-software. CONTENT UNCHANGED.
   ══════════════════════════════════════════════════════════════════════════
   The five credential chips became the reference's five titled groups, each
   with its row of partner logos. Same five labels, same words, same order —
   they moved from <li> text to the group heading, which is exactly what the
   reference does with them. The 35 logos are this page's own CMS record
   (the same record the sibling /igaming-platform-software-provider renders),
   each URL verified 200 + image/* before being written in.

   TONE DIFFERENCE FROM THE REFERENCE, DELIBERATE. Omaha's Portfolio sits on
   a DARK band (.ops-on-ink-2) so its group headings are #fff and its rule is
   a light hairline. Here the section is .bisp-sec--linen — a LIGHT band — so
   the heading takes --body and the rule takes --line. Copying the reference's
   colours literally would have produced white-on-linen headings.

   The logo tiles keep the reference's geometry (white cell, centred, fixed
   min-height, capped logo box) because the sources are a mixed bag — 21
   distinct intrinsic sizes from 142x142 to 200x137 — and the cell is what
   makes a ragged set read as one row. A border is added that the reference
   does not need: its tiles are white on dark, these are white on linen. */
#page-best-igaming-platform-software-provider .bisp-folio{display:grid;gap:clamp(26px,3vw,40px);margin-top:34px;}
#page-best-igaming-platform-software-provider .bisp-folio__grp{border-top:1px solid var(--line);padding-top:22px;}
#page-best-igaming-platform-software-provider .bisp-folio__grp:first-child{border-top:0;padding-top:0;}
#page-best-igaming-platform-software-provider .bisp-folio__h{font-size:21px;font-weight:700;color:var(--body);margin:0;}
#page-best-igaming-platform-software-provider .bisp-folio__row{
  display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;padding:0;list-style:none;
}
#page-best-igaming-platform-software-provider .bisp-folio__row li{
  background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) - 8px);
  padding:12px 16px;display:flex;align-items:center;justify-content:center;
  min-height:78px;flex:0 1 auto;
}
/* width/height are declared on every <img> so the box is reserved before
   load. max-* caps the rendered box; width/height:auto keeps each logo's own
   ratio so none is stretched. */
/* Logo box raised ~18% from 132x44 on request. The tile's min-height goes up
   with it (66 -> 78): the cap plus the 12px vertical padding either side needs
   52+24=76px of room, so leaving min-height at 66 would have let the taller
   logos press against the tile edge. width/height:auto is retained so each
   logo keeps its own ratio — the sources are 21 distinct intrinsic sizes. */
#page-best-igaming-platform-software-provider .bisp-folio__row img{max-width:156px;max-height:52px;width:auto;height:auto;display:block;}
@media (max-width:520px){
  #page-best-igaming-platform-software-provider .bisp-folio__row{gap:10px;}
  #page-best-igaming-platform-software-provider .bisp-folio__row li{min-height:68px;padding:10px 12px;}
  #page-best-igaming-platform-software-provider .bisp-folio__row img{max-width:132px;max-height:46px;}
}

/* ══════════════════════════════════════════════════════════════════════════
   Modernization & Extension Services — each item in its own box.
   ══════════════════════════════════════════════════════════════════════════
   The five banner <figure>s are GONE from the markup, not hidden — five large
   .webp requests removed from the page rather than downloaded and display:none'd.

   WHY FULL-WIDTH STACKED BOXES rather than a card grid. This page's design
   contract (header of this file) states there is "no three-up feature-card
   grid anywhere", and the two remaining grid rhythms are already taken:
   .bisp-event is a 4-up card grid and .bisp-dom is a 2-up card grid, both
   white/--line/--r cards. A 2-up or 4-up here would read as a repeat of one
   of those. Stacking one box per item is distinct from every other section,
   and it keeps the ordinal rail that gives this section its identity.

   Every cell is placed EXPLICITLY. The auto-placement in the previous version
   of this rule is what put the copy into the 56px ordinal column in
   production; with the figure gone there are only three children now, but the
   placement stays explicit so a future fourth element cannot repeat it. */
#page-best-igaming-platform-software-provider .bisp-mods{margin-top:36px;display:flex;flex-direction:column;gap:16px;}
#page-best-igaming-platform-software-provider .bisp-mods li{
  display:grid;
  grid-template-columns:44px auto minmax(0,1fr);
  gap:0 20px;align-items:center;
  padding:24px 26px;border:1px solid var(--line);border-radius:var(--r);
  background:#fff;
  /* border-top/padding from the old hairline-list rule must be cancelled or
     the first box loses its top border and the rest sit on a double rule. */
  border-top:1px solid var(--line);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#page-best-igaming-platform-software-provider .bisp-mods li:first-child{border-top:1px solid var(--line);}
#page-best-igaming-platform-software-provider .bisp-mods li:hover{
  transform:translateY(-2px);border-color:var(--brass);
  box-shadow:0 10px 24px -16px rgba(36,26,51,.45);
}
#page-best-igaming-platform-software-provider .bisp-mods .bisp-mods__n{grid-column:1;grid-row:1;}
#page-best-igaming-platform-software-provider .bisp-mods .bisp-mod__ico{
  grid-column:2;grid-row:1;margin:0;
  display:block;height:44px;width:auto;max-width:52px;object-fit:contain;
}
#page-best-igaming-platform-software-provider .bisp-mods li > div{grid-column:3;grid-row:1;}
#page-best-igaming-platform-software-provider .bisp-mods h3{font-size:20px;color:var(--body);margin-bottom:6px;}
#page-best-igaming-platform-software-provider .bisp-mods p{font-size:16px;line-height:1.75;color:var(--body-soft);}

/* Phone — ordinal and glyph keep the top row, copy drops full width beneath.
   Placed explicitly for the same reason as above. */
@media (max-width:560px){
  #page-best-igaming-platform-software-provider .bisp-mods li{
    grid-template-columns:44px auto;gap:0 14px;padding:20px 18px;
  }
  #page-best-igaming-platform-software-provider .bisp-mods .bisp-mods__n{grid-column:1;grid-row:1;}
  #page-best-igaming-platform-software-provider .bisp-mods .bisp-mod__ico{grid-column:2;grid-row:1;}
  #page-best-igaming-platform-software-provider .bisp-mods li > div{grid-column:1 / -1;grid-row:2;margin-top:14px;}
}

/* ── the kicker sits ON the CTA, not beside it ───────────────────────────────
   .bisp-kicker is the one-line lead-in that introduces a CTA — "Develop
   top-notch iGaming platform today!" and "Want to know more about white-label
   solutions?". Both are already immediately before their <button> in the DOM,
   but the kicker was left-aligned while .bisp-btn is centred, so the line read
   as loose body copy off to the left rather than as the button's lead-in.

   Centred to match the button it introduces, and the gap between the two
   tightened from 34px to 14px so they read as one unit. Both instances are
   fixed: they share the class and the defect, and leaving the other one
   left-aligned would look like a bug. */
#page-best-igaming-platform-software-provider .bisp-kicker{text-align:center;}
#page-best-igaming-platform-software-provider .bisp-kicker + .bisp-btn{margin-top:14px;}
