/* ══════════════════════════════════════════════════════════════════════════
   /igaming-platform-software-provider — page-isolated stylesheet
   AISHTMLNEWDESIGN-350

   Visual direction: "THE OPERATING FLOOR".

   A crash game is one idea: a multiplier that rises and then breaks. So the
   page is a near-black ground with exactly ONE red signal, and the motif is
   the break itself — a red rule that the numbered rows step off.

     · INK  — #0e0e11, near-neutral black. Three bands.
     · PAPER/TINT — #ffffff and #f5f5f7, the reading surfaces.
     · RED  — #c62828 on light (white on it 5.6:1), #ff8a80 on ink only.
              There is no second accent and no gradient family.

   First of three CSGO pages in this batch, and deliberately unlike the other
   two — the trio's content overlaps only ~25%, but a shared palette would
   make them read as one page three times:
     -347 near-black       + red             (this page)
     -348 cool slate paper + violet
     -349 charcoal         + jackpot yellow
   and unlike the seven already built: -341 navy+green, -342 bone+oxblood,
   -343 ice/teal+coral, -344 aubergine+gold, -345 pitch green+lime,
   -346 chalk grid+cobalt, -351 warm stone+magenta.

   Composition: the numbered BREAK LINE carries the ten admin entries; the
   operator features are a TAG SET because the record gives them no body copy
   and inventing some would breach rule 35; benefits and player features are
   cards on opposite grounds. Nothing repeats across fifteen sections.

   Every rule is scoped to #page-igaming-platform-software-provider. The UA body-margin reset is
   NOT restated here — ais-layout.css owns it.

   Design contract: rule 1 Inter · rule 2 nothing under 16px · rule 23 ·
   rule 24 image-free full-bleed hero, static gradient, 900px column ·
   rule 25 one CTA per section, unique labels · rule 26 no running animation.
   ══════════════════════════════════════════════════════════════════════════ */

#page-igaming-platform-software-provider{
  --paper:#ffffff; --tint:#faf7f3; --tint2:#f0e9e0;
  --line:#e6ddd2; --lines:#c9bcab;
  --ink:#14100c; --ink2:#1f1913; --ink-line:rgba(255,255,255,.13);
  --on-ink:#f6f2ec; --on-ink2:#b9ada0;
  --text:#171310; --text2:#4f463d;
  --red:#b45309; --red-d:#8c3f06; --red-l:#f0a868;
  --r:10px; --r-s:6px;
  font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size:16px; line-height:1.6; color:var(--text); background:var(--paper);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
#page-igaming-platform-software-provider a{text-decoration:none;color:inherit;}

/* BORDER-BOX — not optional. width:100% + 24px padding measures viewport+48px
   under content-box and the document scrolls sideways. Found on -341. */
#page-igaming-platform-software-provider,#page-igaming-platform-software-provider *,
#page-igaming-platform-software-provider *::before,#page-igaming-platform-software-provider *::after{box-sizing:border-box;}
#page-igaming-platform-software-provider :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0;}
#page-igaming-platform-software-provider :where(ul,ol){padding:0;list-style:none;}
#page-igaming-platform-software-provider :where(img){max-width:100%;height:auto;display:block;}
#page-igaming-platform-software-provider :where(button){font:inherit;}
#page-igaming-platform-software-provider :where(:focus-visible){outline:3px solid var(--red);outline-offset:3px;border-radius:3px;}

#page-igaming-platform-software-provider .ipp-wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:24px;}
#page-igaming-platform-software-provider .ipp-sec{padding-block:clamp(52px,6vw,92px);}
#page-igaming-platform-software-provider .ipp-sec--paper{background:var(--paper);}
#page-igaming-platform-software-provider .ipp-sec--tint{background:var(--tint);}
#page-igaming-platform-software-provider .ipp-sec--ink{background:var(--ink);color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-sec--ink p{color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-head{max-width:830px;margin-bottom:clamp(26px,3vw,44px);}
#page-igaming-platform-software-provider .ipp-head--centre{margin-inline:auto;text-align:center;}

/* The eyebrow IS the crash line: a red rule that breaks upward. */
#page-igaming-platform-software-provider .ipp-eyebrow{
  display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:15px;
}
#page-igaming-platform-software-provider .ipp-eyebrow::before{
  content:"";width:12px;height:12px;background:var(--red);border-radius:2px;
}
#page-igaming-platform-software-provider .ipp-eyebrow--light{color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-eyebrow--light::before{background:var(--red-l);}

#page-igaming-platform-software-provider .ipp-h2{font-size:clamp(27px,3.1vw,42px);line-height:1.17;font-weight:800;letter-spacing:-.02em;color:var(--text);}
#page-igaming-platform-software-provider .ipp-h2--light{color:var(--on-ink);}
#page-igaming-platform-software-provider .ipp-h2--wide{max-width:24ch;}
#page-igaming-platform-software-provider .ipp-head .ipp-h2--wide{max-width:none;}
#page-igaming-platform-software-provider .ipp-link{color:var(--red);font-weight:600;border-bottom:1px solid rgba(180,83,9,.4);transition:color .18s ease,border-color .18s ease;}
#page-igaming-platform-software-provider .ipp-link:hover{color:var(--red-d);border-bottom-color:var(--red-d);}
#page-igaming-platform-software-provider .ipp-link--light{color:var(--red-l);border-bottom-color:rgba(240,168,104,.45);}
#page-igaming-platform-software-provider .ipp-link--light:hover{color:#ffcda1;border-bottom-color:#ffcda1;}

#page-igaming-platform-software-provider .ipp-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;
  border-radius:var(--r-s);border:2px solid transparent;font-size:17px;font-weight:700;cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .12s ease;
}
#page-igaming-platform-software-provider .ipp-btn--red{background:var(--red);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-btn--red:hover{background:var(--red-d);}
#page-igaming-platform-software-provider .ipp-btn--ink{background:var(--ink);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-btn--ink:hover{background:var(--red);}
#page-igaming-platform-software-provider .ipp-btn--paper{background:#ffffff;color:var(--ink);}
#page-igaming-platform-software-provider .ipp-btn--paper:hover{background:var(--red-l);color:var(--ink);}
#page-igaming-platform-software-provider .ipp-btn--cop{background:var(--red-l);color:var(--ink);}
#page-igaming-platform-software-provider .ipp-btn--cop:hover{background:#ffcda1;color:var(--ink);}
#page-igaming-platform-software-provider .ipp-btn:active{transform:translateY(1px);}
#page-igaming-platform-software-provider .ipp-cta-row{margin-top:clamp(26px,3vw,42px);display:flex;justify-content:center;}

/* ══ HERO — rule 24 ═════════════════════════════════════════════════════ */
#page-igaming-platform-software-provider .ipp-hero{
  width:100%;padding:clamp(64px,8vw,118px) 24px clamp(52px,6vw,88px);
  background:linear-gradient(166deg,#241c14 0%,var(--ink) 55%,#0b0806 100%);
  border-bottom:4px solid var(--red);color:var(--on-ink);
}
#page-igaming-platform-software-provider .ipp-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
#page-igaming-platform-software-provider .ipp-hero__tag{
  display:inline-block;font-size:16px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:#ffffff;background:var(--red);padding:9px 20px;border-radius:var(--r-s);margin-bottom:24px;
}
#page-igaming-platform-software-provider .ipp-hero h1{font-size:clamp(33px,4.4vw,56px);line-height:1.1;font-weight:900;letter-spacing:-.028em;color:#ffffff;margin-bottom:24px;}
#page-igaming-platform-software-provider .ipp-hero__copy{font-size:clamp(17px,1.25vw,19px);line-height:1.72;color:#cdc2b5;max-width:790px;margin-inline:auto;margin-bottom:34px;}
#page-igaming-platform-software-provider .ipp-hero__modes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:36px;padding-top:26px;border-top:1px solid var(--ink-line);}
#page-igaming-platform-software-provider .ipp-hero__modes li{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:600;color:var(--on-ink);}
#page-igaming-platform-software-provider .ipp-mk{width:12px;height:12px;background:var(--red-l);border-radius:2px;flex:none;}

#page-igaming-platform-software-provider .ipp-crumbbar{background:var(--ink2);}
#page-igaming-platform-software-provider .ipp-crumb{display:flex;align-items:center;gap:10px;padding-block:6px;font-size:16px;color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-crumb img{width:16px;height:16px;filter:invert(1) opacity(.7);}
#page-igaming-platform-software-provider .ipp-crumb a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-crumb a:hover{color:#ffcda1;}
#page-igaming-platform-software-provider .ipp-crumb [aria-current]{color:var(--on-ink);}

#page-igaming-platform-software-provider .ipp-lede__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,4vw,58px);align-items:center;}
#page-igaming-platform-software-provider .ipp-lede p{font-size:17px;line-height:1.76;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-lede p + p{margin-top:16px;}
#page-igaming-platform-software-provider .ipp-plate{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--tint);}
#page-igaming-platform-software-provider .ipp-plate img{width:100%;}

#page-igaming-platform-software-provider .ipp-band{background:var(--ink2);padding-block:clamp(44px,5vw,72px);color:var(--on-ink);}
#page-igaming-platform-software-provider .ipp-band__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,3vw,48px);align-items:center;}
#page-igaming-platform-software-provider .ipp-band__sub{margin-top:14px;font-size:19px;font-weight:600;color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-cta{padding-block:clamp(54px,6.4vw,96px);color:var(--on-ink);background:linear-gradient(180deg,var(--ink2) 0%,var(--ink) 100%);}
#page-igaming-platform-software-provider .ipp-cta__inner{max-width:840px;text-align:center;margin-inline:auto;}
#page-igaming-platform-software-provider .ipp-cta__copy{margin-top:18px;font-size:19px;line-height:1.7;color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-cta__sub{margin-top:20px;font-size:21px;font-weight:700;color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-aside{margin-top:20px;font-size:17px;color:var(--on-ink2);}

/* ══ BREAK LINE — the motif. Each row steps off a red rule. ═════════════ */
#page-igaming-platform-software-provider .ipp-ledger{border-left:3px solid var(--red-l);}
#page-igaming-platform-software-provider .ipp-ledger > li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.2vw,28px);
  align-items:start;padding:22px 0 22px 26px;border-bottom:1px solid var(--ink-line);
}
#page-igaming-platform-software-provider .ipp-ledger > li:last-child{border-bottom:0;}
#page-igaming-platform-software-provider .ipp-idx{
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--red-l);
  min-width:42px;height:28px;border-radius:var(--r-s);display:inline-flex;align-items:center;justify-content:center;
}
#page-igaming-platform-software-provider .ipp-ledger h3{font-size:19px;font-weight:700;line-height:1.3;color:var(--on-ink);margin-bottom:8px;}
#page-igaming-platform-software-provider .ipp-ledger p{font-size:16px;line-height:1.68;}

/* ══ TAG SET — labels the record gives no body copy for (rule 35) ═══════ */
#page-igaming-platform-software-provider .ipp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(24px,3vw,36px);}
#page-igaming-platform-software-provider .ipp-tags li{
  font-size:16px;font-weight:600;color:var(--text);background:var(--tint);
  border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-s);padding:11px 18px;
}

#page-igaming-platform-software-provider .ipp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2.2vw,24px);}
#page-igaming-platform-software-provider .ipp-cards > li{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;border-top:3px solid var(--red);transition:transform .18s ease;}
#page-igaming-platform-software-provider .ipp-cards > li:hover{transform:translateY(-4px);}
#page-igaming-platform-software-provider .ipp-cards h3{font-size:19px;font-weight:700;line-height:1.32;color:var(--text);margin-bottom:8px;}
#page-igaming-platform-software-provider .ipp-cards p{font-size:16px;line-height:1.66;color:var(--text2);}
/* Sub-headings under a card/guide h3. The record marks these "h6."; they are
   rendered as real h4 so the outline runs h2 > h3 > h4 with no skipped level,
   which is exactly what the live page does. */
#page-igaming-platform-software-provider .ipp-sub{font-size:17px;font-weight:700;line-height:1.4;color:var(--text);margin:16px 0 6px;}
#page-igaming-platform-software-provider .ipp-cards .ipp-sub:first-of-type,
#page-igaming-platform-software-provider .ipp-guide__item .ipp-sub:first-of-type{margin-top:6px;}
#page-igaming-platform-software-provider .ipp-guide__item .ipp-sub{font-size:19px;margin-top:22px;}
#page-igaming-platform-software-provider .ipp-cards--dark li{background:var(--ink2);border-color:var(--ink-line);border-top-color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-cards--dark h3{color:var(--on-ink);}
#page-igaming-platform-software-provider .ipp-cards--dark p{color:var(--on-ink2);}

#page-igaming-platform-software-provider .ipp-prose{max-width:84ch;}
#page-igaming-platform-software-provider .ipp-prose p{font-size:17px;line-height:1.78;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-prose p + p{margin-top:16px;}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-prose p{color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-bullets{display:grid;gap:12px;max-width:88ch;margin-top:20px;}
#page-igaming-platform-software-provider .ipp-bullets li{position:relative;padding-left:28px;font-size:17px;line-height:1.7;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-bullets li::before{content:"";position:absolute;left:0;top:.66em;width:18px;height:3px;background:var(--red);border-radius:2px;}

#page-igaming-platform-software-provider .ipp-notice{
  max-width:760px;margin-inline:auto;text-align:center;background:var(--tint);
  border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--r);padding:34px 30px;
}
#page-igaming-platform-software-provider .ipp-notice__lead{font-size:22px;font-weight:800;color:var(--text);margin-bottom:12px;}
#page-igaming-platform-software-provider .ipp-notice p{font-size:17px;line-height:1.72;color:var(--text2);}

/* ══ FAQ ════════════════════════════════════════════════════════════════ */
#page-igaming-platform-software-provider .ipp-faq{max-width:900px;margin-inline:auto;border-top:1px solid var(--lines);}
#page-igaming-platform-software-provider .ipp-faq details{border-bottom:1px solid var(--lines);}
#page-igaming-platform-software-provider .ipp-faq summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 4px;cursor:pointer;list-style:none;}
#page-igaming-platform-software-provider .ipp-faq summary::-webkit-details-marker{display:none;}
#page-igaming-platform-software-provider .ipp-faq summary h2{font-size:19px;font-weight:700;line-height:1.4;color:var(--text);transition:color .18s ease;}
#page-igaming-platform-software-provider .ipp-faq summary:hover h2{color:var(--red);}
#page-igaming-platform-software-provider .ipp-faq__n{font-size:16px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;min-width:38px;}
#page-igaming-platform-software-provider .ipp-faq__pm{position:relative;width:20px;height:20px;flex:none;}
#page-igaming-platform-software-provider .ipp-faq__pm::before,#page-igaming-platform-software-provider .ipp-faq__pm::after{content:"";position:absolute;left:50%;top:50%;background:var(--red);transform:translate(-50%,-50%);transition:opacity .18s ease;}
#page-igaming-platform-software-provider .ipp-faq__pm::before{width:16px;height:2px;}
#page-igaming-platform-software-provider .ipp-faq__pm::after{width:2px;height:16px;}
#page-igaming-platform-software-provider .ipp-faq details[open] .ipp-faq__pm::after{opacity:0;}
#page-igaming-platform-software-provider .ipp-faq__a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:0 4px 22px 4px;}
#page-igaming-platform-software-provider .ipp-faq__ans{font-size:16px;font-weight:800;color:var(--text2);min-width:38px;}
#page-igaming-platform-software-provider .ipp-faq__a p{font-size:17px;line-height:1.72;color:var(--text2);}

/* ══ STORIES ════════════════════════════════════════════════════════════ */
#page-igaming-platform-software-provider .ipp-stories{padding-block:clamp(50px,6vw,90px);background:var(--ink2);color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-storylist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);}
#page-igaming-platform-software-provider .ipp-story{display:flex;flex-direction:column;background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--r);overflow:hidden;}
#page-igaming-platform-software-provider .ipp-vid{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;}
#page-igaming-platform-software-provider .ipp-vid img{width:100%;aspect-ratio:4/3;object-fit:cover;}
#page-igaming-platform-software-provider .ipp-vid__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#ffffff;padding-left:4px;transition:background-color .18s ease;}
#page-igaming-platform-software-provider .ipp-vid:hover .ipp-vid__play{background:var(--red-d);}
#page-igaming-platform-software-provider .ipp-story__frame{width:100%;aspect-ratio:4/3;border:0;display:block;}
#page-igaming-platform-software-provider .ipp-story blockquote{padding:22px 24px;font-size:17px;line-height:1.68;color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-more{margin-top:28px;text-align:center;font-size:17px;font-weight:600;}

/* ══ AREA WE SERVE ══════════════════════════════════════════════════════ */
#page-igaming-platform-software-provider .ipp-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,26px);}
#page-igaming-platform-software-provider .ipp-region{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;border-top:3px solid var(--red);}
#page-igaming-platform-software-provider .ipp-region h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:.08em;color:var(--text);margin-bottom:10px;}
#page-igaming-platform-software-provider .ipp-region h3 img{width:14px;height:20px;flex:none;}
/* A tel: link is the most-tapped control here on a phone — a real target. */
#page-igaming-platform-software-provider .ipp-tel{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:700;color:var(--red);margin-bottom:4px;}
#page-igaming-platform-software-provider .ipp-tel:hover{color:var(--red-d);}
#page-igaming-platform-software-provider .ipp-region p{font-size:16px;line-height:1.62;color:var(--text2);}

/* ══ CTA MODAL ══════════════════════════════════════════════════════════ */
#page-igaming-platform-software-provider .ipp-modal{display:none;position:fixed;inset:0;z-index:9999;padding:20px;overflow-y:auto;background:rgba(10,7,5,.8);}
#page-igaming-platform-software-provider .ipp-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-igaming-platform-software-provider .ipp-modal__box{position:relative;width:100%;max-width:640px;margin:auto;background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);}
#page-igaming-platform-software-provider .ipp-modal__x{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#ffffff;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .18s ease,color .18s ease,border-color .18s ease;}
#page-igaming-platform-software-provider .ipp-modal__x:hover{background:var(--red);color:#ffffff;border-color:var(--red);}
/* Skill rule 20 — the GHL widget is a TWO-SLIDE survey whose slides differ in
   height and it never posts its own height, so any FIXED height either wastes
   space under slide 1 or clips slide 2's SUBMIT bar. form_embed.js sizes per
   slide and loads on first modal open; until it initialises the iframe keeps a
   floor tall enough for the WORST slide and drops the negative margin. */
#page-igaming-platform-software-provider .ipp-modal iframe{display:block;width:100%;border:0;margin-bottom:-5px;}
#page-igaming-platform-software-provider .ipp-modal iframe:not([data-iframe-resizer-initialized]){min-height:1290px;margin-bottom:0;}

/* ══ RESPONSIVE ═════════════════════════════════════════════════════════ */
@media (max-width:1000px){#page-igaming-platform-software-provider .ipp-regions{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px){
  #page-igaming-platform-software-provider .ipp-lede__grid,#page-igaming-platform-software-provider .ipp-band__grid{grid-template-columns:minmax(0,1fr);}
  #page-igaming-platform-software-provider .ipp-storylist{grid-template-columns:minmax(0,1fr);}
  #page-igaming-platform-software-provider .ipp-h2--wide{max-width:none;}
}
@media (max-width:640px){
  #page-igaming-platform-software-provider .ipp-wrap{padding-inline:18px;}
  #page-igaming-platform-software-provider .ipp-hero{padding-inline:18px;}
  #page-igaming-platform-software-provider .ipp-regions{grid-template-columns:minmax(0,1fr);}
  /* Single column: the index is a GRID ITEM, so without justify-self it
     stretches the whole track and reads as a bar, not a chip. */
  #page-igaming-platform-software-provider .ipp-ledger > li{grid-template-columns:minmax(0,1fr);gap:10px;padding-left:18px;}
  #page-igaming-platform-software-provider .ipp-idx{justify-self:start;}
  #page-igaming-platform-software-provider .ipp-btn{width:100%;}
  #page-igaming-platform-software-provider .ipp-cta-row{justify-content:stretch;}
  #page-igaming-platform-software-provider .ipp-hero__modes{flex-direction:column;align-items:center;}
}

/* Rule 26 — the transitions above are this page's ONLY motion, each a finite
   response to hover, focus, press or details-open. No @keyframes in this file. */
@media (prefers-reduced-motion:reduce){
  #page-igaming-platform-software-provider *,#page-igaming-platform-software-provider *::before,#page-igaming-platform-software-provider *::after{transition-duration:.01ms !important;animation:none !important;}
}


/* ══ 350-ONLY ADDITIONS ═════════════════════════════════════════════════
   "THE OPERATING FLOOR": warm brown-black ground, copper rules. This is the
   flagship platform page — PAM modules, licensing, a 12-step delivery, an
   events calendar — so the motif is a MODULE RACK: bordered cells on a
   copper rule, the way an operator's stack is laid out.

   DARK on purpose: its iGaming sibling -351 is warm stone and light, and the
   two will be compared. The ground is WARM brown-black (hue 30) where -347's
   is neutral and -349's is blue-grey, so the three darks stay distinct.

   Copper (#b45309) carries white at 5.0:1; its light twin (#f0a868) is used
   on the dark ground only, never as a button on paper. */
#page-igaming-platform-software-provider .ipp-statband{background:var(--ink2);padding-block:clamp(28px,3.4vw,44px);}
#page-igaming-platform-software-provider .ipp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(16px,2.2vw,28px);}
#page-igaming-platform-software-provider .ipp-stats li{display:flex;flex-direction:column;gap:6px;text-align:center;padding:8px 6px;border-left:2px solid var(--red-l);}
#page-igaming-platform-software-provider .ipp-stat__n{font-size:clamp(28px,3vw,38px);font-weight:900;color:var(--red-l);line-height:1.05;}
#page-igaming-platform-software-provider .ipp-stat__l{font-size:16px;font-weight:600;color:var(--on-ink2);}

#page-igaming-platform-software-provider .ipp-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(14px,1.8vw,20px);}
#page-igaming-platform-software-provider .ipp-rack li{background:var(--tint);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:0 var(--r) var(--r) 0;padding:22px 22px;transition:transform .18s ease;}
#page-igaming-platform-software-provider .ipp-rack li:hover{transform:translateY(-4px);}
#page-igaming-platform-software-provider .ipp-rack h3{font-size:19px;font-weight:700;line-height:1.32;color:var(--text);margin-bottom:8px;}
#page-igaming-platform-software-provider .ipp-rack p{font-size:16px;line-height:1.66;color:var(--text2);}

#page-igaming-platform-software-provider .ipp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(12px,1.6vw,18px);}
#page-igaming-platform-software-provider .ipp-steps li{display:flex;align-items:center;gap:14px;background:var(--ink2);border:1px solid var(--ink-line);border-radius:var(--r);padding:18px 18px;}
#page-igaming-platform-software-provider .ipp-step__n{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--red-l);min-width:38px;height:28px;border-radius:var(--r-s);display:inline-flex;align-items:center;justify-content:center;flex:none;}
#page-igaming-platform-software-provider .ipp-steps h3{font-size:17px;font-weight:700;line-height:1.3;color:var(--on-ink);}

#page-igaming-platform-software-provider .ipp-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,22px);}
#page-igaming-platform-software-provider .ipp-events li{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--r);padding:22px 20px;}
#page-igaming-platform-software-provider .ipp-ev__org{font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);}
#page-igaming-platform-software-provider .ipp-ev__date{font-size:16px;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-events h3{font-size:18px;font-weight:700;line-height:1.35;color:var(--text);margin-bottom:6px;}
/* one control per repeated card — the rule 25 card exception */
#page-igaming-platform-software-provider .ipp-ev__cta{margin-top:auto;align-self:flex-start;min-height:44px;padding:11px 20px;border-radius:var(--r-s);border:2px solid var(--ink);background:transparent;color:var(--ink);font-size:16px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease;}
#page-igaming-platform-software-provider .ipp-ev__cta:hover{background:var(--ink);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-ev__cta--solid{background:var(--red);border-color:var(--red);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-ev__cta--solid:hover{background:var(--red-d);border-color:var(--red-d);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ══ BEST SOLUTIONS + PORTFOLIO ═════════════════════════════════════════
   Two ported sections. The rack motif continues: a copper rule tops each
   tile, and the tab strip reads as the rack's own selector row. */
#page-igaming-platform-software-provider .ipp-h3-mid{font-size:clamp(21px,1.7vw,26px);font-weight:800;line-height:1.3;text-align:center;margin:clamp(26px,3vw,40px) 0 clamp(14px,1.6vw,20px);}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-h3-mid{color:var(--on-ink);}

#page-igaming-platform-software-provider .ipp-tabs__list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:clamp(20px,2.4vw,30px);}
#page-igaming-platform-software-provider .ipp-tabs__tab{min-height:44px;padding:11px 20px;border-radius:var(--r-s);border:2px solid var(--lines);background:transparent;color:var(--text2);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease;}
#page-igaming-platform-software-provider .ipp-tabs__tab:hover{border-color:var(--red);color:var(--red-d);}
#page-igaming-platform-software-provider .ipp-tabs__tab[aria-selected="true"]{background:var(--red);border-color:var(--red);color:#ffffff;}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-tabs__tab{border-color:var(--ink-line);color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-tabs__tab:hover{border-color:var(--red-l);color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-tabs__tab[aria-selected="true"]{background:var(--red-l);border-color:var(--red-l);color:var(--ink);}
#page-igaming-platform-software-provider .ipp-tabs__intro{max-width:84ch;margin:0 auto clamp(20px,2.4vw,30px);text-align:center;font-size:17px;line-height:1.72;}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-tabs__intro{color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-tabs__intro strong{color:var(--on-ink);}

/* Game tiles — the whole tile is the link, so the <a> is the hit target. */
#page-igaming-platform-software-provider .ipp-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(14px,1.8vw,22px);}
#page-igaming-platform-software-provider .ipp-games a{display:block;border:1px solid var(--ink-line);border-top:3px solid var(--red-l);border-radius:var(--r);overflow:hidden;background:var(--ink2);text-decoration:none;transition:transform .18s ease,border-color .18s ease;}
#page-igaming-platform-software-provider .ipp-games a:hover{transform:translateY(-4px);border-color:var(--red-l);}
#page-igaming-platform-software-provider .ipp-games img{display:block;width:100%;height:210px;object-fit:cover;}
#page-igaming-platform-software-provider .ipp-games h4{padding:16px 18px;font-size:18px;font-weight:700;line-height:1.3;color:var(--on-ink);}

/* Provider wall — logos sit on a light chip so dark-on-transparent marks read. */
#page-igaming-platform-software-provider .ipp-provs{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:clamp(12px,1.5vw,18px);}
#page-igaming-platform-software-provider .ipp-provs li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#ffffff;border:1px solid var(--line);border-radius:var(--r);}
#page-igaming-platform-software-provider .ipp-provs img{width:auto;max-width:100%;height:52px;object-fit:contain;}
#page-igaming-platform-software-provider .ipp-provs h4{font-size:16px;font-weight:700;line-height:1.3;color:var(--text);text-align:center;}

/* Portfolio logo wall — no names on live, so the alt text carries the meaning. */
#page-igaming-platform-software-provider .ipp-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(12px,1.5vw,18px);}
#page-igaming-platform-software-provider .ipp-logos li{display:flex;align-items:center;justify-content:center;padding:18px 14px;background:var(--tint);border:1px solid var(--line);border-radius:var(--r);}
#page-igaming-platform-software-provider .ipp-logos img{width:auto;max-width:100%;height:74px;object-fit:contain;}

/* ══ COMPARISON TABLE + JIRA-BULLET LISTS ═══════════════════════════════
   Both replace raw Jira markup that the conversion had left as body text:
   a "||a||b||" table and "* " bullet runs. The wrapper scrolls rather than
   letting a 3-column table force horizontal scroll on the whole page. */
#page-igaming-platform-software-provider .ipp-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--r);}
#page-igaming-platform-software-provider .ipp-table{width:100%;border-collapse:collapse;min-width:560px;font-size:16px;}
#page-igaming-platform-software-provider .ipp-table th,
#page-igaming-platform-software-provider .ipp-table td{padding:13px 16px;text-align:left;vertical-align:top;line-height:1.55;border-bottom:1px solid var(--line);}
#page-igaming-platform-software-provider .ipp-table thead th{background:var(--ink);color:var(--on-ink);font-weight:700;border-bottom:0;}
#page-igaming-platform-software-provider .ipp-table tbody th{font-weight:700;color:var(--text);background:var(--tint);width:30%;}
#page-igaming-platform-software-provider .ipp-table tbody td{color:var(--text2);}
#page-igaming-platform-software-provider .ipp-table tbody tr:last-child th,
#page-igaming-platform-software-provider .ipp-table tbody tr:last-child td{border-bottom:0;}

#page-igaming-platform-software-provider .ipp-bullets{display:grid;gap:9px;margin-bottom:14px;}
#page-igaming-platform-software-provider .ipp-bullets li{position:relative;padding-left:26px;font-size:16px;line-height:1.7;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-bullets li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--red);border-radius:2px;}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-bullets li{color:var(--on-ink2);}
#page-igaming-platform-software-provider .ipp-sec--ink .ipp-bullets li::before{background:var(--red-l);}

#page-igaming-platform-software-provider .ipp-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 24px;}
#page-igaming-platform-software-provider .ipp-checks li{position:relative;padding-left:26px;font-size:16px;line-height:1.6;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-checks li::before{content:"";position:absolute;left:0;top:.56em;width:10px;height:10px;background:var(--red);border-radius:2px;}

#page-igaming-platform-software-provider .ipp-toc{background:var(--tint);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:0 var(--r) var(--r) 0;padding:24px 24px;margin-bottom:clamp(26px,3vw,38px);}
#page-igaming-platform-software-provider .ipp-toc h3{font-size:19px;font-weight:800;color:var(--text);margin-bottom:12px;}
#page-igaming-platform-software-provider .ipp-toc ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 24px;}
#page-igaming-platform-software-provider .ipp-toc li{position:relative;padding-left:22px;font-size:16px;line-height:1.55;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-toc li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--red);border-radius:2px;}
#page-igaming-platform-software-provider .ipp-guide__body{max-width:84ch;}
#page-igaming-platform-software-provider .ipp-guide__item{padding-block:clamp(22px,2.6vw,32px);border-top:1px solid var(--line);}
#page-igaming-platform-software-provider .ipp-guide__item:first-child{border-top:0;}
#page-igaming-platform-software-provider .ipp-guide__item h3{font-size:23px;font-weight:800;line-height:1.28;color:var(--text);margin-bottom:12px;}
#page-igaming-platform-software-provider .ipp-guide__item p{font-size:17px;line-height:1.78;color:var(--text2);margin-bottom:14px;}
#page-igaming-platform-software-provider .ipp-guide__item ul{display:grid;gap:9px;margin-bottom:16px;}
#page-igaming-platform-software-provider .ipp-guide__item ul li{position:relative;padding-left:26px;font-size:17px;line-height:1.7;color:var(--text2);}
#page-igaming-platform-software-provider .ipp-guide__item ul li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--red);border-radius:2px;}
@media (max-width:640px){
  #page-igaming-platform-software-provider .ipp-stats li{border-left:0;border-top:2px solid var(--red-l);padding-top:12px;}
}

/* Mobile overrides for the two ported sections. These live at the END of the
   file ON PURPOSE: the base .ipp-tabs/.ipp-games rules are declared above, and
   at equal specificity the later declaration wins. Put these in the earlier
   640px block and flex-wrap silently loses to the base `wrap`. */
@media (max-width:640px){
  #page-igaming-platform-software-provider .ipp-games img{height:170px;}
  #page-igaming-platform-software-provider .ipp-tabs__list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
  #page-igaming-platform-software-provider .ipp-tabs__tab{flex:0 0 auto;}
}