/* =====================================================================
   /online-poker-software — page-isolated stylesheet  (AISHTMLNEWDESIGN-394)

   VISUAL DIRECTION — "TABLE STAKES"
   Table stakes: you play only the chips already in front of you. Nothing is
   fetched from a pocket mid-hand. That is this page's argument — a card room
   that is READY TO DEPLOY, complete on delivery.

     ground     warm stone paper, with graphite punctuation bands
     signal     ONE colour, a pink-chip rose ($2.50 — the only denomination
                that belongs to neither the house nor the high roller). It is
                carried by every CTA and by nothing else on the page.
     motif      the BETTING LINE  — a hairline rule with a short rose leader
                                    segment, drawn across every section head
                the SEAT INDEX    — a two-digit numeral in a square, numbering
                                    sections the way seats are numbered 01-16

   EVERY selector below is scoped to #page-online-poker-software. This file
   never styles body, a bare element, #ais-header or #ais-footer. The document
   reset (html,body{margin:0}) is owned by /assets/css/ais-layout.css — it is
   deliberately NOT restated or re-scoped here.

   Motion: rule 26. Every transition below is a finite response to hover,
   focus, click or an accordion toggle. There is no @keyframes in this file.
   ===================================================================== */

#page-online-poker-software{
  /* ground */
  --stone:#f5f3ef;
  --stone2:#eae5dc;
  --ink:#171a20;
  --ink2:#212832;

  /* type */
  --text:#171b22;          /* body on stone — 15.4:1 */
  --text2:#3c4653;         /* secondary on stone — 8.5:1 */
  --light:#f7f6f3;         /* body on ink */
  --light2:#c6ccd6;        /* secondary on ink — 9.4:1 on --ink */

  /* the one signal */
  --rose:#c1224f;
  --rose-deep:#9c1740;
  --rose-soft:#fbe9ee;

  /* structure */
  --line:#d9d2c6;
  --line-ink:#39414e;
  --wrap:1200px;

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

#page-online-poker-software *,
#page-online-poker-software *::before,
#page-online-poker-software *::after{box-sizing:border-box;}

/* ---------------------------------------------------------------- wraps */
#page-online-poker-software .ops-wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px;
}
#page-online-poker-software .ops-wrap--narrow{max-width:880px;}
#page-online-poker-software .ops-centre{text-align:center;}

#page-online-poker-software .ops-band{
  width:100%;padding-block:clamp(56px,6vw,96px);
}
#page-online-poker-software .ops-band--stone{background:var(--stone);}
#page-online-poker-software .ops-band--stone2{background:var(--stone2);}
#page-online-poker-software .ops-band--ink{background:var(--ink);color:var(--light);}
#page-online-poker-software .ops-band--tight{padding-block:clamp(44px,4.5vw,68px);}

/* ---------------------------------------------------------------- type */
#page-online-poker-software .ops-h1{
  font-size:clamp(38px,4.6vw,62px);line-height:1.06;letter-spacing:-0.02em;
  font-weight:800;margin:0 0 22px;color:var(--light);
}
#page-online-poker-software .ops-h2{
  font-size:clamp(28px,3.1vw,44px);line-height:1.16;letter-spacing:-0.015em;
  font-weight:800;margin:0;color:var(--text);
}
#page-online-poker-software .ops-h2--light{color:var(--light);}
#page-online-poker-software .ops-h4{
  font-size:clamp(21px,1.7vw,26px);line-height:1.25;font-weight:700;margin:0 0 10px;
}
#page-online-poker-software .ops-h5{
  font-size:19px;line-height:1.3;font-weight:700;margin:0 0 8px;color:inherit;
}
#page-online-poker-software .ops-h6{
  font-size:17px;line-height:1.35;font-weight:700;margin:0 0 8px;color:inherit;
}
#page-online-poker-software .ops-p{font-size:17px;line-height:1.72;margin:0 0 18px;color:var(--text);}
#page-online-poker-software .ops-psm{font-size:16px;line-height:1.66;margin:0;color:var(--text2);}
#page-online-poker-software .ops-p--light{color:var(--light2);}
#page-online-poker-software .ops-band--ink .ops-psm{color:var(--light2);}
#page-online-poker-software .ops-lede{font-size:19px;margin-bottom:26px;}

#page-online-poker-software .ops-link{
  color:var(--rose);font-weight:600;
  border-bottom:1px solid rgba(193,34,79,.38);
  transition:border-color .15s ease,color .15s ease;
}
#page-online-poker-software .ops-link:hover,
#page-online-poker-software .ops-link:focus-visible{color:var(--rose-deep);border-bottom-color:var(--rose-deep);}
#page-online-poker-software .ops-link--light{color:#ff9db6;border-bottom-color:rgba(255,157,182,.45);}
#page-online-poker-software .ops-link--light:hover,
#page-online-poker-software .ops-link--light:focus-visible{color:#ffc2d1;border-bottom-color:#ffc2d1;}

#page-online-poker-software :focus-visible{
  outline:3px solid var(--rose);outline-offset:3px;border-radius:2px;
}
#page-online-poker-software .ops-band--ink :focus-visible{outline-color:#ff9db6;}

/* ------------------------------------------------- section head + motif */
#page-online-poker-software .ops-head{margin:0 0 clamp(28px,3vw,44px);max-width:940px;}
#page-online-poker-software .ops-head--centre{margin-inline:auto;text-align:center;}

/* the BETTING LINE: hairline across the head, rose leader at its start */
#page-online-poker-software .ops-eyebrow{
  display:flex;align-items:center;gap:12px;
  font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text2);margin:0 0 16px;
}
/* centred heads get the betting line on BOTH sides so the label stays centred */
#page-online-poker-software .ops-head--centre .ops-eyebrow{justify-content:center;}
#page-online-poker-software .ops-head--centre .ops-eyebrow::before{
  content:"";flex:1 1 auto;height:2px;min-width:32px;
  background:linear-gradient(to left,var(--rose) 0 44px,var(--line) 44px 100%);
}
#page-online-poker-software .ops-head--centre .ops-eyebrow--light::before{
  background:linear-gradient(to left,var(--rose) 0 44px,var(--line-ink) 44px 100%);
}
#page-online-poker-software .ops-eyebrow::after{
  content:"";flex:1 1 auto;height:2px;min-width:32px;
  background:linear-gradient(to right,var(--rose) 0 44px,var(--line) 44px 100%);
}
#page-online-poker-software .ops-eyebrow--light{color:var(--light2);}
#page-online-poker-software .ops-eyebrow--light::after{
  background:linear-gradient(to right,var(--rose) 0 44px,var(--line-ink) 44px 100%);
}

/* the SEAT INDEX */
#page-online-poker-software .ops-seat{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:28px;padding-inline:6px;
  border:2px solid var(--rose);color:var(--rose);
  font-size:16px;font-weight:800;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
/* on the graphite bands the deep rose falls to 2.95:1 — lift it to the light rose (8.8:1) */
#page-online-poker-software .ops-eyebrow--light .ops-seat{border-color:#ff9db6;color:#ff9db6;}

/* ---------------------------------------------------------------- CTA */
#page-online-poker-software .ops-act{
  display:flex;justify-content:center;margin-top:clamp(28px,3vw,42px);
}
#page-online-poker-software .ops-act--hero{margin-top:30px;}
#page-online-poker-software .ops-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 30px;
  font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;
  color:#fff;background:var(--rose);border:2px solid var(--rose);
  cursor:pointer;text-align:center;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
#page-online-poker-software .ops-cta:hover{background:var(--rose-deep);border-color:var(--rose-deep);}
#page-online-poker-software .ops-cta:active{transform:translateY(1px);}
#page-online-poker-software .ops-cta--big{min-height:58px;padding:16px 36px;font-size:18px;}
#page-online-poker-software .ops-cta--light{background:var(--rose);border-color:var(--rose);color:#fff;}
#page-online-poker-software .ops-cta--light:hover{background:#e0abc0;border-color:#e0abc0;color:#2b0713;}

/* ---------------------------------------------------------------- hero */
#page-online-poker-software .ops-hero{
  width:100%;
  padding:clamp(64px,8vw,116px) 24px clamp(56px,6vw,88px);
  /* STATIC gradient — no animation, no background-image, no motion */
  background:linear-gradient(160deg,#101319 0%,#1b2029 46%,#2a2029 100%);
  color:var(--light);
}
#page-online-poker-software .ops-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
#page-online-poker-software .ops-hero__tag{
  display:inline-block;margin:0 0 18px;padding:7px 16px;
  border:2px solid var(--rose);color:#ffb3c6;
  font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
#page-online-poker-software .ops-hero__copy{
  font-size:clamp(17px,1.4vw,19px);line-height:1.72;margin:0 auto;max-width:790px;color:#e6e3de;
}
#page-online-poker-software .ops-hero__trust{
  list-style:none;margin:30px 0 0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;
}
#page-online-poker-software .ops-hero__trust li{
  position:relative;padding-left:22px;font-size:16px;font-weight:600;color:#dcd8d2;
}
#page-online-poker-software .ops-hero__trust li::before{
  content:"";position:absolute;left:0;top:.62em;width:12px;height:12px;
  background:var(--rose);
}

/* ---------------------------------------------------------- breadcrumb */
#page-online-poker-software .ops-crumbbar{background:var(--ink2);border-bottom:1px solid var(--line-ink);}
#page-online-poker-software .ops-crumbbar__in{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding-block:14px;font-size:16px;
}
#page-online-poker-software .ops-crumb{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#b9c0cb;
}
#page-online-poker-software .ops-crumb img{width:16px;height:16px;filter:brightness(3);}
#page-online-poker-software .ops-crumb:hover{color:#fff;}
#page-online-poker-software .ops-crumb--here{color:#ffb3c6;font-weight:600;}

/* ------------------------------------------------------- opening split */
#page-online-poker-software .ops-open{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(28px,4vw,60px);align-items:start;
}
#page-online-poker-software .ops-open__fig{margin:0;position:sticky;top:104px;}
#page-online-poker-software .ops-open__fig img{
  width:100%;height:auto;display:block;border:1px solid var(--line);
}

/* --------------------------------------------------------- prose block */
#page-online-poker-software .ops-prose{max-width:1040px;margin-inline:auto;}
#page-online-poker-software .ops-prose--two{column-gap:48px;}
@media (min-width:1000px){
  #page-online-poker-software .ops-prose--two{columns:2;}
  #page-online-poker-software .ops-prose--two .ops-p{break-inside:avoid;}
}

/* ------------------------------------------------------- ledger (admin) */
#page-online-poker-software .ops-ledger{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(24px,3vw,56px);
}
#page-online-poker-software .ops-ledger__row{
  display:flex;gap:16px;align-items:flex-start;
  padding:22px 0;border-top:1px solid var(--line);
}
#page-online-poker-software .ops-tick{flex:0 0 auto;width:23px;height:23px;margin-top:3px;}

/* ---------------------------------------------------------- logo walls */
#page-online-poker-software .ops-folio{display:grid;gap:34px;}
#page-online-poker-software .ops-h5--rule{
  display:flex;align-items:center;gap:14px;margin:0 0 16px;
  font-size:17px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);
}
#page-online-poker-software .ops-h5--rule::after{
  content:"";flex:1 1 auto;height:1px;background:var(--line);
}
#page-online-poker-software .ops-logos{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:14px;
}
#page-online-poker-software .ops-logos li{
  background:#fff;border:1px solid var(--line);
  padding:12px 18px;display:flex;align-items:center;justify-content:center;
  min-width:132px;min-height:96px;
}
#page-online-poker-software .ops-logos img{
  width:auto;height:auto;max-width:118px;max-height:72px;display:block;
}

/* ------------------------------------------------------ screenshot rail */
#page-online-poker-software .ops-rail{
  list-style:none;margin:0;padding:0 0 14px;
  display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
}
#page-online-poker-software .ops-rail li{
  flex:0 0 auto;scroll-snap-align:start;
  background:var(--ink);border:1px solid var(--line);
}
#page-online-poker-software .ops-rail img{
  width:auto;height:420px;max-width:none;display:block;
}
#page-online-poker-software .ops-railnote{
  margin:12px 0 0;font-size:16px;color:var(--text2);text-align:center;
}

/* --------------------------------------------------------------- cards */
#page-online-poker-software .ops-cards{list-style:none;margin:0;padding:0;display:grid;gap:20px;}
#page-online-poker-software .ops-cards--2{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-online-poker-software .ops-cards--3{grid-template-columns:repeat(3,minmax(0,1fr));}
#page-online-poker-software .ops-cards--4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;}
#page-online-poker-software .ops-card{
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--rose);
  padding:26px 24px;transition:box-shadow .16s ease,transform .16s ease;
}
#page-online-poker-software .ops-card:hover{box-shadow:0 10px 26px rgba(23,26,32,.10);transform:translateY(-2px);}
#page-online-poker-software .ops-card .ops-tick{margin:0 0 14px;}
/* The three "All Platforms" glyphs are fill="white" throughout, so on a white card
   they rendered as nothing at all. Every OTHER icon on this page ships its own
   coloured badge in the artwork (process, next-gen), which is why only this section
   was affected. Give these three the same badge in CSS rather than editing the CMS
   asset: an ink disc behind the white glyph, matching the process-step icons.
   Reported 2026-09-03. */
#page-online-poker-software .ops-card--ic .ops-card__ic{
  width:64px;height:64px;padding:15px;display:block;margin:0 0 16px;
  background:var(--ink);border-radius:50%;
  object-fit:contain;
}
#page-online-poker-software .ops-card--flat{border-top-color:var(--line);background:transparent;}

/* -------------------------------------------------- definition columns */
#page-online-poker-software .ops-deflist{
  margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,56px);
}
#page-online-poker-software .ops-def{padding:22px 0;border-top:1px solid var(--line);}
#page-online-poker-software .ops-def dt{margin:0 0 8px;}
#page-online-poker-software .ops-def dd{margin:0;}

/* ------------------------------------------------------- benefit chips */
#page-online-poker-software .ops-chips{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;
  background:var(--line);border:1px solid var(--line);
}
#page-online-poker-software .ops-chip{background:var(--stone2);padding:24px 22px;}
#page-online-poker-software .ops-chip__no{
  display:block;margin:0 0 10px;font-size:16px;font-weight:800;
  font-variant-numeric:tabular-nums;color:var(--rose);letter-spacing:.06em;
}

/* ------------------------------------------------------------ icon rows */
#page-online-poker-software .ops-rows{list-style:none;margin:0;padding:0;display:grid;gap:0;}
#page-online-poker-software .ops-row{
  display:flex;gap:clamp(20px,3vw,40px);align-items:flex-start;
  padding:30px 0;border-top:1px solid var(--line);
}
#page-online-poker-software .ops-row__ic{
  flex:0 0 auto;width:96px;height:96px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);
}
#page-online-poker-software .ops-row__ic img{width:auto;height:auto;max-width:62px;max-height:62px;display:block;}
#page-online-poker-software .ops-row .ops-p{margin-bottom:0;}

/* ------------------------------------------------------------- variants */
#page-online-poker-software .ops-variants{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;
}
/* fixed cell ratio: the source art has mixed intrinsic ratios and an unconstrained
   cell makes every grid row a different height */
#page-online-poker-software .ops-variant{
  background:#fff;border:1px solid var(--line-ink);
  display:flex;align-items:center;justify-content:center;padding:10px;
  aspect-ratio:214/126;
}
#page-online-poker-software .ops-variant img{
  width:auto;height:auto;max-width:100%;max-height:100%;display:block;
}

/* ---------------------------------------------------------- link clouds */
#page-online-poker-software .ops-offer{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:clamp(28px,4vw,56px);align-items:center;
}
#page-online-poker-software .ops-offer__fig{margin:0;}
#page-online-poker-software .ops-offer__fig img{width:100%;height:auto;display:block;}
#page-online-poker-software .ops-cloud{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;
  background:var(--line);border:1px solid var(--line);
}
#page-online-poker-software .ops-cloud--wide{grid-template-columns:repeat(3,minmax(0,1fr));}
/* The <li> stretches to the grid row height, but a block-level <a> only takes its
   CONTENT height — so a one-line cell beside a two-line one left the remainder of
   its box showing the container's divider colour as a strip. Make the cell a flex
   container and let the link fill it, so every box is the same size and fully
   filled. (Reported on the game-offerings grid, 2026-09-03.) */
#page-online-poker-software .ops-cloud > li{display:flex;}
#page-online-poker-software .ops-cloudlink{
  display:flex;align-items:center;flex:1 1 auto;
  background:var(--stone);padding:16px 18px;
  font-size:16px;font-weight:600;color:var(--text);
  border-left:3px solid transparent;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
#page-online-poker-software .ops-cloudlink:hover,
#page-online-poker-software .ops-cloudlink:focus-visible{
  background:var(--rose-soft);border-left-color:var(--rose);color:var(--rose-deep);
}
#page-online-poker-software .ops-band--stone2 .ops-cloudlink{background:var(--stone);}

/* ---------------------------------------------------------------- steps */
#page-online-poker-software .ops-steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none;
}
#page-online-poker-software .ops-step{
  background:#fff;border:1px solid var(--line);padding:26px 24px;position:relative;
}
#page-online-poker-software .ops-step__no{
  display:block;font-size:16px;font-weight:800;color:var(--rose);
  font-variant-numeric:tabular-nums;letter-spacing:.06em;margin-bottom:14px;
}
#page-online-poker-software .ops-step__ic{display:block;margin-bottom:14px;}
#page-online-poker-software .ops-step__ic img{width:auto;height:52px;max-width:100%;display:block;}
#page-online-poker-software .ops-step__list{list-style:none;margin:0;padding:0;}
#page-online-poker-software .ops-step__list li{
  position:relative;padding-left:20px;margin-bottom:8px;font-size:16px;color:var(--text2);
}
#page-online-poker-software .ops-step__list li::before{
  content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--rose);
}

/* ----------------------------------------------------------- tech stack */
#page-online-poker-software .ops-stack__scroll{overflow-x:auto;}
#page-online-poker-software table.ops-stack{
  width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);
}
#page-online-poker-software table.ops-stack th,
#page-online-poker-software table.ops-stack td{
  text-align:left;padding:18px 20px;border-top:1px solid var(--line);
  font-size:16px;line-height:1.62;vertical-align:top;
}
#page-online-poker-software table.ops-stack tr:first-child th,
#page-online-poker-software table.ops-stack tr:first-child td{border-top:0;}
#page-online-poker-software table.ops-stack th{
  width:230px;font-weight:700;color:var(--text);background:var(--stone);
  border-right:3px solid var(--rose);
}
#page-online-poker-software table.ops-stack td{color:var(--text2);}

/* ----------------------------------------------------------------- hire */
#page-online-poker-software .ops-hire{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(28px,4vw,56px);align-items:center;
}
#page-online-poker-software .ops-hire__fig{margin:0;}
#page-online-poker-software .ops-hire__fig img{width:100%;height:auto;display:block;}

/* ---------------------------------------------------------------- demos */
#page-online-poker-software .ops-demos{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
}
#page-online-poker-software .ops-demo{
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--rose);padding:0 0 24px;
}
/* The demo art is a 500x500 badge, and width:100% blew it up to the full card
   width so it dominated the card it was labelling. Pinned to 170x171 as requested;
   object-fit:contain so the square source is never distorted by the 1px difference.
   The card divider moves from the image's bottom edge to the heading's top edge,
   which is what the full-width image used to provide. Requested 2026-09-03. */
#page-online-poker-software .ops-demo > img{
  width:170px;height:171px;object-fit:contain;
  display:block;margin:24px auto 0;
}
#page-online-poker-software .ops-demo .ops-h5{
  margin:20px 24px 14px;padding-top:20px;border-top:1px solid var(--line);
}
#page-online-poker-software .ops-creds{
  margin:0 24px;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;
  font-size:16px;
}
#page-online-poker-software .ops-creds dt{font-weight:600;color:var(--text2);}
#page-online-poker-software .ops-creds dd{margin:0;color:var(--text);word-break:break-word;}
#page-online-poker-software .ops-demo__sub{
  margin:18px 24px 10px;padding-top:14px;border-top:1px solid var(--line);
  font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);
}
#page-online-poker-software .ops-demo__go{margin:18px 24px 0;font-weight:700;}

/* ------------------------------------------------------------------ FAQ */
/* multi-column, NOT grid: in a 2-col grid, opening one panel stretches its
   row-mate and leaves a dead gap beside the open answer. Columns keep the two
   stacks independent. */
#page-online-poker-software .ops-faqs{columns:2;column-gap:20px;}
#page-online-poker-software .ops-faq{
  break-inside:avoid;background:#fff;border:1px solid var(--line);
  margin:0 0 10px;display:inline-block;width:100%;
}
#page-online-poker-software .ops-faq__q{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:18px 20px;cursor:pointer;list-style:none;
  font-size:17px;font-weight:600;line-height:1.45;color:var(--text);
  min-height:52px;transition:background-color .15s ease;
}
#page-online-poker-software .ops-faq__q::-webkit-details-marker{display:none;}
#page-online-poker-software .ops-faq__q:hover{background:var(--rose-soft);}
#page-online-poker-software .ops-faq__x{
  position:relative;flex:0 0 auto;width:16px;height:16px;margin-top:4px;
}
#page-online-poker-software .ops-faq__x::before,
#page-online-poker-software .ops-faq__x::after{
  content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--rose);
}
#page-online-poker-software .ops-faq__x::after{transform:rotate(90deg);transition:transform .18s ease;}
#page-online-poker-software .ops-faq[open] .ops-faq__x::after{transform:rotate(0deg);}
#page-online-poker-software .ops-faq[open] .ops-faq__q{background:var(--rose-soft);}
#page-online-poker-software .ops-faq__a{padding:0 20px 20px;}

/* -------------------------------------------------------------- stories */
#page-online-poker-software .ops-storylist{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
}
#page-online-poker-software .ops-story blockquote{margin:18px 0 0;}
#page-online-poker-software .ops-story blockquote p{margin:0;font-size:16px;line-height:1.68;color:var(--light2);}
#page-online-poker-software .ops-vid{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:var(--ink2);line-height:0;
}
#page-online-poker-software .ops-vid img{width:100%;height:auto;display:block;}
#page-online-poker-software .ops-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;display:flex;align-items:center;justify-content:center;
  background:var(--rose);color:#fff;padding-left:4px;
  transition:background-color .16s ease;
}
#page-online-poker-software .ops-vid:hover .ops-vid__play{background:var(--rose-deep);}
#page-online-poker-software .ops-story__frame{width:100%;aspect-ratio:4/3;border:0;display:block;}
#page-online-poker-software .ops-more{margin:28px 0 0;text-align:center;font-weight:700;}

/* -------------------------------------------------------------- regions */
#page-online-poker-software .ops-regions{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
}
#page-online-poker-software .ops-region{
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--rose);padding:24px 22px;
}
#page-online-poker-software .ops-region .ops-h5{
  display:flex;align-items:center;gap:10px;
  font-size:17px;letter-spacing:.08em;text-transform:uppercase;
}
#page-online-poker-software .ops-region .ops-h5 img{width:14px;height:20px;flex:0 0 auto;}
/* standalone (non-inline-prose) links get a 44px target — see skill section 13 */
#page-online-poker-software .ops-tel{
  display:inline-flex;align-items:center;min-height:44px;
  margin-bottom:6px;font-weight:700;font-size:17px;color:var(--rose);
}
#page-online-poker-software .ops-tel:hover{color:var(--rose-deep);}

/* ---------------------------------------------------------------- modal */
#page-online-poker-software .ops-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(15,17,22,.72);
  padding:24px;overflow-y:auto;
}
#page-online-poker-software .ops-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-online-poker-software .ops-modal__box{
  position:relative;width:100%;max-width:620px;margin:auto;
  background:#fff;border-top:4px solid var(--rose);
}
#page-online-poker-software .ops-modal__x{
  position:absolute;right:10px;top:10px;z-index:2;
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);color:var(--text);cursor:pointer;
  transition:background-color .15s ease,color .15s ease;
}
#page-online-poker-software .ops-modal__x:hover{background:var(--rose);color:#fff;border-color:var(--rose);}
#page-online-poker-software .ops-modal__box iframe{
  display:block;width:100%;min-height:870px;border:0;
}

/* ================================================================ ≤1200 */
@media (max-width:1100px){
  #page-online-poker-software .ops-cards--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-poker-software .ops-chips{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-poker-software .ops-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-poker-software .ops-cloud--wide{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-online-poker-software .ops-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ================================================================= ≤900 */
@media (max-width:900px){
  #page-online-poker-software .ops-open,
  #page-online-poker-software .ops-offer,
  #page-online-poker-software .ops-hire{grid-template-columns:minmax(0,1fr);}
  #page-online-poker-software .ops-open__fig{order:-1;position:static;}
  #page-online-poker-software .ops-ledger,
  #page-online-poker-software .ops-deflist{grid-template-columns:minmax(0,1fr);}
  #page-online-poker-software .ops-cards--2,
  #page-online-poker-software .ops-cards--3,
  #page-online-poker-software .ops-demos,
  #page-online-poker-software .ops-storylist{grid-template-columns:minmax(0,1fr);}
  #page-online-poker-software .ops-faqs{columns:1;}
  #page-online-poker-software .ops-rail img{height:340px;}
  #page-online-poker-software table.ops-stack th{width:180px;}
}

/* ================================================================= ≤640 */
@media (max-width:640px){
  #page-online-poker-software .ops-cards--4,
  #page-online-poker-software .ops-chips,
  #page-online-poker-software .ops-regions,
  #page-online-poker-software .ops-cloud,
  #page-online-poker-software .ops-cloud--wide,
  #page-online-poker-software .ops-steps{grid-template-columns:minmax(0,1fr);}
  #page-online-poker-software .ops-cta{width:100%;}
  #page-online-poker-software .ops-hero__trust{gap:10px 18px;}
  #page-online-poker-software .ops-row{flex-direction:column;gap:16px;}
  #page-online-poker-software .ops-rail img{height:300px;}
  #page-online-poker-software .ops-variants{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  #page-online-poker-software .ops-logos li{min-width:112px;min-height:84px;padding:10px 14px;}
  #page-online-poker-software .ops-logos img{max-width:96px;max-height:60px;}
  #page-online-poker-software table.ops-stack th{width:auto;min-width:150px;}
  #page-online-poker-software .ops-modal{padding:12px;}
  #page-online-poker-software .ops-modal__box iframe{min-height:900px;}
}

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