/* ══════════════════════════════════════════════════════════════════════════
   /online-casino-game-software-developers — page-isolated stylesheet
   AISHTMLNEWDESIGN-367

   Visual direction: "TOOLROOM SPECIMEN" — an engineering workshop register
   for a page about DEVELOPERS. Ground is a graphite-teal iron (#12181a),
   the reading surface is a cool drafting sheet (#f1f4f1), and the two
   accents are gauge teal (#0a6f6d / #3ddad0) and kiln clay (#9a4526 /
   #e0764a). The composition motif is the SPECIMEN SHEET: hairline corner
   registration brackets around product art, tick-mark gauge rules, two-digit
   index tags hung in the margin, and a static dot grid on the iron sections.

   Deliberately NOT: Northern Frost (polar indigo / glacial ice / maple
   crimson, lattice), Obsidian Ledger (obsidian / bitcoin amber / mint /
   ivory, ledger rows), Dealer's Felt (table green / brass / bone, chip
   rail), Porcelain & Cobalt (porcelain / graphite / cobalt, betting grid).
   No purple, no repeated three-card grid, no two sections composed alike.

   Every rule is scoped to #page-online-casino-game-software-developers, 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 captions and labels
     · 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
   ══════════════════════════════════════════════════════════════════════════ */

#page-online-casino-game-software-developers{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --iron:#12181a;          /* graphite-teal ground             */
  --iron-2:#192225;        /* raised iron surface              */
  --iron-3:#263336;        /* hairline on iron                 */
  --sheet:#f1f4f1;         /* cool drafting sheet              */
  --sheet-2:#e6ebe6;       /* second sheet tone                */
  --paper:#ffffff;
  --line:#d5ddd6;
  --line-2:#bcc7bf;
  --body:#1e293b;          /* AA on paper and sheet            */
  --body-dark:#ccd8d6;     /* AA on iron (12.2:1)              */
  --strong:#0d1416;
  --teal:#0a6f6d;          /* gauge teal, AA on light (6.0:1)  */
  --teal-bright:#3ddad0;   /* same idea, on iron (10.3:1)      */
  --teal-tint:#e2f1ef;
  --clay:#9a4526;          /* kiln clay, AA on light (6.4:1)   */
  --clay-bright:#e0764a;   /* same idea, on iron (5.8:1)       */
  --clay-tint:#fbeee7;

  --wrap:1280px;
  --gut:clamp(20px,4vw,44px);
  --sec:clamp(60px,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-online-casino-game-software-developers *,
#page-online-casino-game-software-developers *::before,
#page-online-casino-game-software-developers *::after{box-sizing:border-box;}
#page-online-casino-game-software-developers h1,
#page-online-casino-game-software-developers h2,
#page-online-casino-game-software-developers h3,
#page-online-casino-game-software-developers h4,
#page-online-casino-game-software-developers p,
#page-online-casino-game-software-developers ul,
#page-online-casino-game-software-developers ol,
#page-online-casino-game-software-developers dl,
#page-online-casino-game-software-developers dd,
#page-online-casino-game-software-developers figure,
#page-online-casino-game-software-developers table,
#page-online-casino-game-software-developers blockquote{margin:0;}
#page-online-casino-game-software-developers ul,
#page-online-casino-game-software-developers ol{list-style:none;padding:0;}
#page-online-casino-game-software-developers img{max-width:100%;height:auto;display:block;}
#page-online-casino-game-software-developers h1,
#page-online-casino-game-software-developers h2,
#page-online-casino-game-software-developers h3,
#page-online-casino-game-software-developers h4{
  color:var(--strong);font-weight:800;letter-spacing:-.02em;line-height:1.16;
}
#page-online-casino-game-software-developers :focus-visible{
  outline:3px solid var(--teal-bright);outline-offset:3px;border-radius:4px;
}

/* ── layout primitives ──────────────────────────────────────────────────── */
#page-online-casino-game-software-developers .ocd-wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
}
#page-online-casino-game-software-developers .ocd-sec{padding-block:var(--sec);}
#page-online-casino-game-software-developers .ocd-sec--paper{background:var(--paper);}
#page-online-casino-game-software-developers .ocd-sec--sheet{
  background:var(--sheet);border-block:1px solid var(--line);
}
#page-online-casino-game-software-developers .ocd-sec--sheet2{background:var(--sheet-2);}
#page-online-casino-game-software-developers .ocd-sec--iron{
  background:var(--iron);color:var(--body-dark);
}
#page-online-casino-game-software-developers .ocd-sec--iron h2,
#page-online-casino-game-software-developers .ocd-sec--iron h3,
#page-online-casino-game-software-developers .ocd-sec--iron h4{color:#fff;}

/* the specimen ground: a faint, STATIC engineering dot grid — never animated */
#page-online-casino-game-software-developers .ocd-dotted{
  background-image:radial-gradient(circle at 1px 1px,rgba(61,218,208,.13) 1px,transparent 0);
  background-size:26px 26px;
  background-color:var(--iron);
}

#page-online-casino-game-software-developers .ocd-mt{margin-top:20px;}

/* ── type scale ─────────────────────────────────────────────────────────── */
#page-online-casino-game-software-developers .ocd-eyebrow{
  display:inline-flex;align-items:center;gap:11px;
  font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--teal);margin:0 0 15px;
}
#page-online-casino-game-software-developers .ocd-eyebrow::before{
  content:"";flex:none;width:30px;height:8px;
  background-image:linear-gradient(90deg,currentColor 2px,transparent 2px);
  background-size:6px 100%;   /* gauge ticks */
  opacity:.85;
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-eyebrow,
#page-online-casino-game-software-developers .ocd-dotted .ocd-eyebrow{color:var(--teal-bright);}
#page-online-casino-game-software-developers .ocd-sec--clay .ocd-eyebrow{color:var(--clay);}

#page-online-casino-game-software-developers .ocd-h2{
  font-size:clamp(31px,3.8vw,48px);max-width:20ch;
}
#page-online-casino-game-software-developers .ocd-h2--wide{max-width:30ch;}
#page-online-casino-game-software-developers .ocd-h2--band{max-width:22ch;color:#fff;}
#page-online-casino-game-software-developers .ocd-h3-section{
  font-size:clamp(27px,3vw,38px);
}
#page-online-casino-game-software-developers .ocd-lede{
  font-size:clamp(17px,1.6vw,20px);line-height:1.62;color:var(--body);max-width:64ch;
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-lede{color:var(--body-dark);}
#page-online-casino-game-software-developers .ocd-copy-p{
  font-size:17px;color:var(--body);max-width:74ch;
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-copy-p{color:var(--body-dark);}

/* section headers — asymmetric by default, solo when the H2 carries alone */
#page-online-casino-game-software-developers .ocd-head{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(22px,3.4vw,58px);align-items:end;
  margin-bottom:clamp(34px,4.4vw,58px);
}
#page-online-casino-game-software-developers .ocd-head--solo{grid-template-columns:minmax(0,1fr);}
#page-online-casino-game-software-developers .ocd-head--center{text-align:center;}
#page-online-casino-game-software-developers .ocd-head--center .ocd-eyebrow{justify-content:center;}
#page-online-casino-game-software-developers .ocd-head--center .ocd-h2{margin-inline:auto;}

/* a ruled sub-heading, used where the source nests a title inside a section */
#page-online-casino-game-software-developers .ocd-h3-rule{
  font-size:clamp(19px,1.9vw,24px);
  padding-bottom:12px;border-bottom:2px solid var(--line-2);
  margin-bottom:20px;
}
#page-online-casino-game-software-developers .ocd-h3-sub{
  font-size:clamp(19px,1.9vw,24px);margin-bottom:12px;
}

/* inline body links — a second destination is a text link, never a button */
#page-online-casino-game-software-developers .ocd-ilink{
  color:var(--clay);font-weight:700;
  border-bottom:2px solid rgba(154,69,38,.35);
  transition:color .18s ease,border-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-ilink:hover,
#page-online-casino-game-software-developers .ocd-ilink:focus-visible{
  color:var(--teal);border-color:var(--teal);
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-ilink,
#page-online-casino-game-software-developers .ocd-dotted .ocd-ilink{
  color:var(--clay-bright);border-bottom-color:rgba(224,118,74,.45);
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-ilink:hover,
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-ilink:focus-visible{
  color:var(--teal-bright);border-color:var(--teal-bright);
}

/* ── buttons ────────────────────────────────────────────────────────────── */
#page-online-casino-game-software-developers .ocd-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-online-casino-game-software-developers .ocd-btn--sm{min-height:46px;padding:11px 22px;font-size:16px;}
#page-online-casino-game-software-developers .ocd-btn--teal{
  background:var(--teal);color:#fff;border-color:var(--teal);
  box-shadow:0 14px 30px -18px rgba(10,111,109,.9);
}
#page-online-casino-game-software-developers .ocd-btn--teal:hover{
  background:#08514f;border-color:#08514f;transform:translateY(-2px);
}
#page-online-casino-game-software-developers .ocd-btn--teal:active{transform:translateY(0);}
#page-online-casino-game-software-developers .ocd-btn--clay{
  background:var(--clay);color:#fff;border-color:var(--clay);
  box-shadow:0 14px 30px -18px rgba(154,69,38,.9);
}
#page-online-casino-game-software-developers .ocd-btn--clay:hover{
  background:#7d3419;border-color:#7d3419;transform:translateY(-2px);
}
#page-online-casino-game-software-developers .ocd-btn--clay:active{transform:translateY(0);}
#page-online-casino-game-software-developers .ocd-btn--iron{
  background:var(--iron);color:#fff;border-color:var(--iron);
}
#page-online-casino-game-software-developers .ocd-btn--iron:hover{
  background:var(--teal);border-color:var(--teal);transform:translateY(-2px);
}
#page-online-casino-game-software-developers .ocd-btn--iron:active{transform:translateY(0);}
#page-online-casino-game-software-developers .ocd-btn[disabled]{
  opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;
}
#page-online-casino-game-software-developers .ocd-cta-row{margin-top:clamp(26px,3vw,38px);}
#page-online-casino-game-software-developers .ocd-cta-row--center{text-align:center;}

/* ══ HERO — rule 24: full-bleed, static gradient + static dot grid, no
   media of any kind, content in a centred 900px column ═════════════════ */
#page-online-casino-game-software-developers .ocd-hero{
  width:100%;
  padding:clamp(66px,8vw,126px) 24px clamp(56px,6.5vw,94px);
  background-color:var(--iron);
  background-image:
    radial-gradient(circle at 1px 1px,rgba(61,218,208,.14) 1px,transparent 0),
    radial-gradient(940px 460px at 50% -10%,rgba(61,218,208,.20),transparent 64%),
    radial-gradient(720px 380px at 10% 112%,rgba(224,118,74,.17),transparent 66%),
    linear-gradient(177deg,#151d20 0%,#12181a 56%,#0f1517 100%);
  background-size:26px 26px,auto,auto,auto;
  border-bottom:1px solid var(--iron-3);
  color:var(--body-dark);
  text-align:center;
}
#page-online-casino-game-software-developers .ocd-hero__inner{
  max-width:900px;margin-inline:auto;
}
#page-online-casino-game-software-developers .ocd-hero__tag{
  display:inline-block;
  padding:9px 20px;border:1px solid rgba(61,218,208,.42);border-radius:4px;
  background:rgba(61,218,208,.08);
  font-size:16px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--teal-bright);
}
#page-online-casino-game-software-developers .ocd-hero h1{
  margin-top:clamp(22px,2.6vw,30px);
  font-size:clamp(37px,5vw,66px);line-height:1.07;color:#fff;
  letter-spacing:-.028em;
}
#page-online-casino-game-software-developers .ocd-hero h1 em{
  font-style:normal;color:var(--teal-bright);
}
#page-online-casino-game-software-developers .ocd-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:78ch;margin-inline:auto;
}
#page-online-casino-game-software-developers .ocd-hero .ocd-btn{
  margin-top:clamp(28px,3.2vw,40px);
}
#page-online-casino-game-software-developers .ocd-hero__facts{
  margin-top:clamp(34px,4vw,54px);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,26px);text-align:left;
  border-top:1px solid var(--iron-3);padding-top:clamp(24px,3vw,32px);
}
#page-online-casino-game-software-developers .ocd-hero__facts li{
  border-left:2px solid var(--teal-bright);padding-left:16px;
}
#page-online-casino-game-software-developers .ocd-hero__facts b{
  display:block;font-size:17px;font-weight:800;color:#fff;line-height:1.35;
}
#page-online-casino-game-software-developers .ocd-hero__facts span{
  display:block;margin-top:6px;font-size:16px;color:var(--body-dark);line-height:1.5;
}

/* ══ breadcrumb strip ════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-crumbbar{
  background:var(--iron-2);border-bottom:1px solid var(--iron-3);
}
#page-online-casino-game-software-developers .ocd-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; recoloured so they read
   on this page's iron and sheet surfaces */
#page-online-casino-game-software-developers .ocd-crumb img{
  width:14px;height:14px;filter:brightness(0) invert(1);opacity:.75;
}
#page-online-casino-game-software-developers .ocd-crumb a{color:var(--teal-bright);font-weight:700;}
#page-online-casino-game-software-developers .ocd-crumb a:hover{text-decoration:underline;}
#page-online-casino-game-software-developers .ocd-crumb [aria-current]{color:#fff;font-weight:600;}

/* ══ split composition + registration-bracket plate ══════════════════════ */
#page-online-casino-game-software-developers .ocd-split{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(30px,4.5vw,72px);align-items:center;
}
#page-online-casino-game-software-developers .ocd-split--rev > figure{order:-1;}
/* CMS art is small (315-700px intrinsic). The plate shrink-wraps it so the
   bitmap is never upscaled past its natural size and stays crisp. */
#page-online-casino-game-software-developers .ocd-plate{
  position:relative;padding:18px;
  width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;
}
#page-online-casino-game-software-developers .ocd-plate::before,
#page-online-casino-game-software-developers .ocd-plate::after{
  content:"";position:absolute;width:56px;height:56px;pointer-events:none;
  border:2px solid var(--teal);
}
#page-online-casino-game-software-developers .ocd-plate::before{
  top:0;left:0;border-right:0;border-bottom:0;
}
#page-online-casino-game-software-developers .ocd-plate::after{
  bottom:0;right:0;border-left:0;border-top:0;
}
#page-online-casino-game-software-developers .ocd-plate--clay::before,
#page-online-casino-game-software-developers .ocd-plate--clay::after{border-color:var(--clay);}
#page-online-casino-game-software-developers .ocd-plate--flat::before,
#page-online-casino-game-software-developers .ocd-plate--flat::after{border-color:rgba(255,255,255,.55);}
#page-online-casino-game-software-developers .ocd-plate img{
  position:relative;width:auto;max-width:100%;
  border-radius:var(--r);
}

/* ══ gauge strip (trust figures) ═════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-gauge{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  border:1px solid var(--iron-3);border-radius:var(--r);overflow:hidden;
  background:rgba(255,255,255,.02);
}
#page-online-casino-game-software-developers .ocd-gauge > li{
  padding:clamp(20px,2.4vw,30px) clamp(10px,1.2vw,16px);
  border-left:1px solid var(--iron-3);
  transition:background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-gauge > li:first-child{border-left:0;}
#page-online-casino-game-software-developers .ocd-gauge > li:hover{background:rgba(61,218,208,.06);}
#page-online-casino-game-software-developers .ocd-gauge h3{
  font-size:clamp(23px,2.2vw,31px);color:var(--teal-bright);letter-spacing:-.035em;
  white-space:nowrap;
}
#page-online-casino-game-software-developers .ocd-gauge p{
  margin-top:8px;font-size:16px;color:var(--body-dark);line-height:1.45;
}

/* ══ capability index — two columns of margin-tagged rows ════════════════ */
#page-online-casino-game-software-developers .ocd-index{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,4vw,72px);
}
#page-online-casino-game-software-developers .ocd-index > li{
  display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;
  padding-block:clamp(20px,2.4vw,28px);
  border-top:1px solid var(--line);
}
#page-online-casino-game-software-developers .ocd-index > li > i{
  font-style:normal;font-size:17px;font-weight:800;letter-spacing:.08em;
  color:var(--teal);padding-top:3px;
}
#page-online-casino-game-software-developers .ocd-index h3{font-size:clamp(18px,1.8vw,21px);}
#page-online-casino-game-software-developers .ocd-index p{
  margin-top:9px;font-size:17px;color:var(--body);
}

/* ══ conversion band (Turn Your Casino Game Vision into Reality!) ════════ */
#page-online-casino-game-software-developers .ocd-band{
  background-color:var(--iron);
  background-image:
    linear-gradient(118deg,rgba(10,111,109,.42) 0%,rgba(10,111,109,0) 52%),
    linear-gradient(180deg,#162023 0%,#12181a 100%);
  border-block:1px solid var(--iron-3);
  color:var(--body-dark);
}
#page-online-casino-game-software-developers .ocd-band__grid{
  display:grid;grid-template-columns:minmax(0,1.55fr) auto;
  gap:clamp(26px,4vw,64px);align-items:center;
}
#page-online-casino-game-software-developers .ocd-band p{
  margin-top:16px;font-size:clamp(17px,1.6vw,20px);color:var(--body-dark);max-width:60ch;
}

/* ══ tabs (Choose Your Gaming Solution) ══════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-tabs{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(28px,3.4vw,44px);
}
#page-online-casino-game-software-developers .ocd-tab{
  font:inherit;font-size:17px;font-weight:700;
  min-height:50px;padding:12px 24px;cursor:pointer;border-radius:6px;
  background:transparent;color:var(--body);
  border:2px solid var(--line-2);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-tab:hover{border-color:var(--teal);color:var(--teal);}
#page-online-casino-game-software-developers .ocd-tab.is-active{
  background:var(--iron);border-color:var(--iron);color:#fff;
}
#page-online-casino-game-software-developers .ocd-panel{margin-top:clamp(22px,2.6vw,32px);}

#page-online-casino-game-software-developers .ocd-games{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);
}
#page-online-casino-game-software-developers .ocd-games a{display:block;height:100%;}
#page-online-casino-game-software-developers .ocd-games__art{
  display:block;background:var(--paper);border:1px solid var(--line-2);
  border-radius:var(--r);overflow:hidden;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
#page-online-casino-game-software-developers .ocd-games__art img{
  width:100%;aspect-ratio:4/3;object-fit:cover;
}
#page-online-casino-game-software-developers .ocd-games a:hover .ocd-games__art{
  border-color:var(--teal);transform:translateY(-3px);
  box-shadow:0 20px 36px -26px rgba(13,20,22,.65);
}
#page-online-casino-game-software-developers .ocd-games h3{
  margin-top:12px;font-size:17px;text-align:center;
}
#page-online-casino-game-software-developers .ocd-games a:hover h3{color:var(--teal);}

#page-online-casino-game-software-developers .ocd-providers{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1px;background:var(--line-2);
  border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-providers > li{
  background:var(--paper);padding:clamp(16px,2vw,22px);
  display:flex;flex-direction:column;align-items:center;gap:12px;
  transition:background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-providers > li:hover{background:var(--teal-tint);}
#page-online-casino-game-software-developers .ocd-providers h3{
  font-size:16px;font-weight:700;text-align:center;order:2;
}
#page-online-casino-game-software-developers .ocd-providers img{
  width:auto;max-height:52px;object-fit:contain;order:1;
}

/* ══ portfolio shelves ═══════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-shelves{display:grid;gap:clamp(28px,3.4vw,44px);}
#page-online-casino-game-software-developers .ocd-shelf{
  display:grid;grid-template-columns:230px minmax(0,1fr);
  gap:clamp(20px,3vw,44px);align-items:start;
  border-top:2px solid var(--iron);padding-top:clamp(20px,2.4vw,28px);
}
#page-online-casino-game-software-developers .ocd-shelf:nth-child(even){border-top-color:var(--clay);}
#page-online-casino-game-software-developers .ocd-shelf h3{
  font-size:clamp(18px,1.8vw,22px);
  display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;
}
#page-online-casino-game-software-developers .ocd-shelf h3 i{
  font-style:normal;font-size:16px;font-weight:700;color:var(--teal);letter-spacing:.1em;
}
#page-online-casino-game-software-developers .ocd-shelf ul{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;
}
#page-online-casino-game-software-developers .ocd-shelf ul li{
  display:flex;align-items:center;justify-content:center;
  min-height:96px;padding:14px;
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);
  transition:border-color .18s ease,background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-shelf ul li:hover{
  border-color:var(--teal);background:var(--teal-tint);
}
#page-online-casino-game-software-developers .ocd-shelf ul img{
  width:auto;max-height:62px;object-fit:contain;
}

/* ══ screenshot rail — scroll-snapped by the USER, nothing auto-advances ══ */
#page-online-casino-game-software-developers .ocd-rail{
  display:flex;gap:clamp(16px,2vw,26px);
  padding-inline:var(--gut);padding-bottom:14px;
  overflow-x:auto;scroll-snap-type:x mandatory;
}
#page-online-casino-game-software-developers .ocd-rail > li{
  flex:0 0 auto;scroll-snap-align:center;
  border:1px solid var(--iron-3);border-radius:var(--r);overflow:hidden;
  background:var(--iron-2);
}
#page-online-casino-game-software-developers .ocd-rail img{width:min(542px,78vw);height:auto;}

/* ══ feature matrix ══════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-matrix{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-matrix > li{
  background:var(--paper);padding:clamp(22px,2.5vw,30px);
  transition:background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-matrix > li:hover{background:var(--teal-tint);}
#page-online-casino-game-software-developers .ocd-matrix h3{
  font-size:18px;padding-left:18px;position:relative;
}
#page-online-casino-game-software-developers .ocd-matrix h3::before{
  content:"";position:absolute;left:0;top:.42em;
  width:8px;height:8px;background:var(--clay);
}
#page-online-casino-game-software-developers .ocd-matrix p{
  margin-top:10px;font-size:16px;color:var(--body);
}

/* ══ variant mosaic ══════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-mosaic{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));
  gap:clamp(10px,1.4vw,16px);
}
#page-online-casino-game-software-developers .ocd-mosaic > li{
  border:1px solid var(--iron-3);border-radius:8px;overflow:hidden;background:var(--iron-2);
  transition:border-color .18s ease,transform .18s ease;
}
#page-online-casino-game-software-developers .ocd-mosaic > li:hover{
  border-color:var(--teal-bright);transform:translateY(-3px);
}
#page-online-casino-game-software-developers .ocd-mosaic img{width:100%;aspect-ratio:214/120;object-fit:cover;}

/* ══ delivery tracks (Future-Ready Solutions) ════════════════════════════ */
#page-online-casino-game-software-developers .ocd-tracks{display:grid;}
#page-online-casino-game-software-developers .ocd-track{
  display:grid;grid-template-columns:74px minmax(0,1.25fr) minmax(0,.95fr);
  gap:clamp(18px,3vw,44px);align-items:start;
  border-top:1px solid var(--line);padding-block:clamp(24px,3vw,38px);
}
#page-online-casino-game-software-developers .ocd-track:last-child{border-bottom:1px solid var(--line);}
#page-online-casino-game-software-developers .ocd-track__idx{
  font-size:clamp(24px,2.8vw,34px);font-weight:800;line-height:1;
  color:var(--clay);letter-spacing:-.04em;
}
#page-online-casino-game-software-developers .ocd-track__body h3{font-size:clamp(20px,2vw,26px);}
#page-online-casino-game-software-developers .ocd-track__body p{
  margin-top:12px;font-size:17px;color:var(--body);
}

/* shared checklist — a gauge tick, drawn in CSS (no icon request) */
#page-online-casino-game-software-developers .ocd-checks{display:grid;gap:11px;}
#page-online-casino-game-software-developers .ocd-checks > li{
  position:relative;padding-left:26px;font-size:16px;color:var(--body);line-height:1.5;
}
#page-online-casino-game-software-developers .ocd-checks > li::before{
  content:"";position:absolute;left:0;top:.42em;
  width:10px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);
  transform:rotate(-45deg);
}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-checks > li{color:var(--body-dark);}
#page-online-casino-game-software-developers .ocd-sec--iron .ocd-checks > li::before{
  border-color:var(--teal-bright);
}

/* ══ service swatches ════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-swatches{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,28px);
}
#page-online-casino-game-software-developers .ocd-swatches > li{
  background:var(--paper);border:1px solid var(--line);
  border-top:4px solid var(--clay);
  padding:clamp(20px,2.3vw,28px);border-radius:0 0 var(--r) var(--r);
  transition:border-top-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
#page-online-casino-game-software-developers .ocd-swatches > li:nth-child(even){border-top-color:var(--teal);}
#page-online-casino-game-software-developers .ocd-swatches > li:hover{
  transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(13,20,22,.6);
}
#page-online-casino-game-software-developers .ocd-swatches h3{font-size:18px;}
#page-online-casino-game-software-developers .ocd-swatches p{margin-top:11px;font-size:16px;color:var(--body);}

/* ══ deployment targets (2x2 bracketed panels) ═══════════════════════════ */
#page-online-casino-game-software-developers .ocd-targets{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,34px);
}
#page-online-casino-game-software-developers .ocd-targets > li{
  position:relative;padding:clamp(24px,2.8vw,36px);
  background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);
}
#page-online-casino-game-software-developers .ocd-targets > li::after{
  content:"";position:absolute;right:14px;bottom:14px;width:40px;height:40px;
  border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);
  opacity:.55;pointer-events:none;
}
#page-online-casino-game-software-developers .ocd-targets__ic{
  width:70px;height:70px;display:flex;align-items:center;justify-content:center;
  background:var(--paper);border:1px solid var(--line-2);border-radius:8px;margin-bottom:18px;
}
#page-online-casino-game-software-developers .ocd-targets__ic img{width:44px;height:44px;object-fit:contain;}
#page-online-casino-game-software-developers .ocd-targets h3{font-size:clamp(19px,1.9vw,23px);}
#page-online-casino-game-software-developers .ocd-targets > li > p{
  margin-block:12px 18px;font-size:17px;color:var(--body);
}

/* ══ cross-link chips ════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-chips{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;
}
#page-online-casino-game-software-developers .ocd-chip{
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 18px;border-radius:999px;
  background:var(--paper);border:1px solid var(--line-2);
  font-size:16px;font-weight:600;color:var(--body);
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
#page-online-casino-game-software-developers .ocd-chip:hover,
#page-online-casino-game-software-developers .ocd-chip:focus-visible{
  background:var(--iron);border-color:var(--iron);color:#fff;
}

/* ══ work-order stages ═══════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-stages{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;
  background:var(--iron-3);border:1px solid var(--iron-3);border-radius:var(--r);overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-stages > li{
  background:var(--iron-2);padding:clamp(20px,2.3vw,28px);
  transition:background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-stages > li:hover{background:#1f2a2d;}
#page-online-casino-game-software-developers .ocd-stages > li > h3{
  font-size:18px;padding-bottom:12px;margin-bottom:14px;
  border-bottom:1px solid var(--iron-3);
}
#page-online-casino-game-software-developers .ocd-stages ul{display:grid;gap:10px;}
#page-online-casino-game-software-developers .ocd-stages ul li{
  position:relative;padding-left:18px;font-size:16px;color:var(--body-dark);line-height:1.5;
}
#page-online-casino-game-software-developers .ocd-stages ul li::before{
  content:"";position:absolute;left:0;top:.6em;width:9px;height:2px;background:var(--teal-bright);
}

/* ══ technology stack table ══════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-stack{
  width:100%;border-collapse:collapse;
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-stack th,
#page-online-casino-game-software-developers .ocd-stack td{
  padding:clamp(18px,2.2vw,26px);text-align:left;vertical-align:middle;
  border-top:1px solid var(--line);
}
#page-online-casino-game-software-developers .ocd-stack tr:first-child th,
#page-online-casino-game-software-developers .ocd-stack tr:first-child td{border-top:0;}
#page-online-casino-game-software-developers .ocd-stack th{
  width:min(34%,320px);font-size:18px;font-weight:800;color:var(--strong);
  background:var(--sheet);
  border-right:1px solid var(--line);
}
#page-online-casino-game-software-developers .ocd-stack td{display:flex;flex-wrap:wrap;gap:10px;}
#page-online-casino-game-software-developers .ocd-stack td span{
  display:inline-flex;align-items:center;padding:9px 16px;border-radius:4px;
  background:var(--iron);color:#fff;font-size:16px;font-weight:600;letter-spacing:.01em;
}

/* ══ case-study records ══════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-cases{display:grid;}
#page-online-casino-game-software-developers .ocd-cases > li{
  display:grid;grid-template-columns:70px minmax(0,1fr) auto;
  gap:clamp(16px,2.4vw,36px);align-items:center;
  border-top:1px solid var(--line-2);padding-block:clamp(22px,2.6vw,32px);
}
#page-online-casino-game-software-developers .ocd-cases > li:last-child{border-bottom:1px solid var(--line-2);}
#page-online-casino-game-software-developers .ocd-cases i{
  font-style:normal;font-size:clamp(22px,2.4vw,30px);font-weight:800;
  color:var(--teal);letter-spacing:-.03em;
}
#page-online-casino-game-software-developers .ocd-cases h3{font-size:clamp(18px,1.85vw,23px);}

/* ══ engagement lanes ════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-lanes{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.4vw,54px);
}
#page-online-casino-game-software-developers .ocd-lanes > li{
  border-top:3px solid var(--iron);padding-top:clamp(20px,2.4vw,28px);
}
#page-online-casino-game-software-developers .ocd-lanes > li:nth-child(2){border-top-color:var(--teal);}
#page-online-casino-game-software-developers .ocd-lanes > li:nth-child(3){border-top-color:var(--clay);}
/* these CMS icons are drawn with WHITE strokes (authored for a dark surface),
   so they are seated on an iron tile rather than left invisible on paper */
#page-online-casino-game-software-developers .ocd-lanes img{
  width:52px;height:52px;padding:11px;object-fit:contain;
  background:var(--iron);border-radius:8px;
}
#page-online-casino-game-software-developers .ocd-lanes h3{margin-top:16px;font-size:clamp(19px,1.9vw,24px);}
#page-online-casino-game-software-developers .ocd-lanes p{margin-top:12px;font-size:17px;color:var(--body);}

/* ══ market flags ════════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-flags{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:12px;
}
#page-online-casino-game-software-developers .ocd-flags > li{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;min-height:66px;
  background:var(--iron-2);border:1px solid var(--iron-3);border-radius:8px;
  font-size:17px;font-weight:600;color:#fff;
  transition:border-color .18s ease,background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-flags > li:hover{
  border-color:var(--teal-bright);background:#1f2a2d;
}
#page-online-casino-game-software-developers .ocd-flags img{
  width:44px;height:30px;flex:none;object-fit:cover;border-radius:3px;
}

/* ══ scope-of-work specimen sheets ═══════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-sheets{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,32px);
}
#page-online-casino-game-software-developers .ocd-sheets > li{
  position:relative;background:var(--paper);
  border:1px solid var(--line);border-left:4px solid var(--teal);
  padding:clamp(24px,2.8vw,34px);border-radius:0 var(--r) var(--r) 0;
}
#page-online-casino-game-software-developers .ocd-sheets__idx{
  display:block;font-size:16px;font-weight:800;letter-spacing:.14em;
  color:var(--clay);margin-bottom:10px;
}
#page-online-casino-game-software-developers .ocd-sheets h3{font-size:clamp(19px,1.9vw,23px);}
#page-online-casino-game-software-developers .ocd-sheets > li > p{
  margin-top:12px;font-size:17px;color:var(--body);
}
/* the source repeats the first entry's title inside its own body; kept
   verbatim but set as a quieter restatement line so it does not read as
   an authoring mistake in this page */
#page-online-casino-game-software-developers .ocd-sheets__repeat{
  font-weight:700;color:var(--teal);
}
#page-online-casino-game-software-developers .ocd-sheets .ocd-checks{margin-top:18px;}

/* ══ hiring roster ═══════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-roster{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,4vw,72px);
}
#page-online-casino-game-software-developers .ocd-roster > li{
  border-top:1px solid var(--line);padding-block:clamp(20px,2.4vw,30px);
  padding-left:22px;position:relative;
}
#page-online-casino-game-software-developers .ocd-roster > li::before{
  content:"";position:absolute;left:0;top:clamp(24px,2.6vw,34px);
  width:10px;height:10px;border:2px solid var(--clay);border-radius:50%;
}
#page-online-casino-game-software-developers .ocd-roster h3{font-size:clamp(18px,1.8vw,21px);}
#page-online-casino-game-software-developers .ocd-roster p{margin-top:10px;font-size:17px;color:var(--body);}

/* ══ product family shelf ════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-family{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
  background:var(--iron-3);border:1px solid var(--iron-3);border-radius:var(--r);overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-family > li{
  background:var(--iron-2);padding:clamp(24px,2.8vw,34px);
  transition:background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-family > li:hover{background:#1f2a2d;}
#page-online-casino-game-software-developers .ocd-family h3{
  font-size:clamp(20px,2vw,26px);letter-spacing:-.025em;
}
#page-online-casino-game-software-developers .ocd-family h3::after{
  content:"";display:block;width:44px;height:3px;background:var(--clay-bright);margin-top:14px;
}
#page-online-casino-game-software-developers .ocd-family p{
  margin-top:16px;font-size:16px;color:var(--body-dark);
}

/* ══ level-up band (clay) ════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-sec--clay{
  background-color:var(--clay-tint);
  background-image:linear-gradient(155deg,rgba(224,118,74,.22) 0%,rgba(224,118,74,0) 58%);
  border-block:1px solid rgba(154,69,38,.24);
}
#page-online-casino-game-software-developers .ocd-levelup{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  gap:clamp(28px,4vw,64px);align-items:center;
}
#page-online-casino-game-software-developers .ocd-aside{
  margin-top:18px;font-size:16px;color:var(--body);
}
#page-online-casino-game-software-developers .ocd-sec--clay .ocd-plate--flat::before,
#page-online-casino-game-software-developers .ocd-sec--clay .ocd-plate--flat::after{
  border-color:var(--clay);
}

/* ══ demo cards — one CTA per card (rule 25 card exception) ══════════════ */
#page-online-casino-game-software-developers .ocd-demos{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
}
#page-online-casino-game-software-developers .ocd-demo-card{
  background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);
  padding:clamp(22px,2.6vw,32px);
  display:flex;flex-direction:column;align-items:flex-start;gap:16px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#page-online-casino-game-software-developers .ocd-demo-card:hover{
  border-color:var(--teal);box-shadow:0 24px 46px -32px rgba(13,20,22,.6);
}
#page-online-casino-game-software-developers .ocd-demo-card__ic img{width:56px;height:56px;object-fit:contain;}
#page-online-casino-game-software-developers .ocd-demo-card h4{font-size:clamp(19px,1.9vw,23px);}
#page-online-casino-game-software-developers .ocd-demo-card dl{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;width:100%;
}
#page-online-casino-game-software-developers .ocd-demo-card dt{
  font-size:16px;font-weight:700;color:var(--teal);
}
#page-online-casino-game-software-developers .ocd-demo-card dd{
  font-size:16px;color:var(--body);word-break:break-word;
}
#page-online-casino-game-software-developers .ocd-demo-card .ocd-btn{margin-top:auto;}

/* ══ why choose AIS ══════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-why{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(30px,4vw,72px);align-items:start;
}
#page-online-casino-game-software-developers .ocd-points{display:grid;}
#page-online-casino-game-software-developers .ocd-points > li{
  font-size:clamp(17px,1.7vw,20px);font-weight:700;color:var(--strong);
  padding-block:clamp(16px,2vw,22px);
  border-top:1px solid var(--line);
}
#page-online-casino-game-software-developers .ocd-points > li:last-child{border-bottom:1px solid var(--line);}

/* ══ further-reading index ═══════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-readlist{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,4vw,64px);
}
#page-online-casino-game-software-developers .ocd-readlist > li{border-top:1px solid var(--line);}
#page-online-casino-game-software-developers .ocd-readlist a{
  display:block;padding-block:clamp(14px,1.8vw,20px);padding-right:26px;
  font-size:17px;font-weight:600;color:var(--body);position:relative;
  transition:color .18s ease,padding-left .18s ease;
}
#page-online-casino-game-software-developers .ocd-readlist a::after{
  content:"";position:absolute;right:6px;top:50%;
  width:9px;height:9px;margin-top:-5px;
  border-top:2px solid var(--clay);border-right:2px solid var(--clay);
  transform:rotate(45deg);
}
#page-online-casino-game-software-developers .ocd-readlist a:hover,
#page-online-casino-game-software-developers .ocd-readlist a:focus-visible{
  color:var(--teal);padding-left:8px;
}

/* ══ FAQ accordion — motion is user-initiated (rule 26) ══════════════════ */
#page-online-casino-game-software-developers .ocd-faq{
  display:grid;gap:12px;max-width:1000px;margin-inline:auto;
}
#page-online-casino-game-software-developers .ocd-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-online-casino-game-software-developers .ocd-faq details[open]{
  border-color:var(--teal);box-shadow:0 16px 34px -28px rgba(13,20,22,.65);
}
#page-online-casino-game-software-developers .ocd-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(18px,2vw,24px);cursor:pointer;list-style:none;
}
#page-online-casino-game-software-developers .ocd-faq summary::-webkit-details-marker{display:none;}
#page-online-casino-game-software-developers .ocd-faq summary h3{
  font-size:clamp(17px,1.7vw,20px);font-weight:700;line-height:1.4;
}
#page-online-casino-game-software-developers .ocd-faq summary:hover h3{color:var(--teal);}
#page-online-casino-game-software-developers .ocd-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-online-casino-game-software-developers .ocd-faq summary i::before,
#page-online-casino-game-software-developers .ocd-faq summary i::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--iron);
  transform:translate(-50%,-50%);transition:opacity .18s ease,background-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-faq summary i::before{width:14px;height:2px;}
#page-online-casino-game-software-developers .ocd-faq summary i::after{width:2px;height:14px;}
#page-online-casino-game-software-developers .ocd-faq details[open] summary i{
  background:var(--teal);border-color:var(--teal);
}
#page-online-casino-game-software-developers .ocd-faq details[open] summary i::before{background:#fff;}
#page-online-casino-game-software-developers .ocd-faq details[open] summary i::after{opacity:0;}
#page-online-casino-game-software-developers .ocd-faq__a{
  padding:0 clamp(18px,2vw,24px) clamp(20px,2.2vw,26px);
}
#page-online-casino-game-software-developers .ocd-faq__a p{font-size:17px;color:var(--body);}

/* ══ customer stories ════════════════════════════════════════════════════ */
#page-online-casino-game-software-developers .ocd-stories{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
}
#page-online-casino-game-software-developers .ocd-story{
  background:var(--iron-2);border:1px solid var(--iron-3);border-radius:var(--r);
  padding:clamp(18px,2vw,24px);
}
#page-online-casino-game-software-developers .ocd-play{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:#0a0f10;border-radius:8px;overflow:hidden;
}
#page-online-casino-game-software-developers .ocd-play img{width:100%;aspect-ratio:4/3;object-fit:cover;}
#page-online-casino-game-software-developers .ocd-play span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--iron);
}
#page-online-casino-game-software-developers .ocd-play span svg{
  width:20px;height:22px;
  padding:20px 18px 20px 24px;box-sizing:content-box;
  border-radius:50%;background:var(--teal-bright);
  box-shadow:0 14px 34px -12px rgba(0,0,0,.85);
  transition:background-color .18s ease,transform .18s ease;
}
#page-online-casino-game-software-developers .ocd-play:hover span svg{
  background:#fff;transform:scale(1.06);
}
#page-online-casino-game-software-developers .ocd-story iframe{
  width:100%;aspect-ratio:4/3;border:0;border-radius:8px;display:block;
}
#page-online-casino-game-software-developers .ocd-story blockquote p{
  font-size:17px;color:var(--body-dark);margin-top:18px;
}
#page-online-casino-game-software-developers .ocd-story cite{
  display:block;margin-top:14px;font-style:normal;font-weight:800;color:#fff;font-size:17px;
}
#page-online-casino-game-software-developers .ocd-morelink{
  margin-top:clamp(24px,3vw,34px);text-align:center;font-size:17px;color:var(--body-dark);
}

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

/* ══ CTA modal — opens only on a click (rule 26) ═════════════════════════ */
#page-online-casino-game-software-developers .ocd-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(6,10,11,.84);
}
#page-online-casino-game-software-developers .ocd-modal.is-open{display:flex;}
#page-online-casino-game-software-developers .ocd-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-online-casino-game-software-developers .ocd-modal__x{
  position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;
  background:var(--sheet);border:1px solid var(--line-2);color:var(--iron);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-online-casino-game-software-developers .ocd-modal__x:hover{
  background:var(--teal);color:#fff;border-color:var(--teal);
}
#page-online-casino-game-software-developers .ocd-modal iframe{
  width:100%;min-height:860px;border:0;display:block;border-radius:10px;
}

/* ══ responsive ══════════════════════════════════════════════════════════ */
@media (max-width:1180px){
  #page-online-casino-game-software-developers .ocd-gauge{grid-template-columns:repeat(4,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-gauge > li:nth-child(5){border-left:0;}
  #page-online-casino-game-software-developers .ocd-games,
  #page-online-casino-game-software-developers .ocd-providers{grid-template-columns:repeat(3,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-matrix,
  #page-online-casino-game-software-developers .ocd-family{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-swatches{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-stages{grid-template-columns:repeat(3,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-shelf{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-track{grid-template-columns:56px minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-track .ocd-checks{grid-column:2 / -1;}
}
@media (max-width:900px){
  #page-online-casino-game-software-developers .ocd-head,
  #page-online-casino-game-software-developers .ocd-split,
  #page-online-casino-game-software-developers .ocd-band__grid,
  #page-online-casino-game-software-developers .ocd-levelup,
  #page-online-casino-game-software-developers .ocd-why,
  #page-online-casino-game-software-developers .ocd-index,
  #page-online-casino-game-software-developers .ocd-roster,
  #page-online-casino-game-software-developers .ocd-readlist,
  #page-online-casino-game-software-developers .ocd-sheets,
  #page-online-casino-game-software-developers .ocd-targets,
  #page-online-casino-game-software-developers .ocd-lanes,
  #page-online-casino-game-software-developers .ocd-demos,
  #page-online-casino-game-software-developers .ocd-stories{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-split--rev > figure{order:0;}
  #page-online-casino-game-software-developers .ocd-h2,
  #page-online-casino-game-software-developers .ocd-h2--wide,
  #page-online-casino-game-software-developers .ocd-h2--band{max-width:none;}
  #page-online-casino-game-software-developers .ocd-hero__facts{grid-template-columns:minmax(0,1fr);gap:16px;}
  #page-online-casino-game-software-developers .ocd-gauge{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-gauge > li{border-left:1px solid var(--iron-3);border-top:1px solid var(--iron-3);}
  #page-online-casino-game-software-developers .ocd-gauge > li:nth-child(odd){border-left:0;}
  #page-online-casino-game-software-developers .ocd-gauge > li:nth-child(-n+2){border-top:0;}
  #page-online-casino-game-software-developers .ocd-stack th{width:38%;}
  #page-online-casino-game-software-developers .ocd-cases > li{grid-template-columns:56px minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-cases > li a{grid-column:2 / -1;}
  #page-online-casino-game-software-developers .ocd-plate{padding:14px;}
  #page-online-casino-game-software-developers .ocd-plate::before,
  #page-online-casino-game-software-developers .ocd-plate::after{width:38px;height:38px;}
}
@media (max-width:640px){
  #page-online-casino-game-software-developers .ocd-matrix,
  #page-online-casino-game-software-developers .ocd-swatches,
  #page-online-casino-game-software-developers .ocd-stages,
  #page-online-casino-game-software-developers .ocd-family,
  #page-online-casino-game-software-developers .ocd-regions,
  #page-online-casino-game-software-developers .ocd-games,
  #page-online-casino-game-software-developers .ocd-providers{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-casino-game-software-developers .ocd-flags{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-btn{width:100%;}
  #page-online-casino-game-software-developers .ocd-tab{flex:1 1 100%;}
  #page-online-casino-game-software-developers .ocd-stack th{
    display:block;width:100%;border-right:0;border-bottom:1px solid var(--line);
  }
  #page-online-casino-game-software-developers .ocd-stack td{border-top:0;}
  #page-online-casino-game-software-developers .ocd-track{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-track .ocd-checks{grid-column:auto;}
  #page-online-casino-game-software-developers .ocd-cases > li{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-cases > li a{grid-column:auto;justify-self:start;}
  #page-online-casino-game-software-developers .ocd-modal iframe{min-height:900px;}
}
@media (max-width:400px){
  #page-online-casino-game-software-developers .ocd-gauge,
  #page-online-casino-game-software-developers .ocd-matrix,
  #page-online-casino-game-software-developers .ocd-stages,
  #page-online-casino-game-software-developers .ocd-family,
  #page-online-casino-game-software-developers .ocd-games,
  #page-online-casino-game-software-developers .ocd-providers,
  #page-online-casino-game-software-developers .ocd-mosaic{grid-template-columns:minmax(0,1fr);}
  #page-online-casino-game-software-developers .ocd-gauge > li{border-left:0;}
}

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