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

   VISUAL DIRECTION — "PAYLINE LEDGER".
   The audience here is a casino operator evaluating an engine: the record's own
   argument is PAR sheets, hit frequency, payback percentages, Mersenne Twister
   RNG and payout emulators. So the page is composed as an operator's spec ledger
   rather than a neon casino front — deep graphite ground, one warm brass rule,
   tabular two-digit indices, hairline column dividers, and bands that alternate
   graphite / paper so the reading rhythm is columnar. No purple, no glass, no
   glow, and no motif borrowed from the other converted pages. */

#page-slot-game-development-company{
  --sg-ink:#12161d;
  --sg-ink-2:#19202a;
  --sg-ink-3:#232d3b;
  --sg-paper:#f7f5f0;
  --sg-white:#ffffff;
  --sg-brass:#a86f14;          /* 4.9:1 on paper — safe for text */
  --sg-brass-hi:#e7b45a;       /* light brass, dark grounds only */
  --sg-text:#171c24;
  --sg-text-2:#3d4654;         /* 8.9:1 on paper */
  --sg-onink:#eef1f5;
  --sg-onink-2:#b8c2d0;        /* 8.1:1 on graphite */
  --sg-line:#ddd8cd;
  --sg-line-ink:#313d4e;
  --sg-wrap:1200px;

  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;line-height:1.6;color:var(--sg-text);
  background:var(--sg-paper);
}

/* Scoped border-box. The shared chrome sheets namespace their own reset, and
   page.css may not style bare elements outside its scope, so the page must
   declare this for itself — without it `width:100%` plus the hero's 24px
   side padding overflows the viewport by 48px and the document scrolls
   sideways. Verified in Chromium at 1440 and 390. */
#page-slot-game-development-company,
#page-slot-game-development-company *,
#page-slot-game-development-company *::before,
#page-slot-game-development-company *::after{box-sizing:border-box;}

/* ══ PRIMITIVES ══════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-wrap{
  width:100%;max-width:var(--sg-wrap);margin-inline:auto;padding-inline:24px;
}
#page-slot-game-development-company .sgdc-wrap--narrow{max-width:880px;}

#page-slot-game-development-company .sgdc-sec{padding:clamp(56px,7vw,104px) 0;}
#page-slot-game-development-company .sgdc-sec--tight{padding:clamp(44px,5vw,76px) 0;}
#page-slot-game-development-company .sgdc-sec--paper{background:var(--sg-paper);color:var(--sg-text);}
#page-slot-game-development-company .sgdc-sec--ink{background:var(--sg-ink);color:var(--sg-onink);}

#page-slot-game-development-company .sgdc-sr{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* The brass rule + tabular index are the motif. Both appear only as hairlines. */
#page-slot-game-development-company .sgdc-eyebrow{
  margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sg-brass);
  display:flex;align-items:center;gap:12px;
}
#page-slot-game-development-company .sgdc-eyebrow::after{
  content:"";flex:0 0 56px;height:2px;background:currentColor;
}
#page-slot-game-development-company .sgdc-eyebrow--light{color:var(--sg-brass-hi);}

#page-slot-game-development-company .sgdc-h2{
  margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.14;
  font-weight:800;letter-spacing:-.02em;color:var(--sg-text);
}
#page-slot-game-development-company .sgdc-h2--light{color:var(--sg-white);}
#page-slot-game-development-company .sgdc-h5{
  margin:0 0 18px;font-size:clamp(19px,1.6vw,22px);line-height:1.35;
  font-weight:700;color:var(--sg-text);
}
#page-slot-game-development-company .sgdc-h5--light{color:var(--sg-white);}
#page-slot-game-development-company .sgdc-head{max-width:900px;margin-bottom:clamp(32px,4vw,56px);}
#page-slot-game-development-company .sgdc-prose{
  max-width:900px;margin:0 0 28px;font-size:17px;color:var(--sg-text-2);
}
#page-slot-game-development-company .sgdc-idx,
#page-slot-game-development-company .sgdc-col__idx,
#page-slot-game-development-company .sgdc-ledger__idx,
#page-slot-game-development-company .sgdc-faq__n{
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
  letter-spacing:.06em;font-weight:800;
}

/* ── links ───────────────────────────────────────────────────────────── */
#page-slot-game-development-company .sgdc-link{
  color:var(--sg-brass);font-weight:600;
  border-bottom:1px solid rgba(168,111,20,.4);
  transition:color .18s ease,border-color .18s ease;
}
#page-slot-game-development-company .sgdc-link:hover,
#page-slot-game-development-company .sgdc-link:focus-visible{
  color:var(--sg-text);border-bottom-color:var(--sg-text);
}
#page-slot-game-development-company .sgdc-link--light{color:var(--sg-brass-hi);border-bottom-color:rgba(231,180,90,.45);}
#page-slot-game-development-company .sgdc-link--light:hover,
#page-slot-game-development-company .sgdc-link--light:focus-visible{color:var(--sg-white);border-bottom-color:var(--sg-white);}
#page-slot-game-development-company .sgdc-link--dark{color:var(--sg-ink);border-bottom-color:rgba(18,22,29,.45);}
#page-slot-game-development-company .sgdc-link--dark:hover,
#page-slot-game-development-company .sgdc-link--dark:focus-visible{color:var(--sg-ink);border-bottom-color:var(--sg-ink);}

#page-slot-game-development-company :focus-visible{
  outline:3px solid var(--sg-brass-hi);outline-offset:3px;border-radius:4px;
}

/* ── buttons — min 44px target, states for hover / focus / active ─────── */
#page-slot-game-development-company .sgdc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 30px;border-radius:4px;
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;border:2px solid transparent;text-align:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease;
}
#page-slot-game-development-company .sgdc-btn--brass{
  background:var(--sg-brass-hi);color:#241802;border-color:var(--sg-brass-hi);
}
#page-slot-game-development-company .sgdc-btn--brass:hover{background:#f2c877;border-color:#f2c877;}
#page-slot-game-development-company .sgdc-btn--ink{
  background:var(--sg-ink);color:var(--sg-white);border-color:var(--sg-ink);
}
#page-slot-game-development-company .sgdc-btn--ink:hover{background:var(--sg-brass);border-color:var(--sg-brass);}
#page-slot-game-development-company .sgdc-btn:active{transform:translateY(1px);}
#page-slot-game-development-company .sgdc-cta-row{
  display:flex;justify-content:center;margin-top:clamp(34px,4vw,52px);
}
#page-slot-game-development-company .sgdc-cta-row--start{justify-content:flex-start;margin-top:30px;}

/* ══ HERO — rule 24 ══════════════════════════════════════════════════════
   Full-bleed, edge to edge. Background is a STATIC linear-gradient plus two
   static hairline rules drawn with repeating-linear-gradient — the "reel
   columns" motif. No image, no animation, no motion of any kind. */
#page-slot-game-development-company .sgdc-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) 24px clamp(56px,7vw,96px);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 132px),
    linear-gradient(168deg,#0d1117 0%,#161d28 52%,#1e2938 100%);
  border-bottom:3px solid var(--sg-brass);
  color:var(--sg-onink);
}
#page-slot-game-development-company .sgdc-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-slot-game-development-company .sgdc-hero__tag{
  margin:0 0 22px;font-size:16px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sg-brass-hi);
}
#page-slot-game-development-company .sgdc-hero h1{
  margin:0 0 26px;font-size:clamp(38px,5.1vw,66px);line-height:1.06;
  font-weight:900;letter-spacing:-.028em;color:var(--sg-white);
}
#page-slot-game-development-company .sgdc-hero__copy{
  margin:0 auto 34px;font-size:clamp(17px,1.3vw,19px);line-height:1.68;
  color:#d5dce6;max-width:820px;
}
#page-slot-game-development-company .sgdc-hero__note{
  margin:40px 0 14px;font-size:16px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sg-onink-2);
}
#page-slot-game-development-company .sgdc-hero__modes{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px;
}
#page-slot-game-development-company .sgdc-hero__modes li{
  display:flex;align-items:center;gap:10px;
  padding:12px 22px;border:1px solid var(--sg-line-ink);border-radius:3px;
  background:rgba(255,255,255,.03);
  font-size:17px;font-weight:600;color:var(--sg-white);
}
#page-slot-game-development-company .sgdc-hero__modes .sgdc-idx{
  font-size:16px;color:var(--sg-brass-hi);
}

/* ══ BREADCRUMB ══════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-crumb{
  background:var(--sg-white);border-bottom:1px solid var(--sg-line);
}
#page-slot-game-development-company .sgdc-crumb ol{
  list-style:none;margin:0;padding:16px 0;display:flex;flex-wrap:wrap;
  gap:10px;font-size:16px;color:var(--sg-text-2);
}
#page-slot-game-development-company .sgdc-crumb li+li::before{content:"/";margin-right:10px;color:var(--sg-line);}
#page-slot-game-development-company .sgdc-crumb a{display:inline-flex;align-items:center;gap:8px;}
#page-slot-game-development-company .sgdc-crumb img{width:16px;height:16px;}

/* ══ LEDE — three spec columns + product plate ═══════════════════════════ */
#page-slot-game-development-company .sgdc-lede{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:clamp(32px,4vw,64px);align-items:start;
}
#page-slot-game-development-company .sgdc-lede__cols{
  display:grid;gap:0;
}
#page-slot-game-development-company .sgdc-col{
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;
  padding:26px 0;border-top:1px solid var(--sg-line);
}
#page-slot-game-development-company .sgdc-col:last-child{border-bottom:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-col__idx{
  font-size:19px;color:var(--sg-brass);padding-top:2px;
}
#page-slot-game-development-company .sgdc-col p{margin:0;font-size:17px;color:var(--sg-text-2);}
#page-slot-game-development-company .sgdc-plate{margin:0;}
#page-slot-game-development-company .sgdc-plate img{
  display:block;width:100%;height:auto;border-radius:4px;
  border:1px solid var(--sg-line);
}

/* ══ BANNER bands ════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-banner{
  background:linear-gradient(100deg,#161d28 0%,#232d3b 100%);
  color:var(--sg-onink);padding:clamp(44px,5vw,72px) 0;
  border-block:1px solid var(--sg-line-ink);
}
#page-slot-game-development-company .sgdc-banner--brass{
  background:linear-gradient(100deg,#e7b45a 0%,#d9a03d 100%);
  color:#241802;border-block-color:rgba(36,24,2,.25);
}
#page-slot-game-development-company .sgdc-banner--brass .sgdc-h2{color:#1a1204;}
#page-slot-game-development-company .sgdc-banner--brass .sgdc-eyebrow{color:#4a3208;}
#page-slot-game-development-company .sgdc-banner--brass .sgdc-banner__sub{color:#2c1e05;}
/* The banner stacks: eyebrow + heading + description, then the CTA BELOW the
   description and flush left with it. `justify-items:start` is what keeps the
   button at its natural width instead of stretching across the grid column —
   a stretched button in a full-bleed band reads as a divider, not a control. */
#page-slot-game-development-company .sgdc-banner__grid{
  display:grid;grid-template-columns:minmax(0,1fr);
  gap:clamp(22px,2.6vw,30px);align-items:start;justify-items:start;
}
#page-slot-game-development-company .sgdc-banner .sgdc-h2{color:var(--sg-white);}
#page-slot-game-development-company .sgdc-banner__sub{
  margin:16px 0 0;font-size:17px;color:#cfd7e2;max-width:640px;
}

/* ══ SCREENSHOT RAIL ═════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-shots{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;
}
#page-slot-game-development-company .sgdc-shots img{
  display:block;width:100%;height:auto;border-radius:4px;
  border:1px solid var(--sg-line-ink);background:var(--sg-ink-2);
}

/* ══ SLOT TYPE TILES ═════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-types{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;
}
#page-slot-game-development-company .sgdc-types li{
  background:var(--sg-white);border:1px solid var(--sg-line);border-radius:4px;
  overflow:hidden;transition:border-color .18s ease,transform .18s ease;
}
#page-slot-game-development-company .sgdc-types li:hover{border-color:var(--sg-brass);transform:translateY(-3px);}
#page-slot-game-development-company .sgdc-types img{display:block;width:100%;height:auto;}
#page-slot-game-development-company .sgdc-types span{
  display:block;padding:16px 18px;font-size:17px;font-weight:700;
  border-top:1px solid var(--sg-line);
  text-align:center;
}

/* ══ FEATURE LEDGER — two columns of numbered rows ═══════════════════════ */
#page-slot-game-development-company .sgdc-ledger{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(32px,4vw,72px);
}
#page-slot-game-development-company .sgdc-ledger__row{
  display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;
  padding:26px 0;border-top:1px solid var(--sg-line-ink);
}
#page-slot-game-development-company .sgdc-ledger__idx{
  font-size:19px;color:var(--sg-brass-hi);padding-top:3px;
}
#page-slot-game-development-company .sgdc-ledger__row h3{
  margin:0 0 8px;font-size:19px;line-height:1.3;font-weight:700;color:var(--sg-white);
}
#page-slot-game-development-company .sgdc-ledger__row p{margin:0;font-size:16px;color:var(--sg-onink-2);}

/* ══ DEFINITION LIST ═════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-defs{
  margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(32px,4vw,72px);
}
#page-slot-game-development-company .sgdc-def{
  padding:26px 0;border-top:1px solid var(--sg-line);
  display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
}
#page-slot-game-development-company .sgdc-defs dt{
  margin:0;font-size:19px;font-weight:700;color:var(--sg-text);
  padding-left:16px;border-left:3px solid var(--sg-brass);
}
#page-slot-game-development-company .sgdc-defs dd{margin:0;font-size:16px;color:var(--sg-text-2);}

/* ══ BOOST — link rail + plate ═══════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-boost{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:clamp(32px,4vw,64px);align-items:center;
}
#page-slot-game-development-company .sgdc-links{
  list-style:none;margin:26px 0 0;padding:0;display:grid;gap:2px;
}
#page-slot-game-development-company .sgdc-links li{border-top:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-links li:last-child{border-bottom:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-links a{
  display:block;padding:14px 0;font-size:17px;border-bottom:0;
}

/* ══ SPEC TABLE ══════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-tablewrap{overflow-x:auto;}
#page-slot-game-development-company .sgdc-spec{
  width:100%;border-collapse:collapse;font-size:16px;min-width:620px;
}
#page-slot-game-development-company .sgdc-spec th,
#page-slot-game-development-company .sgdc-spec td{
  text-align:left;vertical-align:top;padding:20px 24px 20px 0;
  border-top:1px solid var(--sg-line-ink);
}
#page-slot-game-development-company .sgdc-spec th{
  width:30%;font-weight:700;color:var(--sg-white);font-size:17px;
}
#page-slot-game-development-company .sgdc-spec td{color:var(--sg-onink-2);}

/* ══ BENEFIT CHECKS ══════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-bene{
  background:var(--sg-white);border:1px solid var(--sg-line);border-left:4px solid var(--sg-brass);
  border-radius:4px;padding:clamp(26px,3vw,40px);margin-bottom:28px;
}
#page-slot-game-development-company .sgdc-checks{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px 32px;
}
#page-slot-game-development-company .sgdc-checks li{
  display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;
  font-size:17px;color:var(--sg-text-2);align-items:start;
}
#page-slot-game-development-company .sgdc-checks img{width:18px;height:18px;margin-top:5px;}

/* ══ TRUSTED — two-up prose, player-focused list, mechanics ══════════════ */
#page-slot-game-development-company .sgdc-two{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3vw,52px);margin-bottom:clamp(34px,4vw,56px);
}
#page-slot-game-development-company .sgdc-two p{margin:0;font-size:17px;color:var(--sg-onink-2);}
#page-slot-game-development-company .sgdc-pf{
  border-top:1px solid var(--sg-line-ink);padding-top:clamp(30px,3.5vw,48px);
}
#page-slot-game-development-company .sgdc-pf__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px 36px;
}
#page-slot-game-development-company .sgdc-pf__list li{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;
  font-size:16px;color:var(--sg-onink-2);
}
#page-slot-game-development-company .sgdc-pf__list .sgdc-idx{font-size:16px;color:var(--sg-brass-hi);}
#page-slot-game-development-company .sgdc-mech{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.5vw,36px);margin-top:clamp(30px,3.5vw,48px);
}
#page-slot-game-development-company .sgdc-mech article{
  background:var(--sg-ink-2);border:1px solid var(--sg-line-ink);
  border-top:3px solid var(--sg-brass-hi);border-radius:4px;padding:28px;
}
#page-slot-game-development-company .sgdc-mech p{margin:0;font-size:16px;color:var(--sg-onink-2);}

/* ══ LINK CLOUD ══════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-cloud{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2px 36px;
}
#page-slot-game-development-company .sgdc-cloud li{border-top:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-cloud a{display:block;padding:14px 0;font-size:17px;border-bottom:0;}

/* ══ FAQ — <details>, one open at a time ═════════════════════════════════ */
#page-slot-game-development-company .sgdc-faqlist{border-top:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-faqlist details{border-bottom:1px solid var(--sg-line);}
#page-slot-game-development-company .sgdc-faqlist summary{
  display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:start;gap:14px;
  padding:22px 0;cursor:pointer;list-style:none;
  font-size:19px;font-weight:700;color:var(--sg-text);
}
#page-slot-game-development-company .sgdc-faqlist summary::-webkit-details-marker{display:none;}
#page-slot-game-development-company .sgdc-faq__n{font-size:17px;color:var(--sg-brass);padding-top:3px;}
#page-slot-game-development-company .sgdc-faqlist summary::after{
  content:"";grid-column:3;justify-self:end;margin-top:9px;
  width:11px;height:11px;border-right:2px solid var(--sg-brass);border-bottom:2px solid var(--sg-brass);
  transform:rotate(45deg);transition:transform .2s ease;
}
#page-slot-game-development-company .sgdc-faqlist details[open] summary::after{transform:rotate(-135deg);margin-top:13px;}
#page-slot-game-development-company .sgdc-faqlist summary:hover{color:var(--sg-brass);}
#page-slot-game-development-company .sgdc-faq__a{padding:0 26px 26px 66px;}
#page-slot-game-development-company .sgdc-faq__a p{margin:0 0 14px;font-size:17px;color:var(--sg-text-2);}
#page-slot-game-development-company .sgdc-faq__a ul{margin:0;padding-left:20px;}
#page-slot-game-development-company .sgdc-faq__a li{margin-bottom:12px;font-size:17px;color:var(--sg-text-2);}
#page-slot-game-development-company .sgdc-faq__a strong{color:var(--sg-text);}

/* ══ STORIES — click-to-load YouTube facades ═════════════════════════════ */
#page-slot-game-development-company .sgdc-stories{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;
}
#page-slot-game-development-company .sgdc-story{
  background:var(--sg-ink-2);border:1px solid var(--sg-line-ink);border-radius:4px;overflow:hidden;
}
#page-slot-game-development-company .sgdc-vid{
  position:relative;display:block;width:100%;padding:0;border:0;
  background:var(--sg-ink-3);cursor:pointer;line-height:0;
}
#page-slot-game-development-company .sgdc-vid img{display:block;width:100%;height:auto;}
#page-slot-game-development-company .sgdc-vid__play{
  position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;
  background:var(--sg-brass-hi);
  transition:background-color .18s ease,transform .18s ease;
}
#page-slot-game-development-company .sgdc-vid__play::after{
  content:"";position:absolute;inset:0;margin:auto;width:0;height:0;
  border-left:19px solid #241802;border-top:12px solid transparent;border-bottom:12px solid transparent;
  transform:translateX(3px);
}
#page-slot-game-development-company .sgdc-vid:hover .sgdc-vid__play{background:#f2c877;transform:scale(1.06);}
#page-slot-game-development-company .sgdc-story__frame{
  display:block;width:100%;aspect-ratio:16/9;border:0;
}
#page-slot-game-development-company .sgdc-story blockquote{
  margin:0;padding:24px;font-size:16px;line-height:1.65;color:var(--sg-onink-2);
  border-top:1px solid var(--sg-line-ink);
}
#page-slot-game-development-company .sgdc-more{margin:32px 0 0;text-align:center;font-size:17px;}

/* ══ AREA WE SERVE ═══════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-area{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:2px 36px;
}
#page-slot-game-development-company .sgdc-area li{
  border-top:2px solid var(--sg-brass);padding:24px 0;
}
#page-slot-game-development-company .sgdc-area h3{
  margin:0 0 12px;display:flex;align-items:center;gap:10px;
  font-size:17px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--sg-text);
}
#page-slot-game-development-company .sgdc-area p{margin:0 0 10px;font-size:17px;font-weight:600;}
#page-slot-game-development-company .sgdc-area address{font-style:normal;font-size:16px;color:var(--sg-text-2);}

/* ══ CTA MODAL ═══════════════════════════════════════════════════════════ */
#page-slot-game-development-company .sgdc-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  padding:20px;overflow-y:auto;background:rgba(10,13,20,.74);
}
#page-slot-game-development-company .sgdc-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-slot-game-development-company .sgdc-modal__box{
  position:relative;width:100%;max-width:640px;margin:auto;
  background:var(--sg-paper);border-radius:6px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.5);
}
#page-slot-game-development-company .sgdc-modal__x{
  position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--sg-line);
  background:var(--sg-paper);color:var(--sg-text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-slot-game-development-company .sgdc-modal__x:hover{background:var(--sg-ink);color:#ffffff;border-color:var(--sg-ink);}
/* rule 20 — the GHL widget is a TWO-SLIDE survey whose slides are different
   heights, and it never posts its own height (it emits only ["iframeLoaded"]),
   so ANY fixed iframe height either wastes space under slide 1 or clips slide
   2's SUBMIT bar. This is the fix landed on /blackjack-software-script under
   AISHTMLNEWDESIGN-326, reused verbatim rather than re-derived: GHL's own
   form_embed.js starts their iFrameResizer and sizes the iframe per slide, and
   it is loaded on FIRST MODAL OPEN so no third-party JS reaches the critical
   path. The resizer overshoots the widget's own scrollHeight by exactly 5px;
   the negative margin cancels ONLY that, and .sgdc-modal__box's overflow:hidden
   clips it. Until the resizer initialises (or if the script is blocked) the
   iframe keeps a floor tall enough for the WORST slide and drops the negative
   margin, so a failed script degrades to "a little roomy", never to a clipped
   SUBMIT. */
#page-slot-game-development-company .sgdc-modal iframe{
  display:block;width:100%;border:0;margin-bottom:-5px;
}
#page-slot-game-development-company .sgdc-modal iframe:not([data-iframe-resizer-initialized]){
  min-height:1290px;margin-bottom:0;
}

/* ══ RESPONSIVE ══════════════════════════════════════════════════════════ */
@media (max-width:1024px){
  #page-slot-game-development-company .sgdc-lede,
  #page-slot-game-development-company .sgdc-boost{grid-template-columns:minmax(0,1fr);}
  #page-slot-game-development-company .sgdc-plate{order:-1;}
  #page-slot-game-development-company .sgdc-ledger,
  #page-slot-game-development-company .sgdc-defs,
  #page-slot-game-development-company .sgdc-two,
  #page-slot-game-development-company .sgdc-mech{grid-template-columns:minmax(0,1fr);}
  /* .sgdc-banner__grid is single-column at every width now, so it no longer
     needs a breakpoint override here. */
}
@media (max-width:640px){
  #page-slot-game-development-company .sgdc-wrap{padding-inline:18px;}
  #page-slot-game-development-company .sgdc-hero{padding-inline:18px;}
  #page-slot-game-development-company .sgdc-hero__modes li{width:100%;justify-content:center;}
  #page-slot-game-development-company .sgdc-btn{width:100%;}
  #page-slot-game-development-company .sgdc-cta-row,
  #page-slot-game-development-company .sgdc-banner__act{display:block;}
  /* The banner grid is justify-items:start at desktop so the CTA keeps its
     natural width beside left-aligned copy. On mobile every other CTA on the
     page goes full-width, so stretch this one back to match — otherwise the
     two banner buttons are the only narrow ones on the page. */
  #page-slot-game-development-company .sgdc-banner__grid{justify-items:stretch;}
  #page-slot-game-development-company .sgdc-col,
  #page-slot-game-development-company .sgdc-ledger__row{grid-template-columns:minmax(0,1fr);gap:10px;}
  #page-slot-game-development-company .sgdc-faqlist summary{grid-template-columns:40px minmax(0,1fr) 20px;font-size:18px;}
  #page-slot-game-development-company .sgdc-faq__a{padding-left:54px;padding-right:0;}
  #page-slot-game-development-company .sgdc-shots{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
  #page-slot-game-development-company .sgdc-spec{min-width:0;}
  #page-slot-game-development-company .sgdc-spec th,
  #page-slot-game-development-company .sgdc-spec td{display:block;width:auto;padding-right:0;}
  #page-slot-game-development-company .sgdc-spec td{padding-top:6px;border-top:0;}
}

/* Rule 26 — the only motion on this page is hover / focus / accordion, all
   finite responses to a user action. This honours a reduced-motion request. */
@media (prefers-reduced-motion:reduce){
  #page-slot-game-development-company *,
  #page-slot-game-development-company *::before,
  #page-slot-game-development-company *::after{
    animation:none !important;transition-duration:.01ms !important;
  }
}