/* ══════════════════════════════════════════════════════════════════════════
   /sweepstakes-software — page-isolated stylesheet
   AISHTMLNEWDESIGN-576  (meta + JSON-LD from AISHTMLNEWDESIGN-190)

   Visual direction: "MINT INDEX".

   Third page off this CMS template: 25 section titles are identical to BOTH
   /sweepstakes-software-distributors and /online-sweepstakes-platform-provider.
   Recolouring either would give the sweepstakes family three pages that read as
   one, so the REPEATING UNIT changes again:

     · DISPATCH BOARD (570)       numbered manifest ROW, slug in a left gutter
     · COMMISSIONING SHEET (573)  ticked sheet LINE, check glyph in a column
     · MINT INDEX (this page)     struck-DISC index entry — a filled disc
                                  carrying the entry number, the way a coin
                                  catalogue indexes denominations.

   The motif is taken from the page's own content: it leads on Gold Coins and
   Sweeps Coins, so the register is a mint's index rather than a dispatch board
   or a handover sheet.

   Palette, against the six sweepstakes siblings already built (SWEEPS BUREAU
   gold, TOKEN WINDOW terracotta, DEPLOY WINDOW, MILLED EDGE amber, DISPATCH
   BOARD emerald-on-navy, COMMISSIONING SHEET rose-on-plum): this one is
   INDIGO on cool paper. No gold, no terracotta, no emerald, no rose.

   Steel (#64748b) is the disc fill and index numerals only, never a surface.

   Scoped to #page-sweepstakes-software. The band rule is written as a DIRECT
   CHILD selector (`> section`) from the outset — an unscoped `section` rule
   leaked the full band padding into the nested Portfolio group <section>s on
   /online-sweepstakes-platform-provider and had to be fixed after review.

   Design contract (docs/skills/frontend-design/SKILL.md):
     · rule  1 Inter · rule 2 nothing under 16px · rule 23 #454560 body floor
     · rule 24 image-free full-bleed hero, static gradient, centred column
     · rule 25 one CTA per section, every label unique page-wide
     · rule 26 no running animation — transitions only, user-initiated
     · rule 39A every painted background owns its foreground, tag-qualified
   ══════════════════════════════════════════════════════════════════════════ */
#page-sweepstakes-software{
  --sw-ink:        #14142b;   /* deep plum — band punctuation only            */
  --sw-ink-2:      #1e1e3d;   /* raised plate on the dark bands               */
  --sw-ground:     #f4f4f8;   /* warm paper — the page's dominant ground      */
  --sw-paper:      #ffffff;
  --sw-signal:     #4338ca;   /* rose — the ONLY action hue                   */
  --sw-signal-lit: #4f46e5;
  --sw-disc-lit:   #a5b4fc;   /* the rose that is legible ON plum (7.6:1)     */
  --sw-steel:      #64748b;   /* sheet tags + index numerals only             */
  --sw-text:       #17172e;
  --sw-text-2:     #454560;   /* 8.3:1 on warm paper — rule 23 floor          */
  --sw-on-dark:    #e6e6f2;
  --sw-on-dark-2:  #b0b0cc;
  --sw-line:       #dcdce6;
  --sw-line-dark:  #2e2e55;

  --sw-wrap: 1220px;
  --sw-tick: 40px;            /* ONE source of truth for the tick column      */

  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px; line-height: 1.65;
  color: var(--sw-text); background: var(--sw-ground);
  -webkit-font-smoothing: antialiased;
}
#page-sweepstakes-software *,
#page-sweepstakes-software *::before,
#page-sweepstakes-software *::after{ box-sizing: border-box; }
#page-sweepstakes-software .ss-wrap{
  max-width: var(--sw-wrap); margin-inline: auto; padding-inline: 24px;
}
#page-sweepstakes-software > section{ padding-block: clamp(56px,6vw,92px); }
#page-sweepstakes-software h1,
#page-sweepstakes-software h2,
#page-sweepstakes-software h3,
#page-sweepstakes-software h4{
  margin: 0 0 .5em; line-height: 1.16; letter-spacing: -.015em;
  font-weight: 800; color: var(--sw-text);
}
#page-sweepstakes-software h2{ font-size: clamp(28px,3.1vw,42px); }
#page-sweepstakes-software h3{ font-size: clamp(19px,1.5vw,22px); font-weight: 700; }
#page-sweepstakes-software h4{ font-size: clamp(22px,2vw,28px); }
#page-sweepstakes-software p{ margin: 0 0 1.1em; font-size: 17px; color: var(--sw-text-2); }
#page-sweepstakes-software p:last-child{ margin-bottom: 0; }
#page-sweepstakes-software ul,
#page-sweepstakes-software ol{ margin: 0; padding: 0; list-style: none; }
#page-sweepstakes-software img{ max-width: 100%; height: auto; display: block; }
/* one paragraph size page-wide; the lede reads through ink weight, not size */
#page-sweepstakes-software .ss-lead{ font-size: 17px; color: var(--sw-text); line-height: 1.65; }

/* section headers get a sheet rule + tag, the page's signature */
#page-sweepstakes-software section > .ss-wrap > h2{
  padding-bottom: 14px; margin-bottom: clamp(24px,3vw,38px);
  border-bottom: 2px solid var(--sw-line);
}
#page-sweepstakes-software a.ss-inline{
  color: var(--sw-signal); font-weight: 600; text-decoration: underline;
  text-underline-offset: 3px; text-decoration-thickness: 1.5px;
}
#page-sweepstakes-software a.ss-inline:hover,
#page-sweepstakes-software a.ss-inline:focus-visible{ color: var(--sw-signal-lit); }
#page-sweepstakes-software a.ss-inline--lit{ color: var(--sw-disc-lit); }
#page-sweepstakes-software a.ss-inline--lit:hover{ color: #c7d2fe; }

/* ── the one button ─────────────────────────────────────────────────────── */
#page-sweepstakes-software .ss-btn{
  display: inline-flex; align-items: center; gap: 10px;
  min-height: 52px; margin-top: 32px; padding: 14px 30px;
  border: 0; border-radius: 2px;
  background: var(--sw-signal); color: #ffffff;
  font-family: inherit; font-size: 17px; font-weight: 700; text-align: left;
  cursor: pointer; transition: background-color .16s ease, transform .16s ease;
}
#page-sweepstakes-software .ss-btn::after{
  content: ""; flex: none; width: 18px; height: 2px; background: currentColor;
  transition: width .16s ease;
}
#page-sweepstakes-software .ss-btn:hover{ background: var(--sw-signal-lit); }
#page-sweepstakes-software .ss-btn:hover::after{ width: 26px; }
#page-sweepstakes-software .ss-btn:active{ transform: translateY(1px); }
#page-sweepstakes-software .ss-btn:focus-visible{
  outline: 3px solid var(--sw-signal-lit); outline-offset: 3px;
}
#page-sweepstakes-software .ss-btn--lit{ background: #ffffff; color: var(--sw-ink); }
#page-sweepstakes-software .ss-btn--lit:hover{ background: #e0e0fb; }

/* ══ HERO ═══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-hero{
  width: 100%; padding: clamp(72px,8vw,120px) 24px clamp(60px,7vw,96px);
  background: linear-gradient(180deg,#14142b 0%,#26264d 60%,#1c1c3a 100%);
  border-bottom: 2px solid var(--sw-signal);
}
#page-sweepstakes-software .ss-hero__inner{ max-width: 900px; margin-inline: auto; text-align: center; }
#page-sweepstakes-software p.ss-eyebrow{
  display: inline-block; margin: 0 0 22px; padding: 7px 16px;
  border: 1px solid #3f3f70; border-radius: 2px; background: #111128;
  color: var(--sw-disc-lit);            /* rule 39A: tag-qualified */
  font-size: 16px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
}
#page-sweepstakes-software .ss-hero h1{
  margin: 0 0 22px; font-size: clamp(34px,4.6vw,58px);
  font-weight: 900; line-height: 1.07; color: #ffffff;
}
#page-sweepstakes-software p.ss-hero__lede{
  margin: 0 auto 34px; max-width: 800px; font-size: 17px; line-height: 1.7; color: var(--sw-on-dark);
}
#page-sweepstakes-software .ss-hero .ss-btn{ margin-top: 0; }
#page-sweepstakes-software .ss-hero__trust{
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 30px;
  margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--sw-line-dark);
}
#page-sweepstakes-software .ss-hero__trust li{
  position: relative; padding-left: 22px; font-size: 16px; font-weight: 500; color: var(--sw-on-dark-2);
}
#page-sweepstakes-software .ss-hero__trust li::before{
  content: ""; position: absolute; left: 0; top: .62em; width: 12px; height: 2px;
  background: var(--sw-disc-lit);
}

/* ══ BREADCRUMB ═════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-crumb{
  padding-block: 16px; background: var(--sw-paper); border-bottom: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-crumb ol{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#page-sweepstakes-software .ss-crumb li{ font-size: 16px; color: var(--sw-text-2); }
#page-sweepstakes-software .ss-crumb li + li::before{ content: "/"; margin-right: 10px; color: var(--sw-line); }
#page-sweepstakes-software .ss-crumb a{ display: inline-flex; align-items: center; gap: 8px; color: var(--sw-signal); font-weight: 600; }
#page-sweepstakes-software .ss-crumb a:hover{ color: var(--sw-signal-lit); }
#page-sweepstakes-software .ss-crumb img{ width: 16px; height: 16px; }

/* ══ BRIEF ══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-brief{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-brief__grid{
  display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);
  gap: clamp(32px,5vw,64px); align-items: center;
}
#page-sweepstakes-software .ss-brief__copy h2{ padding-bottom: 14px; margin-bottom: 22px; border-bottom: 2px solid var(--sw-line); }
#page-sweepstakes-software .ss-brief__fig{ margin: 0; }
#page-sweepstakes-software .ss-brief__fig img{
  width: 100%; border-radius: 3px; border: 1px solid var(--sw-line); background: var(--sw-paper);
}

/* ══ STATS ══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-stats{
  background: var(--sw-ink); border-top: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
}
#page-sweepstakes-software .ss-stats > .ss-wrap > h2{ color: #ffffff; border-bottom-color: var(--sw-line-dark); }
#page-sweepstakes-software .ss-stats__row{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(154px,1fr));
  gap: 1px; background: var(--sw-line-dark); border: 1px solid var(--sw-line-dark);
}
#page-sweepstakes-software .ss-stats__row li{
  display: flex; flex-direction: column; gap: 6px; padding: 24px 20px; background: var(--sw-ink-2);
}
#page-sweepstakes-software .ss-stats__n{
  font-size: clamp(26px,2.4vw,34px); font-weight: 900; line-height: 1;
  color: var(--sw-disc-lit); font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software .ss-stats__l{ font-size: 16px; color: var(--sw-on-dark-2); }

/* ══ THE SIGNATURE UNIT — a struck-disc index entry ═════════════════════ */
#page-sweepstakes-software .ss-index{
  counter-reset: sw-i;
  display: grid; grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
  gap: 0 44px; border-top: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-index li{
  counter-increment: sw-i;
  display: grid; grid-template-columns: 44px 1fr; gap: 4px 14px;
  padding: 20px 0; border-bottom: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-index li::before{
  content: counter(sw-i,decimal-leading-zero);
  grid-row: span 2; align-self: start;
  display: grid; place-items: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--sw-ink); color: #ffffff;   /* rule 39A: owns its fg */
  font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software .ss-index h3{ margin: 0; font-size: 18px; padding-top: 4px; }
#page-sweepstakes-software .ss-index p{ margin: 0; grid-column: 2; }
#page-sweepstakes-software .ss-index--tight li{ padding: 16px 0; }
#page-sweepstakes-software .ss-why{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-keys{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-serv{ background: var(--sw-paper); }

/* ══ BANDS ══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-band,
#page-sweepstakes-software .ss-final{
  background: var(--sw-ink); border-top: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
}
#page-sweepstakes-software .ss-band__inner,
#page-sweepstakes-software .ss-final__inner{ max-width: 900px; text-align: center; }
#page-sweepstakes-software .ss-band h2,
#page-sweepstakes-software .ss-final h2{ color: #ffffff; border: 0; padding-bottom: 0; margin-bottom: .5em; }
#page-sweepstakes-software .ss-band p,
#page-sweepstakes-software .ss-final p{ color: var(--sw-on-dark); }

/* ══ GAMES + WALL ═══════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-games{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-sub{ margin: 26px 0 14px; font-size: 19px; }
#page-sweepstakes-software .ss-chips{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
#page-sweepstakes-software .ss-chips li{
  padding: 8px 15px; border: 1px solid var(--sw-line); border-radius: 2px;
  background: var(--sw-paper); color: var(--sw-text); font-size: 16px; font-weight: 600;
}
#page-sweepstakes-software .ss-tiles{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 18px; margin-top: 26px;
}
#page-sweepstakes-software .ss-tiles a{
  display: block; padding: 16px; background: var(--sw-paper);
  border: 1px solid var(--sw-line); border-radius: 3px;
  transition: border-color .16s ease, box-shadow .16s ease;
}
#page-sweepstakes-software .ss-tiles a:hover{ border-color: var(--sw-signal); box-shadow: 0 8px 22px rgba(20,20,43,.10); }
#page-sweepstakes-software .ss-tiles img{ width: 100%; border-radius: 2px; }
#page-sweepstakes-software .ss-tiles h3{ margin: 12px 0 0; font-size: 17px; }
#page-sweepstakes-software .ss-wall{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 1px; margin-top: 28px;
  background: var(--sw-line); border: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-wall li{
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 20px 14px; background: var(--sw-paper); transition: background-color .16s ease;
}
#page-sweepstakes-software .ss-wall li:hover{ background: #f2f2fb; }
#page-sweepstakes-software .ss-wall img{ height: 42px; width: auto; object-fit: contain; }
#page-sweepstakes-software .ss-wall h3{ margin: 0; font-size: 16px; font-weight: 600; text-align: center; }

/* ══ FOLIO ══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-folio{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-folio__set{ display: grid; gap: 30px; }
#page-sweepstakes-software .ss-folio__grp h3{
  margin: 0 0 14px; padding-bottom: 10px; display: inline-block;
  border-bottom: 2px solid var(--sw-signal); font-size: 18px;
}
#page-sweepstakes-software .ss-folio__grp ul{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(128px,1fr)); gap: 14px;
}
#page-sweepstakes-software .ss-folio__grp li{
  display: grid; place-items: center; min-height: 78px; padding: 12px;
  background: var(--sw-ground); border: 1px solid var(--sw-line); border-radius: 2px;
}
#page-sweepstakes-software .ss-folio__grp img{ max-height: 46px; width: auto; object-fit: contain; }

/* ══ SCREENSHOTS ════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-shots{ background: var(--sw-ink); border-top: 2px solid var(--sw-signal); }
#page-sweepstakes-software .ss-shots > .ss-wrap > h2{ color: #ffffff; border-bottom-color: var(--sw-line-dark); }
#page-sweepstakes-software .ss-shots__grid{
  display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; align-items: start;
}
#page-sweepstakes-software .ss-shots__grid li{
  border: 1px solid var(--sw-line-dark); border-radius: 3px; overflow: hidden;
  background: var(--sw-ink-2); transition: border-color .16s ease;
}
#page-sweepstakes-software .ss-shots__grid li:hover{ border-color: var(--sw-signal-lit); }
#page-sweepstakes-software .ss-shots__grid img{ width: 100%; }

/* ══ VARIANTS ═══════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-variants{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-variants__grid{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(132px,1fr)); gap: 16px;
}
#page-sweepstakes-software .ss-variants__grid li{
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 16px 10px; background: var(--sw-ground);
  border: 1px solid var(--sw-line); border-radius: 3px; transition: border-color .16s ease;
}
#page-sweepstakes-software .ss-variants__grid li:hover{ border-color: var(--sw-signal); }
#page-sweepstakes-software .ss-variants__grid img{ width: 74px; height: 74px; object-fit: contain; }
#page-sweepstakes-software .ss-variants__grid span{ font-size: 16px; font-weight: 600; text-align: center; color: var(--sw-text); }

/* ══ SPEC PLATES ════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-fut{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-explore{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-fut__set,
#page-sweepstakes-software .ss-explore__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); gap: 1px;
  background: var(--sw-line); border: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-fut__set article,
#page-sweepstakes-software .ss-explore__set article{ padding: 28px 26px; background: var(--sw-paper); }
#page-sweepstakes-software .ss-fut__set ul,
#page-sweepstakes-software .ss-explore__set ul,
#page-sweepstakes-software .ss-multi__set ul{ margin-top: 12px; display: grid; gap: 7px; }
#page-sweepstakes-software .ss-fut__set li,
#page-sweepstakes-software .ss-explore__set li,
#page-sweepstakes-software .ss-multi__set li{
  position: relative; padding-left: 22px; font-size: 16px; color: var(--sw-text-2);
}
#page-sweepstakes-software .ss-fut__set li::before,
#page-sweepstakes-software .ss-explore__set li::before,
#page-sweepstakes-software .ss-multi__set li::before{
  content: ""; position: absolute; left: 0; top: .42em; width: 12px; height: 6px;
  border-left: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
  transform: rotate(-45deg);
}

/* ══ MULTI-PLATFORM ═════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-multi{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-multi__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(310px,1fr)); gap: 22px;
}
#page-sweepstakes-software .ss-multi__set article{
  padding: 26px 24px; background: var(--sw-ground);
  border: 1px solid var(--sw-line); border-top: 2px solid var(--sw-signal); border-radius: 0 0 3px 3px;
}
#page-sweepstakes-software .ss-multi__set img{ width: 46px; height: 46px; margin-bottom: 14px; }

/* ══ OTHER SOLUTIONS ════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-other{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-other__grid{
  display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
  gap: clamp(30px,5vw,60px); align-items: center;
}
#page-sweepstakes-software .ss-other__list{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 0 24px;
  border-top: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-other__list li{ border-bottom: 1px solid var(--sw-line); }
#page-sweepstakes-software .ss-other__list a{
  display: block; padding: 13px 0 13px 20px; position: relative;
  font-size: 17px; font-weight: 600; color: var(--sw-text);
  transition: color .16s ease, padding-left .16s ease;
}
#page-sweepstakes-software .ss-other__list a::before{
  content: ""; position: absolute; left: 0; top: 1.25em; width: 12px; height: 6px;
  border-left: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
  transform: rotate(-45deg);
}
#page-sweepstakes-software .ss-other__list a:hover{ color: var(--sw-signal); padding-left: 26px; }
#page-sweepstakes-software .ss-other__fig{ margin: 0; }
#page-sweepstakes-software .ss-other__fig img{ width: 100%; border-radius: 3px; }

/* ══ PROCESS ════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-proc{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-proc__set{
  counter-reset: osp-s; display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  gap: 1px; background: var(--sw-line); border: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-proc__set > li{
  counter-increment: osp-s; padding: 26px 24px; background: var(--sw-paper);
}
#page-sweepstakes-software .ss-proc__set > li::before{
  content: "Stage " counter(osp-s,decimal-leading-zero);
  display: block; margin-bottom: 10px; font-size: 16px; font-weight: 800;
  letter-spacing: .06em; color: var(--sw-steel); font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software .ss-proc__set ul{ margin-top: 12px; display: grid; gap: 7px; }
#page-sweepstakes-software .ss-proc__set ul li{
  position: relative; padding-left: 22px; font-size: 16px; color: var(--sw-text-2);
}
#page-sweepstakes-software .ss-proc__set ul li::before{
  content: ""; position: absolute; left: 0; top: .42em; width: 12px; height: 6px;
  border-left: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
  transform: rotate(-45deg);
}

/* ══ STACK ══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-stack{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-stack__set{ margin: 0; border-top: 1px solid var(--sw-line); }
#page-sweepstakes-software .ss-stack__set > div{
  display: grid; grid-template-columns: minmax(180px,260px) 1fr; gap: 8px 24px;
  padding: 20px 0; border-bottom: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-stack__set dt{ font-size: 17px; font-weight: 800; color: var(--sw-text); }
#page-sweepstakes-software .ss-stack__set dd{ margin: 0; font-size: 17px; color: var(--sw-text-2); }

/* ══ CASES / MODELS ═════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-cases{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-cases__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 22px;
}
#page-sweepstakes-software .ss-cases__set li{
  display: flex; flex-direction: column; justify-content: space-between; gap: 16px;
  padding: 26px 24px; background: var(--sw-ground);
  border: 1px solid var(--sw-line); border-left: 2px solid var(--sw-signal); border-radius: 0 3px 3px 0;
}
#page-sweepstakes-software .ss-cases__set h3{ margin: 0; font-size: 18px; line-height: 1.4; }
#page-sweepstakes-software .ss-models{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-models__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 22px;
}
#page-sweepstakes-software .ss-models__set article{
  padding: 28px 26px; background: var(--sw-paper); border: 1px solid var(--sw-line); border-radius: 3px;
}
#page-sweepstakes-software .ss-models__set img{ width: 44px; height: 44px; margin-bottom: 14px; }

/* ══ GLOBAL ═════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-global{ background: var(--sw-ink); border-top: 2px solid var(--sw-signal); }
#page-sweepstakes-software .ss-global > .ss-wrap > h2{ color: #ffffff; border-bottom-color: var(--sw-line-dark); }
#page-sweepstakes-software .ss-global__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 14px;
}
#page-sweepstakes-software .ss-global__set li{
  display: flex; align-items: center; gap: 12px; padding: 13px 16px;
  background: var(--sw-ink-2); border: 1px solid var(--sw-line-dark); border-radius: 2px;
}
#page-sweepstakes-software .ss-global__set img{ width: 30px; height: auto; flex: none; border-radius: 2px; }
#page-sweepstakes-software .ss-global__set span{ font-size: 16px; font-weight: 600; color: var(--sw-on-dark); }

/* ══ HIRE / FAMILY ══════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-hire{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-hire__grid{
  display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr);
  gap: clamp(30px,5vw,58px); align-items: start;
}
#page-sweepstakes-software .ss-hire__grid h2{ padding-bottom: 14px; margin-bottom: 24px; border-bottom: 2px solid var(--sw-line); }
#page-sweepstakes-software .ss-hire__fig{ margin: 0; position: sticky; top: 24px; }
#page-sweepstakes-software .ss-hire__fig img{ width: 100%; border-radius: 3px; border: 1px solid var(--sw-line); }
#page-sweepstakes-software .ss-family{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-family__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); gap: 1px;
  background: var(--sw-line); border: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-family__set li{ padding: 26px 24px; background: var(--sw-paper); }
#page-sweepstakes-software .ss-family__set h3{
  margin-bottom: 10px; padding-bottom: 10px; display: inline-block; border-bottom: 2px solid var(--sw-signal);
}
#page-sweepstakes-software .ss-family__set p{ margin: 0; }

/* ══ DEMO ═══════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-demo{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-demo__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(272px,1fr)); gap: 22px;
}
#page-sweepstakes-software .ss-demo__card{
  display: flex; flex-direction: column; gap: 14px; padding: 28px 24px;
  background: var(--sw-ground); border: 1px solid var(--sw-line); border-radius: 3px;
}
#page-sweepstakes-software .ss-demo__card img{ width: 52px; height: 52px; }
#page-sweepstakes-software .ss-demo__card h3{ margin: 0; font-size: 19px; }
#page-sweepstakes-software .ss-demo__card dl{ margin: 0; flex: 1 1 auto; }
#page-sweepstakes-software .ss-demo__card dt{ font-size: 16px; font-weight: 600; color: var(--sw-text-2); }
#page-sweepstakes-software .ss-demo__card dd{
  margin: 0 0 12px; font-size: 16px; font-weight: 700; color: var(--sw-text);
  word-break: break-word; font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software .ss-demo__card dd:last-child{ margin-bottom: 0; }
#page-sweepstakes-software a.ss-demo__go{
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 11px 20px;
  border: 1.5px solid var(--sw-signal); border-radius: 2px;
  background: var(--sw-paper); color: var(--sw-signal);
  font-size: 16px; font-weight: 700; transition: background-color .16s ease, color .16s ease;
}
#page-sweepstakes-software a.ss-demo__go:hover,
#page-sweepstakes-software a.ss-demo__go:focus-visible{ background: var(--sw-signal); color: #ffffff; }

/* ══ TRUST / BLOG ═══════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-trust{ background: var(--sw-ground); }
#page-sweepstakes-software .ss-trust__col{ max-width: 960px; }
#page-sweepstakes-software .ss-trust__list{
  counter-reset: osp-t; display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: 10px 26px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--sw-line);
}
#page-sweepstakes-software .ss-trust__list li{
  counter-increment: osp-t; position: relative; padding-left: 34px;
  font-size: 17px; font-weight: 600; color: var(--sw-text);
}
#page-sweepstakes-software .ss-trust__list li::before{
  content: counter(osp-t,decimal-leading-zero); position: absolute; left: 0; top: 0;
  font-weight: 800; color: var(--sw-steel); font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software .ss-blog{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-blog__set{ border-top: 1px solid var(--sw-line); }
#page-sweepstakes-software .ss-blog__set li{ border-bottom: 1px solid var(--sw-line); }
#page-sweepstakes-software .ss-blog__set a{
  display: block; padding: 16px 0 16px 24px; position: relative;
  font-size: 17px; font-weight: 600; color: var(--sw-text);
  transition: color .16s ease, padding-left .16s ease;
}
#page-sweepstakes-software .ss-blog__set a::before{
  content: ""; position: absolute; left: 0; top: 1.5em; width: 13px; height: 7px;
  border-left: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
  transform: rotate(-45deg);
}
#page-sweepstakes-software .ss-blog__set a:hover{ color: var(--sw-signal); padding-left: 30px; }

/* ══ FAQ — Q1./Ans. ledger, one shared gutter ═══════════════════════════ */
#page-sweepstakes-software .ss-faq{ background: var(--sw-ground); --sw-faq-gutter: 68px; }
#page-sweepstakes-software .ss-faq__col{ max-width: 960px; }
#page-sweepstakes-software #ss-faqlist{ counter-reset: osp-faq; border-top: 1px solid var(--sw-line); }
#page-sweepstakes-software #ss-faqlist details{
  counter-increment: osp-faq; border-bottom: 1px solid var(--sw-line); background: var(--sw-paper);
}
#page-sweepstakes-software #ss-faqlist summary{
  display: grid; grid-template-columns: var(--sw-faq-gutter) 1fr auto; align-items: start;
  gap: 0 12px; padding: 22px 24px; cursor: pointer; list-style: none;
  transition: background-color .16s ease;
}
#page-sweepstakes-software #ss-faqlist summary::-webkit-details-marker{ display: none; }
#page-sweepstakes-software #ss-faqlist summary:hover{ background: #f2f2fb; }
#page-sweepstakes-software #ss-faqlist summary:focus-visible{ outline: 3px solid var(--sw-signal-lit); outline-offset: -3px; }
#page-sweepstakes-software #ss-faqlist summary::before{
  content: "Q" counter(osp-faq) "."; font-size: 17px; font-weight: 800; line-height: 1.45;
  color: var(--sw-signal); font-variant-numeric: tabular-nums;
}
#page-sweepstakes-software #ss-faqlist summary h3{ margin: 0; font-size: 18px; font-weight: 700; line-height: 1.45; }
#page-sweepstakes-software #ss-faqlist summary::after{
  content: ""; width: 14px; height: 14px; margin-top: 6px;
  border-right: 2px solid var(--sw-signal); border-bottom: 2px solid var(--sw-signal);
  transform: rotate(45deg); transition: transform .18s ease;
}
#page-sweepstakes-software #ss-faqlist details[open] summary::after{ transform: rotate(-135deg); margin-top: 11px; }
#page-sweepstakes-software .ss-faq__a{
  display: grid; grid-template-columns: var(--sw-faq-gutter) 1fr; gap: 0 12px; padding: 0 24px 24px;
}
#page-sweepstakes-software .ss-faq__a::before{
  content: "Ans."; font-size: 17px; font-weight: 800; line-height: 1.65; color: var(--sw-text-2);
}
#page-sweepstakes-software .ss-faq__a p{ margin: 0; }

/* ══ STORIES / AREAS ════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-stories{ background: var(--sw-paper); }
#page-sweepstakes-software .ss-stories h4{ margin-bottom: clamp(24px,3vw,38px); padding-bottom: 14px; border-bottom: 2px solid var(--sw-line); }
#page-sweepstakes-software .ss-stories__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 26px;
}
#page-sweepstakes-software .ss-stories__set li{ display: flex; flex-direction: column; gap: 18px; }
#page-sweepstakes-software button.ss-vid{
  position: relative; display: block; width: 100%; padding: 0;
  border: 1px solid var(--sw-line); border-radius: 3px; overflow: hidden;
  background: var(--sw-ink); color: #ffffff; cursor: pointer; transition: border-color .16s ease;
}
#page-sweepstakes-software button.ss-vid:hover{ border-color: var(--sw-signal); }
#page-sweepstakes-software button.ss-vid:focus-visible{ outline: 3px solid var(--sw-signal-lit); outline-offset: 3px; }
#page-sweepstakes-software button.ss-vid img{ width: 100%; }
#page-sweepstakes-software .ss-vid__play{
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: grid; place-items: center; width: 62px; height: 62px; padding-left: 5px;
  border-radius: 50%; background: rgba(67,56,202,.94); color: #ffffff; transition: background-color .16s ease;
}
#page-sweepstakes-software button.ss-vid:hover .ss-vid__play{ background: var(--sw-signal-lit); }
#page-sweepstakes-software .ss-story__frame{
  width: 100%; aspect-ratio: 16/10; border: 1px solid var(--sw-line); border-radius: 3px;
}
#page-sweepstakes-software .ss-stories blockquote{ margin: 0; padding-left: 20px; border-left: 2px solid var(--sw-signal); }
#page-sweepstakes-software .ss-stories blockquote p{ margin: 0; font-size: 17px; }
#page-sweepstakes-software .ss-stories__more{ margin-top: 30px; }
#page-sweepstakes-software .ss-areas{ background: var(--sw-ink); border-top: 2px solid var(--sw-signal); }
#page-sweepstakes-software .ss-areas > .ss-wrap > h2{ color: #ffffff; border-bottom-color: var(--sw-line-dark); }
#page-sweepstakes-software .ss-areas__set{
  display: grid; grid-template-columns: repeat(auto-fit,minmax(256px,1fr)); gap: 24px;
}
#page-sweepstakes-software .ss-areas__set li{
  padding: 24px 22px; background: var(--sw-ink-2);
  border: 1px solid var(--sw-line-dark); border-top: 2px solid var(--sw-signal); border-radius: 0 0 3px 3px;
}
#page-sweepstakes-software .ss-areas__set h3{
  margin-bottom: 14px; font-size: 17px; font-weight: 800; letter-spacing: .08em; color: var(--sw-on-dark-2);
}
#page-sweepstakes-software p.ss-areas__tel{ margin-bottom: 12px; }
#page-sweepstakes-software .ss-areas__tel a{ color: #ffffff; font-size: 18px; font-weight: 700; }
#page-sweepstakes-software .ss-areas__tel a:hover{ color: var(--sw-disc-lit); }
#page-sweepstakes-software .ss-areas address{ font-style: normal; font-size: 16px; line-height: 1.6; color: var(--sw-on-dark-2); }

/* ══ RESPONSIVE ═════════════════════════════════════════════════════════ */
@media (max-width: 1024px){
  #page-sweepstakes-software .ss-brief__grid,
  #page-sweepstakes-software .ss-other__grid,
  #page-sweepstakes-software .ss-hire__grid{ grid-template-columns: 1fr; }
  #page-sweepstakes-software .ss-hire__fig{ position: static; }
}
@media (max-width: 768px){
  #page-sweepstakes-software > section{ padding-block: clamp(44px,9vw,64px); }
  #page-sweepstakes-software .ss-wrap{ padding-inline: 18px; }
  #page-sweepstakes-software .ss-shots__grid{ grid-template-columns: 1fr; }
  #page-sweepstakes-software .ss-check{ grid-template-columns: 1fr; gap: 0; }
  #page-sweepstakes-software .ss-stack__set > div{ grid-template-columns: 1fr; }}
@media (max-width: 480px){
  #page-sweepstakes-software{ --sw-tick: 30px; }
  #page-sweepstakes-software .ss-faq{ --sw-faq-gutter: 54px; }
  #page-sweepstakes-software .ss-hero{ padding-inline: 18px; }
  #page-sweepstakes-software .ss-btn{ width: 100%; justify-content: center; }
  #page-sweepstakes-software .ss-hero__trust{ justify-content: flex-start; text-align: left; }
  #page-sweepstakes-software .ss-reg li{ grid-template-columns: 44px 1fr; }
  #page-sweepstakes-software #ss-faqlist summary{ padding: 18px 16px; gap: 0 8px; }
  #page-sweepstakes-software .ss-faq__a{ padding: 0 16px 20px; gap: 0 8px; }
  #page-sweepstakes-software .ss-variants__grid{ grid-template-columns: repeat(auto-fit,minmax(112px,1fr)); }}

/* Rule 26 — motion is only ever a finite response to hover/focus/click. */
@media (prefers-reduced-motion: reduce){
  #page-sweepstakes-software *,
  #page-sweepstakes-software *::before,
  #page-sweepstakes-software *::after{
    animation: none !important; transition-duration: 0.01ms !important;
  }
}

/* ── CTA modal — shared shell, identical on every CTA page ──────────────────
   Replicated from /case-study/dicemasters-backgammon-platform-case-study.
   Values were read off that page with design-clone's extract_design.py; do not
   re-tune them per page — the enquiry form must present the same on all URLs. */
#page-sweepstakes-software .ss-modal{
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
  background:rgba(20,13,7,.72);
}
#page-sweepstakes-software .ss-modal.is-open{display:flex;}
#page-sweepstakes-software .ss-modal__box{
  /* Pinned so the panel does not inherit each page's own type scale or ink —
     the enquiry shell must present identically on every URL. */
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:relative;
  width:100%;
  max-width:620px;
  margin:auto;
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7);
  /* hidden, not auto: this clips the embedded form's square-cornered white
     document to the panel radius, so all FOUR corners stay rounded. */
  overflow:hidden;
}
#page-sweepstakes-software .ss-modal__x{
  position:absolute;
  top:12px;right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid #ddd2ba;
  border-radius:50%;
  background:#fff;
  color:#1d1509;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-sweepstakes-software .ss-modal__x:hover{background:#2b1c12;color:#fbf6ec;}
#page-sweepstakes-software .ss-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}
@media (max-width:640px){
  /* Keep the radius on phones too — the panel is a card at every width. */
  #page-sweepstakes-software .ss-modal{padding: 100px 12px 12px 12px;}
  #page-sweepstakes-software .ss-modal__box{max-width:none;border-radius:14px;}
}


/* ══════════════════════════════════════════════════════════════════════════
   "AIS Technolabs Brings To You The Best iGaming Solutions" — game mosaic
   Rebuilt to the live reference (/online-sweepstakes-platform-provider).

   The six marks carry THREE aspect ratios (397x388 / 398x270 / 397x506). The
   previous grid forced them into one fixed box, so portrait and landscape
   marks were scaled to the same dimensions — letterboxed, ragged along the
   bottom edge. This is a 3-column MASONRY: the name is overlaid on the photo
   over a gradient scrim instead of captioned beneath it.

   The aspect-ratio is assigned per POSITION, not per image, chosen so all
   three columns total the same height and end flush: col1 388+388, col2
   270+506, col3 506+270 — 776 units each. Verified: the six games appear in
   the same DOM order on all five pages, so the per-position ratios transfer.
   object-fit:cover crops to the cell rather than distorting.
   ══════════════════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-tiles{
  display: block;                 /* override the base grid/flex */
  columns: 3;
  column-gap: 24px;
  margin: 26px 0 30px;
  grid-template-columns: none;
  gap: normal;
}
#page-sweepstakes-software .ss-tiles > li{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  background: none;
}
#page-sweepstakes-software .ss-tiles > li:nth-child(1){ aspect-ratio: 376 / 388; }
#page-sweepstakes-software .ss-tiles > li:nth-child(2){ aspect-ratio: 376 / 388; }
#page-sweepstakes-software .ss-tiles > li:nth-child(3){ aspect-ratio: 376 / 270; }
#page-sweepstakes-software .ss-tiles > li:nth-child(4){ aspect-ratio: 376 / 506; }
#page-sweepstakes-software .ss-tiles > li:nth-child(5){ aspect-ratio: 376 / 506; }
#page-sweepstakes-software .ss-tiles > li:nth-child(6){ aspect-ratio: 376 / 270; }
#page-sweepstakes-software .ss-tiles > li > a{
  position: relative;
  display: block;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #0d0d12;
  transition: transform .16s ease, box-shadow .16s ease;
}
#page-sweepstakes-software .ss-tiles > li > a::after{   /* scrim — the label owns its contrast */
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 58%;
  background: linear-gradient(180deg, rgba(8,8,12,0) 0%, rgba(8,8,12,.82) 78%, rgba(8,8,12,.92) 100%);
  pointer-events: none;
}
#page-sweepstakes-software .ss-tiles > li > a:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(8,8,12,.22);
}
#page-sweepstakes-software .ss-tiles > li > a:focus-visible{ outline: 3px solid currentColor; outline-offset: 3px; }
#page-sweepstakes-software .ss-tiles img{
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  display: block;
  border-radius: 0;
  object-fit: cover;              /* crop to the cell, never distort */
  object-position: center;
}
#page-sweepstakes-software .ss-tiles h3{
  position: absolute;
  left: 18px; right: 18px; bottom: 14px;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
  color: #ffffff;                 /* owns its foreground over the scrim */
  text-shadow: 0 1px 12px rgba(0,0,0,.55);
}
@media (max-width: 900px){ #page-sweepstakes-software .ss-tiles{ columns: 2; } }
@media (max-width: 560px){ #page-sweepstakes-software .ss-tiles{ columns: 1; } }

/* ── provider wall ─────────────────────────────────────────────────────────
   Same hairline-grid language as the reference, but with an explicit column
   count instead of auto-fit. There are exactly 18 marks; 18 divides by 6, 3
   and 2, so every row stays full at every breakpoint. The reference uses
   auto-fit + a gap-fill background, which leaves 3 empty cells in the last row
   painted in the line colour — a visible slab. The ring below is the technique
   three of these five pages already use to avoid exactly that. ─────────────*/
#page-sweepstakes-software .ss-wall{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  margin: 28px 0 30px;
  background: transparent;
  border: 0;
}
#page-sweepstakes-software .ss-wall li{
  box-shadow: 0 0 0 1px var(--sw-line);   /* ring, not a gap-fill: a short last
                                          row must never paint a slab */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 14px;
  margin: 0;
  border: 0;
  background: var(--sw-paper);
  text-align: center;
  transition: background-color .16s ease;
}
#page-sweepstakes-software .ss-wall li:hover{ background: #f2f2fb; }
#page-sweepstakes-software .ss-wall img{ height: 42px; max-height: 42px; width: auto; object-fit: contain; margin: 0; }
#page-sweepstakes-software .ss-wall h3{ margin: 0; font-size: 16px; font-weight: 600; text-align: center; }
@media (max-width: 1000px){ #page-sweepstakes-software .ss-wall{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px){ #page-sweepstakes-software .ss-wall{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }


/* ══════════════════════════════════════════════════════════════════════════
   INTRO — "Comprehensive Sweepstakes Software Solutions for Modern Businesses"

   The markup authors a two-column intro (.ss-intro__grid > .ss-intro__copy +
   .ss-intro__fig) but this stylesheet carried NO .ss-intro rule at all, so the
   grid never existed. Measured before: display:block, grid-template-columns:
   none. The copy ran the full 1172px measure, the figure fell BELOW it, and
   because the <img> still had its HTML width="720" attribute the picture sat
   left-aligned inside a 1092px figure with ~372px of dead space beside it —
   plus the 40px default <figure> margin nudging it out of the text's left edge.

   Restored to the pattern its sibling pages already use
   (custom-sweepstakes-software, bespoke-sweepstakes-software-development):
   an asymmetric 1.15 / .85 split, vertically centred, stacking below 1020px.
   width:100% lets the image fill its column instead of obeying the attribute;
   height:auto keeps its 1096x731 ratio (the 720x500 attributes are a 1.44
   ratio against the file's true 1.4993 — left as-is they would squash it).
   ══════════════════════════════════════════════════════════════════════════ */
#page-sweepstakes-software .ss-intro__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(32px, 5vw, 76px);
  align-items: center;
}
#page-sweepstakes-software .ss-intro__copy > :last-child{ margin-bottom: 0; }
#page-sweepstakes-software .ss-intro__fig{ margin: 0; }
#page-sweepstakes-software .ss-intro__fig img{
  display: block;
  width: 100%;
  height: auto;                    /* hold the source 1096x731 ratio */
  max-width: none;
  border-radius: 14px;
  border: 1px solid var(--sw-line);
  background: var(--sw-paper);
}
@media (max-width: 1020px){
  #page-sweepstakes-software .ss-intro__grid{ grid-template-columns: 1fr; }
  #page-sweepstakes-software .ss-intro__fig{ max-width: 620px; }
}