/* Spektrum content design: colour bands that shift on scroll, white sheets, prefix sp- */
.sp{
  --sp-band:#f3eefe;
  --sp-ink:#191529; --sp-mute:#5b5670; --sp-paper:#ffffff; --sp-violet:#7c31f6; --sp-violet-d:#4b16b8; --sp-line:#e6e1f0;
  --sp-good:#138a5e; --sp-good-l:#e7f6ef; --sp-bad:#c2384b; --sp-bad-l:#fbecee;
  --sp-disp:"Bricolage Grotesque",system-ui,sans-serif; --sp-text:"Onest",system-ui,sans-serif; --sp-mono:"DM Mono",ui-monospace,monospace;
  background:var(--sp-band);color:var(--sp-ink);font-family:var(--sp-text);
  transition:background-color .8s ease;padding-bottom:72px;overflow-x:clip
}
.sp *,.sp *::before,.sp *::after{box-sizing:border-box}
.sp-band{padding:72px 16px 8px;scroll-margin-top:40px}
.sp-in{max-width:980px;margin:0 auto}
.sp-idx{display:flex;align-items:center;gap:14px;margin-bottom:18px;font:500 12px var(--sp-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sp-mute)}
.sp-idx i{flex:1;height:1px;background:currentColor;opacity:.3}
.sp .sp-h2{font:300 clamp(32px,5vw,58px)/1.04 var(--sp-disp);font-size:clamp(32px,5vw,58px)!important;font-weight:300!important;line-height:1.04!important;margin:0 0 28px!important;letter-spacing:-.035em;max-width:18ch;text-wrap:balance;
  background:linear-gradient(90deg,var(--sp-ink) 0 50%,var(--sp-violet) 50% 100%);background-size:200% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.1s cubic-bezier(.3,.7,.2,1)}
.sp-band.seen .sp-h2{background-position:0 0}
.sp-sheet{background:var(--sp-paper);padding:34px 38px;box-shadow:0 1px 0 rgba(25,21,41,.05),0 30px 60px -30px rgba(60,30,120,.18)}

/* text */
.sp .sp-body,.sp .sp-body .content-text-block{font-family:var(--sp-text)}
.sp .sp-body .content-text-block{margin:0;padding:0;background:none;border:0;box-shadow:none}
.sp .sp-body p{font:400 17px/1.72 var(--sp-text);margin:0 0 16px;max-width:68ch;color:#2b2640}
.sp .sp-body p:last-child{margin-bottom:0}
.sp .sp-body a{color:var(--sp-violet-d);text-underline-offset:3px}
.sp .sp-body ul{margin:0 0 18px;padding:0;list-style:none;max-width:68ch}
.sp .sp-body ul li{padding:7px 0 7px 22px;position:relative;font:400 16.5px/1.6 var(--sp-text);color:#2b2640}
.sp .sp-body ul li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--sp-violet)}
.sp .sp-body .sp-sub{font:500 22px/1.25 var(--sp-disp);margin:32px 0 10px;letter-spacing:-.015em;color:var(--sp-ink)}
.sp .sp-body .sp-sub strong{font-weight:500}
.sp .sp-body .sp-lead{font:500 15px/1.5 var(--sp-text);color:var(--sp-violet-d);margin:18px 0 18px}
.sp .sp-body .sp-lead strong{font-weight:500}

/* steps grid */
.sp .sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 24px}
.sp .sp-body p.sp-step{margin:0;padding:22px 20px 24px;background:var(--sp-band);font-size:15px;line-height:1.6;max-width:none;position:relative;transition:transform .25s,background-color .8s}
.sp .sp-body p.sp-step:hover{transform:translateY(-4px)}
.sp .sp-body p.sp-step::before{content:attr(data-n);display:block;font:300 34px/1 var(--sp-disp);color:var(--sp-violet);margin-bottom:14px;letter-spacing:-.03em}
.sp .sp-body p.sp-step strong:first-child{display:block;font:500 17px/1.3 var(--sp-disp);margin-bottom:8px;color:var(--sp-ink)}

/* tables: override the inline Strapi table styles */
.sp .sp-body .content-text-block [class*="casino-table"],.sp .sp-body .sp-tbl{margin:4px 0 18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important}
.sp .sp-body .content-text-block [class*="casino-table"] table,.sp .sp-body table{display:table!important;width:100%!important;min-width:520px;border-collapse:collapse!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;font:400 15.5px/1.45 var(--sp-text)!important}
.sp .sp-body .content-text-block [class*="casino-table"] thead{display:table-header-group!important;background:transparent!important}
.sp .sp-body .content-text-block [class*="casino-table"] tbody{display:table-row-group!important}
.sp .sp-body .content-text-block [class*="casino-table"] tr{display:table-row!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background .15s}
.sp .sp-body .content-text-block [class*="casino-table"] tbody tr:hover{background:var(--sp-band)!important}
.sp .sp-body .content-text-block [class*="casino-table"] th{display:table-cell!important;font:500 12px/1.4 var(--sp-text)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;color:var(--sp-violet-d)!important;background:transparent!important;padding:0 16px 12px!important;border:0!important;vertical-align:bottom}
.sp .sp-body .content-text-block [class*="casino-table"] td,.sp .sp-body .content-text-block [class*="casino-table"] tbody td:first-child,.sp .sp-body .content-text-block [class*="casino-table"] tbody tr:first-child td{display:table-cell!important;padding:14px 16px!important;border:0!important;border-top:1px solid var(--sp-line)!important;background:transparent!important;color:var(--sp-ink)!important;font:400 15.5px/1.45 var(--sp-text)!important;text-align:left!important;vertical-align:top!important;width:auto}
.sp .sp-body .content-text-block [class*="casino-table"] td[data-label]::before,.sp .sp-body .content-text-block [class*="casino-table"] td::before{content:none!important;display:none!important}
.sp .sp-body .sp-brands td:first-child{font:500 17px/1.3 var(--sp-disp)!important;white-space:nowrap}
.sp .sp-body .sp-spec td:first-child{color:var(--sp-mute)!important;width:48%!important}
.sp .sp-body .sp-spec td:last-child{font-weight:600!important}
.sp .sp-body .sp-spec tbody tr:first-child td{border-top:0!important}
.sp .sp-body .sp-vs td:first-child{background:linear-gradient(90deg,rgba(124,49,246,.06),transparent)!important}
.sp .sp-body .sp-pay td:last-child{white-space:nowrap;font-weight:600!important;font-variant-numeric:tabular-nums}
.sp-spd{display:flex;align-items:center;gap:12px}
.sp-dots{display:flex;gap:3px}
.sp-dots i{width:9px;height:9px;border-radius:50%;background:var(--sp-line)}
.sp-dots i.f{background:var(--sp-violet)}
.sp-spd b{font:500 14px var(--sp-text);white-space:nowrap}

/* pros and cons */
.sp .sp-body .sp-pc{overflow:visible!important}
.sp .sp-pcg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sp .sp-pcg>div{padding:22px 22px 10px;background:var(--sp-band);transition:background-color .8s}
.sp .sp-pcg h4{margin:0 0 6px;font:500 20px/1.25 var(--sp-disp);display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.sp .sp-pcg h4 span{font:400 13px var(--sp-mono);color:var(--sp-mute)}
.sp .sp-pcg .p h4{color:var(--sp-good)}.sp .sp-pcg .n h4{color:var(--sp-bad)}
.sp .sp-body .sp-pcg ul{margin:0;padding:0;max-width:none}
.sp .sp-body .sp-pcg li{padding:10px 0;border-top:1px solid rgba(25,21,41,.08);font:400 15.5px/1.45 var(--sp-text);display:flex;gap:10px}
.sp .sp-body .sp-pcg li::before{display:none}
.sp .sp-pcg li i{font-style:normal;font:700 14px var(--sp-text)}
.sp .sp-pcg .p li i{color:var(--sp-good)}.sp .sp-pcg .n li i{color:var(--sp-bad)}

/* two options list */
.sp .sp-body ul.sp-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:none}
.sp .sp-body ul.sp-opts li{background:var(--sp-band);padding:22px;transition:background-color .8s}
.sp .sp-body ul.sp-opts li::before{display:none}
.sp .sp-body ul.sp-opts li strong{display:block;font:500 18px/1.3 var(--sp-disp);margin-bottom:8px;color:var(--sp-ink)}

/* verdict */
.sp .sp-verdict p{font:300 clamp(20px,2.4vw,26px)/1.5 var(--sp-disp);letter-spacing:-.01em;color:var(--sp-ink);max-width:44ch}

/* faq */
.sp .sp-body .faq,.sp .sp-body .faq details{background:transparent;border:0;box-shadow:none;border-radius:0;margin:0;padding:0}
.sp .sp-body details{border-top:1px solid var(--sp-line)!important}
.sp .sp-body details:last-child{border-bottom:1px solid var(--sp-line)!important}
.sp .sp-body summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:500 19px/1.3 var(--sp-disp);letter-spacing:-.01em;color:var(--sp-ink);background:transparent}
.sp .sp-body summary::-webkit-details-marker{display:none}
.sp .sp-body summary::marker{content:""}
.sp .sp-body summary::after{content:"+";flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--sp-band);color:var(--sp-violet-d);font:300 24px/1 var(--sp-disp);transition:transform .3s,background-color .8s}
.sp .sp-body details[open] summary::after{transform:rotate(135deg)}
.sp .sp-body summary:focus-visible{outline:2px solid var(--sp-violet);outline-offset:2px}
.sp .sp-body .answer,.sp .sp-body details>div{padding:0;background:transparent;border:0}
.sp .sp-body .answer p,.sp .sp-body details p{margin:0 0 20px;color:var(--sp-mute)}

/* about page blocks */
.sp-hero{padding:72px 16px 30px}
.sp-hero h1{font:300 clamp(56px,11vw,140px)/.88 var(--sp-disp);letter-spacing:-.06em;margin:0 0 30px;color:var(--sp-ink)}
.sp-hero h1 span{font-weight:700;color:var(--sp-violet)}
.sp-hero .sp-intro,.sp-hero .sp-intro p{font:300 clamp(19px,2.2vw,24px)/1.5 var(--sp-disp);margin:0;max-width:40ch;letter-spacing:-.01em;color:var(--sp-ink)}
.sp .sp-body .sp-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sp .sp-body .sp-trio>div{background:var(--sp-band);padding:26px 24px 28px;transition:background-color .8s}
.sp .sp-body .sp-trio h3{font:500 20px/1.25 var(--sp-disp);margin:0 0 8px;letter-spacing:-.01em;color:var(--sp-ink)}
.sp .sp-body .sp-trio h3::before{content:"";display:block;width:30px;height:30px;margin-bottom:14px;background:var(--sp-violet);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.sp .sp-body .sp-trio>div:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E")}
.sp .sp-body .sp-trio>div:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M12 3l2.5 5 5.5.8-4 3.9.9 5.5L12 15.6 7.1 18.2 8 12.7 4 8.8 9.5 8z'/%3E%3C/svg%3E")}
.sp .sp-body .sp-trio>div:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
.sp .sp-body .sp-trio p{font-size:15px;line-height:1.6;color:var(--sp-mute);margin:0}
.sp .sp-body .sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.sp .sp-body .sp-stats>div{padding:24px 20px;background:var(--sp-band);transition:background-color .8s}
.sp .sp-body .sp-stats b{display:block;font:300 clamp(26px,3vw,40px)/1 var(--sp-disp);letter-spacing:-.04em;color:var(--sp-violet-d);font-variant-numeric:tabular-nums;white-space:nowrap}
.sp .sp-body .sp-stats span{display:block;margin-top:12px;font:400 14px/1.45 var(--sp-text);color:var(--sp-mute)}
.sp .sp-body .sp-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sp .sp-body .sp-motto{margin:0;font:300 italic clamp(26px,4vw,44px)/1.2 var(--sp-disp);letter-spacing:-.02em;max-width:22ch;color:var(--sp-ink)}
.sp .sp-body .sp-motto small{display:block;margin-top:14px;font:500 12px var(--sp-mono);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--sp-mute)}
.sp .sp-body .sp-crit{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.sp .sp-body .sp-crit>div{padding:14px 0;border-top:1px solid var(--sp-line)}
.sp .sp-body .sp-crit b{display:block;font:500 17px/1.3 var(--sp-disp);margin-bottom:4px}
.sp .sp-body .sp-crit span{font:400 14.5px/1.5 var(--sp-text);color:var(--sp-mute)}
.sp .sp-body .sp-hours>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--sp-line);font:500 17px var(--sp-text);font-variant-numeric:tabular-nums}
.sp .sp-body .sp-hours>div span:last-child{white-space:nowrap}
.sp-open{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 14px;background:var(--sp-good-l);color:var(--sp-good);font:500 13px var(--sp-text)}
.sp-open:empty{display:none}
.sp-open i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:spPulse 1.8s infinite}
.sp-open.closed{background:var(--sp-bad-l);color:var(--sp-bad)}
@keyframes spPulse{50%{opacity:.3}}
.sp .sp-body .sp-contact{font-size:17px;line-height:1.8}
.sp .sp-body .sp-resp{font-size:13px;line-height:1.6;color:var(--sp-mute)}

.sp .sp-body p.sp-step,.sp .sp-body .sp-steps p{margin:0!important}
.sp .sp-body .sp-sub{margin:32px 0 10px!important;line-height:1.25!important}
.sp .sp-body .sp-lead{margin:18px 0 18px!important}
.sp .sp-pcg h4{line-height:1.25!important;margin:0 0 6px!important}
.sp .sp-body .sp-trio h3{font-size:20px!important;margin:0 0 8px!important;line-height:1.25!important;font-weight:500!important}
.sp .sp-body .sp-motto{margin:0!important}
.sp-hero h1{font-size:clamp(56px,11vw,140px)!important;line-height:.88!important;margin:0 0 30px!important;font-weight:300}

@media (max-width:640px){
  .sp .sp-body .content-text-block [class*="casino-table"] table{min-width:0!important}
  .sp .sp-body .content-text-block [class*="casino-table"] thead{display:none!important}
  .sp .sp-body .content-text-block [class*="casino-table"] tbody{display:block!important}
  .sp .sp-body .content-text-block [class*="casino-table"] tr{display:block!important;padding:14px 0!important;border-top:1px solid var(--sp-line)!important}
  .sp .sp-body .content-text-block [class*="casino-table"] tbody tr:first-child{border-top:0!important}
  .sp .sp-body .content-text-block [class*="casino-table"] td,.sp .sp-body .content-text-block [class*="casino-table"] tbody td:first-child,.sp .sp-body .content-text-block [class*="casino-table"] tbody tr:first-child td{display:block!important;width:100%!important;padding:3px 0!important;border:0!important;white-space:normal!important}
  .sp .sp-body .content-text-block [class*="casino-table"] td:first-child{font:500 17px/1.3 var(--sp-disp)!important;margin-bottom:4px}
  .sp .sp-body .sp-spec td:first-child{font:400 14px/1.4 var(--sp-text)!important;color:var(--sp-mute)!important;width:100%!important}
  .sp .sp-body .sp-vs td[data-label]::before,.sp .sp-body .sp-pay td[data-label]::before{content:attr(data-label)!important;display:block!important;font:500 11px/1.4 var(--sp-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-violet-d);margin:6px 0 2px}
  .sp .sp-body .sp-vs td:first-child[data-label]::before{margin-top:0}
  .sp .sp-body .sp-pay td:first-child[data-label]::before{display:none!important}
  .sp .sp-body .sp-brands td:first-child{white-space:normal!important}
}

@media (max-width:760px){
  .sp-band{padding:44px 16px 4px}
  .sp-sheet{padding:22px 18px}
  .sp .sp-h2{font-size:32px!important;margin-bottom:18px!important}
  .sp .sp-body p{font-size:16px}
  .sp .sp-steps{grid-template-columns:1fr 1fr;gap:10px}
  .sp .sp-pcg,.sp .sp-body ul.sp-opts,.sp .sp-body .sp-trio,.sp .sp-body .sp-split,.sp .sp-body .sp-crit{grid-template-columns:1fr}
  .sp .sp-body .sp-split{gap:24px}
  .sp .sp-body .sp-stats{grid-template-columns:1fr 1fr;gap:10px}
  .sp .sp-body summary{font-size:17px}
  .sp-hero{padding:40px 16px 14px}
  .sp-hero h1{margin-bottom:20px}
}
@media (max-width:460px){
  .sp .sp-steps{grid-template-columns:1fr}
  .sp .sp-body .sp-stats b{font-size:26px}
}
.sp .sp-body .content-text-block .sp-spec tbody tr td:last-child,.sp .sp-body .content-text-block .sp-pay tbody tr td:last-child{font-weight:600!important}
.sp .sp-body .content-text-block .sp-brands tbody tr td:first-child{font:500 17px/1.3 var(--sp-disp)!important}
@media (max-width:640px){
  .sp .sp-body .content-text-block [class*="casino-table"] tbody tr td:first-child{font:500 17px/1.3 var(--sp-disp)!important}
  .sp .sp-body .content-text-block .sp-spec tbody tr td:first-child{font:400 14px/1.4 var(--sp-text)!important;color:var(--sp-mute)!important}
  .sp .sp-body .content-text-block .sp-vs tbody tr td:last-child{font:400 15.5px/1.45 var(--sp-text)!important}
  .sp .sp-body .content-text-block .sp-vs td[data-label]::before,.sp .sp-body .content-text-block .sp-pay td[data-label]::before{content:attr(data-label)!important;display:block!important;font:500 11px/1.4 var(--sp-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-violet-d);margin:8px 0 2px}
  .sp .sp-body .content-text-block .sp-vs td:first-child[data-label]::before{margin-top:0}
  .sp .sp-body .content-text-block .sp-pay td:first-child[data-label]::before{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .sp,.sp *{transition:none!important;animation:none!important}
  .sp .sp-h2{background-position:0 0}
}