/* /igaming-crm-software — AISHTMLNEWDESIGN-445
Page-owned styles. EVERY selector is scoped to #page-igaming-crm-software or a
ics- 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 — QUIET FLOOR
The operator's floor after hours: warm, low-lit, unhurried. Deliberately the
opposite of the COHORT BAND scheme it replaces on this URL, on every axis
that reads at a glance —
axis COHORT BAND (was) QUIET FLOOR (now)
temperature cool navy / teal / clay warm graphite / brass / sage
corners 2px, hard 14px, soft
card edge hairline rules, 1px grid borderless, warm elevation
enumeration 01..12 index rails none — a brass keyline instead
composition centred, stacked bands asymmetric split spine
texture ruled, tabular, ledger open, generous, unruled
The recurring device is the SPLIT SPINE: a narrow heading column carrying the
H2, its argument and its single CTA, with the content flowing in a wider
column beside it. Where a section has no argument to make (screenshots, demo,
FAQ, stories, offices) it drops the spine and centres instead, so the rhythm
alternates rather than repeats. */
#page-igaming-crm-software{
--ink:#14120f; /* warm graphite ground */
--ink-2:#1e1b16; /* raised graphite (cards on dark) */
--ink-3:#2b2620; /* hairline on dark */
--ivory:#faf7f1; /* warm paper ground */
--ivory-2:#f2ede3; /* recessed paper */
--paper:#ffffff;
--brass:#b8873a; /* the single signal */
--brass-lift:#cd9a45;
--brass-pale:#e8c98b; /* brass on dark grounds — AA on --ink */
--sage:#5d7d68; /* secondary, used sparingly */
--text:#1b1813;
--text-2:#4a4339; /* body on ivory — 8.9:1, well past AA */
--pale:#efe9dd; /* body on graphite */
--pale-2:#c3b9a6;
--shadow:0 2px 4px rgba(20,18,15,.04),0 12px 32px rgba(20,18,15,.07);
--shadow-lift:0 4px 10px rgba(20,18,15,.07),0 20px 48px rgba(20,18,15,.11);
font-family:"Inter",system-ui,sans-serif;
font-size:16px;line-height:1.6;color:var(--text);background:var(--ivory);
-webkit-font-smoothing:antialiased;
}
/* Scoped border-box reset. Without it a full-bleed section declared width:100%
plus horizontal padding overflows the viewport by exactly its padding. */
#page-igaming-crm-software,
#page-igaming-crm-software *,
#page-igaming-crm-software *::before,
#page-igaming-crm-software *::after{box-sizing:border-box;}
/* ── primitives ────────────────────────────────────────────────────── */
#page-igaming-crm-software .ics-wrap{
max-width:1240px;margin-inline:auto;padding-inline:24px;width:100%;
}
#page-igaming-crm-software .ics-sec{padding:clamp(64px,7.5vw,116px) 0;}
#page-igaming-crm-software .ics-sec--dark{background:var(--ink);}
/* Section titles get real breathing room: a generous, consistent gap under
every H2/H4 title and a matching gap before the content that follows, so a
title never sits tight against its own body copy or grid. */
#page-igaming-crm-software .ics-h2{
font-size:clamp(31px,3.7vw,48px);line-height:1.14;letter-spacing:-.025em;
font-weight:800;margin:0 0 clamp(24px,2.4vw,36px);color:var(--text);
}
/* a centred title heads a whole section — it gets the larger gap */
#page-igaming-crm-software .ics-h2--center{margin-bottom:clamp(34px,3.4vw,52px);}
/* the title's first following sibling never hugs it */
#page-igaming-crm-software .ics-h2 + .ics-p,
#page-igaming-crm-software .ics-h2 + .ics-know__lead,
#page-igaming-crm-software .ics-h2 + .ics-collab__p,
#page-igaming-crm-software .ics-h2 + .ics-hire__p{margin-top:0;}
#page-igaming-crm-software .ics-h2--pale{color:var(--ivory);}
#page-igaming-crm-software .ics-h2--center{text-align:center;max-width:22ch;margin-inline:auto;}
#page-igaming-crm-software .ics-know__lead{margin-top:0;}
#page-igaming-crm-software .ics-h5{
font-size:19px;line-height:1.38;font-weight:700;margin:0 0 10px;color:var(--text);
letter-spacing:-.008em;
}
/* card/tile titles: the 10px base plus the block's own rhythm */
#page-igaming-crm-software .ics-tile .ics-h5,
#page-igaming-crm-software .ics-plate .ics-h5{margin-bottom:0;}
#page-igaming-crm-software .ics-p{
font-size:17.5px;line-height:1.75;margin:0 0 20px;color:var(--text-2);
}
#page-igaming-crm-software .ics-p--pale{color:var(--pale);}
#page-igaming-crm-software .ics-link{
color:#8a6323;text-decoration:underline;text-underline-offset:3px;
text-decoration-thickness:1px;font-weight:600;
}
#page-igaming-crm-software .ics-link:hover{color:var(--sage);}
#page-igaming-crm-software .ics-sec--dark .ics-link,
#page-igaming-crm-software .ics-hero .ics-link{color:var(--brass-pale);}
#page-igaming-crm-software .ics-sec--dark .ics-link:hover{color:var(--ivory);}
/* Every CTA row is centred in its section and separated from the content
above it. .ics-actions is always a full-width centred row — the buttons no
longer sit inside the split spine's heading column. */
#page-igaming-crm-software .ics-actions{
margin:clamp(38px,4vw,56px) 0 0;text-align:center;
}
#page-igaming-crm-software .ics-actions--center{text-align:center;}
/* Split-column sections: the CTA belongs to the CONTENT column, not to the
section. Centring it on the section put it 263-291px left of the content it
acts on — floating under the empty heading column, visually orphaned. It now
sits below the content and centres on that column's own axis. */
#page-igaming-crm-software .ics-split__act{
grid-column:2;margin-top:clamp(32px,3.5vw,48px);text-align:center;
}
/* The hire CTA sits directly under a left-aligned heading and description, so
it aligns to the SAME left edge as that copy rather than centring inside the
column — centred, it read as arbitrarily indented against the text above it.
(The feats/trust CTAs stay centred: they sit under a tile grid, not under a
left-aligned paragraph, so there is no text edge for them to align to.) */
#page-igaming-crm-software .ics-hire__act{
margin-top:clamp(28px,3vw,40px);text-align:left;
}
/* buttons — soft, generous, never pill */
#page-igaming-crm-software .ics-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:54px;padding:15px 32px;border:0;border-radius:14px;
font-family:inherit;font-size:17px;font-weight:650;letter-spacing:-.005em;
cursor:pointer;text-align:center;
transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
#page-igaming-crm-software .ics-btn--ink{
background:var(--ink);color:var(--ivory);box-shadow:var(--shadow);
}
#page-igaming-crm-software .ics-btn--ink:hover{
background:#241f19;transform:translateY(-2px);box-shadow:var(--shadow-lift);
}
#page-igaming-crm-software .ics-btn--brass{
background:var(--brass);color:#1a1206;box-shadow:0 10px 26px rgba(184,135,58,.26);
}
#page-igaming-crm-software .ics-btn--brass:hover{
background:var(--brass-lift);transform:translateY(-2px);
box-shadow:0 14px 34px rgba(184,135,58,.34);
}
#page-igaming-crm-software .ics-btn:focus-visible,
#page-igaming-crm-software .ics-link:focus-visible,
#page-igaming-crm-software .ics-plate__go:focus-visible,
#page-igaming-crm-software .ics-vid:focus-visible,
#page-igaming-crm-software .ics-q__s:focus-visible{
outline:3px solid var(--brass);outline-offset:3px;border-radius:6px;
}
/* the split spine — the page's recurring composition */
#page-igaming-crm-software .ics-split{
display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);
gap:clamp(32px,4.5vw,72px);align-items:start;
}
#page-igaming-crm-software .ics-split__head{position:relative;padding-top:26px;}
/* the brass keyline that replaces COHORT BAND's index numerals */
#page-igaming-crm-software .ics-split__head::before{
content:"";position:absolute;top:0;left:0;width:64px;height:3px;
background:var(--brass);border-radius:2px;
}
/* ── HERO — full-bleed static gradient, centred column, no image ────── */
#page-igaming-crm-software .ics-hero{
width:100%;padding:clamp(72px,8.5vw,128px) 24px clamp(60px,6.5vw,92px);
background:linear-gradient(168deg,#191510 0%,#14120f 55%,#100e0b 100%);
color:var(--ivory);
}
#page-igaming-crm-software .ics-hero__inner{
max-width:900px;margin-inline:auto;text-align:center;
}
#page-igaming-crm-software .ics-hero__tag{
position:relative;margin:0 0 22px;padding-top:26px;
font-size:16px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;
color:var(--brass-pale);
}
#page-igaming-crm-software .ics-hero__tag::before{
content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
width:72px;height:3px;background:var(--brass);border-radius:2px;
}
#page-igaming-crm-software .ics-hero h1{
font-size:clamp(39px,5.4vw,66px);line-height:1.05;letter-spacing:-.032em;
font-weight:800;margin:0 0 26px;color:#fff;
}
#page-igaming-crm-software .ics-hero__copy{
font-size:18px;line-height:1.72;margin:0 auto 18px;max-width:750px;
color:var(--pale);
}
#page-igaming-crm-software .ics-hero .ics-btn{margin-top:18px;}
#page-igaming-crm-software .ics-hero__note{
margin:52px 0 18px;font-size:16px;font-weight:600;letter-spacing:.14em;
text-transform:uppercase;color:var(--pale-2);
}
#page-igaming-crm-software .ics-hero__rail{
list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;
justify-content:center;
}
#page-igaming-crm-software .ics-hero__rail li{
padding:11px 22px;border-radius:999px;background:rgba(232,201,139,.09);
border:1px solid rgba(232,201,139,.24);
font-size:16px;font-weight:600;color:var(--ivory);
}
/* ── breadcrumb ────────────────────────────────────────────────────── */
#page-igaming-crm-software .ics-crumbbar{background:var(--ivory-2);}
#page-igaming-crm-software .ics-crumb{
display:flex;align-items:center;gap:9px;padding:16px 0;
font-size:16px;color:var(--text-2);
}
#page-igaming-crm-software .ics-crumb a{color:#8a6323;font-weight:600;}
#page-igaming-crm-software .ics-crumb a:hover{text-decoration:underline;}
/* ── lede — STATEMENT PLATE ────────────────────────────────────────────
Was: a 27px lead paragraph above an uneven two-column split, so the
opening statement shouted at a size nothing else on the page used and the
two columns filled to visibly different depths.
Now: a single elevated paper plate on the ivory ground, carrying the brass
keyline used by the split spines. Every paragraph sits at the page body
size (17.5px, same as .ics-p / .ics-hire__p); the opening paragraph is
distinguished by COLOUR and WEIGHT only, never by size. */
#page-igaming-crm-software .ics-lede{padding:clamp(56px,6.5vw,96px) 0;}
#page-igaming-crm-software .ics-lede__plate{
position:relative;max-width:1000px;margin-inline:auto;
background:var(--paper);border-radius:18px;box-shadow:var(--shadow);
padding:clamp(34px,4.2vw,60px);
}
#page-igaming-crm-software .ics-lede__plate::before{
content:"";position:absolute;top:clamp(34px,4.2vw,60px);left:clamp(34px,4.2vw,60px);
width:64px;height:3px;background:var(--brass);border-radius:2px;
}
#page-igaming-crm-software .ics-lede__p{
font-size:17.5px;line-height:1.78;margin:0 0 22px;color:var(--text-2);
max-width:76ch;
}
#page-igaming-crm-software .ics-lede__p:first-of-type{margin-top:34px;}
/* The opening paragraph carries NO emphasis of its own — same weight, same
colour, same size as the two that follow. It previously ran at weight 500 in
the darker --text, which read as bold against them. The band is deliberately
uniform now; the plate itself provides the emphasis. */
#page-igaming-crm-software .ics-lede__act{
margin:clamp(28px,3vw,40px) 0 0;text-align:center;
}
/* ── collaborate — the one brass band ──────────────────────────────── */
#page-igaming-crm-software .ics-collab{
background:linear-gradient(135deg,#c69340 0%,#a97a30 100%);
padding:clamp(60px,6.5vw,96px) 0;
}
#page-igaming-crm-software .ics-collab__inner{
max-width:860px;margin-inline:auto;text-align:center;
}
#page-igaming-crm-software .ics-collab .ics-h2{color:#1a1206;}
#page-igaming-crm-software .ics-collab__p{
font-size:19px;line-height:1.65;margin:0 0 32px;color:#33240c;
}
/* ── features — split spine + borderless tiles ─────────────────────── */
#page-igaming-crm-software .ics-tiles{
list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:14px;
}
#page-igaming-crm-software .ics-tile{
background:var(--ink-2);border-radius:14px;padding:24px 22px;
display:flex;flex-direction:column;gap:16px;
border:1px solid var(--ink-3);
transition:transform .18s ease,border-color .18s ease;
}
#page-igaming-crm-software .ics-tile:hover{
transform:translateY(-3px);border-color:rgba(184,135,58,.5);
}
#page-igaming-crm-software .ics-tile__i{width:42px;height:42px;object-fit:contain;}
#page-igaming-crm-software .ics-tile .ics-h5{color:var(--ivory);}
/* ── hire — ivory split, figure first ──────────────────────────────── */
#page-igaming-crm-software .ics-hire__grid{
display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
gap:clamp(28px,4.5vw,64px);align-items:center;
}
#page-igaming-crm-software .ics-hire__fig{margin:0;}
#page-igaming-crm-software .ics-hire__img{
display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow);
}
#page-igaming-crm-software .ics-hire__p{
font-size:17.5px;line-height:1.75;margin:0 0 30px;color:var(--text-2);
}
/* ── screenshots — centred gallery, no CTA ─────────────────────────── */
#page-igaming-crm-software .ics-shots{background:var(--ivory-2);}
#page-igaming-crm-software .ics-shots__grid{
list-style:none;margin:44px 0 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;
}
#page-igaming-crm-software .ics-shot{
background:var(--paper);border-radius:16px;padding:14px;box-shadow:var(--shadow);
transition:transform .18s ease,box-shadow .18s ease;
}
#page-igaming-crm-software .ics-shot:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);}
#page-igaming-crm-software .ics-shot img{
display:block;width:100%;height:auto;border-radius:10px;background:var(--ivory-2);
}
/* Screenshot captions are centred under their tile: the images are centred in
the card, so a flush-left caption sat off that axis. The caption text is the
visible label only — each image's alt attribute keeps the record's verbatim
lower-case wording. */
#page-igaming-crm-software .ics-shot__cap{
display:block;margin-top:14px;padding:0 4px 4px;
font-size:16px;font-weight:600;color:var(--text-2);text-align:center;
}
/* ── admin — hanging-title entries, two columns, unruled ───────────── */
#page-igaming-crm-software .ics-entries{
list-style:none;margin:44px 0 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:clamp(26px,3.2vw,44px);
}
#page-igaming-crm-software .ics-entry{position:relative;padding-left:22px;}
#page-igaming-crm-software .ics-entry::before{
content:"";position:absolute;left:0;top:9px;width:8px;height:8px;
border-radius:50%;background:var(--brass);
}
#page-igaming-crm-software .ics-entry__p{
margin:9px 0 0;font-size:17px;line-height:1.72;color:var(--text-2);
}
/* ── player — three tall cards on graphite ─────────────────────────── */
#page-igaming-crm-software .ics-pcards{
list-style:none;margin:44px 0 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;
}
#page-igaming-crm-software .ics-pcard{
background:var(--ink-2);border:1px solid var(--ink-3);border-radius:16px;
padding:32px 28px;
}
#page-igaming-crm-software .ics-pcard__t{
color:var(--brass-pale);font-size:21px;margin-bottom:14px;
}
#page-igaming-crm-software .ics-pcard__p{
margin:0;font-size:17px;line-height:1.74;color:var(--pale);
}
/* ── demo — credential plates ──────────────────────────────────────── */
#page-igaming-crm-software .ics-demo{background:var(--ivory-2);}
#page-igaming-crm-software .ics-demo__grid{
margin-top:44px;display:grid;
grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:22px;
}
/* "Try Our iGaming CRM Demo" — the whole plate is centred: icon, title,
credentials and action all share one centre axis. */
#page-igaming-crm-software .ics-plate{
background:var(--paper);border-radius:16px;padding:28px 24px;
box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;
align-items:center;text-align:center;
}
#page-igaming-crm-software .ics-plate__i{width:52px;height:52px;object-fit:contain;}
#page-igaming-crm-software .ics-plate .ics-h5{text-align:center;}
/* stacked label-over-value: side by side, "aisdemoadmin@ais.com" broke mid-domain */
#page-igaming-crm-software .ics-cred{
margin:0;padding:16px 0 0;border-top:1px solid var(--ivory-2);font-size:16px;
width:100%;text-align:center;
}
#page-igaming-crm-software .ics-cred dt{font-weight:600;color:var(--text-2);}
#page-igaming-crm-software .ics-cred dd{
margin:0 0 12px;font-weight:700;color:var(--text);overflow-wrap:break-word;
}
#page-igaming-crm-software .ics-cred dd:last-child{margin-bottom:0;}
#page-igaming-crm-software .ics-plate__go{
margin-top:auto;width:100%;display:inline-flex;align-items:center;justify-content:center;
min-height:50px;padding:13px 20px;border-radius:12px;
background:var(--ink);color:var(--ivory);font-size:16px;font-weight:650;
transition:background-color .18s ease,transform .18s ease;
}
#page-igaming-crm-software .ics-plate__go:hover{background:var(--brass);color:#1a1206;transform:translateY(-2px);}
/* ── trust — split spine, brass-keyed commitment rows ──────────────── */
/* The trust CTA closes the subpoint list: it is a grid child of .ics-split
pinned to column 2, sitting below all eight commitment rows and flush with
the list's own left edge, so the button and the rows share one axis. */
#page-igaming-crm-software .ics-trust__act{
grid-column:2;margin:clamp(30px,3.2vw,44px) 0 0;text-align:left;
/* +22px matches .ics-commit__row's own text indent, so the button lines up
with the subpoint TEXT rather than with the bullet dots that hang outside
it — the text edge is the one the reader actually tracks down the column. */
padding-left:22px;
}
#page-igaming-crm-software .ics-trust__fig{margin:30px 0 0;}
#page-igaming-crm-software .ics-trust__fig img{
display:block;width:100%;height:auto;border-radius:16px;
}
#page-igaming-crm-software .ics-commit{margin:0;}
#page-igaming-crm-software .ics-commit__row{
position:relative;padding:0 0 24px 22px;margin-bottom:24px;
border-bottom:1px solid var(--ink-3);
}
#page-igaming-crm-software .ics-commit__row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
#page-igaming-crm-software .ics-commit__row::before{
content:"";position:absolute;left:0;top:10px;width:8px;height:8px;
border-radius:50%;background:var(--brass);
}
#page-igaming-crm-software .ics-commit dt{
font-size:18px;font-weight:750;color:var(--brass-pale);margin-bottom:7px;
}
#page-igaming-crm-software .ics-commit dd{
margin:0;font-size:17px;line-height:1.72;color:var(--pale);
}
/* ── know more — two-column card set ───────────────────────────────── */
#page-igaming-crm-software .ics-know__lead{
font-size:19px;line-height:1.7;margin:0 0 40px;max-width:78ch;color:var(--text-2);
}
#page-igaming-crm-software .ics-know__grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;
}
#page-igaming-crm-software .ics-kcard{
background:var(--paper);border-radius:16px;padding:30px 28px;box-shadow:var(--shadow);
}
#page-igaming-crm-software .ics-kcard__t{margin-bottom:12px;}
#page-igaming-crm-software .ics-kcard__p{
margin:0;font-size:17px;line-height:1.74;color:var(--text-2);
}
/* ── growth — narrow editorial measure ─────────────────────────────── */
#page-igaming-crm-software .ics-growth{background:var(--ivory-2);}
#page-igaming-crm-software .ics-growth__inner{max-width:76ch;margin-inline:auto;}
/* ── FAQ — accordion on graphite ───────────────────────────────────── */
#page-igaming-crm-software .ics-faq__inner{max-width:900px;}
#page-igaming-crm-software .ics-faq #ics-faqlist{margin-top:40px;}
#page-igaming-crm-software .ics-q{
background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;
margin-bottom:14px;overflow:hidden;
}
#page-igaming-crm-software .ics-q[open]{border-color:rgba(184,135,58,.55);}
#page-igaming-crm-software .ics-q__s{
list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;
padding:22px 24px;font-size:18px;font-weight:650;color:var(--ivory);min-height:44px;
}
#page-igaming-crm-software .ics-q__s::-webkit-details-marker{display:none;}
#page-igaming-crm-software .ics-q__s::after{
content:"";flex:none;margin-left:auto;width:12px;height:12px;
border-right:2.5px solid var(--brass);border-bottom:2.5px solid var(--brass);
transform:rotate(45deg);transition:transform .2s ease;
}
#page-igaming-crm-software .ics-q[open] .ics-q__s::after{transform:rotate(225deg);}
#page-igaming-crm-software .ics-q__txt{flex:1 1 auto;}
#page-igaming-crm-software .ics-q__a{padding:0 24px 24px;}
#page-igaming-crm-software .ics-q__a p{
margin:0 0 12px;font-size:17px;line-height:1.74;color:var(--pale);
}
#page-igaming-crm-software .ics-q__a p:last-child{margin-bottom:0;}
#page-igaming-crm-software .ics-q__ul{
margin:0;padding-left:22px;font-size:17px;line-height:1.74;color:var(--pale);
}
/* ── stories — facades ─────────────────────────────────────────────── */
#page-igaming-crm-software .ics-stories__grid{
list-style:none;margin:44px 0 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px;
}
#page-igaming-crm-software .ics-story{
background:var(--paper);border-radius:16px;padding:16px;box-shadow:var(--shadow);
}
#page-igaming-crm-software .ics-vid{
position:relative;display:block;width:100%;padding:0;border:0;
background:var(--ink);cursor:pointer;border-radius:10px;overflow:hidden;
}
#page-igaming-crm-software .ics-vid img{display:block;width:100%;height:auto;}
#page-igaming-crm-software .ics-vid__play{
position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;
background:rgba(20,18,15,.82);border:2px solid var(--brass-pale);
transition:background-color .18s ease,transform .18s ease;
}
#page-igaming-crm-software .ics-vid__play::after{
content:"";position:absolute;inset:0;margin:auto;width:0;height:0;
border-left:19px solid #fff;border-top:12px solid transparent;
border-bottom:12px solid transparent;transform:translateX(3px);
}
#page-igaming-crm-software .ics-vid:hover .ics-vid__play{
background:var(--brass);transform:scale(1.07);
}
#page-igaming-crm-software .ics-story__frame{
display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:10px;
}
#page-igaming-crm-software .ics-story__q{
margin:18px 0 0;padding:0 4px 4px;font-size:17px;line-height:1.7;color:var(--text-2);
}
#page-igaming-crm-software .ics-more{margin:34px 0 0;text-align:center;font-size:17px;}
/* ── area we serve — office plates on graphite ─────────────────────── */
#page-igaming-crm-software .ics-offices{
list-style:none;margin:44px 0 0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;
}
#page-igaming-crm-software .ics-office{
background:var(--ink-2);border:1px solid var(--ink-3);border-radius:16px;
padding:28px 24px;
}
#page-igaming-crm-software .ics-office__t{
margin:0 0 14px;font-size:17px;font-weight:750;letter-spacing:.11em;
color:var(--brass-pale);
}
#page-igaming-crm-software .ics-office__tel{
display:inline-block;margin-bottom:14px;font-size:18px;font-weight:700;color:#fff;
}
#page-igaming-crm-software .ics-office__tel:hover{color:var(--brass-pale);}
#page-igaming-crm-software .ics-office__a{
display:flex;gap:10px;margin:0;font-size:16px;line-height:1.68;color:var(--pale-2);
}
#page-igaming-crm-software .ics-office__a img{flex:none;margin-top:4px;}
/* ── modal ─────────────────────────────────────────────────────────── */
#page-igaming-crm-software .ics-modal{
position:fixed;inset:0;z-index:9999;display:none;
align-items:center;justify-content:center;padding:20px;
background:rgba(16,14,11,.76);
}
#page-igaming-crm-software .ics-modal.is-open{display:flex;}
#page-igaming-crm-software .ics-modal__box{
position:relative;width:100%;max-width:640px;background:var(--paper);
border-radius:18px;overflow:auto;max-height:92vh;
box-shadow:0 30px 80px rgba(16,14,11,.46);
}
#page-igaming-crm-software .ics-modal__x{
position:absolute;top:14px;right:14px;z-index:2;
width:40px;height:40px;display:flex;align-items:center;justify-content:center;
border:1px solid var(--ivory-2);border-radius:10px;background:var(--paper);
color:var(--ink);cursor:pointer;transition:background-color .18s ease,color .18s ease;
}
#page-igaming-crm-software .ics-modal__x:hover{background:var(--ink);color:var(--ivory);}
#page-igaming-crm-software .ics-modal__box iframe{
display:block;width:100%;border:0;min-height:860px;
}
/* ── responsive ────────────────────────────────────────────────────── */
@media (max-width:1000px){
#page-igaming-crm-software .ics-split,
#page-igaming-crm-software .ics-hire__grid{grid-template-columns:1fr;}
/* the split collapses to one column, so the action rows must follow it */
#page-igaming-crm-software .ics-split__act,
#page-igaming-crm-software .ics-trust__act{grid-column:1;}
#page-igaming-crm-software .ics-hire__fig{order:-1;}
#page-igaming-crm-software .ics-split__body{margin-top:8px;}
}
@media (max-width:760px){
#page-igaming-crm-software .ics-btn{width:100%;}
#page-igaming-crm-software .ics-hero__rail{flex-direction:column;align-items:stretch;}
#page-igaming-crm-software .ics-hero__rail li{text-align:center;}
#page-igaming-crm-software .ics-h2--center{max-width:none;}
#page-igaming-crm-software .ics-modal__box iframe{min-height:820px;}
}
/* Rule 26 — the only motion here is a finite response to hover, focus, click
or accordion toggle. Honour the reduced-motion preference. */
@media (prefers-reduced-motion: reduce){
#page-igaming-crm-software *,
#page-igaming-crm-software *::before,
#page-igaming-crm-software *::after{
animation:none !important;transition-duration:.01ms !important;
}
}