/* 365CUCI Asia: a sportsbook-led conversion landing. Royal blue page, citrus yellow on every
   button and every figure, white cards, full-width photographic bands between the sections.
   Hand written, not generated by the build. Namespaced .sb- so it cannot collide with anything else. */
:root{
  --blue:#2347C4; --blue-d:#1A35A0; --blue-dd:#14298A; --ink:#0A1733; --ink-2:#13204a;
  --cit:#F5C518; --cit-2:#FFE16B; --cit-d:#C99C06;
  --card:#FFFFFF; --mist:#EEF2FB; --mist-2:#DCE4F5;
  --txt:#16203c; --mut:#55618a; --line:#d4ddf1; --line-2:rgba(255,255,255,.22);
  --ok:#128a4e; --bar:62px;
  --font:Arial,"Helvetica Neue",Helvetica,"Noto Sans SC","PingFang SC",sans-serif;
  --disp:"Trebuchet MS","Helvetica Neue",Arial,"Noto Sans SC",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;max-width:100%;scroll-behavior:smooth}
body{margin:0;color:var(--txt);font-family:var(--font);line-height:1.65;background:var(--blue)}
a{color:var(--blue-d);text-decoration:none}
img{max-width:100%;height:auto;display:block;min-width:0}
h1,h2,h3,h4{margin:0;line-height:1.2;font-family:var(--disp);font-weight:900}
table{border-collapse:collapse;width:100%}
.w{max-width:1160px;margin:0 auto;padding:0 20px}
.note{display:block;margin-top:12px;font-size:12px;color:rgba(255,255,255,.76)}

/* ---------- buttons ---------- */
.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;
  padding:0 20px;border-radius:6px;font-weight:900;font-size:14px;border:2px solid transparent;
  text-align:center;line-height:1.15;letter-spacing:.01em;text-transform:uppercase}
.sb-btn.y{background:linear-gradient(180deg,var(--cit-2),var(--cit));color:var(--ink);
  box-shadow:0 3px 0 var(--cit-d)}
.sb-btn.w{background:#fff;color:var(--blue-d);border-color:#fff}
.sb-btn.o{background:transparent;color:var(--blue-d);border-color:var(--line)}
.sb-btn.lg{min-height:54px;font-size:15px;padding:0 26px}

/* ---------- header ---------- */
.sb-head{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:3px solid var(--cit)}
.sb-head .w{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.sb-logo{display:flex;align-items:center;gap:9px;flex:none;min-width:0}
.sb-logo svg{width:36px;height:36px;flex:none}
.sb-logo .wm{display:flex;flex-direction:column;line-height:1;min-width:0}
.sb-logo .wm b{font-family:var(--disp);font-size:20px;letter-spacing:.01em;white-space:nowrap;
  color:var(--cit)}
.sb-logo .wm small{font-size:8px;letter-spacing:.34em;color:#fff;font-weight:700;margin-top:4px;
  white-space:nowrap;opacity:.78}
.sb-pills{display:flex;flex:1;flex-wrap:wrap;gap:4px;min-width:0}
.sb-pills a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  min-width:44px;padding:0 12px;border-radius:5px;
  font-size:12.5px;font-weight:800;color:#dde4f6;white-space:nowrap}
.sb-pills a:hover{background:var(--ink-2);color:#fff}
.sb-lang{display:flex;gap:3px;flex:none}
.sb-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;
  min-height:44px;border-radius:5px;border:1px solid var(--line-2);color:#dde4f6;font-size:11.5px;
  font-weight:800;padding:0 6px;white-space:nowrap}
.sb-lang a.on{background:var(--cit);color:var(--ink);border-color:transparent}
.sb-burger{display:none;background:var(--ink-2);border:1px solid var(--line-2);color:var(--cit);
  font-size:17px;min-width:44px;min-height:44px;border-radius:5px;cursor:pointer}
.sb-drawer{display:none;flex-wrap:wrap;gap:6px;padding:0 20px 12px;background:var(--ink)}
.sb-open .sb-drawer{display:flex}
.sb-drawer a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:5px;
  background:var(--ink-2);color:#fff;font-size:13px;font-weight:800}

/* ---------- hero ---------- */
.sb-hero{padding:30px 0 10px;background:
  radial-gradient(1200px 420px at 86% 8%,rgba(255,225,107,.17),transparent 62%),
  linear-gradient(170deg,var(--blue) 0%,var(--blue-d) 100%)}
.sb-hero.big{padding:40px 0 14px}
.sb-hero .w{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:30px;
  align-items:center}
.sb-hero .bd{display:grid;gap:14px;align-content:start;min-width:0}
.sb-hero .eb{font-size:10.5px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;
  color:var(--cit)}
.sb-hero h1{font-size:40px;line-height:1.14;color:#fff}
.sb-hero.big h1{font-size:45px}
.sb-hero .lead{margin:0;font-size:16px;color:#dfe6f8;max-width:56ch}
/* An in-content link on the blue has to be readable: the default link colour is the
   page background's own family and vanishes into it. */
.sb-hero a:not(.sb-btn),.sb-sec .note a,.sb-why a,.sb-cash a{color:var(--cit);
  text-decoration:underline;text-underline-offset:2px}
.sb-hero .act{display:flex;flex-wrap:wrap;gap:12px}
.sb-hero .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;min-width:0}
.sb-hero .chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:5px;
  background:rgba(255,255,255,.12);border:1px solid var(--line-2);font-size:11.5px;color:#eaf0ff;
  font-weight:800;min-height:36px;min-width:0}
.sb-hero .chips i{font-style:normal;color:var(--cit);font-size:12.5px;flex:none}
.sb-hero .ph{margin:0;min-width:0}
.sb-hero .ph img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;
  border:3px solid var(--cit)}

/* store chips: an Android file and a home-screen route, not two app-store badges */
.sb-stores{display:flex;flex-wrap:wrap;gap:9px;min-width:0}
.sb-stores .st{display:flex;align-items:center;gap:10px;padding:8px 13px;border-radius:7px;
  background:var(--ink);border:1px solid var(--line-2);min-width:0;flex:0 1 auto}
.sb-stores .st>i{font-style:normal;font-size:19px;color:var(--cit);flex:none;line-height:1}
.sb-stores .st>span{display:grid;gap:1px;min-width:0}
.sb-stores .st b{font-size:12.5px;color:#fff;line-height:1.25}
.sb-stores .st small{font-size:10.5px;color:#b9c5e6;line-height:1.3}

/* ---------- generic section ---------- */
.sb-sec{padding:26px 0}
.sb-sec.pad{padding-top:38px}
.sb-sec .sh{margin-bottom:18px}
.sb-sec .sh h2{font-size:27px;color:#fff}
.sb-sec .sh p{margin:8px 0 0;color:#d6ddf4;font-size:14.5px}

/* kpi row */
.sb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:12px;
  overflow:hidden;background:var(--cit)}
.sb-kpis>div{min-width:0;display:grid;gap:3px;text-align:center;padding:17px 12px;background:var(--card)}
.sb-kpis b{font-family:var(--disp);font-size:31px;color:var(--blue-d);line-height:1}
.sb-kpis span{font-size:11.5px;color:var(--mut);line-height:1.35}

/* payment rail */
.sb-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sb-rail .rc{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 12px;
  border-radius:9px;background:var(--card);min-width:0}
.sb-rail .rc img{max-height:22px;width:auto;height:auto;object-fit:contain;flex:0 1 auto;min-width:0}
.sb-rail .rc em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--txt);min-width:0}

/* four product tiles */
.sb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sb-tiles .tl{display:grid;gap:9px;align-content:start;padding:20px 18px 22px;border-radius:12px;
  background:var(--card);border-bottom:4px solid var(--cit);min-width:0}
.sb-tiles .ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:11px;background:var(--mist);color:var(--blue-d)}
.sb-tiles .ic svg{width:30px;height:30px}
.sb-tiles .tl b{font-family:var(--disp);font-size:18px;color:var(--ink)}
.sb-tiles .tl p{margin:0;font-size:13px;color:var(--mut);line-height:1.55}

/* match-odds board */
.sb-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sb-odds .mt{display:grid;gap:11px;align-content:start;padding:15px 16px 17px;border-radius:11px;
  background:var(--card);min-width:0}
.sb-odds .hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.sb-odds .lg{font-family:var(--font);font-size:10.5px;font-weight:900;letter-spacing:.1em;
  text-transform:uppercase;color:var(--blue-d);background:var(--mist);padding:4px 8px;
  border-radius:4px;min-width:0}
.sb-odds .lv{font-style:normal;display:inline-flex;align-items:center;gap:5px;font-size:10px;
  font-weight:900;letter-spacing:.09em;color:#b8161f;background:#fdecec;padding:4px 8px;
  border-radius:4px}
.sb-odds .lv i{width:7px;height:7px;border-radius:50%;background:#d8232e;animation:sbpulse 1.3s infinite}
.sb-odds .tm{font-style:normal;font-size:11px;font-weight:800;color:var(--mut)}
.sb-odds .hd small{font-size:11px;color:var(--mut);font-weight:700}
.sb-odds .tms{display:flex;align-items:center;gap:10px;min-width:0}
.sb-odds .tms span{font-family:var(--disp);font-size:16.5px;font-weight:900;color:var(--ink);
  min-width:0;flex:1 1 auto}
.sb-odds .tms span:last-child{text-align:right}
.sb-odds .tms i{font-style:normal;flex:none;font-size:11px;font-weight:800;color:var(--mut)}
.sb-odds .ods{display:flex;gap:8px;min-width:0}
.sb-odds .od{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  flex:1 1 0;min-width:0;min-height:48px;border-radius:7px;
  background:linear-gradient(180deg,var(--cit-2),var(--cit));color:var(--ink)}
.sb-odds .od span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  opacity:.72}
.sb-odds .od b{font-family:var(--disp);font-size:15.5px;line-height:1}
@keyframes sbpulse{50%{opacity:.25}}

/* full-width photographic band */
.sb-band{position:relative;margin:14px 0;background:var(--ink)}
.sb-band>img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 42%}
/* The badminton frame puts the racket and the shuttle high in the picture, so the
   band has to hold the top of it rather than the middle. */
img[src$="/assets/img/band-badminton.jpg"]{object-position:center 28%}
.sb-band .w{position:absolute;left:0;right:0;bottom:0;padding-bottom:20px;padding-top:40px;
  background:linear-gradient(180deg,rgba(10,23,51,0),rgba(10,23,51,.82))}
.sb-band p{margin:0;font-family:var(--disp);font-weight:900;font-size:22px;color:#fff;
  max-width:30ch;text-shadow:0 1px 10px rgba(10,23,51,.6)}

/* why-us: eight white cards on the deeper blue */
.sb-why{padding:30px 0;background:linear-gradient(180deg,var(--blue-d),var(--blue-dd))}
.sb-why .sh{margin-bottom:18px}
.sb-why .sh h2{font-size:27px;color:#fff}
.sb-why .sh p{margin:8px 0 0;font-size:14.5px;color:#cfd8f3}
.sb-why .gr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sb-why .wc{display:grid;gap:8px;align-content:start;padding:18px 17px 20px;border-radius:11px;
  background:var(--card);min-width:0}
.sb-why .ic{display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:9px;background:var(--cit);font-size:19px;line-height:1}
.sb-why .wc b{font-family:var(--disp);font-size:15.5px;color:var(--ink);line-height:1.3}
.sb-why .wc p{margin:0;font-size:12.5px;color:var(--mut);line-height:1.6}

/* latest winners: a vertical scroll of rows */
.sb-winners{height:268px;overflow:hidden;border-radius:12px;background:var(--card);
  position:relative;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)}
.sb-winners .tr{animation:sbroll 34s linear infinite}
.sb-winners:hover .tr{animation-play-state:paused}
.sb-winners .wr{display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr) auto minmax(0,42px);
  align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--mist)}
.sb-winners .id{font-size:12px;font-weight:800;color:var(--mut);min-width:0}
.sb-winners .gm{font-size:13px;color:var(--txt);min-width:0}
.sb-winners b{font-family:var(--disp);font-size:16px;color:var(--blue-d);
  background:var(--cit);padding:2px 9px;border-radius:5px;white-space:nowrap}
.sb-winners small{font-size:11px;color:var(--mut);text-align:right}
@keyframes sbroll{to{transform:translateY(-50%)}}

/* live-casino cards */
.sb-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.sb-live .lc{display:grid;align-content:start;border-radius:12px;overflow:hidden;
  background:var(--card);min-width:0}
.sb-live .lc img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sb-live .bd{display:grid;gap:9px;padding:15px 16px 18px;min-width:0}
.sb-live .bd b{font-family:var(--disp);font-size:17px;color:var(--ink)}
.sb-live .mt{display:flex;flex-wrap:wrap;gap:7px}
.sb-live .mt span{font-size:11px;font-weight:800;color:var(--blue-d);background:var(--mist);
  padding:4px 9px;border-radius:4px}
.sb-live .bd p{margin:0;font-size:12.5px;color:var(--mut);line-height:1.6}
.sb-live .sb-btn{justify-self:start}

/* VIP tiers */
.sb-vip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sb-vip .vt{display:grid;gap:7px;align-content:start;padding:16px 15px 18px;border-radius:11px;
  background:var(--card);border-top:4px solid var(--cit);min-width:0}
.sb-vip .vt>b{font-family:var(--disp);font-size:17px;color:var(--ink);letter-spacing:.03em}
.sb-vip .rw{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  border-bottom:1px dashed var(--line);padding-bottom:5px;min-width:0}
.sb-vip .rw span{font-size:11px;color:var(--mut);min-width:0}
.sb-vip .rw em{font-style:normal;font-size:12.5px;font-weight:900;color:var(--blue-d);
  white-space:nowrap}
.sb-vip .vt p{margin:3px 0 0;font-size:12px;color:var(--mut);line-height:1.55}

/* membership plans */
.sb-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  align-items:start;padding-top:14px}
.sb-plans .pl{position:relative;display:grid;gap:11px;align-content:start;padding:22px 20px 24px;
  border-radius:13px;background:var(--card);min-width:0}
.sb-plans .pl.pop{background:linear-gradient(180deg,#fffdf2,var(--card));
  box-shadow:0 10px 26px rgba(10,23,51,.28);border:2px solid var(--cit)}
.sb-plans .rb{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:var(--ink);color:var(--cit);font-size:10.5px;font-weight:900;letter-spacing:.1em;
  text-transform:uppercase;padding:6px 14px;border-radius:999px}
.sb-plans .pl>b{font-family:var(--disp);font-size:20px;color:var(--ink)}
.sb-plans .pl>small{font-size:12px;color:var(--mut);line-height:1.5}
.sb-plans ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.sb-plans li{position:relative;padding-left:26px;font-size:13px;color:var(--txt);line-height:1.55}
.sb-plans li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;
  border-radius:50%;background:var(--cit)}
.sb-plans li::after{content:"";position:absolute;left:5px;top:10px;width:6px;height:3px;
  border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.sb-plans .sb-btn{justify-self:stretch}

/* four steps */
.sb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sb-steps .sp{display:grid;gap:9px;align-content:start;padding:17px 16px 19px;border-radius:11px;
  background:var(--card);min-width:0}
.sb-steps em{font-style:normal;display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--cit);
  font-family:var(--disp);font-size:16px;font-weight:900}
.sb-steps p{margin:0;font-size:13px;color:var(--txt);line-height:1.6}

/* app block */
.sb-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;
  align-items:center;padding:24px;border-radius:14px;background:var(--card)}
.sb-app .bd{display:grid;gap:14px;align-content:start;min-width:0;justify-items:start}
.sb-app h3{font-size:25px;color:var(--ink)}
.sb-app .bd p{margin:0;font-size:14.5px;color:var(--mut)}
.sb-app .bd .sb-stores .st{background:var(--mist);border-color:var(--line)}
.sb-app .bd .sb-stores .st b{color:var(--ink)}
.sb-app .bd .sb-stores .st small{color:var(--mut)}
.sb-app .bd .sb-stores .st>i{color:var(--blue-d)}
.sb-app .ph{display:flex;justify-content:center;min-width:0}
.sb-app .fr{display:block;width:min(252px,100%);padding:11px;border-radius:30px;
  background:var(--ink);box-shadow:0 14px 30px rgba(10,23,51,.3);min-width:0}
.sb-app .fr img{width:100%;border-radius:21px;min-width:0}

/* studio wall + name chips + sportsbook wall */
.sb-provs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sb-provs .pg{display:flex;align-items:center;justify-content:center;min-height:56px;padding:10px;
  border-radius:9px;background:var(--ink);min-width:0}
.sb-provs .pg img{max-height:26px;max-width:100%;width:auto;height:auto;object-fit:contain;
  flex:0 1 auto;min-width:0}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sb-chips .pc{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:5px;
  background:rgba(255,255,255,.13);border:1px solid var(--line-2);color:#eaf0ff;font-size:12px;
  font-weight:800}

/* game tile wall */
.sb-gt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.sb-gt .gt{display:grid;gap:5px;align-content:start;padding:8px;border-radius:10px;
  background:var(--card);min-width:0}
.sb-gt .gt img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;min-width:0}
.sb-gt .gt em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.3}
.sb-gt .gt small{font-size:10px;color:var(--mut)}

/* trust badges */
.sb-trust{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sb-trust .tb{display:grid;justify-items:center;align-content:center;gap:7px;min-height:76px;
  padding:12px 9px;border-radius:9px;background:var(--ink);min-width:0}
.sb-trust .tb img{max-height:28px;max-width:100%;width:auto;height:auto;object-fit:contain;min-width:0}
.sb-trust .tb em{font-style:normal;font-size:10px;font-weight:800;color:#c3cdea;text-align:center;
  line-height:1.3;min-width:0}

/* cashier rows */
.sb-cash{display:grid;gap:0;padding-left:5px}
.sb-cash .cr{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 0 20px;
  position:relative}
.sb-cash .cr:last-child{padding-bottom:0}
.sb-cash .cr::before{content:"";position:absolute;left:13px;top:20px;bottom:0;width:2px;
  background:rgba(255,255,255,.26)}
.sb-cash .cr:last-child::before{display:none}
.sb-cash .dot{width:28px;height:28px;border-radius:50%;background:var(--cit);position:relative;
  z-index:2}
.sb-cash .bd{display:grid;gap:4px;min-width:0}
.sb-cash .bd b{font-family:var(--disp);font-size:16px;color:#fff}
.sb-cash .bd em{font-style:normal;justify-self:start;font-size:11px;font-weight:900;padding:3px 10px;
  border-radius:999px;background:var(--cit);color:var(--ink)}
.sb-cash .bd p{margin:0;font-size:13.5px;color:#dbe2f6}

/* ---------- prose ---------- */
.sb-prose{background:var(--card);border-radius:14px;padding:30px 32px 34px}
.sb-prose h1{font-size:33px;color:var(--ink);margin-bottom:12px}
.sb-prose h2{font-size:23px;color:var(--ink);margin:30px 0 11px;scroll-margin-top:86px}
.sb-prose h2:first-child{margin-top:0}
.sb-prose p{margin:0 0 14px;color:#3b456b}
.sb-prose .lead{font-size:16.5px;color:var(--mut);margin-bottom:20px}
.sb-prose ul{margin:0 0 16px;padding-left:22px;display:grid;gap:7px;color:#3b456b}
.sb-prose .act{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.sb-tw{overflow-x:auto;border-radius:11px;border:1px solid var(--line);margin:4px 0 24px}
.sb-tbl{font-size:13.5px;min-width:460px;background:var(--card)}
.sb-tbl th{background:var(--ink);color:var(--cit);text-align:left;padding:11px 14px;font-size:11px;
  letter-spacing:.07em;text-transform:uppercase}
.sb-tbl td{padding:11px 14px;border-top:1px solid var(--line);color:#3b456b}
.sb-faq{display:grid;gap:9px;margin:0 0 6px}
.sb-faq details{border-radius:10px;border:1px solid var(--line);background:var(--mist)}
.sb-faq summary{cursor:pointer;padding:14px 16px;font-weight:800;font-size:14.5px;color:var(--blue-d)}
.sb-faq p{margin:0;padding:0 16px 15px;color:#3b456b}

/* closing band */
.sb-close{padding:4px 0 36px}
.sb-close .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  padding:24px 26px;border-radius:14px;background:linear-gradient(110deg,var(--cit),var(--cit-2))}
.sb-close b{font-family:var(--disp);font-size:19px;line-height:1.4;max-width:62ch;color:var(--ink)}
.sb-close .sb-btn.y{background:var(--ink);color:var(--cit);box-shadow:none}

/* ---------- footer ---------- */
.sb-foot{background:var(--ink);margin-top:10px}
.sb-foot .w{padding-top:32px;padding-bottom:28px;display:grid;gap:22px}
.sb-foot .top{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:24px}
.sb-foot .ab{display:grid;gap:12px;align-content:start;min-width:0}
.sb-foot .ab p{margin:0;font-size:12.5px;color:#aab6d8;line-height:1.65}
.sb-foot .top>div{display:grid;gap:8px;align-content:start;min-width:0}
.sb-foot h4{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cit)}
.sb-foot a{display:inline-flex;align-items:center;min-height:34px;color:#aab6d8;font-size:13px}
.sb-foot .pay,.sb-foot .trust{display:flex;flex-wrap:wrap;gap:9px;padding-top:18px;
  border-top:1px solid var(--line-2)}
.sb-foot .pay span,.sb-foot .trust span{display:flex;align-items:center;justify-content:center;
  height:36px;padding:0 12px;border-radius:6px;background:var(--ink-2);min-width:0}
.sb-foot .pay img{max-height:19px;width:auto;object-fit:contain;min-width:0}
.sb-foot .trust img{max-height:22px;width:auto;object-fit:contain;min-width:0}
.sb-foot .legal{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding-top:17px;
  border-top:1px solid var(--line-2)}
.sb-foot .legal p{margin:0;flex:1;min-width:240px;font-size:12.5px;color:#aab6d8}
.sb-foot .legal small{font-size:12px;color:#8d9bc2}
.sb-foot .age{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;
  height:34px;border-radius:50%;border:2px solid var(--cit);color:var(--cit);font-weight:900;
  font-size:11px}

/* ---------- sticky join bar (desktop) + five-tab bar (phone) ---------- */
.sb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;
  justify-content:center;gap:14px;padding:10px 18px;background:var(--ink);
  border-top:3px solid var(--cit)}
.sb-sticky.off{display:none}
.sb-sticky span{font-size:13.5px;color:#fff;font-weight:700}
.sb-sticky .sb-btn{min-height:42px;padding:0 17px;font-size:12.5px}
.sb-sticky .x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);
  background:transparent;color:#aab6d8;font-size:17px;line-height:1;cursor:pointer}
.sb-tabs{display:none}

/* ---------- paged entry modal ---------- */
.sb-pop[hidden]{display:none}
.sb-pop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(10,23,51,.66)}
.sb-pop .bx{position:relative;width:min(366px,100%);max-height:92vh;overflow:auto;
  border-radius:15px;background:var(--card);border:3px solid var(--cit);
  box-shadow:0 22px 50px rgba(10,23,51,.45);padding:0 0 14px}
.sb-pop .x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;
  cursor:pointer;font-size:21px;line-height:1;color:#fff;background:rgba(10,23,51,.6);z-index:3}
.sb-pop .tp{display:grid;gap:3px;padding:15px 18px;background:var(--ink);text-align:center}
.sb-pop .tp .wm{font-family:var(--disp);font-weight:900;font-size:19px;color:var(--cit);
  letter-spacing:.02em}
.sb-pop .tp em{font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#b9c5e6}
.sb-pop .pn{display:grid;gap:11px;padding:18px 20px 6px}
.sb-pop .pn[hidden]{display:none!important}
.sb-pop .pn b{font-family:var(--disp);font-size:21px;color:var(--ink);line-height:1.26}
.sb-pop .pn p{margin:0;font-size:13.5px;color:var(--mut);line-height:1.6}
.sb-pop .pn .sb-btn{margin-top:2px}
.sb-pop .pg{display:flex;justify-content:center;gap:9px;padding:12px 0 4px}
.sb-pop .pg .dt{width:11px;height:11px;border-radius:50%;border:0;cursor:pointer;padding:0;
  background:var(--mist-2)}
.sb-pop .pg .dt.on{background:var(--cit);box-shadow:0 0 0 3px rgba(245,197,24,.28)}
.sb-pop .later{display:block;margin:0 auto;border:0;background:none;cursor:pointer;font:inherit;
  font-size:12.5px;color:var(--mut);text-decoration:underline;padding:4px 8px}

/* ---------- responsive ---------- */
@media(max-width:1060px){
  .sb-why .gr,.sb-trust,.sb-provs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sb-odds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-vip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sb-gt{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sb-rail{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px){
  .sb-hero .w{grid-template-columns:1fr}
  /* On a phone the headline, the buttons and the store chips all come before the picture. The
     picture floating above them looked better and pushed the hero CTA out of the thumb arc,
     which is the one rule this shell is not allowed to break. */
  .sb-hero .bd{order:1}
  .sb-hero .ph{order:2}
  .sb-hero .ph img{aspect-ratio:16/9}
  .sb-hero h1,.sb-hero.big h1{font-size:30px}
  .sb-hero .lead{font-size:14.5px;line-height:1.55}
  .sb-pills{display:none}
  .sb-burger{display:inline-flex;align-items:center;justify-content:center}
  .sb-head .w{justify-content:space-between}
  .sb-tiles,.sb-live,.sb-plans,.sb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-app{grid-template-columns:1fr}
  .sb-app .ph{order:-1}
  .sb-foot .top{grid-template-columns:1fr 1fr}
  .sb-band>img{aspect-ratio:16/8}
}
@media(max-width:760px){
  body{padding-bottom:calc(var(--bar) + 10px)}
  .sb-hero{padding:20px 0 8px}
  .sb-hero.big{padding:22px 0 10px}
  .sb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-why .gr,.sb-vip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-trust,.sb-provs,.sb-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sb-gt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sb-odds{grid-template-columns:1fr}
  .sb-sec .sh h2,.sb-why .sh h2{font-size:22px}
  .sb-prose{padding:22px 20px 26px}
  .sb-prose h1{font-size:26px}
  .sb-prose h2{font-size:20px;scroll-margin-top:72px}
  .sb-band p{font-size:17px}
  .sb-close b{font-size:16px}
  /* The sticky bar becomes the tab bar's job on a phone, so only one strip is ever pinned. */
  .sb-sticky{display:none}
  .sb-tabs{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;
    grid-template-columns:repeat(5,1fr);height:var(--bar);padding-top:8px;background:var(--ink);
    border-top:3px solid var(--cit)}
  .sb-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:#b9c5e6;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;
    position:relative}
  .sb-tabs a .i{font-size:17px;line-height:1}
  .sb-tabs a.mid{color:var(--cit);justify-content:flex-end;padding-bottom:7px}
  .sb-tabs a.mid .i{position:absolute;top:-20px;width:48px;height:48px;display:flex;
    align-items:center;justify-content:center;border-radius:50%;font-size:25px;color:var(--ink);
    background:linear-gradient(180deg,var(--cit-2),var(--cit));border:3px solid var(--ink);
    box-shadow:0 4px 12px rgba(10,23,51,.4)}
}
@media(max-width:560px){
  .w{padding:0 16px}
  .sb-hero h1,.sb-hero.big h1{font-size:27px}
  .sb-logo .wm b{font-size:18px}
  .sb-tiles,.sb-live,.sb-plans,.sb-steps{grid-template-columns:1fr}
  .sb-why .gr,.sb-vip{grid-template-columns:1fr}
  .sb-rail,.sb-trust,.sb-provs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-gt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-band>img{aspect-ratio:4/3}
  .sb-band .w{padding-bottom:16px}
  .sb-winners .wr{grid-template-columns:minmax(0,1fr) auto;row-gap:3px}
  .sb-winners .id{grid-column:1;font-size:11px}
  .sb-winners .gm{grid-column:1}
  .sb-winners b{grid-column:2;grid-row:1}
  .sb-winners small{grid-column:2;grid-row:2}
  .sb-winners{height:300px}
  .sb-app{padding:18px}
  .sb-close .w{padding:18px 18px 20px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sb-winners .tr{animation:none}
  .sb-odds .lv i{animation:none}
}

/* six-vertical chip grid, on the casino page only */
.sb-verts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sb-verts .vc{display:grid;gap:4px;align-content:start;padding:17px 16px 19px;border-radius:11px;
  background:var(--card);border-left:5px solid var(--cit);min-width:0}
.sb-verts .vc b{font-family:var(--disp);font-size:16px;color:var(--ink)}
.sb-verts .vc em{font-style:normal;font-family:var(--disp);font-size:25px;font-weight:900;
  color:var(--blue-d);line-height:1.1}
.sb-verts .vc span{font-size:12px;color:var(--mut);line-height:1.5}
@media(max-width:760px){.sb-verts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sb-verts{grid-template-columns:1fr}}

/* Near-black third-party artwork sits invisibly on the navy panels, so it is lifted to a white
   mark. Only the measured DARK_INK set carries .lift: a SOLID badge silhouettes into a block. */
.sb-provs .pg img.lift,
.sb-rail .rc img.lift,
.sb-trust .tb img.lift,
.sb-foot .pay img.lift,
.sb-foot .trust img.lift{filter:brightness(0) invert(1);opacity:.9}

/* Small phones. Lockup, three language pills and the burger are all nowrap, so at 320 the head
   row measured 335px and dragged the document sideways. Narrow the row's gaps and the pills. */
@media(max-width:400px){
  .sb-head .w{gap:9px}
  .sb-logo{gap:7px}
  .sb-lang a{min-width:32px;padding:0 5px}
}