/* /ludo-game-development-company — AISHTMLNEWDESIGN-421
   Page-owned styles. EVERY selector is scoped to #page-ludo-game-development-company or a
   lgdc- 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.

   DIRECTION — COMMISSION PLATE
   The buyer is commissioning a build, so the page is dressed as the paperwork of a
   commissioned machine: gunmetal grounds, cool paper panels, hairline engraved rules,
   rivet dots at the panel head and a single vermilion signal tab marking the live edge.
   Corners are 3px and square-ish, never soft. Deliberately NOT the ludo board:
   no four-colour home bases, no arrow squares, no parchment. */

/* ── tokens + a wrapper-scoped box model (no global reset exists) ───────── */
#page-ludo-game-development-company{
  --lg-ink:#0d131b;
  --lg-steel:#18222f;
  --lg-graph:#253345;
  --lg-paper:#eef1f5;
  --lg-tint:#e2e8f0;
  --lg-white:#ffffff;
  --lg-line:#c8d3e0;
  --lg-line-d:rgba(255,255,255,.16);
  --lg-head:#111b26;
  --lg-text:#2d3a48;
  --lg-onink:#e8edf4;
  --lg-onink-mute:#b3c0d0;
  --lg-signal:#cf4526;
  --lg-signal-d:#a3341a;
  --lg-teal:#0f6b73;
  --lg-wrap:1200px;
  font-family:"Inter",system-ui,sans-serif;
  font-size:17px;
  line-height:1.65;
  color:var(--lg-text);
  background:var(--lg-paper);
  -webkit-font-smoothing:antialiased;
}
#page-ludo-game-development-company,
#page-ludo-game-development-company *,
#page-ludo-game-development-company *::before,
#page-ludo-game-development-company *::after{box-sizing:border-box;}

#page-ludo-game-development-company .lgdc-wrap{
  max-width:var(--lg-wrap);margin-inline:auto;padding-inline:24px;width:100%;
}
#page-ludo-game-development-company .lgdc-band{
  width:100%;padding-block:clamp(56px,7vw,96px);
}
#page-ludo-game-development-company .lgdc-band--paper{background:var(--lg-paper);}
#page-ludo-game-development-company .lgdc-band--tint{background:var(--lg-tint);}
#page-ludo-game-development-company .lgdc-band--tight{padding-block:clamp(48px,6vw,80px);}

#page-ludo-game-development-company img{max-width:100%;height:auto;display:block;}

/* ── type ───────────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-h2{
  margin:0 0 22px;
  font-size:clamp(29px,3.5vw,46px);
  line-height:1.14;
  letter-spacing:-.018em;
  font-weight:800;
  color:var(--lg-head);
  max-width:22ch;
}
#page-ludo-game-development-company .lgdc-h2::before{
  content:"";display:block;width:46px;height:4px;background:var(--lg-signal);
  margin-bottom:20px;border-radius:1px;
}
#page-ludo-game-development-company .lgdc-h2--light{color:var(--lg-white);}
#page-ludo-game-development-company .lgdc-h2--center{max-width:26ch;margin-inline:auto;text-align:center;}
#page-ludo-game-development-company .lgdc-h2--center::before{margin-inline:auto;}
#page-ludo-game-development-company .lgdc-h3{
  margin:40px 0 16px;font-size:clamp(23px,2.2vw,30px);line-height:1.22;
  font-weight:800;letter-spacing:-.012em;color:var(--lg-head);
}
#page-ludo-game-development-company .lgdc-p{
  margin:0 0 18px;font-size:17px;line-height:1.72;color:var(--lg-text);
}
#page-ludo-game-development-company .lgdc-p--wide{max-width:82ch;}
#page-ludo-game-development-company .lgdc-p--light{color:var(--lg-onink);}

/* ── links (wrapper id included, or the baseline a{color:inherit} wins) ─── */
#page-ludo-game-development-company a.lgdc-link{
  color:var(--lg-signal-d);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
  font-weight:600;
  border-radius:2px;
}
#page-ludo-game-development-company a.lgdc-link:hover{color:var(--lg-ink);text-decoration:underline;}
#page-ludo-game-development-company a.lgdc-link:focus-visible{
  outline:3px solid var(--lg-signal);outline-offset:3px;
}

/* ── buttons ────────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 32px;
  font:inherit;font-size:17px;font-weight:700;letter-spacing:.005em;
  border:2px solid transparent;border-radius:3px;cursor:pointer;
  transition:transform 150ms ease,background-color 150ms ease,color 150ms ease,border-color 150ms ease;
}
#page-ludo-game-development-company .lgdc-btn--light{background:var(--lg-white);color:var(--lg-ink);border-color:var(--lg-white);}
#page-ludo-game-development-company .lgdc-btn--light:hover{background:transparent;color:var(--lg-white);}
#page-ludo-game-development-company .lgdc-btn--accent{background:var(--lg-signal);color:var(--lg-white);border-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-btn--accent:hover{background:var(--lg-signal-d);border-color:var(--lg-signal-d);}
#page-ludo-game-development-company .lgdc-btn--dark{background:var(--lg-ink);color:var(--lg-white);border-color:var(--lg-ink);}
#page-ludo-game-development-company .lgdc-btn--dark:hover{background:var(--lg-signal);border-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-btn:active{transform:translateY(1px);}
#page-ludo-game-development-company .lgdc-btn:focus-visible{outline:3px solid var(--lg-signal);outline-offset:3px;}
#page-ludo-game-development-company .lgdc-btn[disabled]{opacity:.55;cursor:not-allowed;}

/* ── hero — rule 24: full-bleed static gradient, centred column, one CTA ── */
#page-ludo-game-development-company .lgdc-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) 24px clamp(64px,8vw,116px);
  background:linear-gradient(155deg,#0b1017 0%,#141d29 46%,#1d2b3b 100%);
  border-bottom:4px solid var(--lg-signal);
}
#page-ludo-game-development-company .lgdc-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-ludo-game-development-company .lgdc-hero__h1{
  margin:0 0 26px;
  font-size:clamp(34px,5.2vw,64px);
  line-height:1.06;
  letter-spacing:-.026em;
  font-weight:900;
  color:var(--lg-white);
  text-wrap:balance;
}
#page-ludo-game-development-company .lgdc-hero__lead{
  margin:0 auto 34px;max-width:74ch;
  font-size:clamp(17px,1.3vw,18px);line-height:1.78;color:#cfd9e6;
}

/* ── breadcrumb ─────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-crumb{
  width:100%;background:var(--lg-white);border-bottom:1px solid var(--lg-line);
}
#page-ludo-game-development-company .lgdc-crumb__row{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding-block:14px;font-size:16px;
}
#page-ludo-game-development-company a.lgdc-crumb__home{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--lg-signal-d);font-weight:600;padding:4px 2px;border-radius:2px;
}
#page-ludo-game-development-company a.lgdc-crumb__home:hover{color:var(--lg-ink);}
#page-ludo-game-development-company a.lgdc-crumb__home:focus-visible{outline:3px solid var(--lg-signal);outline-offset:2px;}
#page-ludo-game-development-company .lgdc-crumb__home img{width:16px;height:16px;}
#page-ludo-game-development-company .lgdc-crumb__here{color:#41505f;}

/* ── intro plate ────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-intro__grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,60px);align-items:center;
}
#page-ludo-game-development-company .lgdc-intro__copy .lgdc-h2{max-width:18ch;}
#page-ludo-game-development-company .lgdc-intro__copy .lgdc-p:last-child{margin-bottom:0;}
#page-ludo-game-development-company .lgdc-intro__fig{
  margin:0;position:relative;padding:14px;background:var(--lg-white);
  border:1px solid var(--lg-line);border-radius:3px;
}
#page-ludo-game-development-company .lgdc-intro__fig::after{
  content:"";position:absolute;left:0;bottom:-1px;width:96px;height:4px;background:var(--lg-signal);
}
#page-ludo-game-development-company .lgdc-intro__fig img{width:100%;border-radius:2px;}

/* ── partner band (dark) ────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-partner{
  background:linear-gradient(100deg,#111a25 0%,#1b2836 100%);
}
#page-ludo-game-development-company .lgdc-partner__grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;
}
#page-ludo-game-development-company .lgdc-partner__fig{
  margin:0;border:1px solid var(--lg-line-d);border-radius:3px;overflow:hidden;
}
#page-ludo-game-development-company .lgdc-partner__fig img{width:100%;}
#page-ludo-game-development-company .lgdc-partner__copy .lgdc-h2{max-width:20ch;}
#page-ludo-game-development-company .lgdc-partner__copy .lgdc-p{margin-bottom:28px;max-width:56ch;}

/* ── plate grid (key features) ──────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-plates{
  list-style:none;margin:44px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--lg-line);border:1px solid var(--lg-line);border-radius:3px;overflow:hidden;
}
#page-ludo-game-development-company .lgdc-plate{
  position:relative;background:var(--lg-white);padding:30px 26px 28px;
  transition:background-color 160ms ease;
}
#page-ludo-game-development-company .lgdc-plate::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:40px;background:var(--lg-signal);
  transition:height 160ms ease;
}
#page-ludo-game-development-company .lgdc-plate::after{
  content:"";position:absolute;right:20px;top:16px;width:5px;height:5px;border-radius:50%;
  background:var(--lg-line);box-shadow:11px 0 0 var(--lg-line);
}
#page-ludo-game-development-company .lgdc-plate:hover{background:#f7f9fc;}
#page-ludo-game-development-company .lgdc-plate:hover::before{height:100%;}
#page-ludo-game-development-company .lgdc-plate__t{
  margin:0 0 10px;font-size:19px;line-height:1.3;font-weight:700;color:var(--lg-head);
  letter-spacing:-.008em;padding-right:44px;
}
#page-ludo-game-development-company .lgdc-plate__p{margin:0;font-size:16px;line-height:1.68;color:var(--lg-text);}

/* ── screenshots rail (dark, no copy, no CTA) ───────────────────────────── */
#page-ludo-game-development-company .lgdc-shots{background:var(--lg-ink);}
/* The four app screenshots are 767x431. Across four columns of the 1152px wrap
   each landed at 242px — 32% of the picture that was downloaded, which is what
   the reviewer saw as "too small". Two columns tile the four exactly (2x2, no
   orphan cell) and a 900px rail puts each shot at ~412px, inside the 340-430px
   band proven on the sibling pages. */
#page-ludo-game-development-company .lgdc-shots__rail{
  list-style:none;margin:44px auto 0;padding:0;max-width:900px;
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,32px);
}
#page-ludo-game-development-company .lgdc-shot{
  border:1px solid var(--lg-line-d);border-radius:3px;padding:10px;background:#131c27;
  transition:border-color 160ms ease,transform 160ms ease;
}
#page-ludo-game-development-company .lgdc-shot:hover{border-color:var(--lg-signal);transform:translateY(-3px);}
#page-ludo-game-development-company .lgdc-shot img{width:100%;height:auto;aspect-ratio:767/431;object-fit:contain;border-radius:2px;}

/* ── hire band ──────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-hire__grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:center;
}
#page-ludo-game-development-company .lgdc-hire__copy .lgdc-p{max-width:56ch;margin-bottom:28px;}
#page-ludo-game-development-company .lgdc-hire__fig{
  margin:0;border:1px solid var(--lg-line);border-radius:3px;background:var(--lg-white);padding:14px;
}
#page-ludo-game-development-company .lgdc-hire__fig img{width:100%;border-radius:2px;}

/* ── engraved schedule rows (impeccable features) ───────────────────────── */
#page-ludo-game-development-company .lgdc-rows{list-style:none;margin:38px 0 0;padding:0;border-top:2px solid var(--lg-head);}
#page-ludo-game-development-company .lgdc-row{
  display:grid;grid-template-columns:minmax(200px,.34fr) 1fr;gap:clamp(16px,3vw,48px);
  padding:24px 8px 24px 0;border-bottom:1px solid var(--lg-line);
  transition:background-color 150ms ease,padding-left 150ms ease;
}
#page-ludo-game-development-company .lgdc-row:hover{background:var(--lg-white);padding-left:16px;}
#page-ludo-game-development-company .lgdc-row__t{
  margin:0;font-size:20px;line-height:1.3;font-weight:700;color:var(--lg-head);letter-spacing:-.01em;
}
#page-ludo-game-development-company .lgdc-row__p{margin:0;font-size:17px;line-height:1.7;}

/* ── expertise (dark, capped columns) ───────────────────────────────────── */
#page-ludo-game-development-company .lgdc-expertise{background:var(--lg-steel);}
#page-ludo-game-development-company .lgdc-exp{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,34px);
}
#page-ludo-game-development-company .lgdc-exp__i{
  border-top:3px solid var(--lg-signal);padding-top:22px;
}
#page-ludo-game-development-company .lgdc-exp__i + .lgdc-exp__i{border-top-color:var(--lg-line-d);}
#page-ludo-game-development-company .lgdc-exp__i:hover{border-top-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-exp__t{
  margin:0 0 12px;font-size:21px;line-height:1.25;font-weight:700;color:var(--lg-white);
}
#page-ludo-game-development-company .lgdc-exp__p{margin:0;font-size:16px;line-height:1.72;color:var(--lg-onink-mute);}

/* ── benefits (checked schedule) ────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-checks{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--lg-line);border:1px solid var(--lg-line);border-radius:3px;overflow:hidden;
}
#page-ludo-game-development-company .lgdc-check{
  display:flex;gap:18px;align-items:flex-start;background:var(--lg-white);padding:26px 26px 24px;
}
#page-ludo-game-development-company .lgdc-check:hover{background:#f7f9fc;}
#page-ludo-game-development-company .lgdc-check__i{width:22px;height:22px;flex:0 0 22px;margin-top:5px;}
#page-ludo-game-development-company .lgdc-check__t{
  margin:0 0 8px;font-size:19px;line-height:1.3;font-weight:700;color:var(--lg-head);
}
#page-ludo-game-development-company .lgdc-check__p{margin:0;font-size:16px;line-height:1.68;}

/* ── gaming modes (spine rows) ──────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-modes{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:16px;}
#page-ludo-game-development-company .lgdc-mode{
  display:grid;grid-template-columns:minmax(180px,.28fr) 1fr;gap:clamp(16px,3vw,40px);
  background:var(--lg-white);border:1px solid var(--lg-line);border-left:5px solid var(--lg-signal);
  border-radius:3px;padding:26px 28px;
  transition:box-shadow 160ms ease;
}
#page-ludo-game-development-company .lgdc-mode:hover{box-shadow:0 6px 22px rgba(13,19,27,.10);}
#page-ludo-game-development-company .lgdc-mode__t{margin:0;font-size:21px;line-height:1.3;font-weight:700;color:var(--lg-head);}
#page-ludo-game-development-company .lgdc-mode__p{margin:0;font-size:17px;line-height:1.7;}

/* ── process steps ──────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-steps{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);
}
#page-ludo-game-development-company .lgdc-step{
  background:var(--lg-white);border:1px solid var(--lg-line);border-radius:3px;
  padding:28px 26px;position:relative;
  transition:border-color 160ms ease,transform 160ms ease;
}
#page-ludo-game-development-company .lgdc-step:hover{border-color:var(--lg-head);transform:translateY(-3px);}
#page-ludo-game-development-company .lgdc-step__i{
  width:52px;height:52px;margin-bottom:18px;padding:8px;
  background:var(--lg-tint);border-radius:3px;
}
#page-ludo-game-development-company .lgdc-step__t{
  margin:0 0 10px;font-size:20px;line-height:1.28;font-weight:700;color:var(--lg-head);
}
#page-ludo-game-development-company .lgdc-step__p{margin:0;font-size:16px;line-height:1.7;}

/* ── technology stack (spec plate on dark) ──────────────────────────────── */
#page-ludo-game-development-company .lgdc-stack{background:var(--lg-graph);}
#page-ludo-game-development-company .lgdc-stack__wrap{max-width:880px;}
#page-ludo-game-development-company .lgdc-spec{
  width:100%;border-collapse:collapse;margin-top:14px;
  border:1px solid var(--lg-line-d);border-radius:3px;overflow:hidden;
}
#page-ludo-game-development-company .lgdc-spec th,
#page-ludo-game-development-company .lgdc-spec td{
  padding:20px 24px;text-align:left;font-size:17px;line-height:1.6;
  border-bottom:1px solid var(--lg-line-d);
}
#page-ludo-game-development-company .lgdc-spec tr:last-child th,
#page-ludo-game-development-company .lgdc-spec tr:last-child td{border-bottom:0;}
#page-ludo-game-development-company .lgdc-spec th{
  width:38%;font-weight:700;color:var(--lg-white);background:rgba(255,255,255,.05);
  border-right:1px solid var(--lg-line-d);
}
#page-ludo-game-development-company .lgdc-spec td{color:var(--lg-onink);font-variant-numeric:tabular-nums;}

/* ── engagement models ──────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-models{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,28px);
}
#page-ludo-game-development-company .lgdc-model{
  background:var(--lg-white);border:1px solid var(--lg-line);border-radius:3px;
  padding:30px 28px;position:relative;
}
#page-ludo-game-development-company .lgdc-model::before{
  content:"";position:absolute;left:-1px;top:-1px;right:-1px;height:4px;background:var(--lg-head);
}
#page-ludo-game-development-company .lgdc-model:hover::before{background:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-model__t{
  margin:10px 0 12px;font-size:21px;line-height:1.28;font-weight:700;color:var(--lg-head);
}
#page-ludo-game-development-company .lgdc-model__p{margin:0 0 20px;font-size:16px;line-height:1.7;}
#page-ludo-game-development-company .lgdc-ticks{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--lg-line);display:grid;gap:12px;}
#page-ludo-game-development-company .lgdc-ticks li{
  display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.55;color:var(--lg-text);
}
#page-ludo-game-development-company .lgdc-ticks img{width:16px;height:16px;flex:0 0 16px;margin-top:5px;}

/* ── solutions ──────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-sol{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);
}
#page-ludo-game-development-company .lgdc-sol__i{
  background:var(--lg-white);border:1px solid var(--lg-line);border-radius:3px;padding:30px 28px;
  border-bottom:4px solid var(--lg-teal);
}
#page-ludo-game-development-company .lgdc-sol__i:hover{border-bottom-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-sol__ic{height:48px;width:auto;margin-bottom:18px;}
#page-ludo-game-development-company .lgdc-sol__t{margin:0 0 10px;font-size:21px;line-height:1.28;font-weight:700;color:var(--lg-head);}
#page-ludo-game-development-company .lgdc-sol__p{margin:0;font-size:16px;line-height:1.7;}

/* ── why choose us ──────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-why__list{
  list-style:none;margin:26px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--lg-line);border:1px solid var(--lg-line);border-radius:3px;overflow:hidden;
}
#page-ludo-game-development-company .lgdc-why__list li{
  background:var(--lg-white);padding:24px 26px;font-size:16px;line-height:1.68;color:var(--lg-text);
}
#page-ludo-game-development-company .lgdc-why__list li:hover{background:#f7f9fc;}
#page-ludo-game-development-company .lgdc-why__k{
  display:block;margin-bottom:6px;font-size:18px;font-weight:700;color:var(--lg-head);
}

/* ── FAQ (dark accordion) ───────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-faq{background:var(--lg-ink);}
#page-ludo-game-development-company .lgdc-faq__wrap{max-width:920px;}
#page-ludo-game-development-company .lgdc-faq__list{margin-top:12px;border-top:1px solid var(--lg-line-d);}
#page-ludo-game-development-company .lgdc-q{border-bottom:1px solid var(--lg-line-d);}
#page-ludo-game-development-company .lgdc-q__s{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  padding:22px 4px;cursor:pointer;list-style:none;
  font-size:19px;line-height:1.42;font-weight:700;color:var(--lg-white);
  transition:color 150ms ease;
}
#page-ludo-game-development-company .lgdc-q__s::-webkit-details-marker{display:none;}
#page-ludo-game-development-company .lgdc-q__s:hover{color:#ffb9a6;}
#page-ludo-game-development-company .lgdc-q__s:focus-visible{outline:3px solid var(--lg-signal);outline-offset:2px;}
#page-ludo-game-development-company .lgdc-q__s::after{
  content:"";flex:0 0 18px;width:18px;height:18px;margin-top:6px;
  background:
    linear-gradient(var(--lg-signal),var(--lg-signal)) center/18px 3px no-repeat,
    linear-gradient(var(--lg-signal),var(--lg-signal)) center/3px 18px no-repeat;
  transition:transform 180ms ease;
}
#page-ludo-game-development-company .lgdc-q[open] .lgdc-q__s::after{transform:rotate(45deg);}
#page-ludo-game-development-company .lgdc-q__txt{flex:1 1 auto;}
#page-ludo-game-development-company .lgdc-q__a{padding:0 40px 26px 4px;}
#page-ludo-game-development-company .lgdc-q__a p{margin:0 0 14px;font-size:17px;line-height:1.75;color:var(--lg-onink-mute);}
#page-ludo-game-development-company .lgdc-q__a p:last-child{margin-bottom:0;}
#page-ludo-game-development-company .lgdc-q__ul{margin:0 0 16px;padding-left:20px;display:grid;gap:8px;}
#page-ludo-game-development-company .lgdc-q__ul li{font-size:16px;line-height:1.6;color:var(--lg-onink-mute);}

/* ── customer success stories ───────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-stories{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px);
}
#page-ludo-game-development-company .lgdc-story{
  background:var(--lg-white);border:1px solid var(--lg-line);border-radius:3px;overflow:hidden;
  display:flex;flex-direction:column;
}
#page-ludo-game-development-company .lgdc-vid{
  position:relative;display:block;width:100%;padding:0;border:0;background:var(--lg-ink);
  cursor:pointer;line-height:0;
}
#page-ludo-game-development-company .lgdc-vid img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:opacity 160ms ease;}
#page-ludo-game-development-company .lgdc-vid:hover img{opacity:.78;}
#page-ludo-game-development-company .lgdc-vid:focus-visible{outline:3px solid var(--lg-signal);outline-offset:-3px;}
#page-ludo-game-development-company .lgdc-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:var(--lg-signal);
  transition:background-color 160ms ease;
}
#page-ludo-game-development-company .lgdc-vid__play::after{
  content:"";position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;
}
#page-ludo-game-development-company .lgdc-vid:hover .lgdc-vid__play{background:var(--lg-signal-d);}
#page-ludo-game-development-company .lgdc-story__frame{width:100%;aspect-ratio:16/9;border:0;display:block;}
#page-ludo-game-development-company .lgdc-story__q{
  margin:0;padding:24px 24px 26px;font-size:16px;line-height:1.7;color:var(--lg-text);
}
#page-ludo-game-development-company .lgdc-more{margin:28px 0 0;text-align:center;font-size:17px;}

/* ── area we serve (dark office plates) ─────────────────────────────────── */
#page-ludo-game-development-company .lgdc-serve{background:linear-gradient(180deg,#131c27 0%,#0d131b 100%);}
#page-ludo-game-development-company .lgdc-offices{
  list-style:none;margin:40px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,28px);
}
#page-ludo-game-development-company .lgdc-office{
  border:1px solid var(--lg-line-d);border-top:3px solid var(--lg-signal);border-radius:3px;
  padding:24px 22px;
}
#page-ludo-game-development-company .lgdc-office__t{
  margin:0 0 12px;font-size:18px;line-height:1.3;font-weight:800;letter-spacing:.06em;color:var(--lg-white);
}
#page-ludo-game-development-company a.lgdc-office__tel{
  display:inline-block;color:#ffc2b0;font-size:17px;font-weight:700;
  padding:6px 0;min-height:34px;border-radius:2px;font-variant-numeric:tabular-nums;
}
#page-ludo-game-development-company a.lgdc-office__tel:hover{color:var(--lg-white);text-decoration:underline;}
#page-ludo-game-development-company a.lgdc-office__tel:focus-visible{outline:3px solid var(--lg-signal);outline-offset:3px;}
#page-ludo-game-development-company .lgdc-office__a{
  display:flex;gap:10px;align-items:flex-start;
  margin:10px 0 0;font-size:16px;line-height:1.65;color:var(--lg-onink-mute);
}
#page-ludo-game-development-company .lgdc-office__a img{width:14px;height:20px;flex:0 0 14px;margin-top:3px;}

/* ── CTA modal ──────────────────────────────────────────────────────────── */
#page-ludo-game-development-company .lgdc-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(8,12,18,.72);padding: 100px 20px 20px 20px;
  align-items:flex-start;justify-content:center;overflow-y:auto;
}
#page-ludo-game-development-company .lgdc-modal.is-open{display:flex;}
#page-ludo-game-development-company .lgdc-modal__box{
  position:relative;width:100%;max-width:640px;margin:40px auto;
  background:var(--lg-white);border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.45);
}
#page-ludo-game-development-company .lgdc-modal__x{
  position:absolute;right:12px;top:12px;z-index:2;
  width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--lg-line);border-radius:3px;background:var(--lg-white);
  color:var(--lg-head);cursor:pointer;transition:background-color 150ms ease,color 150ms ease;
}
#page-ludo-game-development-company .lgdc-modal__x:hover{background:var(--lg-signal);color:var(--lg-white);border-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-modal__x:focus-visible{outline:3px solid var(--lg-signal);outline-offset:2px;}
#page-ludo-game-development-company .lgdc-modal__box iframe{
  display:block;width:100%;min-height:900px;border:0;border-radius:4px;
}

/* ── responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1080px){
  #page-ludo-game-development-company .lgdc-plates{grid-template-columns:repeat(2,1fr);}
  #page-ludo-game-development-company .lgdc-exp{grid-template-columns:repeat(2,1fr);}
  #page-ludo-game-development-company .lgdc-steps{grid-template-columns:repeat(2,1fr);}
  #page-ludo-game-development-company .lgdc-offices{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  #page-ludo-game-development-company .lgdc-intro__grid,
  #page-ludo-game-development-company .lgdc-partner__grid,
  #page-ludo-game-development-company .lgdc-hire__grid{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-partner__fig{order:2;}
  #page-ludo-game-development-company .lgdc-stories{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-models{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-sol{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-why__list{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-checks{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-row,
  #page-ludo-game-development-company .lgdc-mode{grid-template-columns:1fr;gap:10px;}
  #page-ludo-game-development-company .lgdc-h2{max-width:none;}
}
@media (max-width:640px){
  #page-ludo-game-development-company{font-size:16px;}
  #page-ludo-game-development-company .lgdc-plates,
  #page-ludo-game-development-company .lgdc-exp,
  #page-ludo-game-development-company .lgdc-steps,
  #page-ludo-game-development-company .lgdc-offices,
  #page-ludo-game-development-company .lgdc-shots__rail{grid-template-columns:1fr;}
  #page-ludo-game-development-company .lgdc-btn{width:100%;}
  #page-ludo-game-development-company .lgdc-spec th{width:44%;}
  #page-ludo-game-development-company .lgdc-spec th,
  #page-ludo-game-development-company .lgdc-spec td{padding:16px 14px;font-size:16px;}
  #page-ludo-game-development-company .lgdc-q__a{padding-right:8px;}
  #page-ludo-game-development-company .lgdc-modal__box iframe{min-height:960px;}
}
@media (max-width:400px){
  #page-ludo-game-development-company .lgdc-plate,
  #page-ludo-game-development-company .lgdc-model,
  #page-ludo-game-development-company .lgdc-step,
  #page-ludo-game-development-company .lgdc-sol__i,
  #page-ludo-game-development-company .lgdc-check,
  #page-ludo-game-development-company .lgdc-why__list li{padding-inline:18px;}
}

/* ── reduced motion (rule 26: all motion here is user-initiated already) ── */
@media (prefers-reduced-motion:reduce){
  #page-ludo-game-development-company *,
  #page-ludo-game-development-company *::before,
  #page-ludo-game-development-company *::after{
    animation:none !important;transition-duration:.01ms !important;
  }
}

/* The three platform SVGs (desktop/web/mobile _version_icon.svg) are solid
   fill="white" artwork drawn for a dark backdrop, but they sit on #FFFFFF here —
   1.00:1, i.e. invisible. Every other icon on this page is #3E4095 two-tone and
   reads fine, so this is scoped to these three only; a blanket rule would wreck
   the rest.

   Inverting is NOT the fix: the white IS the artwork, so brightness(0) yields a
   solid dark blob with none of the internal detail. Give them the dark chip they
   were designed for instead — the glyph renders exactly as authored. */
#page-ludo-game-development-company .lgdc-sol__ic{
  background:var(--lg-ink);
  border-radius:10px;
  padding:9px;
  box-sizing:border-box;
  width:52px;height:52px;
  object-fit:contain;
}

/* ═══════════════════════════════════════════════════════════════════════
   Ludo — eight requested changes (2026-09-16)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. "Partner with the Best…" — centre the band ── */
#page-ludo-game-development-company .lgdc-partner__copy{text-align:center;}
#page-ludo-game-development-company .lgdc-partner__copy .lgdc-h2{max-width:24ch;margin-inline:auto;}
/* the accent rule is a block ::before — centre it too, same idiom as .lgdc-h2--center */
#page-ludo-game-development-company .lgdc-partner__copy .lgdc-h2::before{margin-inline:auto;}
#page-ludo-game-development-company .lgdc-partner__copy .lgdc-p{margin-inline:auto;}

/* ── 2. "Our App's Screenshots" — omaha's rail LAYOUT, this page's dark palette.
      .lgdc-shot keeps its own border/padding/#131c27 fill, so only the flow changes. ── */
#page-ludo-game-development-company .lgdc-shots__rail{
  display:flex;max-width:none;margin:44px 0 0;gap:18px;
  padding:6px 2px 22px;overflow-x:auto;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;}
#page-ludo-game-development-company .lgdc-shots__rail::-webkit-scrollbar{display:none;}
#page-ludo-game-development-company .lgdc-shot{
  flex:0 0 clamp(280px,78vw,430px);scroll-snap-align:start;}
#page-ludo-game-development-company .lgdc-rail__nav{
  display:flex;gap:12px;justify-content:center;margin-top:4px;}
#page-ludo-game-development-company .lgdc-rail__btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  color:var(--lg-white);background:transparent;border:1px solid var(--lg-line-d);
  transition:background 160ms ease,border-color 160ms ease,opacity 160ms ease;}
#page-ludo-game-development-company .lgdc-rail__btn:hover:not([disabled]){
  background:var(--lg-signal);border-color:var(--lg-signal);}
#page-ludo-game-development-company .lgdc-rail__btn:focus-visible{
  outline:3px solid var(--lg-signal);outline-offset:3px;}
#page-ludo-game-development-company .lgdc-rail__btn[disabled]{opacity:.35;cursor:not-allowed;}

/* ── 4. "Benefits…" — 7 items in a 2-col grid left the 8th cell empty, and the
      hairline technique painted that hole in --lg-line (#c8d3e0) as a solid block.
      Real per-cell borders instead: the hole disappears and the boxes read at
      3.16:1 against the cell fill (WCAG 1.4.11 wants >=3:1; #c8d3e0 gave 1.52:1). ── */
#page-ludo-game-development-company .lgdc-checks{
  background:none;border:0;border-radius:0;gap:clamp(14px,1.6vw,20px);}
#page-ludo-game-development-company .lgdc-check{
  border:1px solid #7d93ad;border-radius:3px;}

/* ── 5. Process icons, slightly up: 52 -> 64 ── */
#page-ludo-game-development-company .lgdc-step__i{width:64px;height:64px;padding:10px;}

/* ── 8. Every CTA centres in its section (in the hire band, within its copy column,
      since that section is a two-column grid alongside its figure). ── */
#page-ludo-game-development-company .lgdc-act{
  display:flex;justify-content:center;margin-top:28px;}

@media (max-width:560px){
  #page-ludo-game-development-company .lgdc-shot{flex:0 0 82vw;}
}

/* ═══ Ludo — follow-up (2026-09-16) ═══════════════════════════════════════
   NOTE: .lgdc-why is on BOTH halves of the split band (Hire + Why Choose Us),
   so anything meant for one of them must hang off .lgdc-whychoose. ── */

/* ── 1. CTA left, flush with the description. .lgdc-p--wide is max-width only
      (no auto margin), so the wrap's left edge IS the description's left edge. ── */
/* Swapped 2026-09-16 at the operator's request: the LEFT CTA belongs to the
   "Hire Ludo Game Developers for Upgrade…" half, and "Why Choose Us…" goes
   back to the centred default. The first half has no class of its own — the
   split left .lgdc-why on BOTH — so it is addressed by :not(.lgdc-whychoose).
   .lgdc-hire is a different section ("…Starts Here") and stays left. */
#page-ludo-game-development-company .lgdc-why:not(.lgdc-whychoose) .lgdc-act{justify-content:flex-start;}

/* ── 2. Same defect as the Benefits list, same fix: 9 items in a 2-col grid
      left the 10th cell empty and the hairline technique painted that hole
      in --lg-line (#c8d3e0). Real per-cell borders at #7d93ad — 3.16:1 on the
      cell fill, where #c8d3e0 gave 1.52:1 (WCAG 1.4.11 wants >=3:1). ── */
#page-ludo-game-development-company .lgdc-why__list{
  background:none;border:0;border-radius:0;gap:clamp(14px,1.6vw,20px);}
#page-ludo-game-development-company .lgdc-why__list li{
  border:1px solid #7d93ad;border-radius:3px;}

/* ── "Top-Notch Ludo Game Development Starts Here": CTA left, flush with the
      description. .lgdc-hire is on exactly one section, and .lgdc-hire__copy
      .lgdc-p is max-width only, so the copy column's left edge IS the
      description's left edge. Other sections keep their centred CTAs. ── */
#page-ludo-game-development-company .lgdc-hire .lgdc-act{justify-content:flex-start;}