/* /bingo-game-development — AISHTMLNEWDESIGN-338
   Visual direction: PARISH HALL — parchment ticket stock, ruled card cells,
   printed ink daubs and a deep hall-ink caller's board.

   Page-owned styles. EVERY selector is scoped to #page-bingo-game-development or a
   bgd- 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.
   Motion (rule 26): transitions only, all driven by hover / focus / open. */

/* ── tokens + local box model (scoped to this page's own wrapper) ─────────── */
#page-bingo-game-development{
  --bgd-ink:#14172A;
  --bgd-ink-2:#1D2340;
  --bgd-ink-3:#2A3157;
  --bgd-parch:#F7F2E8;
  --bgd-parch-2:#EFE7D8;
  --bgd-card:#FFFDF8;
  --bgd-daub:#C42B58;
  --bgd-daub-dk:#9C1E44;
  --bgd-felt:#14614B;
  --bgd-felt-dk:#0E4B3A;
  --bgd-amber:#D9931F;
  --bgd-text:#1B1E2B;
  --bgd-text-2:#3D4257;
  --bgd-on-ink:#F4EFE4;
  --bgd-on-ink-2:#C4C8DC;
  --bgd-line:#DCD1BB;
  --bgd-line-ink:rgba(244,239,228,.18);
  --bgd-rad:4px;
  --bgd-rad-lg:10px;
  --bgd-pad:clamp(56px,7vw,104px);
  --bgd-t:170ms ease;
  font-family:"Inter",system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--bgd-text);
  background:var(--bgd-parch);
  -webkit-font-smoothing:antialiased;
}
#page-bingo-game-development,
#page-bingo-game-development *,
#page-bingo-game-development *::before,
#page-bingo-game-development *::after{box-sizing:border-box;}

#page-bingo-game-development p{margin:0 0 18px;}
#page-bingo-game-development p:last-child{margin-bottom:0;}
#page-bingo-game-development ul,
#page-bingo-game-development ol,
#page-bingo-game-development dl{list-style:none;margin:0;padding:0;}
#page-bingo-game-development img{max-width:100%;height:auto;display:block;}
#page-bingo-game-development figure{margin:0;}
#page-bingo-game-development blockquote{margin:0;}

#page-bingo-game-development :focus-visible{
  outline:3px solid var(--bgd-amber);
  outline-offset:3px;
}

.bgd-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px);}

/* ── section headings ────────────────────────────────────────────────────── */
.bgd-h2{
  font-size:clamp(30px,3.7vw,46px);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.018em;
  color:var(--bgd-ink);
  margin:0 0 clamp(28px,3.5vw,44px);
  max-width:22ch;
  position:relative;
  padding-top:22px;
}
.bgd-h2::before{
  content:"";
  position:absolute;top:0;left:0;
  width:88px;height:8px;
  background:
    repeating-linear-gradient(90deg,var(--bgd-daub) 0 8px,transparent 8px 16px);
}
.bgd-h2--light{color:var(--bgd-on-ink);}
.bgd-h2--light::before{
  background:repeating-linear-gradient(90deg,var(--bgd-amber) 0 8px,transparent 8px 16px);
}
.bgd-h3{
  font-size:clamp(21px,2.2vw,28px);
  line-height:1.22;
  font-weight:750;
  letter-spacing:-.012em;
  color:var(--bgd-ink);
  margin:0 0 14px;
}

/* ── CTA buttons ─────────────────────────────────────────────────────────── */
.bgd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:10px;
  min-height:52px;
  padding:14px 30px;
  border:2px solid transparent;
  border-radius:var(--bgd-rad);
  font:inherit;
  font-size:17px;
  font-weight:700;
  letter-spacing:.005em;
  text-align:center;
  cursor:pointer;
  transition:transform var(--bgd-t),box-shadow var(--bgd-t),background-color var(--bgd-t),color var(--bgd-t);
}
.bgd-btn--daub{background:var(--bgd-daub);color:#FFF9F2;box-shadow:0 3px 0 var(--bgd-daub-dk);}
.bgd-btn--daub:hover{background:var(--bgd-daub-dk);}
.bgd-btn--amber{background:var(--bgd-amber);color:#241A05;box-shadow:0 3px 0 #A76D0C;}
.bgd-btn--amber:hover{background:#EEA731;}
.bgd-btn--felt{background:var(--bgd-felt);color:#F2FBF7;box-shadow:0 3px 0 var(--bgd-felt-dk);}
.bgd-btn--felt:hover{background:var(--bgd-felt-dk);}
.bgd-btn:hover{transform:translateY(-2px);}
.bgd-btn:active{transform:translateY(1px);box-shadow:none;}
.bgd-btn--wide{max-width:640px;text-align:center;line-height:1.35;padding:16px 28px;}

/* in-copy links */
#page-bingo-game-development .bgd-inline{
  color:var(--bgd-daub);
  font-weight:650;
  border-bottom:2px solid rgba(196,43,88,.35);
  transition:border-color var(--bgd-t),color var(--bgd-t);
}
#page-bingo-game-development .bgd-inline:hover{color:var(--bgd-daub-dk);border-bottom-color:var(--bgd-daub-dk);}

/* ── breadcrumb ──────────────────────────────────────────────────────────── */
.bgd-crumb{background:var(--bgd-parch-2);border-bottom:1px solid var(--bgd-line);}
.bgd-crumb__nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;font-size:16px;}
#page-bingo-game-development .bgd-crumb__link{display:inline-flex;align-items:center;gap:8px;color:var(--bgd-text-2);font-weight:600;transition:color var(--bgd-t);}
#page-bingo-game-development .bgd-crumb__link:hover{color:var(--bgd-daub);}
#page-bingo-game-development .bgd-crumb__link img{width:16px;height:16px;}
.bgd-crumb__here{color:var(--bgd-ink);font-weight:700;}

/* ── HERO — rule 24: full-bleed, static gradient, no media, one CTA ──────── */
.bgd-hero{
  width:100%;
  padding:clamp(64px,8vw,124px) 24px clamp(60px,7vw,112px);
  background:
    linear-gradient(180deg,#171B31 0%,#14172A 46%,#101326 100%);
  border-bottom:6px solid var(--bgd-daub);
}
.bgd-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
.bgd-hero__eyebrow{
  display:inline-block;
  margin:0 0 22px;
  padding:7px 16px;
  border:1px solid var(--bgd-line-ink);
  border-radius:100px;
  font-size:16px;
  font-weight:650;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bgd-amber);
}
.bgd-hero__h1{
  margin:0 0 24px;
  font-size:clamp(38px,5.4vw,68px);
  line-height:1.06;
  font-weight:850;
  letter-spacing:-.028em;
  color:#FFFDF8;
}
.bgd-hero__lede{
  margin:0 auto 34px;
  max-width:780px;
  font-size:clamp(17px,1.4vw,19px);
  line-height:1.68;
  color:var(--bgd-on-ink);
}

/* ── intro ───────────────────────────────────────────────────────────────── */
.bgd-intro{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-intro__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px);align-items:center;}
.bgd-intro__copy p{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--bgd-text);font-weight:500;}
.bgd-intro__fig{
  border:1px solid var(--bgd-line);
  border-radius:var(--bgd-rad-lg);
  background:var(--bgd-card);
  padding:14px;
  box-shadow:10px 10px 0 var(--bgd-parch-2);
}
.bgd-intro__fig img{border-radius:var(--bgd-rad);width:100%;}

/* ── elevate — perforated ticket slips ───────────────────────────────────── */
.bgd-elevate{background:var(--bgd-parch-2);padding:var(--bgd-pad) 0;border-top:1px solid var(--bgd-line);}
.bgd-elevate__list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.bgd-slip{
  position:relative;
  background:var(--bgd-card);
  border:1px solid var(--bgd-line);
  border-left:5px solid var(--bgd-daub);
  border-radius:var(--bgd-rad);
  padding:26px 24px 26px 26px;
  transition:transform var(--bgd-t),box-shadow var(--bgd-t),border-left-color var(--bgd-t);
}
.bgd-slip:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,23,42,.10);border-left-color:var(--bgd-felt);}
.bgd-slip__no{
  position:absolute;top:18px;right:20px;
  font-size:16px;font-weight:800;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
  color:#B9AC93;
}
.bgd-slip__icon{width:44px;height:44px;margin-bottom:16px;}
.bgd-slip__t{margin:0 0 10px;font-size:21px;line-height:1.25;font-weight:750;color:var(--bgd-ink);}
.bgd-slip__p{font-size:16.5px;line-height:1.62;color:var(--bgd-text-2);}

/* ── varieties — the caller's board ──────────────────────────────────────── */
.bgd-varieties{background:var(--bgd-ink);padding:var(--bgd-pad) 0;color:var(--bgd-on-ink);}
.bgd-varieties__head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,52px);align-items:center;margin-bottom:clamp(30px,4vw,48px);}
.bgd-varieties__head .bgd-h2{margin-bottom:0;}
.bgd-varieties__fig{border:1px solid var(--bgd-line-ink);border-radius:var(--bgd-rad-lg);overflow:hidden;background:var(--bgd-ink-2);}
.bgd-varieties__fig img{width:100%;}
.bgd-varieties__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.bgd-ball{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:26px 12px;
  border:1px solid var(--bgd-line-ink);
  border-radius:var(--bgd-rad);
  background:linear-gradient(180deg,var(--bgd-ink-2) 0%,#171C33 100%);
  text-align:center;
  transition:border-color var(--bgd-t),transform var(--bgd-t),background-color var(--bgd-t);
}
.bgd-ball:hover{transform:translateY(-3px);border-color:var(--bgd-amber);}
.bgd-ball img{width:56px;height:56px;}
.bgd-ball__cap{font-size:16px;font-weight:650;color:var(--bgd-on-ink-2);}
.bgd-varieties__act{margin-top:clamp(30px,4vw,44px);}

/* ── collaborate — felt band ─────────────────────────────────────────────── */
.bgd-collab{background:linear-gradient(180deg,#14614B 0%,#0F4E3D 100%);padding:var(--bgd-pad) 0;}
.bgd-collab__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center;}
.bgd-collab .bgd-h2{color:#F4FBF8;}
.bgd-collab .bgd-h2::before{background:repeating-linear-gradient(90deg,var(--bgd-amber) 0 8px,transparent 8px 16px);}
.bgd-collab__line{font-size:clamp(20px,2.1vw,26px);font-weight:700;color:#CFEBE0;margin:0 0 28px;letter-spacing:-.01em;}
.bgd-collab__fig{border:1px solid rgba(244,251,248,.22);border-radius:var(--bgd-rad-lg);overflow:hidden;}
.bgd-collab__fig img{width:100%;}

/* ── screenshots ─────────────────────────────────────────────────────────── */
.bgd-shots{background:var(--bgd-parch);padding:var(--bgd-pad) 0;border-top:1px solid var(--bgd-line);}
.bgd-shots__rail{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);}
.bgd-shots__rail li{
  border:1px solid var(--bgd-line);
  border-radius:var(--bgd-rad-lg);
  background:var(--bgd-card);
  padding:10px;
  transition:transform var(--bgd-t),box-shadow var(--bgd-t);
}
.bgd-shots__rail li:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(20,23,42,.13);}
.bgd-shots__rail img{width:100%;border-radius:var(--bgd-rad);}

/* ── admin ledger ────────────────────────────────────────────────────────── */
.bgd-admin{background:var(--bgd-parch-2);padding:var(--bgd-pad) 0;}
.bgd-ledger{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:2px solid var(--bgd-ink);
  border-left:2px solid var(--bgd-ink);
}
.bgd-ledger__row{
  display:flex;gap:18px;
  padding:26px 24px;
  border-right:2px solid var(--bgd-ink);
  border-bottom:2px solid var(--bgd-ink);
  background:var(--bgd-card);
  transition:background-color var(--bgd-t);
}
.bgd-ledger__row:hover{background:#FFF6E8;}
.bgd-ledger__no{
  flex:0 0 auto;
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--bgd-ink);
  color:var(--bgd-parch);
  font-size:16px;font-weight:800;
  font-variant-numeric:tabular-nums;
}
.bgd-ledger__t{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:750;color:var(--bgd-ink);}
.bgd-ledger__p{font-size:16.5px;line-height:1.62;color:var(--bgd-text-2);}

/* ── offerings ───────────────────────────────────────────────────────────── */
#page-bingo-game-development .bgd-offerings{background:var(--bgd-ink);padding:var(--bgd-pad) 0;}
#page-bingo-game-development .bgd-offerings__top{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,52px);align-items:center;margin-bottom:clamp(30px,4vw,46px);}
#page-bingo-game-development .bgd-offerings__top .bgd-h2{margin-bottom:0;}
#page-bingo-game-development .bgd-offerings__fig{border:1px solid var(--bgd-line-ink);border-radius:var(--bgd-rad-lg);overflow:hidden;}
#page-bingo-game-development .bgd-offerings__fig img{width:100%;}
#page-bingo-game-development .bgd-offerings__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px;}
#page-bingo-game-development .bgd-offer{
  display:flex;align-items:center;gap:12px;
  min-height:48px;
  padding:11px 14px;
  border-bottom:1px solid var(--bgd-line-ink);
  font-size:16.5px;font-weight:600;
  color:var(--bgd-on-ink);
  transition:color var(--bgd-t),background-color var(--bgd-t),padding-left var(--bgd-t);
}
#page-bingo-game-development .bgd-offer img{flex:0 0 auto;width:18px;height:18px;}
#page-bingo-game-development .bgd-offer:hover{color:var(--bgd-amber);background:rgba(244,239,228,.05);padding-left:20px;}
#page-bingo-game-development .bgd-offerings__act{margin-top:clamp(28px,4vw,42px);}

/* ── player features — 5x5 card cells ────────────────────────────────────── */
.bgd-player{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--bgd-ink);background:var(--bgd-ink);}
.bgd-cell{background:var(--bgd-card);padding:28px 24px;transition:background-color var(--bgd-t);border:1px solid var(--bgd-ink);}
.bgd-cell:hover{background:#FFF6E8;}
.bgd-cell__t{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:750;color:var(--bgd-ink);}
.bgd-cell__p{font-size:16.5px;line-height:1.62;color:var(--bgd-text-2);}
.bgd-cardgrid--tier .bgd-cell__t{color:var(--bgd-felt);}

/* ── demo passes ─────────────────────────────────────────────────────────── */
.bgd-demo{background:var(--bgd-ink-2);padding:var(--bgd-pad) 0;}
.bgd-demo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.bgd-pass{
  display:flex;flex-direction:column;
  padding:26px 22px;
  border:1px solid var(--bgd-line-ink);
  border-top:4px solid var(--bgd-amber);
  border-radius:var(--bgd-rad);
  background:rgba(20,23,42,.55);
  transition:border-color var(--bgd-t),transform var(--bgd-t);
}
.bgd-pass:hover{transform:translateY(-3px);border-color:rgba(244,239,228,.4);border-top-color:var(--bgd-amber);}
.bgd-pass__icon{width:40px;height:40px;margin-bottom:16px;}
.bgd-pass__t{margin:0 0 16px;font-size:20px;font-weight:750;color:var(--bgd-on-ink);}
.bgd-pass__dl{margin:0 0 22px;font-size:16px;}
.bgd-pass__dl dt{color:var(--bgd-on-ink-2);font-weight:600;margin-bottom:2px;}
.bgd-pass__dl dd{margin:0 0 12px;color:#FFFDF8;font-weight:650;word-break:break-word;font-variant-numeric:tabular-nums;}
.bgd-pass__dl dd:last-child{margin-bottom:0;}
#page-bingo-game-development .bgd-pass__go{
  margin-top:auto;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:11px 18px;
  border:2px solid var(--bgd-amber);
  border-radius:var(--bgd-rad);
  font-size:16px;font-weight:700;
  color:var(--bgd-amber);
  transition:background-color var(--bgd-t),color var(--bgd-t);
}
#page-bingo-game-development .bgd-pass__go:hover{background:var(--bgd-amber);color:#241A05;}

/* ── hire ────────────────────────────────────────────────────────────────── */
.bgd-hire{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-hire__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center;}
.bgd-hire__p{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:var(--bgd-text);margin-bottom:28px;}
.bgd-hire__fig{border:1px solid var(--bgd-line);border-radius:var(--bgd-rad-lg);overflow:hidden;box-shadow:-10px 10px 0 var(--bgd-parch-2);}
.bgd-hire__fig img{width:100%;}

/* ── advanced features — printed daubs ───────────────────────────────────── */
.bgd-advanced{background:var(--bgd-ink);padding:var(--bgd-pad) 0;}
.bgd-daubgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.bgd-daub{
  padding:28px 24px;
  border:1px solid var(--bgd-line-ink);
  border-radius:var(--bgd-rad-lg);
  background:linear-gradient(160deg,var(--bgd-ink-2) 0%,#161B31 100%);
  transition:border-color var(--bgd-t),transform var(--bgd-t);
}
.bgd-daub:hover{transform:translateY(-3px);border-color:var(--bgd-daub);}
.bgd-daub__mark{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  margin-bottom:18px;
  background:var(--bgd-daub);
  color:#FFF9F2;
  font-size:20px;font-weight:850;line-height:1;
}
.bgd-daub__t{margin:0 0 10px;font-size:20px;line-height:1.25;font-weight:750;color:var(--bgd-on-ink);}
.bgd-daub__p{font-size:16.5px;line-height:1.62;color:var(--bgd-on-ink-2);}

/* ── know more — editorial stack ─────────────────────────────────────────── */
.bgd-know{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-know__stack{display:flex;flex-direction:column;gap:clamp(26px,3.5vw,46px);}
.bgd-story{
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:clamp(22px,3.5vw,46px);align-items:center;
  border-top:2px solid var(--bgd-line);
  padding-top:clamp(24px,3vw,38px);
}
.bgd-story--flip .bgd-story__fig{order:2;}
.bgd-story__fig{border:1px solid var(--bgd-line);border-radius:var(--bgd-rad-lg);overflow:hidden;background:var(--bgd-card);}
.bgd-story__fig img{width:100%;}
.bgd-story__body p{font-size:17px;line-height:1.68;color:var(--bgd-text-2);}

/* ── top tier ────────────────────────────────────────────────────────────── */
.bgd-toptier{background:var(--bgd-parch-2);padding:var(--bgd-pad) 0;}

/* ── best choice ─────────────────────────────────────────────────────────── */
.bgd-best{background:var(--bgd-ink);padding:var(--bgd-pad) 0;}
.bgd-best__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,4vw,56px);align-items:center;}
.bgd-best__fig{border:1px solid var(--bgd-line-ink);border-radius:var(--bgd-rad-lg);overflow:hidden;}
.bgd-best__fig img{width:100%;}
.bgd-best__copy p{font-size:17px;line-height:1.68;color:var(--bgd-on-ink);}

/* ── why choose ──────────────────────────────────────────────────────────── */
.bgd-why{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-why__cols{columns:2;column-gap:clamp(28px,4vw,56px);}
.bgd-why__cols p{font-size:17px;line-height:1.68;color:var(--bgd-text-2);break-inside:avoid;}
.bgd-why__act{margin-top:clamp(28px,4vw,44px);}

/* ── other offerings — link cloud ────────────────────────────────────────── */
.bgd-other{background:var(--bgd-parch-2);padding:var(--bgd-pad) 0;}
.bgd-other__cloud{display:flex;flex-wrap:wrap;gap:10px;}
#page-bingo-game-development .bgd-tile{
  display:inline-flex;align-items:center;
  min-height:44px;
  padding:10px 16px;
  border:1px solid var(--bgd-line);
  border-radius:100px;
  background:var(--bgd-card);
  font-size:16px;font-weight:600;
  color:var(--bgd-text-2);
  transition:background-color var(--bgd-t),color var(--bgd-t),border-color var(--bgd-t);
}
#page-bingo-game-development .bgd-tile:hover{background:var(--bgd-ink);border-color:var(--bgd-ink);color:var(--bgd-parch);}

/* ── FAQ ─────────────────────────────────────────────────────────────────── */
.bgd-faq{background:var(--bgd-ink);padding:var(--bgd-pad) 0;}
.bgd-faq__wrap{max-width:900px;}
.bgd-faq .bgd-h2{margin-inline:auto;text-align:center;max-width:none;padding-top:26px;}
.bgd-faq .bgd-h2::before{left:50%;transform:translateX(-50%);}
.bgd-faq__list{display:flex;flex-direction:column;gap:12px;}
.bgd-q{
  border:1px solid var(--bgd-line-ink);
  border-radius:var(--bgd-rad);
  background:var(--bgd-ink-2);
  transition:border-color var(--bgd-t);
}
.bgd-q[open]{border-color:var(--bgd-amber);}
.bgd-q__s{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 22px;
  cursor:pointer;
  list-style:none;
}
.bgd-q__s::-webkit-details-marker{display:none;}
.bgd-q__t{margin:0;font-size:18px;line-height:1.4;font-weight:700;color:var(--bgd-on-ink);}
.bgd-q__s:hover .bgd-q__t{color:var(--bgd-amber);}
.bgd-q__mark{
  position:relative;flex:0 0 auto;
  width:28px;height:28px;border-radius:50%;
  border:2px solid var(--bgd-amber);
  transition:background-color var(--bgd-t);
}
.bgd-q__mark::before,
.bgd-q__mark::after{
  content:"";position:absolute;top:50%;left:50%;
  width:12px;height:2px;margin:-1px 0 0 -6px;
  background:var(--bgd-amber);
  transition:transform var(--bgd-t),background-color var(--bgd-t);
}
.bgd-q__mark::after{transform:rotate(90deg);}
.bgd-q[open] .bgd-q__mark{background:var(--bgd-amber);}
.bgd-q[open] .bgd-q__mark::before,
.bgd-q[open] .bgd-q__mark::after{background:var(--bgd-ink);}
.bgd-q[open] .bgd-q__mark::after{transform:rotate(0deg);}
.bgd-q__a{padding:0 22px 22px;}
.bgd-q__a p{font-size:16.5px;line-height:1.68;color:var(--bgd-on-ink-2);}

/* ── customer stories ────────────────────────────────────────────────────── */
.bgd-stories{background:var(--bgd-parch);padding:var(--bgd-pad) 0;}
.bgd-stories__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.bgd-testi{
  display:flex;flex-direction:column;
  border:1px solid var(--bgd-line);
  border-radius:var(--bgd-rad-lg);
  background:var(--bgd-card);
  overflow:hidden;
}
.bgd-testi__media{position:relative;background:var(--bgd-ink);}
.bgd-vid{
  display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;
  position:relative;
}
.bgd-vid img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.bgd-vid__play{
  position:absolute;top:50%;left:50%;
  width:62px;height:62px;margin:-31px 0 0 -31px;
  border-radius:50%;
  background:var(--bgd-daub);
  box-shadow:0 6px 18px rgba(20,23,42,.4);
  transition:transform var(--bgd-t),background-color var(--bgd-t);
}
.bgd-vid__play::before{
  content:"";position:absolute;top:50%;left:54%;
  margin:-11px 0 0 -7px;
  border-style:solid;
  border-width:11px 0 11px 17px;
  border-color:transparent transparent transparent #FFF9F2;
}
.bgd-vid:hover .bgd-vid__play{transform:scale(1.08);background:var(--bgd-daub-dk);}
.bgd-story__frame{width:100%;aspect-ratio:16/9;border:0;display:block;}
.bgd-testi__q{padding:24px 22px;}
.bgd-testi__q p{font-size:16.5px;line-height:1.66;color:var(--bgd-text-2);font-style:italic;}
.bgd-stories__more{margin:clamp(24px,3vw,34px) 0 0;text-align:center;}
#page-bingo-game-development .bgd-more{
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 22px;
  border:2px solid var(--bgd-ink);
  border-radius:100px;
  font-size:16px;font-weight:700;color:var(--bgd-ink);
  transition:background-color var(--bgd-t),color var(--bgd-t);
}
#page-bingo-game-development .bgd-more:hover{background:var(--bgd-ink);color:var(--bgd-parch);}

/* ── area we serve ───────────────────────────────────────────────────────── */
.bgd-areas{background:var(--bgd-ink);padding:var(--bgd-pad) 0;}
.bgd-areas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.bgd-desk{
  padding:26px 22px;
  border:1px solid var(--bgd-line-ink);
  border-radius:var(--bgd-rad);
  background:var(--bgd-ink-2);
  transition:border-color var(--bgd-t);
}
.bgd-desk:hover{border-color:var(--bgd-amber);}
.bgd-desk__t{
  display:flex;align-items:center;gap:9px;
  margin:0 0 14px;
  font-size:16px;font-weight:800;letter-spacing:.08em;
  color:var(--bgd-amber);
}
.bgd-desk__t img{width:16px;height:16px;flex:0 0 auto;}
#page-bingo-game-development .bgd-desk__tel{
  display:inline-block;margin-bottom:10px;
  font-size:18px;font-weight:700;color:#FFFDF8;
  font-variant-numeric:tabular-nums;
  transition:color var(--bgd-t);
}
#page-bingo-game-development .bgd-desk__tel:hover{color:var(--bgd-amber);}
.bgd-desk__p{font-size:16px;line-height:1.6;color:var(--bgd-on-ink-2);}

/* ── CTA modal ───────────────────────────────────────────────────────────── */
.bgd-modal{
  position:fixed;inset:0;z-index:9999;
  display:none;
  align-items:flex-start;justify-content:center;
  padding:24px 16px;
  background:rgba(16,19,38,.72);
  overflow-y:auto;
}
.bgd-modal.is-open{display:flex;}
.bgd-modal__box{
  position:relative;
  width:100%;max-width:640px;
  background:var(--bgd-card);
  border-radius:var(--bgd-rad-lg);
  border-top:6px solid var(--bgd-daub);
  padding:44px 16px 16px;
  box-shadow:0 24px 60px rgba(16,19,38,.45);
}
.bgd-modal__x{
  position:absolute;top:12px;right:12px;
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--bgd-line);
  border-radius:50%;
  background:var(--bgd-parch-2);
  color:var(--bgd-ink);
  cursor:pointer;
  transition:background-color var(--bgd-t),color var(--bgd-t);
}
.bgd-modal__x:hover{background:var(--bgd-daub);color:#FFF9F2;border-color:var(--bgd-daub);}
.bgd-modal__box iframe{
  display:block;width:100%;border:0;
  min-height:900px;
  border-radius:var(--bgd-rad);
}

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:1080px){
  .bgd-varieties__grid{grid-template-columns:repeat(3,1fr);}
  .bgd-shots__rail{grid-template-columns:repeat(2,1fr);}
  .bgd-demo__grid{grid-template-columns:repeat(2,1fr);}
  .bgd-areas__grid{grid-template-columns:repeat(2,1fr);}
  .bgd-elevate__list,
  .bgd-daubgrid,
  .bgd-cardgrid{grid-template-columns:repeat(2,1fr);}
  .bgd-stories__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .bgd-intro__grid,
  .bgd-varieties__head,
  .bgd-collab__grid,
  .bgd-offerings__top,
  .bgd-hire__grid,
  .bgd-best__grid,
  .bgd-story{grid-template-columns:1fr;}
  .bgd-story--flip .bgd-story__fig{order:0;}
  .bgd-varieties__head .bgd-h2,
  #page-bingo-game-development .bgd-offerings__top .bgd-h2{margin-bottom:24px;}
  .bgd-ledger{grid-template-columns:1fr;}
  #page-bingo-game-development .bgd-offerings__list{grid-template-columns:1fr;}
  .bgd-why__cols{columns:1;}
  .bgd-stories__grid{grid-template-columns:1fr;}
  .bgd-intro__fig,
  .bgd-hire__fig{box-shadow:none;}
}
@media (max-width:640px){
  #page-bingo-game-development{font-size:16px;}
  .bgd-h2{max-width:none;}
  .bgd-elevate__list,
  .bgd-daubgrid,
  .bgd-cardgrid,
  .bgd-demo__grid,
  .bgd-areas__grid,
  .bgd-shots__rail{grid-template-columns:1fr;}
  .bgd-varieties__grid{grid-template-columns:repeat(2,1fr);}
  .bgd-btn{width:100%;}
  .bgd-btn--wide{max-width:none;}
  .bgd-hero{padding-inline:20px;}
  .bgd-modal__box{padding:44px 10px 10px;}
}
@media (max-width:400px){
  .bgd-varieties__grid{grid-template-columns:1fr;}
}

/* ── reduced motion ──────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  #page-bingo-game-development *,
  #page-bingo-game-development *::before,
  #page-bingo-game-development *::after{
    transition-duration:0.01ms !important;
    animation:none !important;
  }
}