/* latin-ext */
@font-face {
  font-family: 'Lilita One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/sc5-691403978a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lilita One';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/sc5-2d81a5052a.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/sc5-7449976040.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url(/fonts/sc5-ebadd8b710.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/sc5-7449976040.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/sc5-ebadd8b710.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/sc5-7449976040.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/sc5-ebadd8b710.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/fonts/sc5-7449976040.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: optional;
  src: url(/fonts/sc5-ebadd8b710.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============ TOKENS ============ */
:root{
  --bg:#060819; --surface:#0A0D26; --surface-2:#12163D; --raised:#191E47; --line:#202656;
  --text:#FFFFFF; --text-muted:#A3A7D1;
  --brand:#257BFD; --accent:#4E93FC; --accent-deep:#024EBF;
  --cta-from:#0064FA; --cta-to:#024EBF; --cta-text:#FFFFFF;
  --slots:#17FC89; --live:#FC8251; --sports:#29A8FD; --vip:#FFCE55; --streak:#FF9305;
  --gem-red:#FF5C67; --gem-pink:#FF7BD5; --gem-purple:#B892FF;
  --paper:#F4F5FC; --paper-line:#DCDFF2; --ink:#10143A; --ink-muted:#4B5080;
  --font-head:'Lilita One','Outfit',system-ui,sans-serif;
  --font-body:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1120px; --gutter:clamp(16px,4vw,28px);
  --radius:4px; --radius-sm:3px;
  --sp-1:.75rem; --sp-2:1.25rem; --sp-3:2rem;
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:var(--font-body); font-size:1.0625rem; line-height:1.6;
  color:var(--text); background-color:var(--bg); overflow-x:hidden;
  background-image:radial-gradient(circle,rgba(163,167,209,.13) 1.6px,transparent 1.7px);
  background-size:3px 26px; background-position:50% 0; background-repeat:repeat-y;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%}
main{display:block;min-width:0}
p,li,dd,td,summary{overflow-wrap:anywhere}
:where(main ul){list-style:disc;padding-inline-start:1.25em}
:where(main ol){list-style:decimal;padding-inline-start:1.25em}
:focus-visible{outline:2px solid var(--vip);outline-offset:2px}
.sc5-header :focus-visible,.sc5-footer :focus-visible{outline-color:var(--accent-deep)}
.sc5-skip{position:absolute;left:-999px;top:0;z-index:2000;background:var(--paper);color:var(--ink);font-weight:800;font-size:.85rem;padding:.7rem 1.1rem;border-radius:0 0 var(--radius) 0;text-decoration:none}
.sc5-skip:focus{left:0}
.sc5-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.sc5-section{padding-block:clamp(3.25rem,7vw,4.75rem)}
.sc5-section--alt{background:rgba(18,22,61,.55);border-block:1px solid var(--line)}
.sc5-section h2{font-family:var(--font-head);font-weight:400;font-size:clamp(1.65rem,3.4vw,2.2rem);line-height:1.12;text-wrap:balance}
.sc5-section h3{font-size:1.12rem;font-weight:800;letter-spacing:.01em}
.sc5-section p{color:var(--text-muted)}
.sc5-section p + p{margin-block-start:.9em}
.sc5-section strong{color:var(--text);font-weight:800}
.sc5-head{display:flex;flex-direction:column;gap:.7rem;margin-block-end:var(--sp-3)}
.sc5-head__lead{color:var(--text-muted);font-size:1.02rem}
.sc5-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.sc5-eyebrow::before{content:"";width:1.4rem;height:2px;background:var(--vip);border-radius:1px}
.sc5-link{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sc5-link:hover{color:var(--vip)}
.sc5-big{font-family:var(--font-head);color:var(--vip);font-size:1.4rem;line-height:1.1}

/* ============ BUTTONS ============ */
.sc5-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--font-body);font-size:.92rem;font-weight:900;line-height:1.1;letter-spacing:.07em;text-transform:uppercase;text-align:center;text-decoration:none;padding:.95em 1.7em;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.sc5-btn--primary{color:var(--cta-text);background:linear-gradient(135deg,var(--cta-from),var(--cta-to));box-shadow:0 12px 28px -8px rgba(0,74,214,.55)}
.sc5-btn--primary:hover{filter:brightness(1.08);transform:translateY(-2px)}
.sc5-btn--ghost{color:var(--text);background:linear-gradient(135deg,var(--raised),var(--bg));box-shadow:inset 0 0 0 2px var(--line)}
.sc5-btn--ghost:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--accent)}
.sc5-btn--lg{font-size:1.02rem;padding:1.05em 2em}
.sc5-btn:active{transform:translateY(0)}

/* ============ HEADER (light paper bar — dark-tone logo) ============ */
.sc5-header{position:sticky;top:0;z-index:1000;background:var(--paper);border-block-end:1px solid var(--paper-line)}
.sc5-header__bar{display:flex;align-items:center;gap:var(--sp-1);max-width:var(--wrap);margin-inline:auto;padding:.8rem var(--gutter);min-height:68px}
.sc5-header__bar > *{min-width:0}
.sc5-logo{display:inline-flex;align-items:center;min-width:0;text-decoration:none}
.sc5-logo__img{display:block;height:40px;width:auto;max-width:100%;object-fit:contain}
.sc5-nav{margin-inline-start:auto}
.sc5-nav ul{display:flex;align-items:center;gap:clamp(.9rem,1.8vw,1.5rem)}
.sc5-nav a:not(.sc5-btn){display:inline-block;color:var(--ink);font-weight:600;font-size:.95rem;text-decoration:none;padding:.45rem .05rem;border-block-end:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.sc5-nav a:not(.sc5-btn):hover,.sc5-nav a:not(.sc5-btn):focus-visible{color:var(--accent-deep);border-block-end-color:var(--brand)}
.sc5-header__cta{flex-shrink:0;font-size:.8rem;padding:.85em 1.35em}
.sc5-nav > .sc5-btn{display:none} /* desktop: hide nav copy */
.sc5-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;border:1px solid var(--paper-line);border-radius:var(--radius-sm);cursor:pointer}
.sc5-burger span{display:block;width:22px;height:2px;border-radius:1px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}
@media (max-width:959px){
  .sc5-header__cta{display:none}
  .sc5-nav > .sc5-btn{display:block;width:100%}
  .sc5-nav{display:none;margin-inline-start:0}
  .sc5-burger{display:flex;margin-inline-start:auto}
  .sc5-logo__img{height:36px;max-width:min(42vw,150px)}
  .sc5-header.is-open .sc5-nav{display:flex;position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:.85rem;background:var(--paper);border-block-end:1px solid var(--paper-line);box-shadow:0 26px 44px -20px rgba(8,10,30,.4);padding:1.1rem var(--gutter) 1.5rem}
  .sc5-header.is-open .sc5-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .sc5-header.is-open .sc5-nav a:not(.sc5-btn){display:block;padding:.9rem .1rem;border-block-end:1px solid var(--paper-line);font-size:1rem}
  .sc5-header.is-open .sc5-nav > .sc5-btn{margin-top:.35rem}
  .sc5-header.is-open .sc5-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sc5-header.is-open .sc5-burger span:nth-child(2){opacity:0}
  .sc5-header.is-open .sc5-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ============ ICONS ============ */
.sc5-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor}

/* ============ HERO ============ */
.sc5-hero{position:relative}
.sc5-hero__img{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.sc5-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.1rem;width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.sc5-hero__sub{font-size:1.05rem;color:var(--text-muted);max-width:34rem}
.sc5-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}
.sc5-hero--home .sc5-eyebrow{color:var(--vip)}
.sc5-hero--home{display:flex;align-items:center;min-height:clamp(420px,60vh,620px);overflow:hidden;background:radial-gradient(60% 85% at 78% 28%,rgba(37,123,253,.3),transparent 62%),linear-gradient(160deg,#0A0D26,#060819 72%)}
.sc5-hero--home::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,8,25,.95) 0%,rgba(6,8,25,.86) 42%,rgba(6,8,25,.55) 66%,rgba(6,8,25,.22) 100%)}
.sc5-hero--home .sc5-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0;z-index:0}
.sc5-hero--home .sc5-hero__inner{padding-block:clamp(3.5rem,9vw,5.5rem)}
.sc5-hero--home h1{font-family:var(--font-head);font-weight:400;font-size:clamp(2.125rem,5.2vw,3.25rem);line-height:1.06;letter-spacing:.005em;color:#FFFFFF;text-wrap:balance;max-width:21ch}
.sc5-hero--home .sc5-hero__sub{color:#F0F2FE;max-width:30rem}
.sc5-hero--inner{position:relative;display:flex;align-items:center;min-height:168px;padding-block:2.4rem;border-block-end:1px solid var(--line);background:radial-gradient(58% 95% at 86% 12%,rgba(37,123,253,.18),transparent 62%),var(--surface-2)}
.sc5-hero--inner .sc5-hero__inner{padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)))}
.sc5-hero--inner h1{font-family:var(--font-head);font-weight:400;font-size:clamp(1.75rem,3.6vw,2.4rem);line-height:1.12;color:var(--text);text-wrap:balance}
.sc5-hero--inner .sc5-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;border-radius:0;z-index:0}
.sc5-hero--inner .sc5-hero__inner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,8,25,.9) 0%,rgba(6,8,25,.74) 55%,rgba(6,8,25,.52) 100%)}
:where(.sc5-hero--inner .sc5-hero__inner > :not(.sc5-hero__img)){position:relative;z-index:2}

/* ============ PAGE-HEADER / BREADCRUMB ============ */
.sc5-page-header{padding-block:clamp(2.2rem,5vw,3.2rem);border-block-end:1px solid var(--line)}
.sc5-page-header__inner{display:flex;flex-direction:column;gap:.8rem}
.sc5-page-header h1{font-family:var(--font-head);font-weight:400;font-size:clamp(1.8rem,3.8vw,2.5rem);line-height:1.1;text-wrap:balance}
.sc5-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:center;font-size:.84rem;color:var(--text-muted)}
.sc5-breadcrumb li{display:flex;align-items:center;gap:.55rem}
.sc5-breadcrumb li + li::before{content:"›";color:var(--accent);font-weight:800}
.sc5-breadcrumb a{color:var(--accent);text-decoration:none;font-weight:600}
.sc5-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}

/* ============ SIDEBAR LAYOUT ============ */
.sc5-layout{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.sc5-layout__main{min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.sc5-layout__aside{min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.sc5-layout__aside .sc5-btn{width:100%}
@media (min-width:960px){
  .sc5-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:clamp(1.75rem,3vw,2.6rem);align-items:start}
  .sc5-layout__aside{position:sticky;top:92px}
}

/* ============ OVERVIEW / TWO-COLS / PANELS ============ */
.sc5-overview{display:flex;flex-direction:column;gap:.95rem}
.sc5-overview__lead{font-size:1.12rem;color:var(--text)}
.sc5-two{display:grid;gap:var(--sp-3)}
.sc5-two > *{min-width:0}
@media (min-width:860px){.sc5-two{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start}}
.sc5-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:0 10px 26px rgba(3,5,18,.35)}
.sc5-panel > * + *{margin-block-start:.9rem}
.sc5-panel__title{font-size:1.05rem;font-weight:800;color:var(--text)}
.sc5-quick-facts{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:0 10px 26px rgba(3,5,18,.35)}
.sc5-quick-facts > * + *{margin-block-start:.9rem}
.sc5-quick-facts__title{font-size:1.05rem;font-weight:800;color:var(--text)}
.sc5-facts__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-block-end:1px solid var(--line)}
.sc5-facts__row:last-child{border-block-end:0}
.sc5-facts dt{color:var(--text-muted);font-size:.88rem}
.sc5-facts dd{margin:0;color:var(--text);font-weight:800;font-size:.92rem;text-align:end}
.sc5-checklist{display:flex;flex-direction:column;gap:.7rem}
.sc5-checklist li{display:flex;gap:.65rem;align-items:flex-start;color:var(--text-muted);font-size:.95rem}
.sc5-checklist .sc5-icon{color:var(--slots);margin-top:.15em}
.sc5-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.sc5-mini{background:var(--raised);border-radius:var(--radius);padding:.85rem .6rem;text-align:center;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.sc5-mini__value{font-family:var(--font-head);font-size:1.35rem;color:var(--vip);line-height:1.1}
.sc5-mini__label{font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-block-start:.2rem}
.sc5-score{display:flex;align-items:center;gap:.9rem}
.sc5-score__value{font-family:var(--font-head);font-size:2.4rem;line-height:1;color:var(--vip)}
.sc5-score__label{font-size:.8rem;color:var(--text-muted)}

/* ============ FEATURE-ROWS (icon-rows) ============ */
.sc5-features{display:flex;flex-direction:column}
.sc5-feature{display:flex;gap:1.1rem;align-items:flex-start;padding-block:1.35rem;border-block-end:1px solid var(--line)}
.sc5-feature:first-child{padding-block-start:.2rem}
.sc5-feature:last-child{border-block-end:0;padding-block-end:.2rem}
.sc5-feature__icon{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius);color:var(--accent)}
.sc5-feature__icon .sc5-icon{width:1.55em;height:1.55em}
.sc5-feature__icon--slots{color:var(--slots)}
.sc5-feature__icon--live{color:var(--live)}
.sc5-feature__icon--sports{color:var(--sports)}
.sc5-feature__icon--vip{color:var(--vip)}
.sc5-feature__body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
@media (max-width:479px){.sc5-feature{gap:.8rem}.sc5-feature__icon{width:42px;height:42px}}

/* ============ CARDS / GRIDS ============ */
.sc5-cards{display:grid;gap:clamp(.9rem,2vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.sc5-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;min-width:0}
.sc5-card--slots{border-block-start:3px solid var(--slots)}
.sc5-card--live{border-block-start:3px solid var(--live)}
.sc5-card--sports{border-block-start:3px solid var(--sports)}
.sc5-card--vip{border-block-start:3px solid var(--vip)}
.sc5-card--streak{border-block-start:3px solid var(--streak)}
.sc5-card p{font-size:.95rem}

/* ============ PACKS (home hero cards) ============ */
.sc5-packs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:.6rem}
@media (min-width:900px){.sc5-packs{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible}}
.sc5-pack{scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.65rem;min-width:0}
.sc5-pack--slots{border-block-start:3px solid var(--slots)}
.sc5-pack--live{border-block-start:3px solid var(--live)}
.sc5-pack--sports{border-block-start:3px solid var(--sports)}
.sc5-pack__title{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.sc5-pack--slots .sc5-pack__title{color:var(--slots)}
.sc5-pack--live .sc5-pack__title{color:var(--live)}
.sc5-pack--sports .sc5-pack__title{color:var(--sports)}
.sc5-pack__value{font-family:var(--font-head);font-size:1.45rem;color:var(--vip);line-height:1.1}

/* ============ GEM LADDER (signature) ============ */
.sc5-gems{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;padding-block-start:.4rem}
.sc5-gems::before{content:"";position:absolute;top:calc(.4rem + 7px);inset-inline:10%;border-block-start:2px dotted rgba(163,167,209,.4)}
.sc5-gem{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;min-width:0}
.sc5-gem::before{content:"";width:15px;height:15px;transform:rotate(45deg);border-radius:2px;background:var(--gem);box-shadow:0 0 12px rgba(163,167,209,.35)}
.sc5-gem--1{--gem:var(--gem-red)}
.sc5-gem--2{--gem:var(--brand)}
.sc5-gem--3{--gem:var(--slots)}
.sc5-gem--4{--gem:var(--gem-pink)}
.sc5-gem--5{--gem:var(--gem-purple)}
.sc5-gem__step{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.sc5-gem__value{font-family:var(--font-head);font-size:1.05rem;color:var(--text)}
@media (max-width:639px){
  .sc5-gems{grid-template-columns:1fr}
  .sc5-gems::before{display:none}
  .sc5-gem{flex-direction:row;align-items:center;text-align:start}
}

/* ============ NUMBERED LIST ============ */
.sc5-steps{counter-reset:sc5step;display:flex;flex-direction:column;gap:1.15rem}
.sc5-steps > li{counter-increment:sc5step;position:relative;padding-inline-start:3.4rem;color:var(--text-muted);min-height:2.3rem}
.sc5-steps > li::before{content:counter(sc5step);position:absolute;inset-inline-start:0;top:0;width:2.3rem;height:2.3rem;display:grid;place-items:center;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--radius);font-family:var(--font-head);font-size:1.1rem;color:var(--vip)}
.sc5-steps > li strong{color:var(--text)}
.sc5-steps > li p{margin-block-start:.15rem}

/* ============ STATS (strip) ============ */
.sc5-stats{display:flex;flex-wrap:wrap}
.sc5-stat{flex:1 1 190px;min-width:0;padding:1.05rem 1.5rem;border-inline-start:1px solid var(--line)}
.sc5-stat:first-child{border-inline-start:0;padding-inline-start:.2rem}
.sc5-stat__value{font-family:var(--font-head);font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.05;color:var(--vip)}
.sc5-stat__label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-block-start:.3rem}
@media (max-width:639px){
  .sc5-stats{flex-direction:column}
  .sc5-stat{border-inline-start:0;border-block-start:1px solid var(--line);padding:1rem .2rem}
  .sc5-stat:first-child{border-block-start:0;padding-block-start:.2rem}
}

/* ============ WEEK STRIP ============ */
.sc5-week{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}
.sc5-day{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem .6rem;text-align:center;min-width:0}
.sc5-day__dow{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.sc5-day__value{font-family:var(--font-head);font-size:1.15rem;color:var(--vip);margin-block-start:.25rem}
.sc5-day--today{box-shadow:inset 0 0 0 2px var(--vip)}

/* ============ TAGS / PAYMENTS ============ */
.sc5-tags{display:flex;flex-wrap:wrap;gap:.55rem}
.sc5-tag{display:inline-flex;align-items:center;gap:.45rem;background:var(--raised);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}
.sc5-tag--slots{color:var(--slots)}
.sc5-tag--live{color:var(--live)}
.sc5-tag--sports{color:var(--sports)}
.sc5-tag--vip{color:var(--vip)}
.sc5-tag--streak{color:var(--streak)}
.sc5-payments{display:flex;flex-wrap:wrap;gap:.7rem}
.sc5-pay{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem 1rem;font-weight:600;font-size:.92rem;color:var(--text)}
.sc5-pay .sc5-icon{color:var(--accent);width:1.35em;height:1.35em}

/* ============ TABLES ============ */
.sc5-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:1px solid var(--line);border-radius:var(--radius)}
.sc5-table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.95rem}
.sc5-table th{background:var(--raised);color:var(--text);text-align:start;padding:.8rem 1rem;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.sc5-table td{padding:.8rem 1rem;border-block-start:1px solid var(--line);color:var(--text-muted);vertical-align:top}
.sc5-table tbody tr:nth-child(odd){background:var(--surface)}
.sc5-table tbody tr:nth-child(even){background:var(--surface-2)}
.sc5-table .sc5-num{text-align:end;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
.sc5-table .sc5-icon{width:1.3em;height:1.3em;color:var(--accent);margin-inline-end:.45rem}

/* ============ PROS / CONS ============ */
.sc5-pros-cons{display:grid;gap:1.25rem}
@media (min-width:800px){.sc5-pros-cons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sc5-pros,.sc5-cons{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;min-width:0}
.sc5-pros{border-block-start:3px solid var(--slots)}
.sc5-cons{border-block-start:3px solid var(--live)}
.sc5-pros h3{color:var(--slots)}
.sc5-cons h3{color:var(--live)}
.sc5-pros ul,.sc5-cons ul{display:flex;flex-direction:column;gap:.7rem;margin-block-start:1rem}
.sc5-pros li,.sc5-cons li{display:flex;gap:.6rem;color:var(--text-muted);font-size:.95rem}
.sc5-pros li::before{content:"+";color:var(--slots);font-weight:900}
.sc5-cons li::before{content:"–";color:var(--live);font-weight:900}

/* ============ FAQ (single column) ============ */
.sc5-faq{display:flex;flex-direction:column}
.sc5-faq details{border-block-end:1px solid var(--line)}
.sc5-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;font-size:1.02rem;color:var(--text);list-style:none}
.sc5-faq summary::-webkit-details-marker{display:none}
.sc5-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--vip);font-weight:800}
.sc5-faq details[open] summary::before{content:'−'}
.sc5-faq details > :not(summary){padding:.5rem 0 1rem;color:var(--text-muted)}

/* ============ RTP GRID ============ */
.sc5-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.sc5-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.sc5-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sc5-rtp-item{position:relative;overflow:hidden;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.sc5-rtp-item__thumb{display:block;aspect-ratio:3/2;position:relative;background:linear-gradient(140deg,var(--raised),var(--surface-2))}
.sc5-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sc5-rtp-item__name{font-size:.86rem;font-weight:600;color:var(--text);padding:.55rem .7rem .7rem}
.sc5-rtp-tooltip{position:absolute;bottom:0;inset-inline:0;opacity:0;transition:opacity .2s;background:rgba(6,8,25,.94);color:var(--text);font-size:.76rem;padding:.5rem .7rem;box-shadow:inset 0 0 0 1px var(--line)}
.sc5-rtp-item:hover .sc5-rtp-tooltip,.sc5-rtp-item:focus-within .sc5-rtp-tooltip{opacity:1}

/* ============ TOC ============ */
.sc5-toc{display:flex;flex-direction:column}
.sc5-toc a{display:flex;align-items:center;gap:.6rem;padding:.6rem .1rem;color:var(--text-muted);text-decoration:none;font-size:.92rem;border-block-end:1px dashed var(--line)}
.sc5-toc a:hover{color:var(--accent)}
.sc5-toc a::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--vip);border-radius:1px;flex-shrink:0}

/* ============ LEGAL ============ */
.sc5-legal{counter-reset:sc5law}
.sc5-legal h2{counter-increment:sc5law;margin-block:2rem .6rem}
.sc5-legal h2:first-child{margin-block-start:0}
.sc5-legal h2::before{content:counter(sc5law) ".  ";color:var(--accent);font-family:var(--font-body);font-weight:900;font-size:.8em}
.sc5-legal p,.sc5-legal li{color:var(--text-muted)}
.sc5-legal ul{list-style:disc;padding-inline-start:1.35em}
.sc5-legal li + li{margin-block-start:.5em}

/* ============ CTA BLOCK ============ */
.sc5-cta{background:var(--surface-2);border-block:1px solid var(--line)}
.sc5-cta__inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center}
.sc5-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}
.sc5-cta__text{color:var(--text-muted)}
.sc5-cta .sc5-microline{margin-block-start:.2rem}

/* ============ MICROLINE ============ */
.sc5-microline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.1rem;font-size:.8rem;color:var(--text-muted)}
.sc5-microline a{color:var(--accent);font-weight:800;text-decoration:none}
.sc5-18{display:inline-block;border:1.5px solid var(--vip);color:var(--vip);border-radius:var(--radius-sm);padding:.05rem .4rem;font-weight:800;font-size:.72rem;line-height:1.5}

/* ============ STICKY NAV (mobile) ============ */
.sc5-sticky-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;background:rgba(10,13,38,.97);border-block-start:1px solid var(--line);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom))}
@media (max-width:767px){.sc5-sticky-nav{display:flex;justify-content:space-around}}
.sc5-sticky-nav a{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--text-muted);font-size:.68rem;font-weight:600;text-decoration:none;padding:.3rem .6rem;min-width:0}
.sc5-sticky-nav .sc5-icon{width:1.35em;height:1.35em;color:var(--accent)}

/* ============ CHAT WIDGET ============ */
.sc5-chat-btn{position:fixed;right:1rem;bottom:1rem;z-index:950;width:52px;height:52px;border:0;border-radius:var(--radius);background:linear-gradient(135deg,var(--cta-from),var(--cta-to));color:#FFFFFF;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,30,90,.5)}
.sc5-chat-btn .sc5-icon{width:1.6em;height:1.6em}
.sc5-chat{position:fixed;inset:auto 1rem 4.5rem 1rem;z-index:960;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 50px rgba(3,5,18,.6);padding:1.25rem;display:none}
.sc5-chat.is-open{display:block}

/* ============ FOOTER (light paper bar — dark-tone logo) ============ */
.sc5-footer{background:var(--paper);color:var(--ink);border-block-start:1px solid var(--paper-line)}
.sc5-footer__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);padding-block:2.75rem 2rem}
@media (min-width:820px){.sc5-footer__grid{grid-template-columns:1.5fr 1fr 1fr;gap:clamp(2rem,4vw,3.5rem)}}
.sc5-footer__brand{display:flex;flex-direction:column;gap:.9rem;align-items:flex-start;min-width:0}
.sc5-footer__about{color:var(--ink-muted);font-size:.95rem}
.sc5-footer__legal{color:var(--ink-muted);font-size:.8rem;line-height:1.55}
.sc5-footer__contact{font-size:.85rem;color:var(--ink-muted)}
.sc5-footer__contact a{color:var(--accent-deep);font-weight:600;text-decoration:none}
.sc5-footer__contact a:hover{text-decoration:underline;text-underline-offset:3px}
.sc5-footer__col{min-width:0}
.sc5-footer__title{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-block-end:.95rem}
.sc5-footer__list{display:flex;flex-direction:column;gap:.6rem}
.sc5-footer__list a{color:var(--ink-muted);text-decoration:none;font-size:.93rem;font-weight:600}
.sc5-footer__list a:hover{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.sc5-footer__disclosure{border-block-start:1px solid var(--paper-line);padding-block:1.15rem;font-size:.85rem;color:var(--ink-muted);text-align:center}
.sc5-footer__micro{padding-block:.35rem 1.05rem}
.sc5-footer .sc5-microline{color:var(--ink-muted)}
.sc5-footer .sc5-microline a{color:var(--accent-deep)}
.sc5-footer .sc5-18{color:var(--ink);border-color:var(--vip)}
.sc5-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;border-block-start:1px solid var(--paper-line);padding-block:1rem 1.5rem;font-size:.78rem;color:var(--ink-muted)}

/* ============ MOTION ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.sc5-footer .sc5-logo__img{filter:none;background:transparent;padding:0}
.sc5-footer .sc5-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.sc5-logo__img{object-fit:contain}
/* sa-ph-media */
.sc5-page-header:has(.sc5-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.sc5-page-header:has(.sc5-hero__img) .sc5-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.sc5-page-header:has(.sc5-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.sc5-page-header:has(.sc5-hero__img)>:not(.sc5-hero__img)){position:relative}
.sc5-page-header:has(.sc5-hero__img)>:not(.sc5-hero__img){z-index:2}
.sc5-page-header:has(.sc5-hero__img),.sc5-page-header:has(.sc5-hero__img) h1,.sc5-page-header:has(.sc5-hero__img) a,.sc5-page-header:has(.sc5-hero__img) p,.sc5-page-header:has(.sc5-hero__img) li,.sc5-page-header:has(.sc5-hero__img) span{color:#fff}
/* sa-hero-media */
.sc5-hero:has(>.sc5-hero__img){position:relative;isolation:isolate}
.sc5-hero:has(>.sc5-hero__img)>.sc5-hero__img{z-index:0}
.sc5-hero:has(>.sc5-hero__img)::after{z-index:1}
:where(.sc5-hero:has(>.sc5-hero__img)>:not(.sc5-hero__img)){position:relative}
.sc5-hero:has(>.sc5-hero__img)>:not(.sc5-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.sc5-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.sc5-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.sc5-table-wrap,.sc5-rtp,.sc5-steps,.sc5-cards,.sc5-features)+:is(.sc5-actions,div:has(>.sc5-btn),p:has(>.sc5-btn)){margin-block-start:1.25rem}
/* sa-table-thead */
.sc5-table-wrap thead th,.sc5-table-wrap thead{position:static}
/* sa-slot-link v2 */
.sc5-rtp-item,.sc5-rtp-item:hover,.sc5-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.sc5-rtp-item){display:block}
/* sa-rtp-touch */
.sc5-rtp-item__thumb{display:block}
@media (hover:none){.sc5-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.sc5-rtp-item__thumb img{height:auto}.sc5-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.sc5-rtp-item__name{padding-top:.35rem}}
/* sa-audit-fix (2026-11-04) */
/* 1.1 day-tile spans: block + hard wrap → long phrases can never widen the page */
.sc5-day>span{display:block;max-width:100%;overflow-wrap:anywhere}
/* 1.3 current page highlight (main.js sets aria-current) */
.sc5-nav a[aria-current=page]{color:var(--accent-deep);border-block-end-color:var(--brand)}
.sc5-header.is-open .sc5-nav a[aria-current=page]{color:var(--accent-deep);font-weight:800}
/* 1.4 anchors clear the sticky header without JS */
main [id]{scroll-margin-top:80px}
/* 2.5 quiz radios match the palette */
input[type=radio]{accent-color:var(--brand)}
/* 2.2 packs carousel: bigger peek of card 2 on narrow phones */
@media (max-width:899px){.sc5-packs{grid-auto-columns:minmax(min(230px,72%),1fr)}}
/* 2.4 week strip: even 4+3 rows in the tablet band */
@media (min-width:640px) and (max-width:899px){.sc5-week{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 2.3 scrollable tables: pinned right-edge fade hint on phones */
@media (max-width:639px){.sc5-table-wrap{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent)}}