/* /case-study/royaldeck-teen-patti-platform-case-study — AISHTMLNEWDESIGN-553
   Page-owned styles. EVERY selector is scoped to #page-case-study-royaldeck-teen-patti-platform-case-study or a
   csrt- 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 — WORLD TABLE
   The two facts no sibling Royal* case study touches: RoyalDeck's user base
   spans India, the Middle East and Europe, and the platform was specifically
   rebuilt with multilingual/cultural localization. Deep plum-violet base,
   warm gold accent -- distinct hue from every direction shipped this week.
   Kept clear of CERTIFIED DEAL (the OTHER Teen Patti case study), HOUSE EDGE,
   UPTIME REPORT, THE CHIP COUNT, LATENCY BUDGET and CHAIN OF CUSTODY, all
   taken by sibling Royal* pages.

   CTA COLOUR, computed by hand before this file existed (established pattern,
   fourth time running): ink text on gold measures 9.95:1, gold vs the hero
   gradient's worst stop measures 7.97:1. A SEPARATE, darker token
   (--csrt-gold-ink, #6d4f10) covers every TEXT usage: 7.56:1 on white, 6.26:1
   on tint -- the fill/text split, applied from the first draft.

   MODAL SHELL matches verify:modal-css-gate's three invariants EXACTLY, by
   construction: z-index:1000 (the floor, not merely "a value"), overflow-y:
   auto on the overlay, and align-items:flex-start co-located with
   display:flex on .is-open. Survey embed uses the CURRENT
   link.aisautonomous.com sub-account and id from the first draft -- not
   copied from an old page, avoiding the migration this page would otherwise
   have needed next week. */

#page-case-study-royaldeck-teen-patti-platform-case-study {
  --csrt-ink: #1c141e;
  --csrt-plum: #2c1638;
  --csrt-plum-dp: #200e2a;
  --csrt-gold: #e6bb5c;
  --csrt-gold-hover: #dba648;
  --csrt-gold-ink: #6d4f10;
  --csrt-paper: #ffffff;
  --csrt-bone: #f6f3f4;
  --csrt-tint: #ede8ee;
  --csrt-text: #271e29;
  --csrt-muted: #5d5361;
  --csrt-line: #ddd5df;
  --csrt-onink: #ece5ee;

  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: var(--csrt-text);
  background: var(--csrt-bone);
  display: block;
}

#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-wrap { max-width: 1120px; margin: 0 auto; padding: 0 28px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-section { padding: 74px 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-section--tint { background: var(--csrt-tint); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-link { color: var(--csrt-gold-ink); text-decoration: underline; }

#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--csrt-ink);
  max-width: 26ch;
}
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-h2::after { content: ""; display: block; width: 56px; height: 6px; margin: 16px 0 28px; background: var(--csrt-gold); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-h2--band { color: #fff; }

/* ---------- hero ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero { background: linear-gradient(150deg, #140c18 0%, #2c1638 55%, #3a1e48 100%); padding: 84px 28px 76px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero__inner { max-width: 900px; margin: 0 auto; text-align: center; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-eyebrow { margin: 0 0 18px; font-size: 16px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: #f0d69a; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero__title { margin: 0 0 20px; font-size: clamp(34px, 4vw, 54px); line-height: 1.12; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero__lede { margin: 0 auto 26px; color: var(--csrt-onink); max-width: 78ch; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero__techlabel { margin: 0 0 12px; font-size: 18px; font-weight: 800; color: #fff; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-tech { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-tech li { border: 2px solid rgba(236, 229, 238, 0.5); color: var(--csrt-onink); padding: 9px 16px; font-weight: 600; font-size: 16px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero__ctarow { margin: 32px 0 0; }

/* ---------- CTA button: the /our-values .ov-btn form ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn {
  display: inline-block; border: 0; cursor: pointer; font-family: inherit;
  font-size: 16px; font-weight: 700; line-height: 1; letter-spacing: 0.01em;
  padding: 17px 30px; border-radius: 2px;
  transition: background-color 0.18s, color 0.18s, transform 0.18s;
}
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--gold { background: var(--csrt-gold); color: var(--csrt-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--gold:hover { background: var(--csrt-gold-hover); transform: translateY(-1px); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--ink { background: var(--csrt-ink); color: #fff; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--ink:hover { background: #0e090f; transform: translateY(-1px); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--bone { background: var(--csrt-bone); color: var(--csrt-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn--bone:hover { background: #fff; transform: translateY(-1px); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn:active { transform: translateY(0); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn:focus-visible { outline: 3px solid var(--csrt-gold); outline-offset: 3px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-sec__ctarow { margin: 34px 0 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-band__ctarow { margin: 40px 0 0; }

/* ---------- breadcrumb ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-breadcrumb { background: var(--csrt-paper); border-bottom: 1px solid var(--csrt-line); display: flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; color: var(--csrt-muted); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-breadcrumb__back { display: inline-flex; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-breadcrumb__leg:hover { color: var(--csrt-gold-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-breadcrumb__now { color: var(--csrt-ink); font-weight: 600; }

/* ---------- contents ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc { background: var(--csrt-paper); padding: 46px 0; border-bottom: 1px solid var(--csrt-line); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__title { margin: 0 0 20px; font-size: 18px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--csrt-muted); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__list li { border-top: 1px solid var(--csrt-line); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__list a { display: flex; align-items: baseline; gap: 14px; padding: 15px 2px; font-weight: 600; color: var(--csrt-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__list a:hover { color: var(--csrt-gold-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__num { font-weight: 800; color: var(--csrt-gold-ink); }

/* ---------- About ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-lede { margin: 0; max-width: 80ch; color: var(--csrt-muted); }

/* ---------- Challenges ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-chals { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-chal { background: var(--csrt-paper); border: 1px solid var(--csrt-line); border-left: 4px solid var(--csrt-gold); padding: 22px 26px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-chal__t { margin: 0 0 6px; font-size: 1.14rem; font-weight: 800; color: var(--csrt-ink); display: flex; gap: 14px; align-items: baseline; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-chal__n { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; background: var(--csrt-ink); color: var(--csrt-gold); font-size: 16px; font-weight: 800; flex-shrink: 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-chal__b { margin: 0; color: var(--csrt-muted); }

/* ---------- Solution: the mapping table ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-tablewrap { overflow-x: auto; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map { width: 100%; border-collapse: collapse; background: var(--csrt-paper); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map th { background: var(--csrt-ink); color: var(--csrt-gold); text-align: left; font-weight: 800; font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; padding: 14px 18px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map td { border-top: 1px solid var(--csrt-line); padding: 16px 18px; vertical-align: top; color: var(--csrt-muted); font-size: 16px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map tbody tr:nth-child(odd) td { background: #faf8fa; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map td:last-child { color: var(--csrt-ink); font-weight: 600; }

/* ---------- Results band ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-band { background: var(--csrt-ink); padding: 74px 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stat { display: flex; flex-direction: column; gap: 6px; border-top: 4px solid var(--csrt-gold); padding-top: 18px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stat__n { font-size: 2.3rem; font-weight: 800; line-height: 1; color: var(--csrt-gold); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stat__b { color: var(--csrt-onink); font-size: 16px; }

/* ---------- Why ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-whys { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-why { background: var(--csrt-paper); border: 1px solid var(--csrt-line); border-top: 4px solid var(--csrt-gold); padding: 22px 26px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-why__t { margin: 0 0 6px; font-size: 1.1rem; font-weight: 800; color: var(--csrt-ink); display: flex; gap: 14px; align-items: baseline; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-why__n { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--csrt-gold); color: var(--csrt-gold-ink); font-size: 16px; font-weight: 800; flex-shrink: 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-why__b { margin: 0; color: var(--csrt-muted); }

/* ---------- Client quote ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-quote { margin: 0; background: var(--csrt-paper); border-left: 4px solid var(--csrt-gold); padding: 28px 32px; max-width: 80ch; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-quote blockquote { margin: 0; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-quote p { margin: 0; font-size: 1.22rem; line-height: 1.55; font-weight: 600; color: var(--csrt-ink); }

/* ---------- Area We Serve ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-regions { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-region { background: var(--csrt-paper); border: 1px solid var(--csrt-line); border-top: 4px solid var(--csrt-ink); padding: 22px 24px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-region__t { margin: 0 0 10px; font-size: 18px; font-weight: 800; letter-spacing: 0.08em; color: var(--csrt-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-region__tel { margin: 0 0 10px; font-weight: 700; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-region__tel a { color: var(--csrt-gold-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-region__addr { margin: 0; color: var(--csrt-muted); font-size: 16px; }

/* ---------- CTA modal: matches verify:modal-css-gate's three invariants exactly ---------- */
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal { display: none; position: fixed; inset: 0; z-index: 1000; padding: 20px; overflow-y: auto; background: rgba(28, 20, 30, 0.72); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal.is-open { display: flex; align-items: flex-start; justify-content: center; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__box { position: relative; width: 100%; max-width: 620px; margin: auto; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7); overflow: hidden; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x { position: absolute; top: 12px; right: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--csrt-line); border-radius: 50%; background: #fff; color: var(--csrt-ink); cursor: pointer; transition: background-color 0.16s, color 0.16s; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x::before,
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: currentColor; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x::before { transform: translate(-50%, -50%) rotate(45deg); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x::after { transform: translate(-50%, -50%) rotate(-45deg); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x:hover { background: var(--csrt-gold); color: var(--csrt-ink); }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__x:focus-visible { outline: 3px solid var(--csrt-gold); outline-offset: 2px; }
#page-case-study-royaldeck-teen-patti-platform-case-study .csrt-modal__frame { display: block; width: 100%; min-height: 860px; border: 0; }

/* ---------- responsive ---------- */
@media (max-width: 1020px) {
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stats { grid-template-columns: repeat(2, 1fr); }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-regions { grid-template-columns: repeat(2, 1fr); }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-toc__list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  #page-case-study-royaldeck-teen-patti-platform-case-study { font-size: 16px; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-wrap { padding: 0 18px; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-section, #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-band { padding: 56px 0; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-hero { padding: 60px 18px 52px; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-breadcrumb { padding: 12px 18px; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-stats { grid-template-columns: 1fr; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-whys { grid-template-columns: 1fr; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-regions { grid-template-columns: 1fr; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn { width: 100%; text-align: center; padding: 16px 22px; }

  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-tablewrap { overflow-x: visible; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map, #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map tbody, #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map tr, #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map td { display: block; box-sizing: border-box; max-width: 100%; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map tr { border: 1px solid var(--csrt-line); border-top: 4px solid var(--csrt-gold); margin-bottom: 16px; background: var(--csrt-paper); }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map td { border-top: 0; padding: 14px 18px; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map tbody tr:nth-child(odd) td { background: transparent; }
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-map td::before { content: attr(data-label); display: block; font-size: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--csrt-gold-ink); margin-bottom: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn, #page-case-study-royaldeck-teen-patti-platform-case-study .csrt-btn:hover { transition: none; transform: none; }
}