/* stakebet.ca — core stylesheet (Canadian edition, sidebar layout) */
:root{
  --bg:#060b16;--bg-2:#08101f;--surface:#0c1526;--surface-2:#101c32;--surface-3:#16253f;
  --line:rgba(120,160,230,.12);--line-2:rgba(120,165,240,.22);
  --text:#e8eef8;--muted:#a6b4cc;--dim:#8796b0;
  --blue:#2f8cff;--blue-2:#1a6fe0;--blue-3:#7ab6ff;--blue-soft:rgba(47,140,255,.14);--blue-line:rgba(47,140,255,.38);
  --accent:#20d98a;--accent-2:#14c476;--accent-ink:#03140b;--accent-soft:rgba(32,217,138,.12);
  --tone:var(--blue);--tone-soft:var(--blue-soft);
  --red:#e8343f;--live:#ff4d5e;--amber:#ffb547;
  --r-sm:8px;--r:14px;--r-lg:20px;
  --shadow:0 22px 50px -24px rgba(0,8,30,.85);
  --top-h:62px;
  --f-head:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
.t-cricket{--tone:#ffb547;--tone-soft:rgba(255,181,71,.12)}
.t-fifa{--tone:#3ee6c8;--tone-soft:rgba(62,230,200,.12)}
.t-esports{--tone:#a77bff;--tone-soft:rgba(167,123,255,.14)}
.t-f1{--tone:#ff4b55;--tone-soft:rgba(255,59,71,.13)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--bg) radial-gradient(1200px 600px at 85% -10%,rgba(47,140,255,.10),transparent 60%) no-repeat;color:var(--text);font:400 16px/1.65 var(--f-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-3);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.18;margin:0 0 .6em;letter-spacing:-.02em;color:#fff}
h1{font-size:clamp(2rem,3.6vw,3.25rem);font-weight:700}
h2{font-size:clamp(1.55rem,2.4vw,2.2rem);font-weight:700}
h3{font-size:1.15rem;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
li{margin-bottom:.35em}
strong{color:#fff;font-weight:600}
:focus-visible{outline:2px solid var(--blue-3);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:-999px;top:8px;background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px;z-index:300;font-weight:600}
.skip:focus{left:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.container{width:100%;max-width:1520px;margin:0 auto;padding:0 clamp(18px,3vw,44px)}
.section{padding:clamp(52px,6vw,88px) 0;position:relative}
.section--tight{padding:clamp(36px,4vw,56px) 0}
.section--alt{background:linear-gradient(180deg,rgba(16,32,64,.45),rgba(6,11,22,0));border-top:1px solid rgba(47,140,255,.08)}
.section-head{max-width:780px;margin-bottom:34px}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.lead{font-size:1.1rem;color:#cfd9e8}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 .72rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-3);margin-bottom:14px;padding:7px 12px 7px 10px;border-radius:999px;background:var(--blue-soft);border:1px solid var(--blue-line)}
.eyebrow .flag{width:20px;height:10px;border-radius:2px}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent);border:0;margin:0}

/* Canadian identity */
.flag{width:22px;height:11px;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:inline-block;vertical-align:middle}
.leaf{width:16px;height:16px;color:var(--red);flex-shrink:0}
.ca-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--blue-line);background:rgba(47,140,255,.08);color:#dbe8ff;font:600 .78rem/1.2 var(--f-body)}
.ca-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ca-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:var(--r);background:linear-gradient(120deg,rgba(213,43,30,.10),rgba(47,140,255,.08));border:1px solid rgba(232,52,63,.28)}
.ca-note .flag{margin-top:5px;width:26px;height:13px}
.ca-note p{margin:0;color:#dfe7f4;font-size:.94rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font:600 .95rem/1 var(--f-body);border:1px solid transparent;cursor:pointer;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;text-decoration:none!important;white-space:nowrap}
a.btn-primary,.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 26px -12px rgba(32,217,138,.7)}
a.btn-primary:hover,.btn-primary:hover{background:#3cecA0;color:var(--accent-ink);transform:translateY(-1px)}
a.btn-ghost,.btn-ghost{background:rgba(47,140,255,.08);color:#fff;border-color:var(--blue-line)}
a.btn-ghost:hover,.btn-ghost:hover{border-color:var(--blue);background:rgba(47,140,255,.16);color:#fff}
.btn-sm{min-height:38px;padding:0 16px;font-size:.88rem}
.btn-block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.arrow::after{content:"→";font-weight:400}

/* ===== Layout: collapsible sidebar + page ===== */
:root{--side-open:240px;--side-mini:72px;--side-w:var(--side-open)}
html.sb-collapsed{--side-w:var(--side-mini)}
.page{min-width:0}
@media (min-width:1024px){.page{margin-left:var(--side-w);transition:margin-left .28s cubic-bezier(.2,.8,.2,1)}}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--side-w);z-index:120;display:flex;flex-direction:column;background:#0a1426;border-right:1px solid rgba(47,140,255,.18);transition:width .28s cubic-bezier(.2,.8,.2,1)}
.sidebar .lbl{white-space:nowrap;transition:opacity .18s ease}
.sb-head{display:flex;align-items:center;gap:8px;height:var(--top-h);padding:0 12px;flex-shrink:0;border-bottom:1px solid rgba(47,140,255,.12)}
.sb-toggle,.sb-close{flex-shrink:0;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:#c9d6ea;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}
.sb-toggle:hover,.sb-close:hover{background:rgba(47,140,255,.14);color:#fff}
.sb-toggle .ic,.sb-close .ic{width:22px;height:22px}
.sb-close{display:none}
.sb-pills{display:flex;gap:6px;min-width:0;flex:1}
.sb-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 10px;border-radius:9px;background:#15243f;color:#dbe6f6;font:700 .82rem/1 var(--f-body);text-decoration:none!important;border:1px solid transparent;transition:background .15s,border-color .15s;min-width:0;overflow:hidden}
.sb-pill .ic{width:16px;height:16px;flex-shrink:0}
.sb-pill:hover{background:#1b2e50;color:#fff}
.sb-pill.is-on{background:var(--blue);color:#fff;box-shadow:0 6px 16px -8px rgba(47,140,255,.9)}
.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;overscroll-behavior:contain}
.sb-group{background:#111f38;border:1px solid rgba(47,140,255,.10);border-radius:12px;padding:6px}
.sidebar nav{display:flex;flex-direction:column;gap:10px}
.sb-label{display:block;padding:8px 10px 4px;font:700 .66rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#7f9cc8;overflow:hidden}
.sb-nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sb-nav li{margin:0}
.sb-nav a,.sb-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:9px 10px;border-radius:9px;color:#d2ddef;font:600 .9rem/1.2 var(--f-body);text-decoration:none!important;transition:background .15s,color .15s;overflow:hidden;border:0;background:transparent;text-align:left;cursor:default}
.sb-nav a{cursor:pointer}
.sb-nav .ic,.sb-row .ic{width:19px;height:19px;flex-shrink:0;color:#8fb2e6}
.sb-nav a:hover{background:rgba(47,140,255,.12);color:#fff}
.sb-nav a:hover .ic{color:#fff}
.sb-nav a[aria-current="page"]{background:linear-gradient(90deg,rgba(47,140,255,.95),rgba(47,140,255,.55));color:#fff}
.sb-nav a[aria-current="page"] .ic{color:#fff}
.sb-sep{height:1px;background:rgba(47,140,255,.16);margin:2px 8px}
.sb-info .sb-row{font-weight:500;font-size:.84rem;color:#c3d1e8}
.sb-info .flag{width:19px;height:10px;margin:0}
.sb-info .leaf{margin-left:auto;width:14px;height:14px}
.sb-info b{color:#fff;font-family:var(--f-mono)}
.sb-info .cad{width:19px;height:19px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;background:rgba(47,140,255,.18);color:#fff;font:700 .72rem/1 var(--f-mono)}
.sb-copy{cursor:pointer}
.sb-copy:hover{background:rgba(32,217,138,.08)}
.sb-copy code{font:700 .8rem/1 var(--f-mono);color:var(--accent);letter-spacing:.03em}
.sb-copy.copied{color:#fff}
.sb-foot{padding:12px 10px 16px;border-top:1px solid rgba(47,140,255,.12);flex-shrink:0}
.sb-signup{gap:8px;overflow:hidden}
.sb-signup .ic{width:18px;height:18px;flex-shrink:0}
/* collapsed (desktop only) */
@media (min-width:1024px){
  html.sb-collapsed .sidebar .lbl{opacity:0;width:0;overflow:hidden;pointer-events:none}
  html.sb-collapsed .sb-head{flex-direction:column;height:auto;padding:12px 0 10px;gap:8px}
  html.sb-collapsed .sb-pills{flex-direction:column;flex:0 0 auto}
  html.sb-collapsed .sb-pill{width:42px;flex:0 0 42px;height:40px;padding:0;gap:0}
  html.sb-collapsed .sb-scroll{padding:10px 8px}
  html.sb-collapsed .sb-group{padding:4px}
  html.sb-collapsed .sb-label{height:0;padding:0;margin:0}
  html.sb-collapsed .sb-nav a,html.sb-collapsed .sb-row{justify-content:center;gap:0;padding:10px 0}
  html.sb-collapsed .sb-info .leaf{display:none}
  html.sb-collapsed .sb-foot{padding:10px 8px 14px}
  html.sb-collapsed .sb-signup{padding:0;width:44px;min-height:44px;margin:0 auto;gap:0}
}
/* top bar (all widths) */
.topbar{position:sticky;top:0;z-index:100;height:var(--top-h);display:flex;align-items:center;gap:14px;padding:0 clamp(16px,2.6vw,36px);background:rgba(8,15,30,.9);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid rgba(47,140,255,.18)}
.topbar .logo img{width:80px;height:auto}
.logo{display:flex;align-items:center;flex-shrink:0}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.ca-ind{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(47,140,255,.10);border:1px solid var(--blue-line);font:600 .78rem/1 var(--f-body);color:#dbe8ff}
a.btn-blue,.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 22px -12px rgba(47,140,255,.9)}
a.btn-blue:hover,.btn-blue:hover{background:#4a9cff;color:#fff;transform:translateY(-1px)}
.tb-promo{border-radius:10px}.tb-signup{border-radius:10px}
.burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--blue-line);background:rgba(47,140,255,.08);cursor:pointer;position:relative;flex-shrink:0}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s,top .25s}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:21px}.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.sb-overlay{position:fixed;inset:0;background:rgba(2,6,16,.66);backdrop-filter:blur(2px);z-index:110;opacity:0;transition:opacity .25s}
.sb-overlay.show{opacity:1}
@media (min-width:1024px){.sb-overlay{display:none}}
@media (max-width:1023px){
  .burger{display:block;order:3}
  .topbar .logo{order:1}.tb-right{order:2}
  .sidebar{width:min(300px,86vw);transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;visibility:hidden;box-shadow:20px 0 60px rgba(0,0,0,.5)}
  .sidebar.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  .sb-toggle{display:none}
  .sb-close{display:grid}
  html{scroll-padding-top:calc(var(--top-h) + 14px)}
  .tb-promo{display:none}
}
@media (max-width:479px){.tb-signup{display:none}.topbar{gap:10px}.topbar .logo img{width:70px}}
html{scroll-padding-top:calc(var(--top-h) + 14px)}

/* Breadcrumbs */
.breadcrumbs{padding-top:22px;font-size:.85rem;color:var(--muted)}
.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs li{margin:0;display:flex;gap:6px;align-items:center}
.breadcrumbs li+li::before{content:"›";color:var(--blue-3)}
.breadcrumbs a{color:var(--blue-3)}
.breadcrumbs [aria-current]{color:#fff}

/* Hero */
.hero{position:relative;padding:clamp(30px,4vw,60px) 0 clamp(44px,5vw,76px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-25% -10% auto auto;width:760px;height:760px;background:radial-gradient(closest-side,rgba(47,140,255,.16),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;right:4%;bottom:-60px;width:260px;height:260px;opacity:.05;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff4b55' d='M12 1.5l1.9 3.6 2.3-.9-.6 5 3.1-2.8.8 1.9 3.2-.7-1.1 3.5 1.4.8-4.8 4 .6 1.9-5.9-.8.2 5.5h-2.2l.2-5.5-5.9.8.6-1.9-4.8-4 1.4-.8L1.3 8.3l3.2.7.8-1.9 3.1 2.8-.6-5 2.3.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start;position:relative;z-index:1}
.hero-copy{padding-top:clamp(0px,2vw,24px);min-width:0}
.hero-copy .lead{max-width:640px}
.hero-side{display:grid;gap:18px;min-width:0}
@media (max-width:1179px){.hero-grid{grid-template-columns:1fr}}

/* Promo code chip */
.code-chip{display:flex;align-items:stretch;max-width:440px;margin:22px 0;border:1px dashed rgba(34,226,139,.55);border-radius:var(--r);background:rgba(34,226,139,.05);overflow:hidden}
.code-chip .code-label{display:flex;flex-direction:column;justify-content:center;padding:10px 16px;flex:1;min-width:0}
.code-chip small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.code-chip code{font:700 1.25rem/1.3 var(--f-mono);color:#fff;letter-spacing:.06em}
.copy-btn{border:0;border-left:1px dashed rgba(34,226,139,.45);background:transparent;color:var(--accent);font:600 .85rem/1 var(--f-body);padding:0 18px;cursor:pointer;min-width:92px}
.copy-btn:hover{background:rgba(34,226,139,.1)}
.copy-btn.copied{color:#fff;background:var(--accent-2)}

/* Generic cards & grids */
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1279px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(17,31,58,.75),rgba(12,21,38,.92));border:1px solid var(--line);border-radius:var(--r);padding:24px;position:relative}
.card h3{margin-bottom:.45em}
.card p:last-child{margin-bottom:0}
.card--line{border-top:2px solid var(--tone)}
.card .num{font:700 .8rem/1 var(--f-mono);color:var(--tone);letter-spacing:.1em;display:block;margin-bottom:14px}
.icon-badge{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tone-soft);color:var(--tone);margin-bottom:16px}
.icon-badge svg{width:22px;height:22px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
.split--rev .split-media{order:-1}
@media (max-width:899px){.split{grid-template-columns:1fr}.split--rev .split-media{order:0}}
.figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow)}
.figure figcaption{padding:12px 16px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}
.checklist{list-style:none;padding:0}
.checklist li{position:relative;padding-left:30px;margin-bottom:12px}
.checklist li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ab6ff' stroke-width='3'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/11px no-repeat}
.note{border-left:3px solid var(--amber);background:rgba(255,181,71,.07);padding:14px 18px;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#e8dcc6;font-size:.95rem}
.note strong{color:#ffd28a}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:600 .72rem/1.2 var(--f-body);letter-spacing:.04em;background:rgba(255,255,255,.06);color:#cfd8e3;white-space:nowrap}
.pill--live{background:rgba(255,77,94,.14);color:#ff7d89}
.pill--live::before,.live-dot{content:"";width:7px;height:7px;border-radius:50%;background:var(--live);animation:pulse 1.6s infinite;display:inline-block}
.pill--soon{background:rgba(90,169,255,.12);color:#8fc4ff}
.pill--done{background:rgba(255,255,255,.05);color:var(--dim)}
.pill--accent{background:var(--accent-soft);color:var(--accent)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,94,.6)}70%{box-shadow:0 0 0 7px rgba(255,77,94,0)}100%{box-shadow:0 0 0 0 rgba(255,77,94,0)}}

/* Tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:.94rem;min-width:560px}
.tbl th,.tbl td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font:600 .75rem/1.3 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:#fff;font-weight:600}
.tbl .mono{font-family:var(--f-mono);color:var(--accent)}

/* Steps */
.steps{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding:20px 20px 20px 76px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin:0}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:20px;top:18px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 .9rem/1 var(--f-mono);background:var(--blue-soft);color:var(--blue-3);border:1px solid var(--blue-line)}
.steps h3{margin:0 0 4px;font-size:1.05rem}
.steps p{margin:0;color:var(--muted);font-size:.95rem}

/* FAQ */
.faq{max-width:860px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-bottom:12px;overflow:hidden;transition:border-color .2s}
.faq-item.open{border-color:var(--blue-line);background:linear-gradient(180deg,rgba(47,140,255,.08),var(--surface))}
.faq-q{margin:0;font-size:1rem}
.faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:18px 20px;background:none;border:0;color:#fff;font:600 1rem/1.4 var(--f-body);cursor:pointer}
.faq-btn .ico{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:transform .25s,background .2s}
.faq-btn .ico::before,.faq-btn .ico::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:#fff;transform:translate(-50%,-50%)}
.faq-btn .ico::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
.faq-btn[aria-expanded="true"] .ico{background:var(--blue);border-color:var(--blue)}
.faq-btn[aria-expanded="true"] .ico::before,.faq-btn[aria-expanded="true"] .ico::after{background:#fff}
.faq-btn[aria-expanded="true"] .ico::after{transform:translate(-50%,-50%) rotate(0)}
.faq-a{overflow:hidden;height:0;transition:height .3s ease}
.no-js .faq-a{height:auto}
.faq-a>div{padding:0 20px 20px;color:#c3cdd9}
.faq-a p:last-child{margin-bottom:0}

/* CTA band */
.cta-band{position:relative;border-radius:var(--r-lg);padding:clamp(28px,4vw,48px);background:linear-gradient(120deg,#0f2550 0%,#0b1833 55%,#121a35 100%);border:1px solid var(--blue-line);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:24px;align-items:center}
.cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(47,140,255,.35),transparent);pointer-events:none}
.cta-band h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:.35em}
.cta-band p{margin:0;color:#c3cdd9}
.cta-band .btn-row{position:relative;z-index:1}
@media (max-width:767px){.cta-band{grid-template-columns:1fr}}

/* Footer */
.site-footer{border-top:1px solid rgba(47,140,255,.2);background:linear-gradient(180deg,#071022,#050a16);padding:56px 0 28px;margin-top:40px;font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.footer-grid h2{font:600 .78rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin-bottom:9px}
.footer-grid a:not(.btn){color:#c9d6ea}
.footer-brand img{width:84px;margin-bottom:14px}
.footer-brand p{color:var(--muted);max-width:320px}
.footer-cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.footer-cta p{margin-bottom:12px;color:#c3cdd9}
.footer-cta code{font-family:var(--f-mono);color:var(--accent);font-weight:700}
.rg{margin-top:36px;padding:18px 20px;border-radius:var(--r);background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--muted);font-size:.86rem;display:flex;gap:14px;align-items:flex-start}
.rg .age{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--live);display:grid;place-items:center;font:700 .8rem/1 var(--f-body);color:#fff}
.rg p{margin:0}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--dim);font-size:.82rem}
@media (max-width:1279px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:519px){.footer-grid{grid-template-columns:1fr}}

/* ===== Widgets (shared shell) ===== */
.wg{background:linear-gradient(180deg,#112142,#0b1529);border:1px solid var(--blue-line);border-radius:var(--r-lg);box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.02) inset;overflow:hidden;position:relative}
.wg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.wg-title{font:600 .9rem/1.2 var(--f-head);color:#fff;display:flex;align-items:center;gap:8px}
.wg-sub{font-size:.75rem;color:var(--dim)}
.tabs{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex-shrink:0;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 .8rem/1 var(--f-body);padding:9px 13px;border-radius:999px;cursor:pointer;transition:all .2s}
.tab:hover{color:#fff}
.tab[aria-selected="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.tab-panel[hidden]{display:none}
.odd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;cursor:pointer;font:700 .95rem/1.1 var(--f-mono);transition:background .15s,border-color .15s,transform .1s;min-width:0}
.odd small{font:500 .68rem/1.1 var(--f-body);color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odd-static{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border-radius:10px;border:1px dashed var(--line);color:var(--dim);font:700 .9rem/1.1 var(--f-mono)}
.odd-static small{font:500 .68rem/1.1 var(--f-body)}
.odd:hover{border-color:var(--blue);background:rgba(47,140,255,.12)}
.odd:active{transform:scale(.97)}
.odd.is-picked{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.odd.is-picked small{color:rgba(3,20,11,.75)}
.slip{border-top:1px solid var(--blue-line);padding:14px 18px;background:rgba(3,8,20,.45);display:grid;gap:10px}
.slip-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;color:var(--muted)}
.slip-row strong{font-family:var(--f-mono);color:#fff}
.slip-pick{color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.stake-opts{display:flex;gap:6px}
.stake-opt{border:1px solid var(--line-2);background:transparent;color:#cfd8e3;border-radius:8px;padding:6px 9px;font:600 .78rem/1 var(--f-mono);cursor:pointer}
.stake-opt[aria-pressed="true"]{border-color:var(--blue);color:#fff;background:var(--blue-soft)}
.slip-return strong{color:var(--accent);font-size:1.05rem}
.wg-foot{padding:10px 18px;font-size:.76rem;color:#a9b9d3;background:rgba(47,140,255,.05);border-top:1px solid var(--line)}

/* Home match centre */
.mc-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(58px,74px));gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.mc-row.two{grid-template-columns:minmax(0,1fr) repeat(2,minmax(58px,74px))}
.mc-teams{min-width:0}
.mc-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:.72rem;color:var(--dim);margin-bottom:4px}
.mc-team{display:flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-team .sc{margin-left:auto;font-family:var(--f-mono);font-weight:700;color:#fff;min-width:2.6em;text-align:right}
.crest{width:26px;height:20px;border-radius:6px;letter-spacing:-.02em;flex-shrink:0;display:grid;place-items:center;font:700 .55rem/1 var(--f-body);color:#fff}
@media (max-width:430px){.mc-row,.mc-row.two{grid-template-columns:minmax(0,1fr) repeat(3,minmax(48px,56px));gap:6px;padding:12px}.mc-row.two{grid-template-columns:minmax(0,1fr) repeat(2,minmax(48px,56px))}.odd{min-height:44px;font-size:.85rem}}

/* Sport tiles */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1279px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.tiles{grid-template-columns:1fr}}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none!important;overflow:hidden;transition:border-color .2s,transform .2s}
.tile:hover{border-color:var(--line-2);transform:translateY(-2px)}
.tile .tag{font:700 .72rem/1 var(--f-mono);letter-spacing:.1em;color:var(--c,var(--accent))}
.tile strong{font-family:var(--f-head);font-size:1.05rem}
.tile span.d{font-size:.86rem;color:var(--muted)}
.tile::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(closest-side,var(--c,var(--accent)),transparent);opacity:.16}
.tile .go{font-size:.82rem;color:var(--c,var(--accent));margin-top:auto;padding-top:8px}

/* Live ticker / momentum */
.momentum{padding:18px}
.mom-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;display:flex}
.mom-bar i{display:block;height:100%}
.mom-legend{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-top:8px}
.event-feed{list-style:none;margin:0;padding:0 18px 12px}
.event-feed li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem;margin:0}
.event-feed time{font-family:var(--f-mono);color:var(--tone);min-width:44px}

/* Calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}
.calc label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:6px;letter-spacing:.04em}
.calc input{width:100%;min-height:48px;border-radius:10px;border:1px solid var(--line-2);background:rgba(0,0,0,.3);color:#fff;font:600 1.05rem/1 var(--f-mono);padding:0 14px}
.calc input:focus{outline:none;border-color:var(--blue)}
.calc-out{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.calc-out div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:12px}
.calc-out span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.calc-out strong{font:700 1.1rem/1.4 var(--f-mono);color:var(--accent);overflow-wrap:anywhere}
@media (max-width:480px){.calc{grid-template-columns:1fr}.calc-out{grid-template-columns:1fr}}

/* Sports page book widget */
.book{display:grid;grid-template-columns:150px minmax(0,1fr)}
.book-side{border-right:1px solid var(--line);padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.book-side button{display:flex;justify-content:space-between;align-items:center;gap:6px;text-align:left;border:0;background:transparent;color:var(--muted);padding:9px 10px;border-radius:8px;font:500 .84rem/1.2 var(--f-body);cursor:pointer}
.book-side button:hover{color:#fff;background:rgba(255,255,255,.04)}
.book-side button[aria-selected="true"]{background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 2px 0 0 var(--accent)}
.book-side .cnt{font:600 .7rem/1 var(--f-mono);color:var(--dim)}
@media (max-width:640px){.book{grid-template-columns:1fr}.book-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.book-side::-webkit-scrollbar{display:none}.book-side button{flex-shrink:0}.book-side button[aria-selected="true"]{box-shadow:inset 0 -2px 0 var(--accent)}}

/* ===== Cricket ===== */
.score-card{padding:18px;display:grid;gap:14px}
.sc-team{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.sc-name{display:flex;gap:10px;align-items:center;font-weight:600;color:#fff;min-width:0}
.sc-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-runs{font:700 1.4rem/1 var(--f-mono);color:#fff;text-align:right}
.sc-runs small{display:block;font:500 .72rem/1.4 var(--f-body);color:var(--muted)}
.over-strip{display:flex;gap:6px;flex-wrap:wrap}
.ball{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 .78rem/1 var(--f-mono);background:rgba(255,255,255,.06);color:#dfe6ee}
.ball.b4{background:rgba(90,169,255,.2);color:#9ccbff}
.ball.b6{background:rgba(255,181,71,.22);color:#ffcf80}
.ball.bw{background:rgba(255,77,94,.22);color:#ff8f99}
.rr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rr div{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.rr span{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.rr strong{font:700 1rem/1.4 var(--f-mono)}
.mkt{padding:0 18px 16px}
.mkt h3{font:600 .75rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 10px}
.mkt-grid{display:grid;gap:8px}
.mkt-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mkt-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fixtures{list-style:none;margin:0;padding:0}
.fixtures li{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(60px,74px));gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);margin:0}
.fx-name{min-width:0}
.fx-name strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-name span{font-size:.74rem;color:var(--dim)}
.format-cards .card{padding-top:28px}
.format-cards .fmt{position:absolute;top:-1px;right:20px;background:var(--tone);color:#1a1200;font:700 .7rem/1 var(--f-mono);padding:6px 10px;border-radius:0 0 8px 8px}
.timezone{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tz{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.tz span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.tz strong{display:block;font:700 1.5rem/1.3 var(--f-mono);color:var(--tone)}
@media (max-width:640px){.timezone{grid-template-columns:1fr}}

/* ===== FIFA ===== */
.pitch-wg{background:radial-gradient(ellipse at 50% 0%,rgba(62,230,200,.16),transparent 60%),linear-gradient(180deg,#0b1714,#0b1210)}
.pitch{position:relative;margin:16px;border-radius:16px;border:1px solid rgba(62,230,200,.25);background:repeating-linear-gradient(90deg,rgba(62,230,200,.045) 0 40px,transparent 40px 80px);padding:22px 16px;overflow:hidden}
.pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(62,230,200,.3)}
.pitch::after{content:"";position:absolute;left:50%;top:50%;width:110px;height:110px;border:1px solid rgba(62,230,200,.3);border-radius:50%;transform:translate(-50%,-50%)}
.pitch-score{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;text-align:center}
.pl{min-width:0}
.pl .kit{width:46px;height:46px;border-radius:14px;margin:0 auto 8px;display:grid;place-items:center;font:800 .9rem/1 var(--f-head);color:#fff}
.pl strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl span{font-size:.74rem;color:var(--muted)}
.big-score{font:800 2.2rem/1 var(--f-mono);color:#fff;padding:0 6px}
.big-score small{display:block;font:600 .72rem/1.6 var(--f-body);color:var(--tone);text-align:center}
.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cs-grid .odd{min-height:52px}
.seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--line)}
.seg button{border:0;background:transparent;color:var(--muted);font:600 .78rem/1 var(--f-body);padding:8px 14px;border-radius:999px;cursor:pointer}
.seg button[aria-selected="true"]{background:var(--tone);color:#04201a}
.fifa-list{list-style:none;margin:0;padding:0 16px 16px}
.fifa-list li{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(50px,64px));gap:6px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line);margin:0}
.fifa-list li>div{min-width:0}
.fifa-list strong{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fifa-list span{font-size:.72rem;color:var(--dim)}
.fifa-hero{background:linear-gradient(180deg,rgba(62,230,200,.05),transparent 50%)}
.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.stat-strip div{padding:20px;border-right:1px solid var(--line)}
.stat-strip div:last-child{border-right:0}
.stat-strip strong{display:block;font:700 1.05rem/1.3 var(--f-head);color:var(--tone)}
.stat-strip span{font-size:.86rem;color:var(--muted)}
@media (max-width:767px){.stat-strip{grid-template-columns:1fr 1fr}.stat-strip div:nth-child(2){border-right:0}.stat-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:400px){.cs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fifa-list li{grid-template-columns:minmax(0,1fr) repeat(3,minmax(44px,52px))}}

/* ===== Esports ===== */
.games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1279px){.games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
.game{position:relative;padding:20px 16px;border-radius:var(--r);background:linear-gradient(160deg,color-mix(in srgb,var(--g) 22%,#0e141c),#0e141c 70%);border:1px solid color-mix(in srgb,var(--g) 35%,transparent);min-height:170px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.game .abbr{font:800 1.6rem/1 var(--f-head);color:var(--g);letter-spacing:-.02em}
.game strong{font-size:.95rem;color:#fff}
.game span{font-size:.8rem;color:var(--muted)}
.game .fmt{margin-top:auto;font:600 .7rem/1 var(--f-mono);color:#fff;opacity:.7}
.es-board .es-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(56px,70px) minmax(56px,70px);gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.es-game{font:700 .7rem/1.2 var(--f-mono);color:var(--g,#a77bff);text-transform:uppercase;letter-spacing:.06em}
.es-game small{display:block;color:var(--dim);font-weight:500;letter-spacing:0;text-transform:none}
.es-teams{min-width:0}
.es-team{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;color:#fff;min-width:0}
.es-team b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.es-team .maps{margin-left:auto;font:700 .82rem/1 var(--f-mono);color:var(--tone)}
.es-status{margin-top:4px}
.es-filter{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
@media (max-width:520px){.es-board .es-row{grid-template-columns:minmax(0,1fr) minmax(52px,62px) minmax(52px,62px);row-gap:6px}.es-game{grid-column:1/-1;display:flex;gap:8px}.es-game small{display:inline}}
.es-hero-media{position:relative}
.es-hero-media .figure{transform:rotate(-1.2deg)}
.hud{position:absolute;left:-12px;bottom:-18px;background:rgba(10,12,20,.92);border:1px solid rgba(167,123,255,.4);border-radius:14px;padding:12px 14px;font-size:.78rem;box-shadow:var(--shadow);max-width:230px}
.hud strong{font-family:var(--f-mono);color:var(--tone)}
@media (max-width:640px){.hud{position:static;margin-top:12px;max-width:none}.es-hero-media .figure{transform:none}}

/* ===== F1 ===== */
.t-f1 .hero{background:repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 2px,transparent 2px 9px)}
.f1-dash{background:linear-gradient(180deg,#120d10,#0b0a0d);border:1px solid rgba(255,59,71,.28)}
.lights{display:flex;gap:8px}
.lights i{width:14px;height:14px;border-radius:50%;background:#2a1517;box-shadow:inset 0 0 0 2px #3a1d20}
.lights.on i{animation:light 4s infinite}
.lights.on i:nth-child(2){animation-delay:.35s}.lights.on i:nth-child(3){animation-delay:.7s}.lights.on i:nth-child(4){animation-delay:1.05s}.lights.on i:nth-child(5){animation-delay:1.4s}
@keyframes light{0%,8%{background:#2a1517}10%,70%{background:#ff2b38;box-shadow:0 0 10px #ff2b38}72%,100%{background:#2a1517}}
.tower{list-style:none;margin:0;padding:8px 0}
.tower li{display:grid;grid-template-columns:30px 6px minmax(0,1fr) auto minmax(62px,74px);gap:10px;align-items:center;padding:8px 16px;margin:0;font-size:.88rem}
.tower li:nth-child(odd){background:rgba(255,255,255,.02)}
.tower .pos{font:700 .9rem/1 var(--f-mono);color:#fff;text-align:center}
.tower .bar{height:22px;border-radius:2px;background:var(--team)}
.tower .drv{color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tower .drv small{color:var(--dim);font-weight:500;margin-left:6px}
.tower .gap{font:500 .75rem/1 var(--f-mono);color:var(--muted)}
@media (max-width:430px){.tower li{grid-template-columns:24px 5px minmax(0,1fr) minmax(56px,64px);padding:8px 12px}.tower .gap{display:none}}
.f1-top{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;padding:16px;border-bottom:1px solid var(--line);align-items:center}
.f1-race strong{display:block;font:700 1.1rem/1.3 var(--f-head);color:#fff}
.f1-race span{font-size:.8rem;color:var(--muted)}
.track{width:150px;height:auto}
.track path{fill:none;stroke:rgba(255,255,255,.18);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.track .hot{stroke:var(--tone);stroke-width:2.5;stroke-dasharray:22 400;animation:lap 3.4s linear infinite}
@keyframes lap{to{stroke-dashoffset:-422}}
@media (max-width:400px){.f1-top{grid-template-columns:1fr}.track{width:130px}}
.drivers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1279px){.drivers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.drivers{grid-template-columns:1fr}}
.driver{position:relative;border-radius:var(--r);padding:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--team) 26%,#101015),#0d0d11 65%);border:1px solid color-mix(in srgb,var(--team) 40%,transparent);overflow:hidden}
.driver .no{position:absolute;right:10px;top:-6px;font:800 4.2rem/1 var(--f-head);color:rgba(255,255,255,.06);font-style:italic}
.driver .team{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.driver strong{display:block;font:700 1.15rem/1.3 var(--f-head);color:#fff;margin:4px 0 14px}
.driver .odds-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f1-mkts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1279px){.f1-mkts{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.f1-mkts{grid-template-columns:1fr}}
.f1-mkt{border-left:3px solid var(--tone);background:var(--surface);padding:18px;border-radius:0 var(--r) var(--r) 0}
.f1-mkt h3{font-size:1rem}
.f1-mkt p{font-size:.9rem;color:var(--muted);margin:0}
.weekend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.weekend div{padding:16px;border-right:1px solid var(--line);background:var(--surface)}
.weekend div:last-child{border-right:0;background:linear-gradient(160deg,rgba(255,59,71,.18),var(--surface))}
.weekend span{display:block;font:600 .7rem/1 var(--f-mono);color:var(--tone);letter-spacing:.1em;margin-bottom:8px}
.weekend strong{font-size:.95rem}
.weekend p{font-size:.82rem;color:var(--muted);margin:6px 0 0}
@media (max-width:1279px){.weekend{grid-template-columns:1fr 1fr}.weekend div{border-bottom:1px solid var(--line)}.weekend div:last-child{grid-column:1/-1}}
@media (max-width:420px){.weekend{grid-template-columns:1fr}.weekend div{border-right:0}}
.kerb{height:8px;background:repeating-linear-gradient(90deg,#ff3b47 0 22px,#f4f4f4 22px 44px);opacity:.8;border-radius:2px}

/* ===== App page ===== */
.phone{width:min(300px,82vw);margin:0 auto;border-radius:42px;padding:12px;background:linear-gradient(160deg,#2a3340,#0c1118);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08) inset;position:relative}
.phone-screen{border-radius:32px;overflow:hidden;background:#0b1017;border:1px solid #000;min-height:520px;display:flex;flex-direction:column}
.notch{height:26px;display:flex;justify-content:center;align-items:center}
.notch i{width:90px;height:20px;background:#000;border-radius:0 0 14px 14px;margin-top:-6px}
.ph-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px}
.ph-top img{width:52px}
.ph-bal{font:600 .72rem/1 var(--f-mono);background:rgba(255,255,255,.06);padding:6px 9px;border-radius:8px;color:#fff}
.ph-tabs{display:flex;gap:6px;padding:6px 12px;overflow:hidden}
.ph-tabs span{font-size:.68rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);white-space:nowrap}
.ph-tabs span.on{background:#fff;color:#0a0e14;font-weight:600}
.ph-card{margin:8px 12px;padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.ph-card .mc-meta{margin-bottom:6px}
.ph-teams{display:flex;justify-content:space-between;font-size:.78rem;color:#fff;font-weight:600;margin-bottom:8px;gap:6px}
.ph-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ph-odds .odd{min-height:38px;font-size:.78rem}
.ph-nav{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:10px 6px 14px}
.ph-nav span{font-size:.62rem;text-align:center;color:var(--dim)}
.ph-nav span.on{color:var(--accent)}
.ph-nav span::before{content:"";display:block;width:18px;height:18px;margin:0 auto 4px;border-radius:6px;background:currentColor;opacity:.35}
.ph-nav span.on::before{opacity:1}
.app-stage{position:relative}
.float-card{position:absolute;background:rgba(14,20,28,.94);border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;font-size:.78rem;box-shadow:var(--shadow);max-width:200px}
.float-card strong{display:block;color:#fff;font-size:.85rem}
.float-card{z-index:2}
.fc-1{left:0;top:16%}.fc-2{right:0;bottom:18%}
@media (max-width:1279px){.float-card{display:none}}
.os-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:767px){.os-cols{grid-template-columns:1fr}}
.os-cols ol{padding-left:1.3em;color:#c3cdd9}

/* ===== Promo page ===== */
.ticket{position:relative;border-radius:var(--r-lg);background:linear-gradient(135deg,#0e2447,#0b182d 60%);border:1px solid rgba(32,217,138,.35);padding:28px;box-shadow:var(--shadow);overflow:hidden}
.ticket::before,.ticket::after{content:"";position:absolute;top:58%;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid rgba(34,226,139,.3)}
.ticket::before{left:-14px}.ticket::after{right:-14px}
.ticket .t-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.ticket .t-code{font:800 clamp(1.8rem,5vw,2.6rem)/1.1 var(--f-mono);color:#fff;letter-spacing:.06em;overflow-wrap:anywhere}
.ticket .t-offer{font:600 1.05rem/1.4 var(--f-head);color:var(--accent);margin:6px 0 22px}
.ticket .perf{border-top:2px dashed rgba(34,226,139,.3);margin:20px -28px;}
.ticket dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.ticket dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.ticket dd{margin:2px 0 0;color:#fff;font-weight:600;font-size:.92rem}
.compare th:not(:first-child),.compare td:not(:first-child){text-align:left}
.promo-shot{max-width:420px;margin:0 auto}

/* 404 */
.nf{min-height:calc(100vh - var(--header-h) - 200px);display:grid;place-items:center;text-align:center;padding:60px 0}
.nf .code404{font:800 clamp(5rem,18vw,10rem)/1 var(--f-head);background:linear-gradient(180deg,#fff,rgba(255,255,255,.15));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}
.nf .btn-row{justify-content:center}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.driver-slip{margin-top:16px;max-width:560px}


/* ===== Live sportsbook preview (home + sports) ===== */
.lb .wg-sub{display:inline-flex;align-items:center;gap:6px;color:#b9c8e0}
.lb .wg-sub .flag{width:18px;height:9px}
.lb-live{font:700 .8rem/1 var(--f-mono);color:#ff8b95}
.lb-catbar{position:relative;display:flex;align-items:center;gap:6px;padding:10px 10px;border-bottom:1px solid var(--line);background:rgba(4,10,24,.35)}
.lb-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;flex:1;min-width:0;padding:2px}
.lb-cats::-webkit-scrollbar{display:none}
.lb-arrow{display:none;flex-shrink:0;width:32px;height:32px;border-radius:9px;border:1px solid var(--blue-line);background:rgba(47,140,255,.1);color:#fff;cursor:pointer;padding:6px}
.lb-arrow svg{width:100%;height:100%}
.lb-arrow:disabled{opacity:.3;cursor:default}
.lb-catbar.has-overflow .lb-arrow{display:block}
.lb-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#c3d0e4;font:600 .8rem/1 var(--f-body);padding:8px 11px;border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.lb-tab:hover{color:#fff;border-color:var(--blue-line)}
.lb-tab[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 18px -8px rgba(47,140,255,.8)}
.sp-ic{width:16px;height:16px;flex-shrink:0}
.lb-tab .cnt{font:700 .68rem/1 var(--f-mono);padding:3px 6px;border-radius:6px;background:rgba(255,77,94,.18);color:#ffb3ba;min-width:20px;text-align:center}
.lb-tab .cnt[data-zero]{background:rgba(255,255,255,.07);color:#9fb0ca}
.lb-tab[aria-selected="true"] .cnt{background:rgba(255,255,255,.2);color:#fff}
.ca-dot{display:inline-flex}.ca-dot .flag{width:16px;height:8px}
.lb-rows{min-height:calc(var(--rows,3) * 81px)}
.lb .mc-row{min-height:81px;grid-template-columns:minmax(0,1fr) repeat(3,minmax(54px,68px))}
.lb .mc-row.two{grid-template-columns:minmax(0,1fr) repeat(2,minmax(58px,72px))}
.lb .mc-meta{flex-wrap:nowrap;height:20px;overflow:hidden;white-space:nowrap}
.lb .mc-meta .lg{font:700 .68rem/1 var(--f-mono);color:var(--blue-3);letter-spacing:.06em}
.lb .mc-meta .clk{font:600 .72rem/1 var(--f-mono);color:#c8d5ea;overflow:hidden;text-overflow:ellipsis}
.lb .mc-team .tn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lb .crest{width:30px;font-size:.5rem}
.pill--pre{background:rgba(47,140,255,.1);color:#9cc7ff}
.pill{font-variant-numeric:tabular-nums}
.odd{position:relative;font-variant-numeric:tabular-nums}
.odd .ov{display:block}
.odd.up{border-color:rgba(32,217,138,.7)}
.odd.down{border-color:rgba(255,77,94,.7)}
.odd.up::after,.odd.down::after{position:absolute;top:3px;right:5px;font-size:.55rem;line-height:1}
.odd.up::after{content:"▲";color:var(--accent)}
.odd.down::after{content:"▼";color:var(--live)}
.odd.up .ov{animation:oddUp 1.4s ease}
.odd.down .ov{animation:oddDown 1.4s ease}
@keyframes oddUp{0%{color:#5ef2b0}100%{color:inherit}}
@keyframes oddDown{0%{color:#ff8b95}100%{color:inherit}}
.odd.locked{opacity:.55;cursor:not-allowed}
.odd.locked .ov{filter:blur(.4px)}
.odd.settled{opacity:.35;cursor:default}
.odd.is-picked.up::after,.odd.is-picked.down::after{color:var(--accent-ink)}
.sc.bump{animation:scBump 1.2s ease}
@keyframes scBump{0%{color:var(--accent);transform:scale(1.35)}100%{color:#fff;transform:none}}
.lb-rows.swap .mc-row,.mc-row.fresh{animation:rowIn .45s ease}
@keyframes rowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lb-body{display:grid;grid-template-columns:200px minmax(0,1fr)}
.lb-cats--side{flex-direction:column;overflow:visible;padding:10px 8px;border-right:1px solid var(--line);gap:3px;background:rgba(4,10,24,.35)}
.lb-cats--side .lb-tab{justify-content:flex-start;border-color:transparent;background:transparent;padding:10px}
.lb-cats--side .lb-tab .cnt{margin-left:auto}
.lb-cats--side .lb-tab[aria-selected="true"]{background:linear-gradient(90deg,rgba(47,140,255,.35),rgba(47,140,255,.1));border-color:var(--blue-line);box-shadow:inset 3px 0 0 var(--blue)}
@media (max-width:760px){.lb-body{grid-template-columns:1fr}.lb-cats--side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.lb-cats--side::-webkit-scrollbar{display:none}.lb-cats--side .lb-tab .cnt{margin-left:0}}
@media (max-width:430px){.lb .mc-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(46px,54px));gap:6px;padding:10px 12px}.lb .mc-row.two{grid-template-columns:minmax(0,1fr) repeat(2,minmax(52px,60px))}.lb .crest{width:26px}.lb .mc-team{font-size:.84rem}}
.slip-row .flag{width:16px;height:8px;margin-right:6px}

/* hero side widgets (cricket / fifa / esports) */
.hero-extra{margin-top:26px;display:grid;gap:16px}
.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini-stats div{padding:14px;border-radius:12px;background:rgba(47,140,255,.07);border:1px solid var(--blue-line)}
.mini-stats strong{display:block;font:700 1.25rem/1.2 var(--f-head);color:#fff}
.mini-stats span{font-size:.78rem;color:#b9c8e0}
@media (max-width:480px){.mini-stats{grid-template-columns:1fr 1fr}.mini-stats div:last-child{grid-column:1/-1}}
.panel{border-radius:var(--r-lg);border:1px solid var(--blue-line);background:linear-gradient(180deg,#0f1e3b,#0a1427);overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.panel-head strong{font:600 .9rem/1.2 var(--f-head);color:#fff;display:flex;align-items:center;gap:8px}
.panel-head span{font-size:.75rem;color:#b9c8e0}
.panel-body{padding:14px 16px}
.mkt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:560px){.mkt-cards{grid-template-columns:1fr}}
.mkt-card{padding:12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.mkt-card h4{margin:0 0 8px;font:700 .7rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--tone)}
.mkt-card .mkt-grid{gap:6px}
.mkt-card .odd{min-height:44px}
.slip-mini{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--blue-line);background:rgba(3,8,20,.45);font-size:.85rem;color:#b9c8e0}
.slip-mini strong{font-family:var(--f-mono);color:var(--accent)}
.slip-mini .slip-pick{max-width:260px}
.batters{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.batters li{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:10px;align-items:center;margin:0;font-size:.88rem;color:#e3ebf7}
.batters li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:46px;top:4px;bottom:4px;width:2px;background:rgba(62,230,200,.25)}
.timeline li{display:grid;grid-template-columns:40px 14px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;font-size:.86rem;color:#dfe8f5}
.timeline time{font:700 .78rem/1 var(--f-mono);color:var(--tone);text-align:right}
.timeline i{width:12px;height:12px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 3px rgba(62,230,200,.18);position:relative;z-index:1}
.timeline i.b{background:#ffb547;box-shadow:0 0 0 3px rgba(255,181,71,.2)}
.statbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:10px;align-items:center;font:600 .8rem/1 var(--f-mono);color:#fff;margin-bottom:8px}
.statbar .bar{height:8px;border-radius:99px;background:rgba(255,183,71,.35);overflow:hidden}
.statbar .bar i{display:block;height:100%;background:var(--tone)}
.statbar small{grid-column:1/-1;text-align:center;color:#b9c8e0;font:500 .72rem/1 var(--f-body);margin-top:-2px}
.gsel{display:flex;gap:6px;flex-wrap:wrap}
.gsel button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);color:#c9d6ea;border-radius:10px;padding:7px 10px;font:700 .74rem/1 var(--f-mono);cursor:pointer}
.gsel button i{width:9px;height:9px;border-radius:3px;background:var(--g)}
.gsel button[aria-selected="true"]{border-color:var(--g);background:color-mix(in srgb,var(--g) 20%,transparent);color:#fff}
.vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;text-align:center;margin-bottom:14px}
.vs strong{display:block;font:700 1rem/1.25 var(--f-head);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vs span{font-size:.74rem;color:#b9c8e0}
.vs .mid{font:800 1.4rem/1 var(--f-mono);color:#fff;padding:8px 12px;border-radius:10px;background:rgba(167,123,255,.14);border:1px solid rgba(167,123,255,.35)}
.vs .mid small{display:block;font:600 .62rem/1.4 var(--f-body);color:#d6c6ff}
.cta-band .ca-badge{margin-bottom:12px}
.footer-brand .ca-badge{margin-top:4px}
.es-mkts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:400px){.es-mkts{grid-template-columns:1fr}}
.t-sports .hero-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
@media (max-width:1399px){.t-sports .hero-grid{grid-template-columns:1fr}}
.hero-copy .ca-note{margin-top:4px}
.t-sports .hero-copy .code-chip{margin-bottom:16px}
.t-sports h1{font-size:clamp(2rem,2.7vw,2.75rem)}
.mkt-cards--cr{grid-template-columns:repeat(2,minmax(0,1fr))}
.mkt-cards--cr .mkt-card:last-child{grid-column:1/-1}
.mkt-cards--cr .batters{grid-template-columns:repeat(3,minmax(0,1fr))}
.mkt-cards--cr .batters li{grid-template-columns:1fr;gap:6px;text-align:center}
@media (max-width:560px){.mkt-cards--cr{grid-template-columns:1fr}}