/* /bookie-software — AISHTMLNEWDESIGN-428
   Page-owned styles. EVERY selector is scoped to #page-bookie-software or a
   bs- 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 — LIABILITY DESK
   The bookmaker's back-office console, not a consumer betting site: graphite
   desk panels, hairline steel rules, engraved plate numerals and one verdigris
   signal colour used only where the operator is asked to act. No motion that
   the reader did not start (rule 26).

   Colour ownership (frontend-design 39A): text colour is set on the BAND
   wrapper and on component classes; this sheet contains no "<ancestor> p"
   colour rule, so no chip or plate can lose its foreground to a prose rule. */

#page-bookie-software{
  --bs-ink:#0e1116;          /* desk graphite               */
  --bs-ink-2:#161c25;        /* raised panel                */
  --bs-ink-3:#1e2632;        /* plate face on dark          */
  --bs-steel:#2b3542;        /* hairline on dark            */
  --bs-paper:#f4f2ed;        /* docket paper                */
  --bs-paper-2:#e9e6de;      /* slate-grey desk mat         */
  --bs-rule:#cfc9bb;         /* hairline on paper           */
  --bs-text:#12161c;         /* body on paper  15.7:1       */
  --bs-text-2:#3c4552;       /* secondary on paper  8.6:1   */
  --bs-onink:#eef2f7;        /* body on graphite 15.6:1     */
  --bs-onink-2:#b3c0d0;      /* secondary on graphite 8.7:1 */
  --bs-signal:#2fbfae;       /* verdigris — dark surfaces   */
  --bs-signal-ink:#0a6b60;   /* verdigris — paper surfaces  */
  --bs-shadow:0 18px 44px rgba(9,12,17,.16);
  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;
  line-height:1.65;
  color:var(--bs-text);
  background:var(--bs-paper);
  -webkit-font-smoothing:antialiased;
}
#page-bookie-software,
#page-bookie-software *,
#page-bookie-software *::before,
#page-bookie-software *::after{box-sizing:border-box;}

#page-bookie-software p{margin:0 0 20px;}
#page-bookie-software p:last-child{margin-bottom:0;}
#page-bookie-software ul{margin:0;padding:0;list-style:none;}

/* ---------- shared shells ------------------------------------------------ */
#page-bookie-software .bs-wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px;}
#page-bookie-software .bs-sec{width:100%;padding:clamp(56px,7vw,104px) 0;}

/* A band owns the colour of everything inside it. Chips and plates then only
   have to beat (1,1,0), which nothing in this sheet contests. */
#page-bookie-software .bs-sec--paper{background:var(--bs-paper);color:var(--bs-text);}
#page-bookie-software .bs-sec--slate{background:var(--bs-paper-2);color:var(--bs-text);}
#page-bookie-software .bs-sec--ink{background:var(--bs-ink);color:var(--bs-onink);}

/* The desk rail: a hairline across the band top with one verdigris segment.
   Static — it is a border, not motion. */
#page-bookie-software .bs-sec--ink,
#page-bookie-software .bs-sec--paper,
#page-bookie-software .bs-sec--slate{position:relative;}
#page-bookie-software .bs-sec::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:100%;
  background:linear-gradient(90deg,var(--bs-signal-ink) 0,var(--bs-signal-ink) 96px,var(--bs-rule) 96px,var(--bs-rule) 100%);
}
#page-bookie-software .bs-sec--ink::before{
  background:linear-gradient(90deg,var(--bs-signal) 0,var(--bs-signal) 96px,var(--bs-steel) 96px,var(--bs-steel) 100%);
}

/* ---------- typography --------------------------------------------------- */
#page-bookie-software .bs-h1{
  margin:0 0 22px;font-size:clamp(40px,5.2vw,68px);line-height:1.04;
  font-weight:800;letter-spacing:-.028em;color:var(--bs-onink);
}
#page-bookie-software .bs-h2{
  margin:0 0 22px;font-size:clamp(29px,3.3vw,44px);line-height:1.14;
  font-weight:800;letter-spacing:-.022em;
}
#page-bookie-software .bs-h2--ink{color:var(--bs-text);}
#page-bookie-software .bs-h2--onink{color:var(--bs-onink);}
#page-bookie-software .bs-h5{
  margin:34px 0 22px;font-size:19px;line-height:1.4;font-weight:700;
  letter-spacing:.005em;
}
#page-bookie-software .bs-h5--ink{color:var(--bs-text);}
#page-bookie-software .bs-h5--onink{color:var(--bs-onink);}
/* The h5 label wears an engraved tick so it reads as a desk plate caption. */
#page-bookie-software .bs-h5{padding-left:18px;border-left:3px solid var(--bs-signal-ink);}
#page-bookie-software .bs-h5--onink{border-left-color:var(--bs-signal);}

/* ---------- links -------------------------------------------------------- */
/* The inline baseline block sets #page-bookie-software a{color:inherit} at
   (1,0,1). Every anchor rule below therefore carries the wrapper id AND a
   class, so it genuinely outranks it. */
#page-bookie-software a.bs-inlink{
  color:var(--bs-signal-ink);font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:rgba(10,107,96,.45);
}
#page-bookie-software a.bs-inlink:hover,
#page-bookie-software a.bs-inlink:focus-visible{
  color:#064b43;text-decoration:underline;text-decoration-color:currentColor;
}
#page-bookie-software a.bs-inlink--onink{
  color:var(--bs-signal);text-decoration-color:rgba(47,191,174,.5);
}
#page-bookie-software a.bs-inlink--onink:hover,
#page-bookie-software a.bs-inlink--onink:focus-visible{color:#7fe6d9;}

#page-bookie-software a:focus-visible,
#page-bookie-software button:focus-visible,
#page-bookie-software summary:focus-visible{
  outline:3px solid var(--bs-signal);outline-offset:3px;border-radius:2px;
}

/* ---------- CTA ---------------------------------------------------------- */
#page-bookie-software .bs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 30px;border:1px solid transparent;border-radius:3px;
  font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;
  letter-spacing:.005em;text-align:center;cursor:pointer;
  transition:transform .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease;
}
#page-bookie-software a.bs-btn{text-decoration:none;}
#page-bookie-software .bs-btn:hover{transform:translateY(-2px);}
#page-bookie-software .bs-btn:active{transform:translateY(0);}

#page-bookie-software .bs-btn--signal{background:var(--bs-signal);color:#06231f;border-color:var(--bs-signal);}
#page-bookie-software .bs-btn--signal:hover{background:#5fd6c7;border-color:#5fd6c7;color:#06231f;}
#page-bookie-software a.bs-btn--signal2,
#page-bookie-software .bs-btn--signal2{background:var(--bs-signal-ink);color:#f2fffd;border-color:var(--bs-signal-ink);}
#page-bookie-software a.bs-btn--signal2:hover,
#page-bookie-software .bs-btn--signal2:hover{background:#08544b;border-color:#08544b;color:#f2fffd;}
#page-bookie-software .bs-btn--paper{background:var(--bs-paper);color:var(--bs-text);border-color:var(--bs-paper);}
#page-bookie-software .bs-btn--paper:hover{background:#fff;border-color:#fff;color:var(--bs-text);}
#page-bookie-software .bs-btn--ink{background:var(--bs-ink);color:var(--bs-onink);border-color:var(--bs-ink);}
#page-bookie-software .bs-btn--ink:hover{background:#202935;border-color:#202935;color:#fff;}
#page-bookie-software .bs-cta-row{margin-top:34px;}

/* ---------- breadcrumb rail ---------------------------------------------- */
#page-bookie-software .bs-crumb{
  width:100%;background:var(--bs-paper-2);border-bottom:1px solid var(--bs-rule);
  color:var(--bs-text-2);
}
#page-bookie-software .bs-crumb__in{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-block:14px;font-size:16px;
}
#page-bookie-software a.bs-crumb__back{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid var(--bs-rule);border-radius:2px;
  background:var(--bs-paper);color:var(--bs-text);transition:border-color .15s ease,background-color .15s ease;
}
#page-bookie-software a.bs-crumb__back:hover{border-color:var(--bs-signal-ink);background:#fff;}
#page-bookie-software .bs-crumb__back img{display:block;width:16px;height:auto;}
#page-bookie-software a.bs-crumb__link{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--bs-text-2);font-weight:500;
}
#page-bookie-software a.bs-crumb__link:hover{color:var(--bs-signal-ink);}
#page-bookie-software .bs-crumb__now{color:var(--bs-text);font-weight:700;}

/* ---------- hero (rule 24) ----------------------------------------------- */
/* Full-bleed graphite. Background is a STATIC gradient plus static hairlines —
   no image, no motion, no moving gradient position. */
#page-bookie-software .bs-hero{
  width:100%;padding:clamp(64px,8vw,124px) 24px clamp(60px,7vw,110px);
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,rgba(255,255,255,0) 1px 7px),
    linear-gradient(168deg,#1a2330 0%,#111823 46%,var(--bs-ink) 100%);
  border-bottom:1px solid var(--bs-steel);
  color:var(--bs-onink);
}
#page-bookie-software .bs-hero__in{max-width:900px;margin-inline:auto;text-align:center;}
#page-bookie-software .bs-hero__lede{
  margin:0 auto 34px;max-width:820px;font-size:clamp(17px,1.5vw,20px);
  line-height:1.65;color:var(--bs-onink-2);
}

/* ---------- statement band ----------------------------------------------- */
#page-bookie-software .bs-remark{
  position:relative;width:100%;overflow:hidden;
  padding:clamp(56px,6.5vw,96px) 0;background:#0b0f14;color:var(--bs-onink);
  border-block:1px solid var(--bs-steel);
}
#page-bookie-software .bs-remark__bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.30;filter:grayscale(.4) contrast(1.05);
}
/* Solid scrim over the backdrop: the band's copy must clear AA no matter how
   bright the asset is, so contrast is not left to the image. */
#page-bookie-software .bs-remark::after{
  content:"";position:absolute;inset:0;background:rgba(9,13,18,.62);
}
#page-bookie-software .bs-remark__in{
  position:relative;z-index:1;max-width:900px;text-align:center;
}
#page-bookie-software .bs-remark__line{
  margin:0 auto 32px;font-size:clamp(18px,1.7vw,22px);font-weight:600;
  letter-spacing:.01em;color:#dfe8f1;
}

/* ---------- market outlook (editorial two-column) ------------------------ */
#page-bookie-software .bs-lev__grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);
}
#page-bookie-software .bs-lev__rail{position:relative;}
#page-bookie-software .bs-lev__body{max-width:66ch;color:var(--bs-text-2);font-size:17px;}
#page-bookie-software .bs-lev__open{
  padding-left:20px;border-left:2px solid var(--bs-signal-ink);
  color:var(--bs-text);font-size:19px;line-height:1.6;font-weight:500;
}

/* ---------- feature board ------------------------------------------------ */
#page-bookie-software .bs-feat__lead{max-width:74ch;color:var(--bs-onink-2);font-size:17px;}
#page-bookie-software .bs-feat__close{
  margin-top:32px;max-width:80ch;color:var(--bs-onink-2);font-size:17px;
}
#page-bookie-software .bs-board{
  border-top:1px solid var(--bs-steel);
  background:linear-gradient(180deg,var(--bs-ink-2) 0%,rgba(22,28,37,.35) 100%);
}
#page-bookie-software .bs-board__row{
  display:flex;align-items:center;gap:16px;
  padding:16px 18px;border-bottom:1px solid var(--bs-steel);
  transition:background-color .15s ease,padding-left .15s ease;
}
#page-bookie-software .bs-board__row:hover{background:#1c2531;padding-left:26px;}
#page-bookie-software .bs-board__dot{display:inline-flex;flex:0 0 auto;}
#page-bookie-software .bs-board__dot img{display:block;width:18px;height:auto;}
#page-bookie-software .bs-board__txt{
  font-size:17px;font-weight:600;line-height:1.45;color:var(--bs-onink);
}

/* ---------- talent band -------------------------------------------------- */
#page-bookie-software .bs-hire{
  width:100%;padding:clamp(52px,6vw,92px) 0;background:var(--bs-paper-2);
  color:var(--bs-text);border-block:1px solid var(--bs-rule);
}
#page-bookie-software .bs-hire__grid{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(26px,4vw,56px);
  align-items:center;
}
#page-bookie-software .bs-hire__media{
  border:1px solid var(--bs-rule);border-radius:3px;background:var(--bs-paper);
  padding:14px;box-shadow:var(--bs-shadow);
}
#page-bookie-software .bs-hire__media img{display:block;width:100%;height:auto;border-radius:2px;}
#page-bookie-software .bs-hire__line{
  font-size:clamp(17px,1.5vw,20px);font-weight:600;color:var(--bs-text-2);
  margin-bottom:28px;
}

/* ---------- engraved plates ---------------------------------------------- */
#page-bookie-software .bs-why__intro{max-width:76ch;color:var(--bs-text-2);font-size:17px;}
#page-bookie-software .bs-why__close{margin-top:30px;max-width:80ch;color:var(--bs-text-2);font-size:17px;}
#page-bookie-software .bs-plates{
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
}
#page-bookie-software .bs-plate{
  display:flex;align-items:baseline;gap:14px;
  padding:16px 18px;border:1px solid var(--bs-rule);border-left:3px solid var(--bs-signal-ink);
  border-radius:2px;background:#fbfaf7;color:var(--bs-text);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
#page-bookie-software .bs-plate:hover{
  border-color:var(--bs-signal-ink);box-shadow:0 8px 20px rgba(12,22,20,.10);transform:translateY(-2px);
}
#page-bookie-software .bs-plate__n{
  flex:0 0 auto;font-size:16px;font-weight:800;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;color:var(--bs-signal-ink);
}
#page-bookie-software .bs-plate__t{font-size:17px;font-weight:600;line-height:1.45;color:var(--bs-text);}

/* ---------- docket list -------------------------------------------------- */
#page-bookie-software .bs-docket{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  border-top:1px solid var(--bs-steel);
}
#page-bookie-software .bs-docket li{
  position:relative;padding:15px 18px 15px 46px;
  border-bottom:1px solid var(--bs-steel);
  font-size:17px;line-height:1.5;color:var(--bs-onink);
}
#page-bookie-software .bs-docket li::before{
  content:"";position:absolute;left:18px;top:23px;
  width:9px;height:9px;border-radius:1px;background:var(--bs-signal);
  transform:rotate(45deg);
}

/* ---------- FAQ ---------------------------------------------------------- */
#page-bookie-software .bs-faq{border-top:1px solid var(--bs-rule);max-width:960px;}
#page-bookie-software .bs-faq details{border-bottom:1px solid var(--bs-rule);}
#page-bookie-software .bs-faq summary{
  display:flex;align-items:flex-start;gap:16px;
  padding:20px 4px;cursor:pointer;list-style:none;
  transition:color .15s ease;
}
#page-bookie-software .bs-faq summary::-webkit-details-marker{display:none;}
#page-bookie-software .bs-faq summary:hover .bs-faq__q{color:var(--bs-signal-ink);}
#page-bookie-software .bs-faq__n{
  flex:0 0 auto;padding-top:2px;font-size:16px;font-weight:800;letter-spacing:.06em;
  font-variant-numeric:tabular-nums;color:var(--bs-signal-ink);
}
#page-bookie-software .bs-faq__q{
  flex:1 1 auto;margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.4;
  font-weight:700;color:var(--bs-text);
}
#page-bookie-software .bs-faq__pm{
  flex:0 0 auto;position:relative;width:22px;height:22px;margin-top:3px;
  border:1px solid var(--bs-rule);border-radius:2px;background:#fbfaf7;
}
#page-bookie-software .bs-faq__pm::before,
#page-bookie-software .bs-faq__pm::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--bs-signal-ink);
  transform:translate(-50%,-50%);
}
#page-bookie-software .bs-faq__pm::before{width:10px;height:2px;}
#page-bookie-software .bs-faq__pm::after{width:2px;height:10px;transition:opacity .15s ease;}
#page-bookie-software .bs-faq details[open] .bs-faq__pm::after{opacity:0;}
#page-bookie-software .bs-faq details[open] .bs-faq__pm{border-color:var(--bs-signal-ink);}
#page-bookie-software .bs-faq__a{
  padding:0 4px 24px 54px;max-width:80ch;color:var(--bs-text-2);font-size:17px;
}

/* ---------- customer success stories ------------------------------------- */
#page-bookie-software .bs-storylist{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,34px);
}
#page-bookie-software .bs-story{
  display:flex;flex-direction:column;
  border:1px solid var(--bs-steel);border-radius:3px;background:var(--bs-ink-2);
  overflow:hidden;
}
#page-bookie-software .bs-vid{
  position:relative;display:block;width:100%;padding:0;border:0;
  background:#0b0f14;cursor:pointer;line-height:0;color:#06231f;
}
#page-bookie-software .bs-vid img{display:block;width:100%;height:auto;}
#page-bookie-software .bs-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;justify-content:center;
  width:60px;height:60px;border-radius:50%;
  background:var(--bs-signal);color:#06231f;
  box-shadow:0 10px 26px rgba(0,0,0,.45);
  transition:transform .15s ease,background-color .15s ease;
}
#page-bookie-software .bs-vid:hover .bs-vid__play{transform:translate(-50%,-50%) scale(1.07);background:#5fd6c7;}
#page-bookie-software .bs-story__frame{display:block;width:100%;aspect-ratio:4/3;border:0;}
#page-bookie-software .bs-story__q{
  margin:0;padding:22px 22px 24px;border-top:1px solid var(--bs-steel);
  font-size:17px;line-height:1.6;color:var(--bs-onink-2);
}
#page-bookie-software .bs-more{margin:34px 0 0;font-size:17px;}
#page-bookie-software a.bs-inlink--more{
  display:inline-flex;align-items:center;min-height:44px;
}

/* ---------- area we serve ------------------------------------------------ */
#page-bookie-software .bs-desks{
  display:grid;grid-template-columns:minmax(0,1fr);gap:16px;
}
#page-bookie-software .bs-desk{
  padding:22px 22px 24px;border:1px solid var(--bs-rule);border-top:3px solid var(--bs-ink);
  border-radius:2px;background:var(--bs-paper);color:var(--bs-text-2);
}
#page-bookie-software .bs-desk__h{
  display:flex;align-items:center;gap:10px;margin:0 0 12px;
  font-size:18px;font-weight:800;letter-spacing:.07em;color:var(--bs-text);
}
#page-bookie-software .bs-desk__h img{display:block;width:14px;height:auto;flex:0 0 auto;}
#page-bookie-software a.bs-tel{
  display:inline-flex;align-items:center;min-height:44px;
  margin-bottom:4px;font-size:17px;font-weight:700;
  font-variant-numeric:tabular-nums;color:var(--bs-signal-ink);
}
#page-bookie-software a.bs-tel:hover{color:#064b43;text-decoration:underline;}
#page-bookie-software .bs-desk p{font-size:16px;line-height:1.6;}

/* ---------- CTA modal ---------------------------------------------------- */
#page-bookie-software .bs-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  padding: 100px 24px 24px 24px;background:rgba(8,11,15,.72);
  overflow-y:auto;
}
#page-bookie-software .bs-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-bookie-software .bs-modal__box{
  position:relative;width:100%;max-width:640px;margin:auto;
  background:var(--bs-paper);border:1px solid var(--bs-rule);border-radius:4px;
  box-shadow:0 32px 70px rgba(0,0,0,.45);
  padding:52px 16px 16px;
}
#page-bookie-software .bs-modal__x{
  position:absolute;top:12px;right:12px;
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;cursor:pointer;
  border:1px solid var(--bs-rule);border-radius:2px;
  background:var(--bs-paper-2);color:var(--bs-text);
  transition:background-color .15s ease,border-color .15s ease;
}
#page-bookie-software .bs-modal__x:hover{background:var(--bs-ink);border-color:var(--bs-ink);color:#fff;}
/* min-height = form content + 100px buffer; form_embed.js resizes per slide */
#page-bookie-software .bs-modal__box iframe{
  display:block;width:100%;min-height:860px;border:0;background:var(--bs-paper);
}

/* ---------- responsive --------------------------------------------------- */
@media (min-width:600px){
  #page-bookie-software .bs-plates{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-bookie-software .bs-docket{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-bookie-software .bs-docket li:nth-last-child(-n+2){border-bottom:1px solid var(--bs-steel);}
  #page-bookie-software .bs-desks{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:900px){
  #page-bookie-software .bs-lev__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
  #page-bookie-software .bs-lev__rail{position:sticky;top:110px;align-self:start;}
  #page-bookie-software .bs-hire__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);}
  #page-bookie-software .bs-storylist{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1080px){
  #page-bookie-software .bs-plates{grid-template-columns:repeat(4,minmax(0,1fr));}
  #page-bookie-software .bs-desks{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:479px){
  #page-bookie-software .bs-wrap{padding-inline:18px;}
  #page-bookie-software .bs-hero{padding-inline:18px;}
  #page-bookie-software .bs-btn{width:100%;}
  #page-bookie-software .bs-board__row{align-items:flex-start;padding:14px 14px;}
  #page-bookie-software .bs-faq__a{padding-left:4px;}
  #page-bookie-software .bs-modal__box{padding:52px 10px 10px;}
}

@media (prefers-reduced-motion:reduce){
  #page-bookie-software *,
  #page-bookie-software *::before,
  #page-bookie-software *::after{transition-duration:.01ms !important;}
}