/* Layout: current sensiblestats.com palette (deep green, neon, ink on near-white) with the brand logo; light page with dark green-black feature bands */
:root{
  --bg:#fbfcfb; --surface:#ffffff; --surface-2:#f1f5f2; --line:#e3e9e3;
  --ink:#1b2130; --body:#2c3343; --muted:#434b5a; --green:#027a1f; --green-strong:#015c17; --green-soft:#e8fbec; --mint:#d6f3dc;
  --on-green:#ffffff; --neon:#05f140; --on-neon:#0d1211; --neon-hover:#04d93a;
  --night:#0d1211; --night-2:#18201e; --night-ink:#eef3ef; --night-muted:#ccd6cf;
  --shadow:0 1px 2px rgba(10,30,15,.04),0 12px 32px rgba(10,30,15,.07);
  --f-display:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:22px;
}@media (max-width:640px){:root{--shadow:0 1px 2px rgba(10,30,15,.04),0 10.8px 28.8px rgba(10,30,15,.07);--r:19.8px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b100e; --surface:#121a16; --surface-2:#17211c; --line:#24312a;
  --ink:#eaf1ec; --body:#e0e9e3; --muted:#c6d3ca; --green:#3ddc68; --green-strong:#5ef08a; --green-soft:#143321; --mint:#101a15; --on-green:#06260f;
  --neon:#05f140; --on-neon:#0d1211; --neon-hover:#04d93a;
  --night:#060a08; --night-2:#111a15; --night-ink:#eef3ef; --night-muted:#ccd6cf;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35); color-scheme:dark}@media (max-width:640px){:root:not([data-theme="light"]){--shadow:0 1px 2px rgba(0,0,0,.3),0 10.8px 28.8px rgba(0,0,0,.35)}}}
:root[data-theme="dark"]{
  --bg:#0b100e; --surface:#121a16; --surface-2:#17211c; --line:#24312a;
  --ink:#eaf1ec; --body:#e0e9e3; --muted:#c6d3ca; --green:#3ddc68; --green-strong:#5ef08a; --green-soft:#143321; --mint:#101a15; --on-green:#06260f;
  --neon:#05f140; --on-neon:#0d1211; --neon-hover:#04d93a;
  --night:#060a08; --night-2:#111a15; --night-ink:#eef3ef; --night-muted:#ccd6cf;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.35); color-scheme:dark}@media (max-width:640px){:root[data-theme="dark"]{--shadow:0 1px 2px rgba(0,0,0,.3),0 10.8px 28.8px rgba(0,0,0,.35)}}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo-light{display:none}:root:not([data-theme="light"]) .logo-dark{display:block}}
:root[data-theme="dark"] .logo-light{display:none}:root[data-theme="dark"] .logo-dark{display:block}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;padding-inline:20px}@media (max-width:640px){body{font-size:14.4px;padding-inline:18px}}
.wrap{max-width:1160px;margin-inline:auto}
h1,h2,h3{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.08}
h2{font-size:clamp(30px,4.2vw,46px);font-weight:800}@media (max-width:640px){h2{font-size:clamp(27px,4.2vw,41.4px)}}
h3{font-size:21px;font-weight:700;letter-spacing:-.015em}@media (max-width:640px){h3{font-size:18.9px}}
p{margin:0}
a{color:inherit}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-strong)}
.lede{color:var(--muted);font-size:18px;max-width:60ch}@media (max-width:640px){.lede{font-size:16.2px}}
section{padding-block:clamp(64px,9vw,112px)}@media (max-width:640px){section{padding-block:clamp(57.6px,9vw,100.8px)}}
.head{display:grid;gap:14px;justify-items:center;text-align:center;margin-bottom:48px}@media (max-width:640px){.head{gap:12.6px;margin-bottom:43.2px}}
.head .lede{text-align:center}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--f-display);padding:15px 22px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer}@media (max-width:640px){.btn{gap:7.2px;font:600 14px/1 var(--f-display);padding:13.5px 19.8px;border-radius:899.1px}}
.btn-primary{background:var(--green);color:var(--on-green)}
.btn-primary:hover{background:var(--green-strong)}
.btn-ghost{border-color:var(--line);background:var(--surface)}
.btn-ghost:hover{border-color:var(--green)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--neon);outline-offset:3px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-inline:-20px;padding-inline:20px}@media (max-width:640px){.nav{margin-inline:-18px;padding-inline:18px}}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}@media (max-width:640px){.nav .wrap{gap:18px;height:61.2px}}
.logo{display:flex;align-items:center;gap:9px;font:800 19px/1 var(--f-display);letter-spacing:-.03em;text-decoration:none}@media (max-width:640px){.logo{gap:8.1px;font:800 17.1px/1 var(--f-display)}}
.links{display:flex;align-items:center;gap:26px;font:500 14.5px var(--f-display);color:var(--muted)}@media (max-width:640px){.links{gap:23.4px;font:500 14px var(--f-display)}}
.links>a,.ddb{text-decoration:none;color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px}@media (max-width:640px){.links>a,.ddb{gap:4.5px}}
.links>a:hover,.ddb:hover,.dd:hover .ddb{color:var(--ink)}
.nav.scrolled{box-shadow:0 8px 24px rgba(13,18,17,.06)}
.dd{position:relative}
.ddb svg{transition:transform .25s}
.dd:hover .ddb svg,.dd.open .ddb svg{transform:rotate(180deg)}
.ddp{position:absolute;left:-18px;top:calc(100% + 14px);width:290px;display:grid;gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px rgba(13,18,17,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}@media (max-width:640px){.ddp{left:-16.2px;top:calc(100% + 12.6px);width:261px;padding:7.2px;border-radius:14.4px;transform:translateY(5.4px)}}
.ddp::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}@media (max-width:640px){.ddp::before{top:-14.4px;height:14.4px}}
.dd:hover .ddp,.dd.open .ddp,.dd:focus-within .ddp{opacity:1;visibility:visible;transform:none}
.ddp a:hover{background:var(--green-soft)}.ddp a{cursor:pointer!important}
.smore{font:700 15px var(--f-display);color:var(--green);text-decoration:none}@media (max-width:640px){.smore{font:700 14px var(--f-display)}}.smore:hover{text-decoration:underline}
.ddp a,.ddi{display:grid;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;cursor:default}@media (max-width:640px){.ddp a,.ddi{padding:9px 10.8px;border-radius:9px}}
.ddp b{font:700 14.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.ddp b{font:700 14px var(--f-display)}}
.ddp span{font:500 12.5px var(--f-body);color:var(--muted)}
.nr{display:flex;align-items:center;gap:10px}@media (max-width:640px){.nr{gap:9px}}
.mcta{display:none}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;place-content:center;gap:5px}@media (max-width:640px){.burger{width:37.8px;height:37.8px;border-radius:10.8px;gap:4.5px}}
.burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s}@media (max-width:640px){.burger i{width:16.2px}}
.nav.menu-open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}@media (max-width:640px){.nav.menu-open .burger i:first-child{transform:translateY(3.15px) rotate(45deg)}}
.nav.menu-open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}@media (max-width:640px){.nav.menu-open .burger i:last-child{transform:translateY(-3.15px) rotate(-45deg)}}
.nav .btn{padding:11px 18px;font-size:14px}@media (max-width:640px){.nav .btn{padding:9.9px 16.2px}}
@media (max-width:900px){
  .burger{display:grid}
  .links{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(13,18,17,.08);font-size:16px;color:var(--ink)}@media (max-width:640px){.links{top:61.2px;padding:7.2px 18px 18px;font-size:14.4px}}
  .nav.menu-open .links{display:flex}
  .links>a,.ddb{padding:14px 0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between}@media (max-width:640px){.links>a,.ddb{padding:12.6px 0}}
  .ddp{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:4px 0 8px;display:none;background:transparent}@media (max-width:640px){.ddp{padding:3.6px 0 7.2px}}
  .dd.open .ddp{display:grid}
  .mcta{display:inline-flex;justify-content:center;margin-top:16px;border:0!important}@media (max-width:640px){.mcta{margin-top:14.4px}}
}
@media (max-width:380px){.nr .btn{padding:10px 14px;font-size:13px}@media (max-width:640px){.nr .btn{padding:9px 12.6px}}}

/* hero */
.hero{padding-block:56px 40px}@media (max-width:640px){.hero{padding-block:50.4px 36px}}
.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}@media (max-width:640px){.hero .wrap{gap:43.2px}}
.hero h1{font-size:clamp(38px,5.6vw,66px);font-weight:800;margin-block:18px 22px}@media (max-width:640px){.hero h1{font-size:clamp(34.2px,5.6vw,59.4px);margin-block:16.2px 19.8px}}
.hero h1 em{font-style:normal;color:var(--green)}
.hero .lede{color:var(--body)}
.hero .lede .sec{color:var(--ink);font-weight:700}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}@media (max-width:640px){.hero .cta{gap:10.8px;margin-top:28.8px}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

.tag{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}@media (max-width:640px){.tag{gap:7.2px}}
.dot{width:7px;height:7px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 3px rgba(5,241,64,.18)}@media (max-width:640px){.dot{width:6.3px;height:6.3px}}
.stage{position:relative;min-width:0;border-radius:28px;background:var(--night);overflow:hidden;isolation:isolate;padding:40px 18px 62px}@media (max-width:640px){.stage{border-radius:25.2px;padding:36px 16.2px 55.8px}}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 18%,rgba(5,241,64,.2),transparent 50%),radial-gradient(circle at 10% 100%,rgba(2,122,31,.35),transparent 55%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px) 0 0/22px 22px}
.devs{position:relative;aspect-ratio:1/.84}
.dev{position:absolute;width:38%;display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;filter:brightness(.7) saturate(.6);z-index:1}
.dev[data-i="0"]{left:1%;top:7%}.dev[data-i="1"]{left:31%;top:0}.dev[data-i="2"]{left:61%;top:7%}
.dev.on{filter:none;transform:translateY(-6px) scale(1.07);z-index:3}@media (max-width:640px){.dev.on{transform:translateY(-5.4px) scale(1.07)}}
.pilltag{align-self:center;margin-bottom:10px;font:600 13px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#1d2a23;color:#b9c7be;border:1px solid #2f4136;white-space:nowrap;transition:background .5s,color .5s}@media (max-width:640px){.pilltag{margin-bottom:9px;padding:5.4px 8.1px;border-radius:899.1px}}
.dev.on .pilltag{background:var(--neon);color:#1b2130;border-color:var(--neon)}
.ph{aspect-ratio:9/15;background:#fff;color:#1b2130;border-radius:22px;padding:7px;box-shadow:0 26px 50px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);display:flex}@media (max-width:640px){.ph{border-radius:19.8px;padding:6.3px}}
.scr{flex:1;background:#f3f6f3;border-radius:16px;padding:9px 8px;display:flex;flex-direction:column;gap:6px;overflow:hidden}@media (max-width:640px){.scr{border-radius:14.4px;padding:8.1px 7.2px;gap:5.4px}}
.notch{width:34%;height:5px;border-radius:9px;background:#e3e9e3;align-self:center;margin-bottom:2px}@media (max-width:640px){.notch{height:4.5px;border-radius:8.1px}}
.hd{display:flex;justify-content:space-between;align-items:center;gap:4px;font:700 10.5px var(--f-display)}@media (max-width:640px){.hd{gap:3.6px}}
.hd small{font:500 13px var(--f-mono);color:#434b5a;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.hd small.live{color:#1b2130;background:#05f140;border-radius:4px;padding:2px 4px}@media (max-width:640px){.hd small.live{border-radius:3.6px;padding:2px 3.6px}}
.tl{background:#fff;border:1px solid #e3e9e3;border-radius:10px;padding:8px;display:grid;gap:5px}@media (max-width:640px){.tl{border-radius:9px;padding:7.2px;gap:4.5px}}
.tl .k{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#027a1f}
.tl b{font:700 10.5px/1.25 var(--f-display)}
.tl p{font-size:9px;line-height:1.35;color:#434b5a}
.who2{display:flex;align-items:center;gap:7px}@media (max-width:640px){.who2{gap:6.3px}}
.av{width:24px;height:24px;border-radius:50%;background:#1b2130;color:#05f140;display:grid;place-items:center;font:800 8.5px var(--f-display);flex:none}@media (max-width:640px){.av{width:21.6px;height:21.6px}}
.who2 b{display:block}.who2 span{font-size:8px;color:#434b5a}
.ms{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center}@media (max-width:640px){.ms{gap:3.6px}}
.ms b{font:800 13px var(--f-display);display:block;font-variant-numeric:tabular-nums}.ms span{font-size:7.5px;color:#434b5a;line-height:1.2;display:block}
.mkt{display:flex;justify-content:space-between;align-items:center;gap:6px;font:600 9px/1.25 var(--f-display);border-radius:8px;padding:6px 7px;background:#fff;border:1px solid #e3e9e3}@media (max-width:640px){.mkt{gap:5.4px;border-radius:7.2px;padding:5.4px 6.3px}}
.mkt i{font-style:normal;flex:none;background:#1b2130;color:#fff;border-radius:6px;padding:3px 6px;font-variant-numeric:tabular-nums}@media (max-width:640px){.mkt i{border-radius:5.4px;padding:2.7px 5.4px}}
.mkt.hot{background:#05f140;border-color:#05f140}
.mkt.hot i{background:#1b2130;color:#05f140}
.qb{align-self:flex-end;max-width:88%;background:#1b2130;color:#fff;border-radius:10px 10px 3px 10px;padding:6px 8px;font-size:9px;line-height:1.3;font-weight:600}@media (max-width:640px){.qb{border-radius:9px 9px 2.7px 9px;padding:5.4px 7.2px}}
.bars{display:flex;align-items:end;gap:3px;height:46px}@media (max-width:640px){.bars{gap:2.7px;height:41.4px}}
.bars i{flex:1;border-radius:3px 3px 0 0;background:#e3e9e3}@media (max-width:640px){.bars i{border-radius:2.7px 2.7px 0 0}}
.bars i.g{background:#05f140}
.sc{background:#0d1211;color:#eef3ef;border-radius:8px;padding:12px 10px;display:grid;gap:2px}@media (max-width:640px){.sc{border-radius:7.2px;padding:10.8px 9px}}
.sc b{font:800 30px/1 var(--f-display);color:#05f140}@media (max-width:640px){.sc b{font:800 27px/1 var(--f-display)}}
.sc span{font:600 9.5px/1.3 var(--f-display)}
.sc em{font-style:normal;font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#9aa8a0;margin-top:4px}@media (max-width:640px){.sc em{margin-top:3.6px}}
.bc{position:relative;aspect-ratio:16/9.5;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f8a3a 0 14%,#38974a 14% 28%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}@media (max-width:640px){.bc{border-radius:7.2px}}
.bc::before{content:"";position:absolute;left:50%;top:-20%;width:46%;aspect-ratio:1;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;transform:translateX(-50%)}
.bc::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1.5px solid rgba(255,255,255,.5)}
.bug{position:absolute;z-index:1;left:5px;top:5px;font:700 7px var(--f-display);color:#fff;background:#0d1211;border-radius:4px;padding:3px 5px}@media (max-width:640px){.bug{left:4.5px;top:4.5px;border-radius:3.6px;padding:2.7px 4.5px}}
.bug b{color:#05f140}
.l3{position:absolute;z-index:1;left:5px;right:5px;bottom:5px;display:flex;align-items:center;gap:5px;background:linear-gradient(90deg,#0d1211,#1b2130);border-left:3px solid #05f140;border-radius:5px;padding:5px 6px;color:#fff}@media (max-width:640px){.l3{left:4.5px;right:4.5px;bottom:4.5px;gap:4.5px;border-radius:4.5px;padding:4.5px 5.4px}}
.l3 .av{width:18px;height:18px;font-size:6.5px}@media (max-width:640px){.l3 .av{width:16.2px;height:16.2px}}
.l3 b{display:block;font:800 7.5px/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.01em}
.l3 span{font:500 6.5px var(--f-body);color:#c9d6cd}.l3 em{font-style:normal;color:#05f140;font-weight:800}
.rdy{justify-self:start;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#027a1f;background:#e8fbec;border-radius:4px;padding:3px 5px}@media (max-width:640px){.rdy{border-radius:3.6px;padding:2.7px 4.5px}}
.gl{display:grid;gap:3px}@media (max-width:640px){.gl{gap:2.7px}}
.gl span{display:flex;justify-content:space-between;font:600 8.5px var(--f-display);padding:4px 6px;border-radius:6px;background:#f3f6f3}@media (max-width:640px){.gl span{padding:3.6px 5.4px;border-radius:5.4px}}
.gl i{font-style:normal;font-weight:500;color:#434b5a}
.gl span.on{background:#05f140}.gl span.on i{color:#1b2130}
.apr{display:flex;gap:5px;margin-top:auto}@media (max-width:640px){.apr{gap:4.5px}}
.apr span{flex:1;text-align:center;font:700 9px var(--f-display);padding:6px;border-radius:7px;border:1px solid #e3e9e3;background:#fff}@media (max-width:640px){.apr span{padding:5.4px;border-radius:6.3px}}
.apr .go{background:#027a1f;border-color:#027a1f;color:#fff;flex:1.6}
.ttl{font:800 11px/1.2 var(--f-display);letter-spacing:-.01em}
.when{display:grid;justify-items:start;gap:4px;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#434b5a}@media (max-width:640px){.when{gap:3.6px}}
.when span:last-child{font:700 10px var(--f-display);letter-spacing:0;text-transform:none;color:#1b2130}
.when .lv{color:#1b2130;background:#05f140;border-radius:3px;padding:1px 4px}@media (max-width:640px){.when .lv{border-radius:2.7px;padding:1px 3.6px}}
.foot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;align-items:center;padding:14px 18px;font:500 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#9aa8a0;border-top:1px solid rgba(255,255,255,.08)}@media (max-width:640px){.foot{gap:5.4px 12.6px;padding:12.6px 16.2px}}
.foot b{color:#f3f6f3;font:700 12px var(--f-display);letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:8px}@media (max-width:640px){.foot b{gap:7.2px}}
.foot em{font-style:normal;color:var(--neon)}
.ptabs{display:none;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}@media (max-width:640px){.ptabs{gap:5.4px;margin-bottom:14.4px}}
.ptabs button{font:600 13px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;border-radius:999px;background:#1d2a23;color:#b9c7be;border:1px solid #2f4136;cursor:pointer}@media (max-width:640px){.ptabs button{padding:7.2px 9px;border-radius:899.1px}}
.ptabs button[aria-selected="true"]{background:var(--neon);color:#1b2130;border-color:var(--neon)}
@media (max-width:560px){.stage{padding:20px 14px 0}@media (max-width:640px){.stage{padding:18px 12.6px 0}}.ptabs{display:flex}.devs{aspect-ratio:auto;display:grid}.dev{grid-area:1/1;position:relative;width:min(80%,280px);justify-self:center;left:auto!important;top:auto!important;opacity:0;pointer-events:none;filter:none;transition:opacity .5s}@media (max-width:640px){.dev{width:min(80%,252px)}}.dev.on{opacity:1;pointer-events:auto;transform:none}.pilltag{display:none}.foot{position:static;margin:20px -14px 0}@media (max-width:640px){.foot{margin:18px -12.6px 0}}}
.note{font:500 13px var(--f-mono);color:var(--muted);text-align:right}

.hero .wrap.scope,.scope{margin-top:56px;border-block:1px solid var(--line);padding-block:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 32px}@media (max-width:640px){.hero .wrap.scope,.scope{margin-top:50.4px;padding-block:18px;gap:14.4px 28.8px}}
.slbl{font:500 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.scope ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}@media (max-width:640px){.scope ul{gap:7.2px}}
.scope li{font:600 14px var(--f-display);padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);transition:all .4s}@media (max-width:640px){.scope li{padding:7.2px 12.6px;border-radius:899.1px}}
.scope li.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
.scope strong{font:800 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.scope strong{font:800 14px var(--f-display)}}
.scope strong span{color:var(--green)}

/* shift */
.shift2{display:grid;gap:12px;max-width:1000px;margin-inline:auto}@media (max-width:640px){.shift2{gap:10.8px}}
.shd,.srw{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch}@media (max-width:640px){.shd,.srw{grid-template-columns:minmax(0,1fr) 43.2px minmax(0,1fr)}}
.shd{font:500 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-inline:24px}@media (max-width:640px){.shd{padding-inline:21.6px}}
.shd span:last-child{color:var(--green);padding-left:24px}@media (max-width:640px){.shd span:last-child{padding-left:21.6px}}
.so,.sn{border-radius:18px;padding:20px 24px;display:grid;gap:4px;align-content:center}@media (max-width:640px){.so,.sn{border-radius:16.2px;padding:18px 21.6px;gap:3.6px}}
.so{background:var(--surface-2);border:1px solid var(--line)}
.so b{font:700 17px var(--f-display);color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 50%,transparent);text-decoration-thickness:2px}@media (max-width:640px){.so b{font:700 15.3px var(--f-display)}}
.so span{color:var(--muted);font-size:14.5px}@media (max-width:640px){.so span{font-size:14px}}
.sar{display:grid;place-items:center;color:var(--green)}
.sn{background:var(--surface);border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));box-shadow:var(--shadow);grid-template-columns:28px 1fr;gap:12px;align-items:start}@media (max-width:640px){.sn{grid-template-columns:25.2px 1fr;gap:10.8px}}
.sn b{display:block;font:800 18px var(--f-display);color:var(--ink)}@media (max-width:640px){.sn b{font:800 16.2px var(--f-display)}}
.sn span{color:var(--body);font-size:14.5px}@media (max-width:640px){.sn span{font-size:14px}}
.ck{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;background:linear-gradient(135deg,#027a1f,#015c17);color:#fff}@media (max-width:640px){.ck{width:25.2px;height:25.2px}}
.srw:hover .sn{border-color:var(--green)}
@media (max-width:700px){.shd{display:none}.shift2{gap:28px}@media (max-width:640px){.shift2{gap:25.2px}}.srw{grid-template-columns:1fr;gap:6px}@media (max-width:640px){.srw{gap:5.4px}}.sar{transform:rotate(90deg);height:28px}@media (max-width:640px){.sar{height:25.2px}}}
.shift{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:640px){.shift{gap:18px}}
.shift .col{border-radius:var(--r);padding:30px;border:1px solid var(--line)}@media (max-width:640px){.shift .col{padding:27px}}
.shift .old{background:var(--surface-2)}
.shift .new{background:var(--surface);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
.shift ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}@media (max-width:640px){.shift ul{margin:16.2px 0 0;gap:12.6px}}
.shift li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}@media (max-width:640px){.shift li{grid-template-columns:19.8px 1fr;gap:10.8px}}
.shift li b{display:block;font:700 16px var(--f-display)}@media (max-width:640px){.shift li b{font:700 14.4px var(--f-display)}}
.shift li span{color:var(--muted);font-size:14.5px}@media (max-width:640px){.shift li span{font-size:14px}}
.mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;margin-top:1px}@media (max-width:640px){.mark{width:19.8px;height:19.8px}}
.old .mark{background:var(--line);color:var(--muted)}
.new .mark{background:var(--green-soft);color:var(--green)}
@media (max-width:760px){.shift{grid-template-columns:1fr}}

/* solutions */
.sol{display:grid;gap:clamp(48px,7vw,88px)}@media (max-width:640px){.sol{gap:clamp(43.2px,7vw,79.2px)}}
.srow{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.srow{gap:clamp(25.2px,5vw,57.6px)}}
.srow.rev .scopy{order:2}
.scopy{display:grid;gap:18px;min-width:0}@media (max-width:640px){.scopy{gap:16.2px}}
.sname{font:800 clamp(30px,3.6vw,42px)/1.05 var(--f-display);letter-spacing:-.03em;color:var(--green)}@media (max-width:640px){.sname{font:800 clamp(27px,3.6vw,37.8px)/1.05 var(--f-display)}}
.stag{font:700 clamp(19px,1.8vw,22px)/1.3 var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.stag{font:700 clamp(17.1px,1.8vw,19.8px)/1.3 var(--f-display)}}
.prod2{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:6px}@media (max-width:640px){.prod2{padding-top:14.4px;gap:5.4px}}
.prod2 .pn{font:800 17px var(--f-display);display:flex;align-items:center;gap:10px}@media (max-width:640px){.prod2 .pn{font:800 15.3px var(--f-display);gap:9px}}
.prod2 .pn small{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.prod2 .pl{font:600 15.5px/1.4 var(--f-display);color:var(--ink)}@media (max-width:640px){.prod2 .pl{font:600 14px/1.4 var(--f-display)}}
.prod2 p{color:var(--muted);font-size:15px}@media (max-width:640px){.prod2 p{font-size:14px}}
.prod2 ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px}@media (max-width:640px){.prod2 ul{margin:3.6px 0 0;gap:5.4px}}
.prod2 li{font-size:14.5px;display:grid;grid-template-columns:18px 1fr;gap:8px}@media (max-width:640px){.prod2 li{font-size:14px;grid-template-columns:16.2px 1fr;gap:7.2px}}
.prod2 li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:8px}@media (max-width:640px){.prod2 li::before{width:7.2px;height:7.2px;margin-top:7.2px}}
.svis{position:relative;display:grid;gap:12px;min-width:0;padding:24px;border-radius:28px;background:var(--surface-2)}@media (max-width:640px){.svis{gap:10.8px;padding:21.6px;border-radius:25.2px}}
.svis .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px;display:grid;gap:8px;min-width:0}@media (max-width:640px){.svis .card{border-radius:14.4px;padding:14.4px;gap:7.2px}}
.mk{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 14px var(--f-display)}@media (max-width:640px){.mk{gap:9px}}
.mk .od,.leg b{background:var(--green-soft);color:var(--green-strong);border-radius:8px;padding:5px 10px;font-variant-numeric:tabular-nums}@media (max-width:640px){.mk .od,.leg b{border-radius:7.2px;padding:4.5px 9px}}
.chip{display:inline-flex;align-items:center;gap:7px;font:500 12.5px var(--f-body);color:var(--muted)}@media (max-width:640px){.chip{gap:6.3px}}
.code{background:var(--night);color:#cfe9d6;border-radius:14px;padding:14px 16px;font:500 13px/1.6 var(--f-mono);overflow-x:auto;white-space:pre}@media (max-width:640px){.code{border-radius:12.6px;padding:12.6px 14.4px}}
.code .c{color:#6f8a7a}.code .s{color:var(--neon)}
.bub{justify-self:end;max-width:85%;background:var(--green);color:var(--on-green);border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:14px;font-weight:500}@media (max-width:640px){.bub{border-radius:12.6px 12.6px 3.6px 12.6px;padding:8.1px 10.8px}}
.buy{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width:640px){.buy{gap:9px}}
.buy .btn{padding:9px 14px;font-size:13px}@media (max-width:640px){.buy .btn{padding:8.1px 12.6px}}
.merch{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}@media (max-width:640px){.merch{grid-template-columns:50.4px 1fr auto;gap:10.8px}}
.merch i{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green-strong))}@media (max-width:640px){.merch i{width:50.4px;height:50.4px;border-radius:10.8px}}
.merch b{font:700 14px var(--f-display);display:block}.merch span{font-size:13px;color:var(--muted)}
.potm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}@media (max-width:640px){.potm{gap:7.2px}}
.potm b{display:block;font:800 24px var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){.potm b{font:800 21.6px var(--f-display)}}
.potm span{font-size:12px;color:var(--muted)}
.lbl{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong)}
@media (max-width:900px){.srow{grid-template-columns:1fr}.srow.rev .scopy{order:0}}

.sb{gap:9px}@media (max-width:640px){.sb{gap:8.1px}}
.sbtop{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}@media (max-width:640px){.sbtop{gap:5.4px;padding-bottom:9px}}
.sbtab{font:600 12.5px var(--f-display);color:var(--muted);padding:5px 10px;border-radius:999px}@media (max-width:640px){.sbtab{padding:4.5px 9px;border-radius:899.1px}}
.sbtab.on{background:var(--ink);color:var(--surface)}
.sbbrand{margin-left:auto;font:500 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.sbhi{font:500 14px/1.45 var(--f-body);color:var(--ink)}
.why2{font-size:12.5px;color:var(--green-strong);background:var(--green-soft);border-radius:8px;padding:7px 10px;font-weight:500}@media (max-width:640px){.why2{border-radius:7.2px;padding:6.3px 9px}}
.slip{justify-self:start;padding:9px 14px;font-size:12.5px}@media (max-width:640px){.slip{padding:8.1px 12.6px}}
.risk{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.leg{display:flex;justify-content:space-between;gap:10px;font:600 14px var(--f-display);padding-block:6px;border-bottom:1px dashed var(--line)}@media (max-width:640px){.leg{gap:9px;padding-block:5.4px}}
.leg small{display:flex;align-items:center;gap:6px;font:500 12.5px var(--f-body);color:var(--muted);margin-top:3px}@media (max-width:640px){.leg small{gap:5.4px;margin-top:2.7px}}
.leg small .dot{width:6px;height:6px;flex:none}@media (max-width:640px){.leg small .dot{width:5.4px;height:5.4px}}
.leg b{align-self:start;font:600 14px var(--f-display);font-variant-numeric:tabular-nums}
.tot{padding-top:4px;flex-wrap:wrap}@media (max-width:640px){.tot{padding-top:3.6px}}.slip{white-space:nowrap}.risk{white-space:nowrap}
@media (max-width:560px){.svis{padding:16px;border-radius:22px}@media (max-width:640px){.svis{padding:14.4px;border-radius:19.8px}}.code{font-size:11px}}
/* engine */
.engine{background:var(--night);color:var(--night-ink);margin-inline:-20px;padding-inline:20px;position:relative;overflow:hidden}@media (max-width:640px){.engine{margin-inline:-18px;padding-inline:18px}}
.engine::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(5,241,64,.13) 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 30% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000 20%,transparent 75%);pointer-events:none}
.engine .wrap{position:relative}
.engine h2{color:var(--night-ink)}
.engine .eyebrow{color:var(--neon)}
.engine .lede{color:var(--night-muted)}
.funnel{display:grid;gap:10px;position:relative}@media (max-width:640px){.funnel{gap:9px}}
.frow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;cursor:pointer;border-radius:16px}@media (max-width:640px){.frow{gap:clamp(18px,4vw,50.4px);border-radius:14.4px}}
.frow:focus-visible{outline:2px solid var(--neon);outline-offset:4px}
.fbar{justify-self:center;width:var(--w);min-height:78px;display:grid;align-content:center;justify-items:center;text-align:center;gap:2px;padding:12px 16px;background:linear-gradient(180deg,#1c2b23,#121b16);border:1px solid #2c3d33;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);transition:background .5s,border-color .5s}@media (max-width:640px){.fbar{min-height:70.2px;padding:10.8px 14.4px}}
.fbar b{font:700 17px var(--f-display);color:var(--night-ink)}@media (max-width:640px){.fbar b{font:700 15.3px var(--f-display)}}
.fbar small{font:500 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted)}
.frow.on .fbar{background:linear-gradient(180deg,#05f140,#04c935);border-color:var(--neon)}
.frow.on .fbar b,.frow.on .fbar small{color:#04210c}
.ftxt{display:grid;grid-template-columns:30px 1fr;gap:12px;opacity:.6;transition:opacity .4s}@media (max-width:640px){.ftxt{grid-template-columns:27px 1fr;gap:10.8px}}
.frow.on .ftxt{opacity:1}
.ftxt .n{font:600 13px var(--f-mono);color:var(--night-muted);padding-top:4px}@media (max-width:640px){.ftxt .n{padding-top:3.6px}}
.frow.on .ftxt .n{color:var(--neon)}
.ftxt h3{font:700 18px/1.25 var(--f-display);color:var(--night-ink)}@media (max-width:640px){.ftxt h3{font:700 16.2px/1.25 var(--f-display)}}
.ftxt p{color:var(--night-muted);font-size:14.5px;margin-top:4px}@media (max-width:640px){.ftxt p{font-size:14px;margin-top:3.6px}}
.quote{margin-top:40px;text-align:center;font:600 15px/1.4 var(--f-mono);letter-spacing:.02em;color:var(--night-muted)}@media (max-width:640px){.quote{margin-top:36px;font:600 14px/1.4 var(--f-mono)}}
.quote span{color:var(--neon)}
@media (max-width:760px){.frow{grid-template-columns:1fr;gap:10px}@media (max-width:640px){.frow{gap:9px}}.fbar{justify-self:stretch;width:auto}}

/* outcomes */
.outs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:640px){.outs{gap:18px}}
.out{border-radius:24px;padding:clamp(24px,3vw,36px);background:var(--surface-2);display:grid;gap:22px;align-content:space-between;min-height:220px;transition:background .4s,transform .4s}@media (max-width:640px){.out{border-radius:21.6px;padding:clamp(21.6px,3vw,32.4px);gap:19.8px;min-height:198px}}
.out:hover{background:var(--green-soft);transform:translateY(-4px)}@media (max-width:640px){.out:hover{transform:translateY(-3.6px)}}
.out .ill{width:100%;max-width:220px;height:auto;overflow:visible}
.ill .ax{stroke:var(--line);stroke-width:2}
.ill .br{fill:var(--mint);transform-box:fill-box;transform-origin:bottom;transform:scaleY(.15);transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*120ms + 200ms)}
.ill .br.hi{fill:var(--green)}
.out.in .ill .br{transform:none}
.ill .trk{fill:none;stroke:var(--mint);stroke-width:9}
.ill .ring{fill:none;stroke:var(--green);stroke-width:9;stroke-linecap:round;stroke-dasharray:0 100;transform:rotate(-90deg);transform-origin:80px 45px;transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1) .3s}
.out.in .ill .ring{stroke-dasharray:82 100}
.ill .core{fill:var(--green)}
.ill .dotn{fill:var(--neon);stroke:var(--ink);stroke-width:2}
.ill .orb{transform-origin:80px 45px;animation:orb 6s linear infinite}
@keyframes orb{to{transform:rotate(360deg)}}
.ill .area{fill:var(--mint);opacity:0;transition:opacity .8s 1s}
.ill .ln{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1) .3s}
.ill .end{fill:var(--neon);stroke:var(--ink);stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) 1.5s}
.out.in .ill .ln{stroke-dasharray:100 0}.out.in .ill .area{opacity:1}.out.in .ill .end{transform:none}
html:not(.js) .ill .br,html:not(.js) .ill .end{transform:none}html:not(.js) .ill .ln{stroke-dasharray:100 0}html:not(.js) .ill .ring{stroke-dasharray:82 100}html:not(.js) .ill .area{opacity:1}
.out:hover .ill .br.hi{fill:var(--neon)}
.out b{font:800 clamp(26px,2.8vw,34px)/1.08 var(--f-display);letter-spacing:-.03em;text-wrap:balance}@media (max-width:640px){.out b{font:800 clamp(23.4px,2.8vw,30.6px)/1.08 var(--f-display)}}
@media (max-width:900px){.outs{grid-template-columns:1fr}.out{min-height:0}}

/* integration */
.integ{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}@media (max-width:640px){.integ{gap:50.4px}}
.integ .head{justify-items:start;text-align:left;margin:0}
.integ .head .lede{text-align:left}
.hint{font:500 13px var(--f-mono);color:var(--muted);letter-spacing:.04em}
.flips{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.flips{gap:14.4px}}
.flip{perspective:1100px;cursor:pointer;min-width:0}
.flip:focus-visible{outline:3px solid var(--neon);outline-offset:4px;border-radius:20px}@media (max-width:640px){.flip:focus-visible{border-radius:18px}}
.inner{display:grid;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;padding:24px;display:grid;gap:10px;align-content:start;min-height:200px}@media (max-width:640px){.face{border-radius:18px;padding:21.6px;gap:9px;min-height:180px}}
.front{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.front .ic{width:44px;height:44px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}@media (max-width:640px){.front .ic{width:39.6px;height:39.6px;border-radius:10.8px}}
.front b{font:800 19px var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.front b{font:800 17.1px var(--f-display)}}
.front span{color:var(--muted);font-size:14.5px}@media (max-width:640px){.front span{font-size:14px}}
.front em{font:500 13px var(--f-mono);font-style:normal;color:var(--green);margin-top:auto;letter-spacing:.06em;text-transform:uppercase}
.back{background:var(--green);color:var(--on-green);transform:rotateY(180deg)}
.back b{font:800 17px var(--f-display)}@media (max-width:640px){.back b{font:800 15.3px var(--f-display)}}
.back ul{margin:0;padding:0 0 0 18px;display:grid;gap:7px;font-size:14px}@media (max-width:640px){.back ul{padding:0 0 0 16.2px;gap:6.3px}}
.flip:hover .inner,.flip:focus-visible .inner,.flip.on .inner{transform:rotateY(180deg)}
@media (max-width:900px){.integ{grid-template-columns:1fr;gap:32px}@media (max-width:640px){.integ{gap:28.8px}}}
@media (max-width:520px){.flips{grid-template-columns:1fr}}



/* home v2 (Batu, 9 Oct): deep green panels, one readable product screen per sector, Plus Jakarta Sans 600 display */
:root,.hx{--hx-mint:#3ddc68;--hx-deep:linear-gradient(160deg,#024a1b 0%,#01300f 55%,#011c09 100%)}
.hx h1,.hx h2{font-weight:600;letter-spacing:-.045em}
.hx h2{font-size:clamp(32px,4.3vw,54px);line-height:1.04}@media (max-width:640px){.hx h2{font-size:clamp(28.8px,4.3vw,48.6px)}}
.hx h3{font-weight:600;letter-spacing:-.025em}
.hx>section{padding-block:clamp(56px,7.5vw,100px)}@media (max-width:640px){.hx>section{padding-block:clamp(50.4px,7.5vw,90px)}}
.hx-eb{font:600 13px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.hx-hd{display:grid;gap:16px;justify-items:center;text-align:center;max-width:880px;margin:0 auto clamp(36px,5vw,60px)}@media (max-width:640px){.hx-hd{gap:14.4px;margin:0 auto clamp(32.4px,5vw,54px)}}
.hx-hd p{color:var(--muted);font-size:clamp(16.5px,1.4vw,18.5px);max-width:56ch}@media (max-width:640px){.hx-hd p{font-size:clamp(14.85px,1.4vw,16.65px)}}
.hx-hl{justify-items:start;text-align:left;margin:0}
.hx-pi{width:42px;height:42px;border-radius:13px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:none}@media (max-width:640px){.hx-pi{width:37.8px;height:37.8px;border-radius:11.7px}}
.hx-lb{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hx-av{font:700 12px var(--f-display);font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:#3ddc68;color:#06260f}@media (max-width:640px){.hx-av{width:30.6px;height:30.6px}}
.hx-q{justify-self:end;max-width:86%;background:var(--green);color:var(--on-green);font-weight:600;padding:10px 14px;border-radius:16px 16px 4px 16px;line-height:1.35}@media (max-width:640px){.hx-q{padding:9px 12.6px;border-radius:14.4px 14.4px 3.6px 14.4px}}
.hx-na{line-height:1.5}.hx-na b{color:var(--green)}
.hx-btn{display:inline-grid;place-items:center;justify-self:start;background:var(--ink);color:var(--surface);border-radius:12px;padding:11px 16px;font:700 14px/1 var(--f-display);white-space:nowrap;transition:background .4s}@media (max-width:640px){.hx-btn{border-radius:10.8px;padding:9.9px 14.4px}}
.hx-btn>span{grid-area:1/1;display:inline-flex;align-items:center;gap:7px;transition:opacity .35s,transform .35s}@media (max-width:640px){.hx-btn>span{gap:6.3px}}
.hx-tl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:640px){.hx-tl{gap:7.2px}}
.hx-tl span{display:grid;gap:2px;padding:10px 8px;border-radius:12px;background:var(--surface-2);font-size:12px;color:var(--muted);text-align:center}@media (max-width:640px){.hx-tl span{padding:9px 7.2px;border-radius:10.8px}}
.hx-tl b{font:600 24px/1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}@media (max-width:640px){.hx-tl b{font:600 21.6px/1 var(--f-display)}}

/* hero: a deep green panel */
.hx>.hx-hero{padding:clamp(48px,6vw,84px) 26px 0}@media (max-width:640px){.hx>.hx-hero{padding:clamp(43.2px,6vw,75.6px) 23.4px 0}}
.hx-hero{position:relative;margin:14px -6px 0;border-radius:34px;color:#fff;overflow:hidden;isolation:isolate;
  background:radial-gradient(760px 520px at 82% 34%,rgba(61,220,104,.24),transparent 62%),radial-gradient(640px 460px at 0% 100%,rgba(2,122,31,.6),transparent 62%),var(--hx-deep)}@media (max-width:640px){.hx-hero{margin:12.6px -5.4px 0;border-radius:30.6px}}
.hx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%)}
.hx-hw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,548px);gap:clamp(32px,4.5vw,72px);align-items:center}@media (max-width:640px){.hx-hw{grid-template-columns:minmax(0,1fr) minmax(0,493.2px);gap:clamp(28.8px,4.5vw,64.8px)}}
.hx-pill{display:inline-flex;align-items:center;gap:9px;font:500 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#c9f7d5;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:8px 13px;border-radius:999px}@media (max-width:640px){.hx-pill{gap:8.1px;padding:7.2px 11.7px;border-radius:899.1px}}
.hx-pill i{width:7px;height:7px;border-radius:50%;background:var(--hx-mint);box-shadow:0 0 0 0 rgba(61,220,104,.6);animation:hxPulse 2.4s infinite}@media (max-width:640px){.hx-pill i{width:6.3px;height:6.3px}}
@keyframes hxPulse{70%{box-shadow:0 0 0 8px rgba(61,220,104,0)}100%{box-shadow:0 0 0 0 rgba(61,220,104,0)}}
.hx-hero h1{font-size:clamp(44px,5.6vw,80px);line-height:.98;margin:24px 0 24px;color:#fff;max-width:9.5em}@media (max-width:640px){.hx-hero h1{font-size:clamp(39.6px,5.6vw,72px);margin:21.6px 0 21.6px}}
.hx-hero h1 em{font-style:normal;color:var(--hx-mint)}
.hx-lede{color:rgba(255,255,255,.9);font-size:clamp(16.5px,1.35vw,19px);line-height:1.6;max-width:33em}@media (max-width:640px){.hx-lede{font-size:clamp(14.85px,1.35vw,17.1px)}}
.hx-lede strong{color:#fff;font-weight:600}
.hx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}@media (max-width:640px){.hx-cta{gap:10.8px;margin-top:30.6px}}
.hx-b1{background:#fff;color:#013d14}.hx-b1:hover{background:var(--hx-mint)}
.hx-b2{color:#fff;border-color:rgba(255,255,255,.3)}.hx-b2:hover{background:rgba(255,255,255,.08);border-color:#fff}

/* hero stage: sector tabs and one large readable screen */
.hx-stage{position:relative;padding:12px;border-radius:30px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px rgba(0,0,0,.25)}@media (max-width:640px){.hx-stage{padding:10.8px;border-radius:27px}}
.hx-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:18px;background:rgba(0,0,0,.2)}@media (max-width:640px){.hx-tabs{gap:3.6px;padding:3.6px;border-radius:16.2px}}
.hx-tab{position:relative;overflow:hidden;font:inherit;color:rgba(255,255,255,.9);background:none;border:0;border-radius:14px;padding:12px 8px 15px;cursor:pointer;transition:background .3s,color .3s}@media (max-width:640px){.hx-tab{border-radius:12.6px;padding:10.8px 7.2px 13.5px}}
.hx-tab b{font:700 14px/1.2 var(--f-display);letter-spacing:-.01em}
.hx-tab:hover{color:#fff;background:rgba(255,255,255,.06)}
.hx-tab[aria-selected="true"]{background:#fff;color:#013d14}
.hx-tab:focus-visible{outline:3px solid var(--hx-mint);outline-offset:2px}
.hx-pg{position:absolute;left:16px;right:16px;bottom:6px;height:3px;border-radius:3px;background:rgba(1,61,20,.12);overflow:hidden;opacity:0;transition:opacity .3s}@media (max-width:640px){.hx-pg{left:14.4px;right:14.4px;bottom:5.4px;height:2.7px;border-radius:2.7px}}
.hx-pg::after{content:"";position:absolute;inset:0;background:#027a1f;transform-origin:left;transform:scaleX(var(--hxp,0));transition:transform .1s linear}
html.hx-js .hx-tab[aria-selected="true"] .hx-pg{opacity:1}
html.hx-js .hx-stage.hold .hx-pg{opacity:0}
.hx-pans{position:relative;display:grid;padding:34px 30px 38px}@media (max-width:640px){.hx-pans{padding:30.6px 27px 34.2px}}
.hx-pans::before{content:"";position:absolute;left:50%;top:50%;width:420px;height:420px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(61,220,104,.22),transparent 66%);pointer-events:none}@media (max-width:640px){.hx-pans::before{width:378px;height:378px}}
.hx-pan{grid-area:1/1;display:grid;place-items:center;transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.hx-pan:not(.on){visibility:hidden;opacity:0;transform:translateY(10px)}@media (max-width:640px){.hx-pan:not(.on){transform:translateY(9px)}}
.hx-app{position:relative;width:min(100%,420px);background:var(--surface);color:var(--ink);border-radius:24px;padding:16px 18px 20px;display:grid;gap:12px;align-content:start;font-size:15px;line-height:1.45;box-shadow:0 32px 64px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12)}@media (max-width:640px){.hx-app{width:min(100%,378px);border-radius:21.6px;padding:14.4px 16.2px 18px;gap:10.8px;font-size:14px}}
.hx-ah{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}@media (max-width:640px){.hx-ah{gap:8.1px;padding-bottom:10.8px}}
.hx-ah b{font:700 15px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hx-ah b{font:700 14px var(--f-display)}}
.hx-ah img{border-radius:6px;flex:none}@media (max-width:640px){.hx-ah img{border-radius:5.4px}}
.hx-tag{margin-left:auto;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);padding:5px 9px;border-radius:999px;white-space:nowrap}@media (max-width:640px){.hx-tag{padding:4.5px 8.1px;border-radius:899.1px}}
.hx-live{color:#fff;background:#d92d20;display:inline-flex;align-items:center;gap:6px}@media (max-width:640px){.hx-live{gap:5.4px}}
.hx-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:hxBlink 1.2s infinite}@media (max-width:640px){.hx-live i{width:5.4px;height:5.4px}}
@keyframes hxBlink{50%{opacity:.25}}
.hx-ico{width:24px;height:24px;border-radius:7px;background:#1b2130;color:#fff;display:grid;place-items:center;flex:none}@media (max-width:640px){.hx-ico{width:21.6px;height:21.6px;border-radius:6.3px}}
.hx-hi{font:600 17px/1.35 var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.hx-hi{font:600 15.3px/1.35 var(--f-display)}}
.hx-tks{list-style:none;margin:0;padding:0;display:grid;gap:6px}@media (max-width:640px){.hx-tks{gap:5.4px}}
.hx-tks li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted)}@media (max-width:640px){.hx-tks li{gap:8.1px}}
.hx-tks i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--green-soft);color:var(--green)}@media (max-width:640px){.hx-tks i{width:18px;height:18px}}
.hx-pick{display:grid;gap:9px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--bg)}@media (max-width:640px){.hx-pick{gap:8.1px;padding:12.6px;border-radius:16.2px}}
.hx-fx{display:flex;align-items:baseline;gap:8px;font:700 20px/1.1 var(--f-display);letter-spacing:-.025em}@media (max-width:640px){.hx-fx{gap:7.2px;font:700 18px/1.1 var(--f-display)}}
.hx-fx em{font:500 14px var(--f-body);font-style:normal;color:var(--muted)}
.hx-mk{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 9px 9px 13px;border-radius:12px;background:var(--green-soft);font-weight:600}@media (max-width:640px){.hx-mk{gap:9px;padding:8.1px 8.1px 8.1px 11.7px;border-radius:10.8px}}
.hx-mk b{font:700 15px var(--f-mono);background:var(--green);color:var(--on-green);padding:6px 10px;border-radius:9px}@media (max-width:640px){.hx-mk b{font:700 14px var(--f-mono);padding:5.4px 9px;border-radius:8.1px}}
.hx-st{display:flex;gap:9px;font-size:14px;line-height:1.45}@media (max-width:640px){.hx-st{gap:8.1px}}
.hx-st i,.hx-mdi i,.hx-leg small i{width:7px;height:7px;border-radius:50%;background:#3ddc68;flex:none;margin-top:.5em}@media (max-width:640px){.hx-st i,.hx-mdi i,.hx-leg small i{width:6.3px;height:6.3px}}
.hx-wy{font-size:13px;font-weight:600;color:var(--green)}
.hx-btn .b{opacity:0;transform:translateY(8px)}@media (max-width:640px){.hx-btn .b{transform:translateY(7.2px)}}
.hx-pan.s5 .hx-btn{background:var(--green);color:var(--on-green)}
.hx-pan.s5 .hx-btn .a{opacity:0;transform:translateY(-8px)}@media (max-width:640px){.hx-pan.s5 .hx-btn .a{transform:translateY(-7.2px)}}
.hx-pan.s5 .hx-btn .b{opacity:1;transform:none}
.hx-ans{display:grid;gap:12px}@media (max-width:640px){.hx-ans{gap:10.8px}}
.hx-ans p{font-size:15.5px;line-height:1.5}@media (max-width:640px){.hx-ans p{font-size:14px}}
.hx-fu{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.hx-fu{gap:5.4px}}
.hx-fu span{font-size:12.5px;font-weight:600;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);border-radius:999px;padding:6px 11px}@media (max-width:640px){.hx-fu span{border-radius:899.1px;padding:5.4px 9.9px}}
.hx-tv{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(90deg,#1f7a3a 0 10%,#23843f 10% 20%);box-shadow:inset 0 0 60px rgba(0,0,0,.35)}@media (max-width:640px){.hx-tv{border-radius:12.6px}}
.hx-pt{position:absolute;inset:0;width:100%;height:100%}
.hx-bug{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;font:700 12px var(--f-display);color:#fff;background:#0d1211;padding:6px 9px;border-radius:7px}@media (max-width:640px){.hx-bug{left:9px;top:9px;gap:5.4px;padding:5.4px 8.1px;border-radius:6.3px}}
.hx-bug b{background:#fff;color:#0d1211;border-radius:4px;padding:1px 5px}@media (max-width:640px){.hx-bug b{border-radius:3.6px;padding:1px 4.5px}}.hx-bug em{font-style:normal;color:var(--hx-mint)}
.hx-l3{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(13,18,17,.92);color:#fff;border-left:4px solid #3ddc68}@media (max-width:640px){.hx-l3{left:9px;right:9px;bottom:9px;gap:9px;padding:8.1px 10.8px;border-radius:10.8px}}
.hx-l3 b{display:block;font:700 15px/1.2 var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hx-l3 b{font:700 14px/1.2 var(--f-display)}}
.hx-l3 span{display:block;font-size:12.5px;line-height:1.35;color:#c8d3cc}.hx-l3 em{font-style:normal;color:var(--hx-mint);font-weight:700}
.hx-air{display:flex;align-items:center;justify-content:space-between;gap:10px}@media (max-width:640px){.hx-air{gap:9px}}
.hx-rec{width:8px;height:8px;border-radius:50%;background:#fff;animation:hxBlink 1.2s infinite}@media (max-width:640px){.hx-rec{width:7.2px;height:7.2px}}
.hx-pan.s5 .hx-air .hx-btn{background:#d92d20;color:#fff}
.hx-bd{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--f-display);color:#013d14;background:#fff;padding:7px 14px 7px 7px;border-radius:999px;box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(1,61,20,.06);white-space:nowrap}@media (max-width:640px){.hx-bd{gap:7.2px;padding:6.3px 12.6px 6.3px 6.3px;border-radius:899.1px}}
.hx-bd i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8fbec;color:#027a1f}@media (max-width:640px){.hx-bd i{width:23.4px;height:23.4px}}
.hx-bd-a{top:-30px;right:-30px}@media (max-width:640px){.hx-bd-a{top:-27px;right:-27px}}
.hx-bd-b{bottom:-24px;left:-30px}@media (max-width:640px){.hx-bd-b{bottom:-21.6px;left:-27px}}
/* step reveal, only with motion */
html.hx-js .hx-pan :is(.q1,.q2,.q3,.q4,.q5){opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){html.hx-js .hx-pan :is(.q1,.q2,.q3,.q4,.q5){transform:translateY(7.2px)}}
html.hx-js .hx-pan .hx-bd:is(.q4,.q5){transform:translateY(8px) scale(.9)}@media (max-width:640px){html.hx-js .hx-pan .hx-bd:is(.q4,.q5){transform:translateY(7.2px) scale(.9)}}
html.hx-js .hx-pan.s1 .q1,html.hx-js .hx-pan.s2 .q2,html.hx-js .hx-pan.s3 .q3,html.hx-js .hx-pan.s4 .q4,html.hx-js .hx-pan.s5 .q5{opacity:1;transform:none}
html.hx-js .hx-pan .hx-l3.q4{transform:translateY(120%)}
html.hx-js .hx-pan.s4 .hx-l3.q4{transform:none}
/* proof strip */
.hx-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(52px,6vw,84px);border-top:1px solid rgba(255,255,255,.14)}@media (max-width:640px){.hx-proof{margin-top:clamp(46.8px,6vw,75.6px)}}
.hx-proof div{display:grid;gap:6px;padding:24px 0 30px 24px;border-left:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.hx-proof div{gap:5.4px;padding:21.6px 0 27px 21.6px}}
.hx-proof div:first-child{border-left:0;padding-left:0}
.hx-proof b{font:600 clamp(26px,2.8vw,38px)/1 var(--f-display);letter-spacing:-.04em;color:#fff}@media (max-width:640px){.hx-proof b{font:600 clamp(23.4px,2.8vw,34.2px)/1 var(--f-display)}}
.hx-proof span{font-size:14px;color:rgba(255,255,255,.9)}

/* why now: drag between the old table and the new answer */
.hx-cmp{--x:50%;position:relative;max-width:1000px;height:430px;margin-inline:auto;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}@media (max-width:640px){.hx-cmp{height:387px;border-radius:27px}}
.hx-old,.hx-new{position:absolute;inset:0}
.hx-old{background:var(--surface-2);padding:70px 28px 24px;display:grid;gap:12px;align-content:start;font:500 13px var(--f-mono);color:var(--muted)}@media (max-width:640px){.hx-old{padding:63px 25.2px 21.6px;gap:10.8px}}
.hx-oh{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:640px){.hx-oh{gap:7.2px}}
.hx-oh span{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px;white-space:nowrap}@media (max-width:640px){.hx-oh span{border-radius:7.2px;padding:5.4px 9px}}
.hx-oh .hx-srch{min-width:180px;color:color-mix(in srgb,var(--muted) 70%,transparent)}@media (max-width:640px){.hx-oh .hx-srch{min-width:162px}}
.hx-old table{width:100%;border-collapse:collapse}
.hx-old th{font-weight:600;text-align:right;padding:7px 10px;border-bottom:1px solid var(--line);color:var(--body)}@media (max-width:640px){.hx-old th{padding:6.3px 9px}}
.hx-old th:first-child,.hx-old td:first-child{text-align:left;width:26%}
.hx-old td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line)}@media (max-width:640px){.hx-old td{padding:7.2px 9px}}
.hx-old td i{display:block;height:8px;width:var(--w);border-radius:4px;background:color-mix(in srgb,var(--muted) 30%,transparent)}@media (max-width:640px){.hx-old td i{height:7.2px;border-radius:3.6px}}
.hx-old tr:nth-child(even) td{background:color-mix(in srgb,var(--surface) 55%,transparent)}
.hx-pg2{display:flex;gap:6px;justify-content:flex-end}@media (max-width:640px){.hx-pg2{gap:5.4px}}.hx-pg2 span{border:1px solid var(--line);border-radius:6px;padding:3px 8px}@media (max-width:640px){.hx-pg2 span{border-radius:5.4px;padding:2.7px 7.2px}}
.hx-new{clip-path:inset(0 0 0 var(--x));background:radial-gradient(520px 320px at 78% 10%,var(--green-soft),transparent 70%),var(--surface);display:flex;align-items:center;justify-content:flex-end;padding:56px max(5%,28px) 28px}@media (max-width:640px){.hx-new{padding:50.4px max(5%,25.2px) 25.2px}}
.hx-nw{width:min(410px,42%);display:grid;gap:14px;font-size:15.5px}@media (max-width:640px){.hx-nw{width:min(369px,42%);gap:12.6px;font-size:14px}}
.hx-nw .hx-ah{border:0;padding:0}
.hx-pc{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--bg)}@media (max-width:640px){.hx-pc{gap:9px 10.8px;padding:12.6px;border-radius:16.2px}}
.hx-pc b{display:block;font:700 15px var(--f-display)}@media (max-width:640px){.hx-pc b{font:700 14px var(--f-display)}}.hx-pc span{font-size:12.5px;color:var(--muted)}
.hx-pc .hx-tl{grid-column:1/-1}
.hx-pc .hx-tl b{display:block;font:600 24px/1 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.hx-pc .hx-tl b{font:600 21.6px/1 var(--f-display)}}
.hx-pc .hx-tl span{display:grid}
.hx-cl{position:absolute;top:18px;z-index:3;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px;white-space:nowrap}@media (max-width:640px){.hx-cl{top:16.2px;padding:7.2px 10.8px;border-radius:899.1px}}
.hx-cl b{font-weight:700}
.hx-cl-o{left:18px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}@media (max-width:640px){.hx-cl-o{left:16.2px}}
.hx-cl-n{right:18px;background:var(--green);color:var(--on-green)}@media (max-width:640px){.hx-cl-n{right:16.2px}}
.hx-hdl{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--green);z-index:4;pointer-events:none}
.hx-hdl i{position:absolute;top:50%;left:50%;translate:-50% -50%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--green);border:2px solid var(--green);box-shadow:0 10px 24px rgba(10,30,15,.18)}@media (max-width:640px){.hx-hdl i{width:41.4px;height:41.4px}}
.hx-cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5}
.hx-cmp:has(input:focus-visible) .hx-hdl i{outline:3px solid var(--neon);outline-offset:3px}
.hx-pils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:28px auto 0}@media (max-width:640px){.hx-pils{gap:16.2px;margin:25.2px auto 0}}
.hx-pils>div{display:grid;gap:8px;justify-items:start;padding:20px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}@media (max-width:640px){.hx-pils>div{gap:7.2px;padding:18px 19.8px;border-radius:19.8px}}
.hx-pils b{font:600 19px var(--f-display);letter-spacing:-.02em;margin-top:6px}@media (max-width:640px){.hx-pils b{font:600 17.1px var(--f-display);margin-top:5.4px}}
.hx-pils p{font-size:14.5px;color:var(--muted);line-height:1.5}@media (max-width:640px){.hx-pils p{font-size:14px}}

/* solutions: three colour cards */
.hx>.hx-sol{padding-top:0}
.hx-sol .hx-hd{max-width:1080px}
.hx-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width:640px){.hx-bento{gap:16.2px}}
.hx-sc{position:relative;display:flex;flex-direction:column;gap:24px;min-height:620px;padding:30px 26px 26px;border-radius:30px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}@media (max-width:640px){.hx-sc{gap:21.6px;min-height:558px;padding:27px 23.4px 23.4px;border-radius:27px}}
.hx-sc::before{content:"";position:absolute;right:-30%;bottom:-20%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--gl),transparent 68%);z-index:-1;opacity:.7;transition:opacity .45s,transform .6s}@media (max-width:640px){.hx-sc::before{width:378px;height:378px}}
.hx-sc::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px;-webkit-mask:linear-gradient(#000,transparent 50%);mask:linear-gradient(#000,transparent 50%)}
.hx-sc:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(6,20,12,.28)}@media (max-width:640px){.hx-sc:hover{transform:translateY(-5.4px)}}
html.js .hx-sc.rv.in:hover{transform:translateY(-6px);transition-delay:0s}@media (max-width:640px){html.js .hx-sc.rv.in:hover{transform:translateY(-5.4px)}}
.hx-sc:hover::before{opacity:1;transform:scale(1.15)}
.hx-sc:focus-visible{outline:3px solid var(--neon);outline-offset:4px}
.hx-sc-b{background:linear-gradient(165deg,#28324a 0%,#121722 100%);--gl:rgba(61,220,104,.42)}
.hx-sc-c{background:linear-gradient(165deg,#14903f 0%,#053d1b 100%);--gl:rgba(190,255,208,.4)}
.hx-sc-m{background:linear-gradient(165deg,#2152b8 0%,#0a1838 100%);--gl:rgba(124,192,242,.5)}
.hx-sch{display:grid;gap:10px}@media (max-width:640px){.hx-sch{gap:9px}}
.hx-sch b{font:600 clamp(26px,2.4vw,32px)/1.05 var(--f-display);letter-spacing:-.04em}@media (max-width:640px){.hx-sch b{font:600 clamp(23.4px,2.4vw,28.8px)/1.05 var(--f-display)}}
.hx-sch p{color:rgba(255,255,255,.9);font-size:15.5px}@media (max-width:640px){.hx-sch p{font-size:14px}}
.hx-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}@media (max-width:640px){.hx-chips{gap:6.3px;margin-top:3.6px}}
.hx-chips span{font:600 12.5px var(--f-display);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 11px}@media (max-width:640px){.hx-chips span{border-radius:899.1px;padding:5.4px 9.9px}}
.hx-scv{flex:1;display:grid;place-items:center}
.hx-scv>div{transition:scale .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1)}
.hx-sc:hover .hx-scv>div{scale:1.04;rotate:-1.2deg}
.hx-go{display:inline-flex;align-items:center;gap:10px;font:700 15px var(--f-display)}@media (max-width:640px){.hx-go{gap:9px;font:700 14px var(--f-display)}}
.hx-go i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b2130;transition:transform .3s}@media (max-width:640px){.hx-go i{width:30.6px;height:30.6px}}
.hx-sc:hover .hx-go i{transform:translateX(5px)}@media (max-width:640px){.hx-sc:hover .hx-go i{transform:translateX(4.5px)}}
/* card mocks stay light on the colour cards */
.hx-cp,.hx-md,.hx-mq{width:100%;max-width:340px;background:#fff;color:#1b2130;border-radius:20px;box-shadow:0 22px 46px rgba(0,0,0,.35);font-size:13.5px;line-height:1.4}@media (max-width:640px){.hx-cp,.hx-md,.hx-mq{border-radius:18px}}
.hx-cp{padding:14px;display:grid;gap:8px}@media (max-width:640px){.hx-cp{padding:12.6px;gap:7.2px}}
.hx-cph{display:flex;justify-content:space-between;align-items:baseline;gap:8px}@media (max-width:640px){.hx-cph{gap:7.2px}}.hx-cph b{font:700 15px var(--f-display)}@media (max-width:640px){.hx-cph b{font:700 14px var(--f-display)}}.hx-cph span{font-size:11.5px;color:#515969}
.hx-leg{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;background:#f3f6f3}@media (max-width:640px){.hx-leg{gap:9px;padding:9px 9.9px;border-radius:10.8px}}
.hx-leg div{display:grid;gap:1px;min-width:0}.hx-leg b{font:700 13.5px var(--f-display)}.hx-leg span{font-size:12px;color:#434b5a}
.hx-leg small{display:flex;gap:6px;font-size:11.5px;color:#027a1f;font-weight:600}@media (max-width:640px){.hx-leg small{gap:5.4px}}.hx-leg small i{margin-top:.45em}
.hx-leg em{font:700 13px var(--f-mono);font-style:normal;background:#1b2130;color:#fff;border-radius:8px;padding:5px 8px}@media (max-width:640px){.hx-leg em{border-radius:7.2px;padding:4.5px 7.2px}}
.hx-cpt{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;font-size:12.5px;color:#434b5a}@media (max-width:640px){.hx-cpt{gap:7.2px;padding-top:3.6px}}
.hx-cpt b{display:block;font:600 24px/1 var(--f-display);letter-spacing:-.03em;color:#1b2130}@media (max-width:640px){.hx-cpt b{font:600 21.6px/1 var(--f-display)}}
.hx-cpt .hx-btn,.hx-gm .hx-btn{background:#027a1f;color:#fff;padding:10px 12px;font-size:13px}@media (max-width:640px){.hx-cpt .hx-btn,.hx-gm .hx-btn{padding:9px 10.8px}}
.hx-md{padding:16px;display:grid;gap:12px}@media (max-width:640px){.hx-md{padding:14.4px;gap:10.8px}}
.hx-mdh{display:grid;gap:10px;padding:14px;border-radius:16px;background:linear-gradient(160deg,#027a1f,#015c17);color:#fff}@media (max-width:640px){.hx-mdh{gap:9px;padding:12.6px;border-radius:14.4px}}
.hx-mdh .hx-lb{color:rgba(255,255,255,.9)}
.hx-mdf{display:flex;align-items:center;justify-content:space-between}.hx-mdf b{font:600 28px/1 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.hx-mdf b{font:600 25.2px/1 var(--f-display)}}
.hx-mdn{display:flex;justify-content:space-between;font:700 13px var(--f-display)}
.hx-mdi{display:flex;gap:8px;font-weight:600}@media (max-width:640px){.hx-mdi{gap:7.2px}}
.hx-gm{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#f3f6f3}@media (max-width:640px){.hx-gm{gap:9px;padding:9px;border-radius:12.6px}}
.hx-gm b{display:block;font:700 13.5px var(--f-display)}.hx-gm span{font-size:12px;color:#434b5a}
.hx-gi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8fbec;color:#027a1f}@media (max-width:640px){.hx-gi{width:30.6px;height:30.6px;border-radius:9px}}
.hx-gm .hx-btn span{color:inherit}
.hx-mv{width:100%;max-width:330px;display:grid}
.hx-tv2{box-shadow:0 22px 46px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.15)}
.hx-tv2 .hx-l3 b{font-size:14px}.hx-tv2 .hx-l3 span{font-size:11.5px}
.hx-mq{width:86%;justify-self:end;margin-top:-14px;position:relative;padding:12px 14px;display:grid;gap:8px}@media (max-width:640px){.hx-mq{margin-top:-12.6px;padding:10.8px 12.6px;gap:7.2px}}
.hx-mq .hx-q{background:#1f4fd1;color:#fff;font-size:12.5px;padding:8px 11px}@media (max-width:640px){.hx-mq .hx-q{padding:7.2px 9.9px}}
.hx-mq .hx-na b{color:#1f4fd1}
html.js .hx-sc.rv .hx-leg{opacity:0;transform:translateX(-12px);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.45s + var(--d)*.16s)}@media (max-width:640px){html.js .hx-sc.rv .hx-leg{transform:translateX(-10.8px)}}
html.js .hx-sc.rv.in .hx-leg{opacity:1;transform:none}

/* how it works: deep green band */
.hx-eng{margin-inline:-6px;padding-inline:26px;border-radius:34px;color:#fff;background:radial-gradient(700px 400px at 20% 30%,rgba(61,220,104,.16),transparent 65%),var(--hx-deep)}@media (max-width:640px){.hx-eng{margin-inline:-5.4px;padding-inline:23.4px;border-radius:30.6px}}
.hx-eng .hx-eb{color:var(--hx-mint)}
.hx-eng h2{color:#fff}.hx-eng .hx-hd p{color:rgba(255,255,255,.9)}
.hx-eg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center;max-width:1040px;margin-inline:auto}@media (max-width:640px){.hx-eg{gap:clamp(25.2px,4vw,54px)}}
.hx-fn{display:grid;gap:10px;justify-items:center}@media (max-width:640px){.hx-fn{gap:9px}}
.hx-fl{width:var(--w);min-width:min(100%,300px);display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.9);font:inherit;text-align:left;cursor:pointer;transition:background .35s,color .35s,box-shadow .35s,border-color .35s}@media (max-width:640px){.hx-fl{min-width:min(100%,270px);gap:12.6px;padding:15.3px 18px;border-radius:14.4px}}
.hx-fl span{font:600 13px var(--f-mono);opacity:.6}
.hx-fl b{flex:1;font:600 16.5px var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.hx-fl b{font:600 14.85px var(--f-display)}}
.hx-fl i{display:grid;opacity:.75}
.hx-fl:hover{background:rgba(255,255,255,.1)}
.hx-fl.on{background:#fff;color:#013d14;border-color:#fff;box-shadow:0 0 0 6px rgba(61,220,104,.16),0 18px 40px rgba(0,0,0,.3)}
.hx-fl:focus-visible{outline:3px solid var(--hx-mint);outline-offset:3px}
.hx-fd{display:grid;padding:30px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);min-height:260px}@media (max-width:640px){.hx-fd{padding:27px;border-radius:23.4px;min-height:234px}}
.hx-fx2{grid-area:1/1;display:grid;gap:12px;align-content:start;transition:opacity .4s,transform .4s}@media (max-width:640px){.hx-fx2{gap:10.8px}}
.hx-fx2:not(.on){opacity:0;transform:translateY(8px);visibility:hidden}@media (max-width:640px){.hx-fx2:not(.on){transform:translateY(7.2px)}}
.hx-fi{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--hx-mint);color:#013d14}@media (max-width:640px){.hx-fi{width:50.4px;height:50.4px;border-radius:14.4px}}
.hx-fnum{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hx-mint);margin-top:8px}@media (max-width:640px){.hx-fnum{margin-top:7.2px}}
.hx-fx2 h3{font-size:clamp(24px,2.3vw,30px);line-height:1.1;color:#fff}@media (max-width:640px){.hx-fx2 h3{font-size:clamp(21.6px,2.3vw,27px)}}
.hx-fx2 p{color:rgba(255,255,255,.9);font-size:16px}@media (max-width:640px){.hx-fx2 p{font-size:14.4px}}
.hx-quote{max-width:30em;margin:clamp(40px,5vw,64px) auto 0;text-align:center;font:600 clamp(20px,2.2vw,28px)/1.3 var(--f-display);letter-spacing:-.025em;color:rgba(255,255,255,.92)}@media (max-width:640px){.hx-quote{margin:clamp(36px,5vw,57.6px) auto 0;font:600 clamp(18px,2.2vw,25.2px)/1.3 var(--f-display)}}
.hx-quote span{color:var(--hx-mint)}

/* outcomes */
.hx-outs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width:640px){.hx-outs{gap:16.2px}}
.hx-oc{display:grid;gap:20px;padding:20px 20px 26px;border-radius:28px;background:var(--surface);border:1px solid var(--line)}@media (max-width:640px){.hx-oc{gap:18px;padding:18px 18px 23.4px;border-radius:25.2px}}
.hx-oc b{font:600 clamp(20px,1.9vw,24px)/1.15 var(--f-display);letter-spacing:-.025em;padding-inline:6px}@media (max-width:640px){.hx-oc b{font:600 clamp(18px,1.9vw,21.6px)/1.15 var(--f-display);padding-inline:5.4px}}
.hx-ov{height:190px;border-radius:20px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;overflow:hidden}@media (max-width:640px){.hx-ov{height:171px;border-radius:18px}}
.hx-ob{display:flex;align-items:flex-end;gap:10px;height:120px;width:70%}@media (max-width:640px){.hx-ob{gap:9px;height:108px}}
.hx-ob i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:currentColor;opacity:.35;transform-origin:bottom}@media (max-width:640px){.hx-ob i{border-radius:7.2px 7.2px 2.7px 2.7px}}
.hx-ob i:last-child{opacity:1}
.hx-wk{display:grid;grid-template-columns:repeat(7,18px);gap:9px}@media (max-width:640px){.hx-wk{grid-template-columns:repeat(7,16.2px);gap:8.1px}}
.hx-wk i{width:18px;height:18px;border-radius:6px;background:currentColor}@media (max-width:640px){.hx-wk i{width:16.2px;height:16.2px;border-radius:5.4px}}
.hx-wk i.n{background:color-mix(in srgb,currentColor 18%,transparent)}
.hx-o3 svg{width:78%;overflow:visible}
html.js .hx-oc.rv .hx-ob i{transform:scaleY(.08);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
html.js .hx-oc.rv.in .hx-ob i{transform:none}
html.js .hx-oc.rv .hx-ob i:nth-child(2){transition-delay:.08s}html.js .hx-oc.rv .hx-ob i:nth-child(3){transition-delay:.16s}html.js .hx-oc.rv .hx-ob i:nth-child(4){transition-delay:.24s}html.js .hx-oc.rv .hx-ob i:nth-child(5){transition-delay:.32s}html.js .hx-oc.rv .hx-ob i:nth-child(6){transition-delay:.4s}
html.js .hx-oc.rv .hx-wk i{scale:0;transition:scale .4s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(.3s + var(--d)*45ms)}
html.js .hx-oc.rv.in .hx-wk i{scale:1}
html.js .hx-oc.rv .hx-rl{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.4,0,.2,1) .3s}
html.js .hx-oc.rv.in .hx-rl{stroke-dashoffset:0}
html.js .hx-oc.rv :is(.hx-ra,.hx-rc){opacity:0;transition:opacity .8s 1.5s}
html.js .hx-oc.rv.in :is(.hx-ra,.hx-rc){opacity:1}

/* integration v74: the four points on their own, no brand screen */
.ig-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--green-soft);color:var(--green)}@media (max-width:640px){.ig-ic{width:41.4px;height:41.4px;border-radius:12.6px}}
.ig-n{font:500 13px var(--f-mono);letter-spacing:.12em;color:var(--muted)}
.ig-ex{list-style:none;margin:0;padding:0;display:flex;gap:12px;height:clamp(236px,19vw,264px)}@media (max-width:640px){.ig-ex{gap:10.8px;height:clamp(212.4px,19vw,237.6px)}}
.ig-p{position:relative;isolation:isolate;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:26px 26px 30px;border-radius:24px;overflow:hidden;cursor:pointer;outline:none;
  background:var(--surface);border:1px solid var(--line);-webkit-tap-highlight-color:transparent;transition:flex-grow .75s cubic-bezier(.3,.75,.2,1),border-color .4s,color .5s}@media (max-width:640px){.ig-p{padding:23.4px 23.4px 27px;border-radius:21.6px}}
.ig-p::before{content:"";position:absolute;inset:-1px;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(460px 320px at 88% 0%,rgba(61,220,104,.28),transparent 64%),var(--hx-deep)}
.ig-p:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.ig-p:not(.on):hover{border-color:var(--green)}
.ig-p.on{flex-grow:2.8;color:#fff;border-color:transparent}
.ig-p.on::before{opacity:1;transition-duration:.75s}
.ig-top{display:flex}
.ig-top .ig-n{position:absolute;top:24px;right:24px}@media (max-width:640px){.ig-top .ig-n{top:21.6px;right:21.6px}}
.ig-p .ig-ic{transition:background .5s,color .5s}
.ig-p.on .ig-ic{background:rgba(255,255,255,.1);color:var(--hx-mint)}
.ig-p.on .ig-n{color:rgba(255,255,255,.9)}
.ig-tx{display:grid;margin-top:16px}@media (max-width:640px){.ig-tx{margin-top:14.4px}}
.ig-tx h3{font-size:clamp(22px,2.1vw,30px);line-height:1.08}@media (max-width:640px){.ig-tx h3{font-size:clamp(19.8px,2.1vw,27px)}}
.ig-tx h3 span{white-space:nowrap}
.ig-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s cubic-bezier(.3,.75,.2,1)}
.ig-d>div{min-height:0;overflow:hidden}
.ig-d p{width:340px;max-width:100%;margin:12px 0 0;font-size:16.5px;line-height:1.5;color:rgba(255,255,255,.86);opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s}@media (max-width:640px){.ig-d p{width:306px;margin:10.8px 0 0;font-size:14.85px;transform:translateY(9px)}}
.ig-p.on .ig-d{grid-template-rows:1fr}
.ig-p.on .ig-d p{opacity:1;transform:none;transition:opacity .5s .3s,transform .6s .3s cubic-bezier(.2,.8,.2,1)}
.ig-bar{position:absolute;left:26px;right:26px;bottom:14px;height:3px;border-radius:2px;background:rgba(255,255,255,.14);opacity:0;transition:opacity .4s}@media (max-width:640px){.ig-bar{left:23.4px;right:23.4px;bottom:12.6px;height:2.7px}}
.ig-bar i{display:block;height:100%;width:calc(var(--igp,0)*100%);border-radius:inherit;background:var(--hx-mint)}
.ig-p.on .ig-bar{opacity:1}
@media (max-width:1100px){.ig-p{padding-inline:22px}@media (max-width:640px){.ig-p{padding-inline:19.8px}}.ig-top .ig-n{right:20px}@media (max-width:640px){.ig-top .ig-n{right:18px}}.ig-bar{left:22px;right:22px}@media (max-width:640px){.ig-bar{left:19.8px;right:19.8px}}}
@media (max-width:960px){
  .ig-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .ig-p{justify-content:flex-start}
  .ig-d{grid-template-rows:1fr}
  .ig-d p{width:auto;opacity:1;transform:none;color:var(--muted);transition:color .5s}
  .ig-p.on .ig-d p{color:rgba(255,255,255,.86);transition:color .5s}}
@media (max-width:560px){.ig-ex{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ig-p,.ig-p::before,.ig-d,.ig-d p{transition:none!important}.ig-bar{display:none}}
/* /integration v74 */

/* closing call to action */
/* book a demo v75: a full-width floodlit band; v76 (Batu): a small gap before the footer */
.hx>section.hx-ctas,section.hx-ctas{position:relative;isolation:isolate;overflow:hidden;margin:0 -20px calc(clamp(16px,2vw,24px) - 72px);padding:clamp(96px,11vw,156px) 20px clamp(170px,19vw,270px);color:#fff;
  background:linear-gradient(180deg,transparent 72%,#011a09 99%),radial-gradient(1000px 420px at 50% 82%,rgba(61,220,104,.2),transparent 70%),linear-gradient(180deg,#023d17 0%,#012a0f 50%,#011a09 100%)}@media (max-width:640px){.hx>section.hx-ctas,section.hx-ctas{margin:0 -18px calc(clamp(14.4px,2vw,21.6px) - 64.8px);padding:clamp(86.4px,11vw,140.4px) 18px clamp(153px,19vw,243px)}}
.hx-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
section.hx-ctas::after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#011a09)}
.hx-sky::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse 60% 55% at 50% 30%,#000,transparent 75%);mask:radial-gradient(ellipse 60% 55% at 50% 30%,#000,transparent 75%)}
.hx-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(260px 150px at 3% 0%,rgba(222,255,230,.34),transparent 70%),radial-gradient(260px 150px at 97% 0%,rgba(222,255,230,.34),transparent 70%)}
.hx-fl{position:absolute;top:-6%;left:-5%;width:clamp(240px,40vw,640px);height:112%;transform-origin:0 0;rotate:-4deg;filter:blur(14px);mix-blend-mode:screen;animation:hxSway 12s ease-in-out infinite alternate}@media (max-width:640px){.hx-fl{width:clamp(216px,40vw,576px)}}
.hx-fl::before{content:"";position:absolute;inset:0;background:linear-gradient(172deg,rgba(222,255,230,.24),rgba(61,220,104,.06) 46%,transparent 80%);clip-path:polygon(0 0,16% 0,100% 100%,40% 100%)}
.hx-fr{left:auto;right:-5%;transform-origin:100% 0;rotate:4deg;animation-name:hxSwayR;animation-delay:-6s}
.hx-fr::before{background:linear-gradient(188deg,rgba(222,255,230,.24),rgba(61,220,104,.06) 46%,transparent 80%);clip-path:polygon(84% 0,100% 0,60% 100%,0 100%)}
@keyframes hxSway{to{rotate:3deg}}
@keyframes hxSwayR{to{rotate:-3deg}}
@keyframes hxOn{0%{opacity:0}9%{opacity:.75}13%{opacity:.1}22%{opacity:.9}28%{opacity:.35}42%,100%{opacity:1}}
.hx-pitch{position:absolute;left:50%;bottom:-3%;width:max(1500px,118vw);aspect-ratio:1058/688;translate:-50% 0;transform:perspective(1100px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask:linear-gradient(to top,transparent 0,#000 14%,#000 46%,transparent 94%);mask:linear-gradient(to top,transparent 0,#000 14%,#000 46%,transparent 94%)}@media (max-width:640px){.hx-pitch{width:max(1350px,118vw);transform:perspective(990px) rotateX(64deg)}}
.hx-pitch svg{display:block;width:100%;height:100%;overflow:visible}
.hx-mow rect{fill:rgba(61,220,104,.05)}
.hx-ln>*{fill:none;stroke:rgba(196,255,210,.55);stroke-width:2.4;stroke-dasharray:1}
.hx-sp{fill:rgba(196,255,210,.75)}
html.hx-js .hx-ctas:not(.in) .hx-fl,html.hx-js .hx-ctas:not(.in) .hx-sky::after{opacity:0}
html.hx-js .hx-ctas.in .hx-sky::after{animation:hxOn 1.5s linear both}
html.hx-js .hx-ctas:not(.in) .hx-ln>*{stroke-dashoffset:1}
html.hx-js .hx-ctas:not(.in) :is(.hx-mow,.hx-sp){opacity:0}
html.hx-js .hx-ctas.in .hx-fl{animation:hxOn 1.5s linear both,hxSway 12s ease-in-out infinite alternate}
html.hx-js .hx-ctas.in .hx-fr{animation-name:hxOn,hxSwayR;animation-delay:.12s,-6s}
html.hx-js .hx-ctas.in .hx-ln>*{transition:stroke-dashoffset 1.8s cubic-bezier(.45,0,.2,1) calc(.6s + var(--d,0s))}
html.hx-js .hx-ctas.in .hx-mow{transition:opacity 1.4s .5s}
html.hx-js .hx-ctas.in .hx-sp{transition:opacity .6s 2.4s}
.hx-fin{position:relative;display:grid;gap:18px;justify-items:center;text-align:center;color:#fff}@media (max-width:640px){.hx-fin{gap:16.2px}}
.hx-fin h2{font-weight:600;letter-spacing:-.045em;font-size:clamp(36px,5.2vw,72px);line-height:1.02;max-width:none;color:#fff;text-wrap:initial}@media (max-width:640px){.hx-fin h2{font-size:clamp(32.4px,5.2vw,64.8px)}}
.hx-fin .hx-eb{color:var(--hx-mint)}
.hx-fin p{color:rgba(255,255,255,.9);max-width:none;font-size:clamp(16.5px,1.4vw,18.5px);white-space:nowrap}@media (max-width:640px){.hx-fin p{font-size:clamp(14.85px,1.4vw,16.65px)}}
.hx-fin .hx-b1{margin-top:8px;padding:15px 26px;font-size:16px;box-shadow:0 0 0 8px rgba(255,255,255,.07),0 18px 54px rgba(61,220,104,.4)}@media (max-width:640px){.hx-fin .hx-b1{margin-top:7.2px;padding:13.5px 23.4px;font-size:14.4px}}
@media (max-width:820px){.hx-fin .hx-br{display:none}.hx-fin h2{text-wrap:balance}.hx-fin p{white-space:normal;max-width:46ch;text-wrap:balance}}
@media (max-width:600px){.hx-pitch{width:1150px;transform:perspective(800px) rotateX(62deg)}@media (max-width:640px){.hx-pitch{width:1035px;transform:perspective(720px) rotateX(62deg)}}.hx-fl{width:62vw}}
@media (prefers-reduced-motion:reduce){.hx-fl{animation:none}}
.hx-fin .mail{color:rgba(255,255,255,.9)}.hx-fin .mail code{color:#fff}
.hx-fin .mail button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}

@media (max-width:1100px){
  .hx-hw{grid-template-columns:minmax(0,1fr) minmax(0,480px)}@media (max-width:640px){.hx-hw{grid-template-columns:minmax(0,1fr) minmax(0,432px)}}
  .hx-pans{padding-inline:22px}@media (max-width:640px){.hx-pans{padding-inline:19.8px}}
  .hx-bd-a{right:-14px}@media (max-width:640px){.hx-bd-a{right:-12.6px}}.hx-bd-b{left:-14px}@media (max-width:640px){.hx-bd-b{left:-12.6px}}
}
@media (max-width:1040px){
  .hx-bento{grid-template-columns:1fr}
  .hx-sc{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:28px}@media (max-width:640px){.hx-sc{column-gap:25.2px}}
  .hx-sch{grid-column:1;grid-row:1}.hx-go{grid-column:1;grid-row:3}
  .hx-scv{grid-column:2;grid-row:1/4}
}
@media (max-width:960px){
  .hx-hw{grid-template-columns:1fr}
  .hx-hc{max-width:720px}
  .hx-stage{width:100%;max-width:600px;justify-self:center}
}
@media (max-width:700px){
  .hx-sc{display:flex}
  .hx-scv{padding-block:6px}@media (max-width:640px){.hx-scv{padding-block:5.4px}}
}
@media (max-width:900px){
  .hx-eg{grid-template-columns:1fr}
  .hx-fd{min-height:0}
}
@media (max-width:760px){
  .hx-cmp{height:auto;display:flex;flex-direction:column}
  .hx-old,.hx-new{position:relative;inset:auto;clip-path:none}
  .hx-cl{position:static;align-self:flex-start;margin:16px 16px 0}@media (max-width:640px){.hx-cl{margin:14.4px 14.4px 0}}
  .hx-cl-o{order:0}.hx-old{order:1}.hx-cl-n{order:2;margin-top:0}.hx-new{order:3}
  .hx-old{padding:12px 16px 18px;max-height:230px;overflow:hidden;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}@media (max-width:640px){.hx-old{padding:10.8px 14.4px 16.2px;max-height:207px}}
  .hx-old th:nth-child(n+6),.hx-old td:nth-child(n+6){display:none}
  .hx-cl-n{position:relative;z-index:3;margin-top:-6px}@media (max-width:640px){.hx-cl-n{margin-top:-5.4px}}
  .hx-new{justify-content:center;padding:14px 16px 20px;background:var(--surface)}@media (max-width:640px){.hx-new{padding:12.6px 14.4px 18px}}
  .hx-nw{width:100%}
  .hx-cl-n{right:auto;margin-bottom:4px}@media (max-width:640px){.hx-cl-n{margin-bottom:3.6px}}
  .hx-pils>div{grid-template-columns:42px 1fr;column-gap:14px;align-items:center;padding:16px 18px}@media (max-width:640px){.hx-pils>div{grid-template-columns:37.8px 1fr;column-gap:12.6px;padding:14.4px 16.2px}}
  .hx-pils .hx-pi{grid-row:1/3}.hx-pils b{margin:0}
  .hx-hdl,.hx-cmp input{display:none}
  .hx-pils,.hx-outs{grid-template-columns:1fr}
  .hx-ov{height:160px}@media (max-width:640px){.hx-ov{height:144px}}
}
@media (max-width:640px){
  .hx-hero{margin:0 -20px;border-radius:0 0 30px 30px}@media (max-width:640px){.hx-hero{margin:0 -18px;border-radius:0 0 27px 27px}}.hx>.hx-hero{padding:36px 16px 0}@media (max-width:640px){.hx>.hx-hero{padding:32.4px 14.4px 0}}
  .hx-hero h1{font-size:clamp(40px,11.5vw,52px)}@media (max-width:640px){.hx-hero h1{font-size:clamp(36px,11.5vw,46.8px)}}
  .hx-stage{padding:8px;border-radius:24px}@media (max-width:640px){.hx-stage{padding:7.2px;border-radius:21.6px}}
  .hx-tab{padding:10px 4px 14px}@media (max-width:640px){.hx-tab{padding:9px 3.6px 12.6px}}.hx-tab b{font-size:12.5px}
  .hx-pans{padding:30px 6px 34px}@media (max-width:640px){.hx-pans{padding:27px 5.4px 30.6px}}
  .hx-app{padding:14px 14px 16px;font-size:14.5px}@media (max-width:640px){.hx-app{padding:12.6px 12.6px 14.4px;font-size:14px}}
  .hx-bd{font-size:12px;padding:6px 12px 6px 6px}@media (max-width:640px){.hx-bd{padding:5.4px 10.8px 5.4px 5.4px}}.hx-bd i{width:22px;height:22px}@media (max-width:640px){.hx-bd i{width:19.8px;height:19.8px}}
  .hx-bd-a{right:-4px;top:-20px}@media (max-width:640px){.hx-bd-a{right:-3.6px;top:-18px}}.hx-bd-b{left:-4px;bottom:-22px}@media (max-width:640px){.hx-bd-b{left:-3.6px;bottom:-19.8px}}
  .hx-hi{font-size:16px}@media (max-width:640px){.hx-hi{font-size:14.4px}}.hx-fx{font-size:18px}@media (max-width:640px){.hx-fx{font-size:16.2px}}
  .hx-proof div{padding:18px 0 20px 16px}@media (max-width:640px){.hx-proof div{padding:16.2px 0 18px 14.4px}}
  .hx-eng{margin-inline:-12px;padding-inline:16px;border-radius:28px}@media (max-width:640px){.hx-eng{margin-inline:-10.8px;padding-inline:14.4px;border-radius:25.2px}}
  .hx-fd{padding:22px}@media (max-width:640px){.hx-fd{padding:19.8px}}
  .hx-fl{padding:14px 16px}@media (max-width:640px){.hx-fl{padding:12.6px 14.4px}}.hx-fl b{font-size:15px}@media (max-width:640px){.hx-fl b{font-size:14px}}
  .hx-sc{padding:24px 18px 20px;border-radius:26px}@media (max-width:640px){.hx-sc{padding:21.6px 16.2px 18px;border-radius:23.4px}}
  .hx-cl{font-size:10.5px;padding:7px 10px}@media (max-width:640px){.hx-cl{padding:6.3px 9px}}
}
@media (prefers-reduced-motion:reduce){
  .hx-pill i,.hx-live i,.hx-rec{animation:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:640px){
  .hx-pan,.hx-fx2,.hx-sc,.hx-scv>div{transition:none}
  .hx-sc:hover,.hx-sc:hover .hx-scv>div{transform:none;scale:none;rotate:none}
}

/* solutions v65 (Batu, 10 Oct): product tabs, one line per product, richer screens with small live moments */
.hx-sc{gap:20px;min-height:0}@media (max-width:640px){.hx-sc{gap:18px}}
html.hx-js .hx-sc::before{animation:hxDrift 16s ease-in-out infinite alternate}
@keyframes hxDrift{0%{translate:0 0}50%{translate:-16% -10%}100%{translate:-6% -24%}}
.hx-stabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}@media (max-width:640px){.hx-stabs{gap:6.3px;margin-top:3.6px}}
.hx-stab{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;transition:background .3s,color .3s,border-color .3s}@media (max-width:640px){.hx-stab{border-radius:899.1px;padding:5.4px 10.8px}}
.hx-stab:hover{color:#fff;background:rgba(255,255,255,.13)}
.hx-stab[aria-selected="true"]{color:#fff;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.42)}
.hx-stab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hx-stab i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transform-origin:left;transform:scaleX(var(--hxp,0));opacity:0}
.hx-stab[aria-selected="true"] i{opacity:.9}
.hx-sch .hx-sline{display:grid;min-height:2.9em}
.hx-sch .hx-sline p{grid-area:1/1;font-size:14px;line-height:1.45;color:rgba(255,255,255,.9);opacity:0;translate:0 6px;transition:opacity .4s,translate .4s}@media (max-width:640px){.hx-sch .hx-sline p{translate:0 5.4px}}
.hx-sch .hx-sline p.on{opacity:1;translate:0 0}
.hx-sch .hx-sline b{font:inherit;font-weight:700;letter-spacing:0;color:#fff}
.hx-scv{display:grid;place-items:center}
.hx-scv>.hx-scr{grid-area:1/1;width:100%;display:grid;justify-items:center;align-content:center;opacity:0;visibility:hidden;translate:0 14px;transition:opacity .5s,translate .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s,scale .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.hx-scv>.hx-scr{translate:0 12.6px}}
.hx-scv>.hx-scr.on{opacity:1;visibility:visible;translate:0 0;transition:opacity .5s,translate .5s cubic-bezier(.2,.8,.2,1),visibility 0s,scale .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1)}
@keyframes hxPop{from{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes hxSlide{from{opacity:0;transform:translateX(-12px)}}
@keyframes hxUp{from{transform:translateY(140%)}}
@keyframes hxGrow{from{width:0}}
@keyframes hxSwA{0%,99%{opacity:1}100%{opacity:0}}
@keyframes hxSwB{0%,99%{opacity:0}100%{opacity:1}}
@keyframes hxFlash{40%{background:#3ddc68;color:#06260f}}
@keyframes hxAir{0%,99%{background:#fff;color:#1b2130}100%{background:#d92d20;color:#fff}}
/* betting: coupon */
html.js .hx-sc.rv .hx-leg,html.js .hx-sc.rv.in .hx-leg{opacity:1;transform:none;transition:none}
html.hx-js .hx-scr.play .hx-leg{animation:hxSlide .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.3s + var(--d)*.2s)}
.hx-cph b{font-size:14.5px}@media (max-width:640px){.hx-cph b{font-size:14px}}
.hx-cph .hx-risk{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--f-display);color:#8a5a00;white-space:nowrap}@media (max-width:640px){.hx-cph .hx-risk{gap:5.4px}}
.hx-risk i{display:inline-flex;align-items:flex-end;gap:2px}.hx-risk i b{display:block;width:3px;border-radius:1px;background:#e0a019}@media (max-width:640px){.hx-risk i b{width:2.7px}}
.hx-risk i b:nth-child(1){height:5px}@media (max-width:640px){.hx-risk i b:nth-child(1){height:4.5px}}.hx-risk i b:nth-child(2){height:8px}@media (max-width:640px){.hx-risk i b:nth-child(2){height:7.2px}}.hx-risk i b:nth-child(3){height:11px;background:#e3e6ea}@media (max-width:640px){.hx-risk i b:nth-child(3){height:9.9px}}
.hx-cpw{font-size:11.5px;line-height:1.4;color:#434b5a;margin-top:-2px}
/* betting: API */
.hx-api{width:100%;max-width:340px;background:#0d1117;color:#d6dde6;border-radius:18px;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.1);font:11.5px/1.6 var(--f-mono)}@media (max-width:640px){.hx-api{border-radius:16.2px}}
.hx-apih{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#161c24;border-bottom:1px solid rgba(255,255,255,.08);min-width:0}@media (max-width:640px){.hx-apih{gap:7.2px;padding:9px 10.8px}}
.hx-apih code{font:inherit;color:#aeb8c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hx-get{flex:none;font:700 13px var(--f-mono);color:#06260f;background:#3ddc68;border-radius:5px;padding:2px 6px}@media (max-width:640px){.hx-get{border-radius:4.5px;padding:2px 5.4px}}
.hx-json{margin:0;padding:12px 14px;font:inherit;white-space:normal}@media (max-width:640px){.hx-json{padding:10.8px 12.6px}}
.hx-json span{display:block;padding-left:calc(var(--l)*2ch + 2ch);text-indent:-2ch;overflow-wrap:anywhere}
.hx-json i{font-style:normal}.hx-json .jk{color:#8b949e}.hx-json .jp{color:#7cc0f2}.hx-json .js{color:#a5e8b8}.hx-json .jn{color:#f5a524}
html.hx-js .hx-scr.play .hx-json span{animation:hxSlide .35s both;animation-delay:calc(.2s + var(--d)*.11s)}
.hx-apif{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#8b949e}@media (max-width:640px){.hx-apif{gap:7.2px;padding:8.1px 10.8px}}
.hx-ok{display:inline-flex;align-items:center;gap:6px;color:#3ddc68}@media (max-width:640px){.hx-ok{gap:5.4px}}.hx-ok i{width:6px;height:6px;border-radius:50%;background:#3ddc68}@media (max-width:640px){.hx-ok i{width:5.4px;height:5.4px}}
html.hx-js .hx-scr.play .hx-apif{animation:hxPop .4s both 1.6s}
/* clubs */
.hx-ch{display:flex;align-items:center;gap:8px}@media (max-width:640px){.hx-ch{gap:7.2px}}.hx-ch b{font:700 14.5px var(--f-display)}@media (max-width:640px){.hx-ch b{font:700 14px var(--f-display)}}
.hx-ch span{margin-left:auto;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#027a1f;background:#e8fbec;border-radius:999px;padding:4px 8px}@media (max-width:640px){.hx-ch span{border-radius:899.1px;padding:3.6px 7.2px}}
.hx-sfc{flex:none;display:block}
.hx-md .hx-mdf>b{font:600 15px var(--f-display);opacity:.75}@media (max-width:640px){.hx-md .hx-mdf>b{font:600 14px var(--f-display)}}
.hx-cdn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:2px}@media (max-width:640px){.hx-cdn{gap:5.4px}}
.hx-cdn span{display:grid;justify-items:center;gap:1px;padding:6px 0 5px;border-radius:10px;background:rgba(0,0,0,.22);font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.9)}@media (max-width:640px){.hx-cdn span{padding:5.4px 0 4.5px;border-radius:9px}}
.hx-cdn b{font:700 18px/1.1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums}@media (max-width:640px){.hx-cdn b{font:700 16.2px/1.1 var(--f-display)}}
.hx-qk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hx-qk{gap:5.4px}}
.hx-qk span{display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:#f3f6f3;font:600 11.5px/1.2 var(--f-display);color:#1b2130;text-align:center}@media (max-width:640px){.hx-qk span{gap:3.6px;padding:7.2px 3.6px;border-radius:10.8px}}.hx-qk svg{color:#027a1f}
.hx-md .hx-q{font-size:13px;padding:8px 12px}@media (max-width:640px){.hx-md .hx-q{padding:7.2px 10.8px}}
.hx-ca{display:grid;gap:10px;padding:12px;border-radius:14px;background:#f3f6f3}@media (max-width:640px){.hx-ca{gap:9px;padding:10.8px;border-radius:12.6px}}.hx-ca p b{color:#027a1f}
.hx-ca .hx-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hx-ca .hx-tl{gap:5.4px}}
.hx-ca .hx-tl span{display:grid;gap:3px;padding:8px 4px;border-radius:10px;background:#fff;font-size:10.5px;line-height:1.2;color:#434b5a;text-align:center}@media (max-width:640px){.hx-ca .hx-tl span{gap:2.7px;padding:7.2px 3.6px;border-radius:9px}}
.hx-ca .hx-tl b{font:700 20px/1 var(--f-display);color:#1b2130}@media (max-width:640px){.hx-ca .hx-tl b{font:700 18px/1 var(--f-display)}}
.hx-fu2{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.hx-fu2{gap:5.4px}}
.hx-fu2 span{font:600 11.5px var(--f-display);padding:6px 10px;border-radius:999px;border:1px solid #cfe9d6;color:#027a1f;background:#fff}@media (max-width:640px){.hx-fu2 span{padding:5.4px 9px;border-radius:899.1px}}
html.hx-js .hx-scr.play .hx-md .hx-q{animation:hxPop .4s both .15s}
html.hx-js .hx-scr.play .hx-ca{animation:hxPop .45s both .75s}
html.hx-js .hx-scr.play .hx-fu2 span{animation:hxPop .4s both 1.35s}
html.hx-js .hx-scr.play .hx-fu2 span+span{animation-delay:1.5s}
html.hx-js .hx-scr.play .hx-mdi,html.hx-js .hx-scr.play .hx-qk span{animation:hxPop .45s both .5s}
html.hx-js .hx-scr.play .hx-qk span:nth-child(2){animation-delay:.62s}html.hx-js .hx-scr.play .hx-qk span:nth-child(3){animation-delay:.74s}
.hx-mys{display:grid;gap:10px;padding:12px;border-radius:14px;background:#1b2130;color:#fff}@media (max-width:640px){.hx-mys{gap:9px;padding:10.8px;border-radius:12.6px}}
.hx-mysh{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width:640px){.hx-mysh{gap:7.2px}}.hx-mysh b{font:800 13.5px var(--f-display);letter-spacing:.03em;text-transform:uppercase}
.hx-stk{display:inline-flex;align-items:center;gap:4px;font:700 11px var(--f-display);color:#f5a524;white-space:nowrap}@media (max-width:640px){.hx-stk{gap:3.6px}}
.hx-clu{display:flex;flex-wrap:wrap;gap:5px}@media (max-width:640px){.hx-clu{gap:4.5px}}
.hx-clu span{font:600 11px var(--f-display);padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}@media (max-width:640px){.hx-clu span{padding:4.5px 8.1px;border-radius:7.2px}}
.hx-clu span.ok{background:rgba(61,220,104,.18);color:#b8f5c9}
.hx-gs{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:rgba(255,255,255,.9)}
.hx-gs .hx-btn{background:#3ddc68;color:#06260f;padding:8px 14px;font-size:12.5px}@media (max-width:640px){.hx-gs .hx-btn{padding:7.2px 12.6px}}
.hx-lbd{display:grid;gap:5px}@media (max-width:640px){.hx-lbd{gap:4.5px}}.hx-lbd .hx-lb{display:inline-flex;align-items:center;gap:5px;color:#434b5a}@media (max-width:640px){.hx-lbd .hx-lb{gap:4.5px}}
.hx-lbd div{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:#f3f6f3}@media (max-width:640px){.hx-lbd div{grid-template-columns:14.4px minmax(0,1fr) auto;gap:7.2px;padding:6.3px 9px;border-radius:9px}}
.hx-lbd em{font:700 13px var(--f-mono);font-style:normal;color:#434b5a}.hx-lbd div b{font:700 13px var(--f-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hx-lbd div span{font:700 13px var(--f-mono);color:#1b2130;font-variant-numeric:tabular-nums}
.hx-lbd div.me{background:#e8fbec;box-shadow:inset 0 0 0 1px #b9ebc6}.hx-lbd div.me b{color:#027a1f}
html.hx-js .hx-scr.play .hx-clu span{animation:hxPop .35s both;animation-delay:calc(.25s + var(--d)*.16s)}
html.hx-js .hx-scr.play .hx-lbd div{animation:hxSlide .45s both;animation-delay:calc(1.1s + var(--d)*.14s)}
/* media: Studio */
.hx-bug b,.hx-bug em{display:inline-grid}.hx-bug b>span,.hx-bug em>span{grid-area:1/1}
.hx-bug .a{opacity:0}
html.hx-js .hx-scr.play .hx-bug .a{animation:hxSwA 1.4s both}
html.hx-js .hx-scr.play .hx-bug .b{animation:hxSwB 1.4s both}
html.hx-js .hx-scr.play .hx-bug{animation:hxFlash .7s 1.4s}
html.hx-js .hx-scr.play .hx-tv2 .hx-l3{animation:hxUp .55s cubic-bezier(.2,.8,.2,1) both 1.7s}
.hx-ctl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(6,16,40,.72);border:1px solid rgba(255,255,255,.14)}@media (max-width:640px){.hx-ctl{gap:9px;margin-top:9px;padding:9px 10.8px;border-radius:12.6px}}
.hx-ctl>div{display:grid;gap:3px;min-width:0}@media (max-width:640px){.hx-ctl>div{gap:2.7px}}.hx-ctl .hx-lb{color:rgba(255,255,255,.9)}
.hx-spn{font-size:11.5px;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-ctl .hx-btn{display:inline-grid;font-size:12.5px;padding:9px 12px;background:#d92d20;color:#fff}@media (max-width:640px){.hx-ctl .hx-btn{padding:8.1px 10.8px}}.hx-ctl .hx-btn>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;justify-content:center}@media (max-width:640px){.hx-ctl .hx-btn>span{gap:5.4px}}
.hx-ctl .hx-btn .a{opacity:0;transform:none}.hx-ctl .hx-btn .b{opacity:1;transform:none}
html.hx-js .hx-scr.play .hx-ctl .hx-btn{animation:hxAir 2.9s both}
html.hx-js .hx-scr.play .hx-ctl .hx-btn .a{animation:hxSwA 2.9s both}
html.hx-js .hx-scr.play .hx-ctl .hx-btn .b{animation:hxSwB 2.9s both}
/* media: Stats Assistant on a website */
.hx-wd{width:100%;max-width:340px;background:#fff;color:#1b2130;border-radius:16px;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.38);font-size:13px;line-height:1.4}@media (max-width:640px){.hx-wd{border-radius:14.4px}}
.hx-wdt{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#eef1f6;border-bottom:1px solid #e1e6ee}@media (max-width:640px){.hx-wdt{gap:4.5px;padding:7.2px 9px}}
.hx-wdt i{width:7px;height:7px;border-radius:50%;background:#c8cfdb}@media (max-width:640px){.hx-wdt i{width:6.3px;height:6.3px}}
.hx-wdt span{flex:1;min-width:0;margin-left:6px;font:500 13px var(--f-mono);color:#515969;background:#fff;border-radius:6px;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.hx-wdt span{margin-left:5.4px;border-radius:5.4px;padding:2.7px 7.2px}}
.hx-wdb{display:grid;gap:9px;padding:12px 14px 14px}@media (max-width:640px){.hx-wdb{gap:8.1px;padding:10.8px 12.6px 12.6px}}
.hx-ah2{display:flex;align-items:center;gap:7px}@media (max-width:640px){.hx-ah2{gap:6.3px}}.hx-ah2 b{font:700 13.5px var(--f-display)}
.hx-wd .hx-q{background:#1f4fd1;color:#fff;font-size:12.5px;padding:8px 11px}@media (max-width:640px){.hx-wd .hx-q{padding:7.2px 9.9px}}.hx-wd .hx-na b{color:#1f4fd1}
.hx-bars{display:grid;gap:6px}@media (max-width:640px){.hx-bars{gap:5.4px}}
.hx-bars div{display:grid;grid-template-columns:86px minmax(0,1fr) 18px;gap:8px;align-items:center;font:600 12px var(--f-display)}@media (max-width:640px){.hx-bars div{grid-template-columns:77.4px minmax(0,1fr) 16.2px;gap:7.2px}}
.hx-bars span{display:inline-flex;align-items:center;gap:6px}@media (max-width:640px){.hx-bars span{gap:5.4px}}
.hx-bars i{position:relative;height:8px;border-radius:4px;background:#e8edf6;overflow:hidden}@media (max-width:640px){.hx-bars i{height:7.2px;border-radius:3.6px}}
.hx-bars i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:4px;background:#1f4fd1}@media (max-width:640px){.hx-bars i::after{border-radius:3.6px}}
.hx-bars b{font:700 13px var(--f-display);text-align:right}
.hx-wd .hx-fu2 span{border-color:#d5def4;color:#1f4fd1}
html.hx-js .hx-scr.play .hx-wd .hx-q{animation:hxPop .4s both .15s}
html.hx-js .hx-scr.play .hx-wd .hx-na{animation:hxPop .45s both .6s}
html.hx-js .hx-scr.play .hx-bars i::after{animation:hxGrow .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.9s + var(--d)*.12s)}
@media (max-width:640px){.hx-qk span{font-size:10.5px}.hx-bars div{grid-template-columns:78px minmax(0,1fr) 16px}@media (max-width:640px){.hx-bars div{grid-template-columns:70.2px minmax(0,1fr) 14.4px}}}
.hx-sc .hx-go{color:#fff;text-decoration:none;align-self:flex-start}.hx-sc .hx-go:hover{text-decoration:none}.hx-sc .hx-go:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:999px}@media (max-width:640px){.hx-sc .hx-go:focus-visible{border-radius:899.1px}}

/* why now v66 (Batu, 11 Oct): the old and the new experience side by side on a deep green panel; each pair switches in turn */
.hx>.hx-wn{padding-top:clamp(40px,5vw,72px)}@media (max-width:640px){.hx>.hx-wn{padding-top:clamp(36px,5vw,64.8px)}}
.hx-wn-panel{position:relative;border-radius:34px;color:#fff;overflow:hidden;isolation:isolate;padding:clamp(40px,5.5vw,76px) clamp(20px,4vw,56px);background:radial-gradient(720px 500px at 86% 78%,rgba(61,220,104,.2),transparent 62%),var(--hx-deep)}@media (max-width:640px){.hx-wn-panel{border-radius:30.6px;padding:clamp(36px,5.5vw,68.4px) clamp(18px,4vw,50.4px)}}
.hx-wn-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 20% 10%,#000,transparent 60%);mask:radial-gradient(ellipse at 20% 10%,#000,transparent 60%)}
.hx-wn-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}@media (max-width:640px){.hx-wn-head{gap:18px clamp(28.8px,5vw,72px);margin-bottom:clamp(36px,5vw,57.6px)}}
.hx-wn-head .hx-eb{display:block;margin-bottom:18px;color:var(--hx-mint)}@media (max-width:640px){.hx-wn-head .hx-eb{margin-bottom:16.2px}}
.hx-wn-head h2{color:#fff;max-width:17ch}
.hx-wn-dim{color:rgba(255,255,255,.42)}
.hx-wn-head p{color:rgba(255,255,255,.9);font-size:clamp(16px,1.25vw,18px);line-height:1.6;max-width:44ch}@media (max-width:640px){.hx-wn-head p{font-size:clamp(14.4px,1.25vw,16.2px)}}
.hx-wn-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(48px,6vw,96px) minmax(0,1fr);grid-template-rows:auto repeat(4,auto)}@media (max-width:640px){.hx-wn-stage{grid-template-columns:minmax(0,1fr) clamp(43.2px,6vw,86.4px) minmax(0,1fr)}}
.hx-wn-bg{position:relative;grid-row:1/6;border-radius:24px}@media (max-width:640px){.hx-wn-bg{border-radius:21.6px}}
.hx-wn-bo{grid-column:1;overflow:hidden;background:#0b1410;border:1px solid rgba(255,255,255,.06)}
.hx-wn-tex{position:absolute;inset:0;width:100%;height:100%;max-width:none;filter:grayscale(1) blur(1.5px);opacity:.6}
.hx-wn-frost{position:absolute;inset:0;background:rgba(10,18,15,.5);-webkit-backdrop-filter:blur(6px) saturate(0);backdrop-filter:blur(6px) saturate(0)}
.hx-wn-bn{grid-column:3;background:radial-gradient(90% 60% at 80% 0%,rgba(61,220,104,.16),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:0 40px 90px -40px rgba(0,0,0,.6)}
.hx-wn-rim{position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(150deg,rgba(61,220,104,.9),rgba(61,220,104,.2) 30%,rgba(255,255,255,.08) 60%,rgba(61,220,104,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hx-wn-cap{position:relative;z-index:1;grid-row:1;margin:0;padding:26px clamp(20px,2.4vw,34px) 20px;display:flex;align-items:center;gap:10px;font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}@media (max-width:640px){.hx-wn-cap{padding:23.4px clamp(18px,2.4vw,30.6px) 18px;gap:9px}}
.hx-wn-co{grid-column:1;color:rgba(255,255,255,.9)}.hx-wn-cn{grid-column:3;color:#fff}
.hx-wn-cap i{width:7px;height:7px;border-radius:50%;flex:none}@media (max-width:640px){.hx-wn-cap i{width:6.3px;height:6.3px}}.hx-wn-co i{background:#4a5652}.hx-wn-cn i{background:var(--hx-mint);box-shadow:0 0 10px rgba(61,220,104,.7)}
.hx-wn-row{position:relative;z-index:1;grid-row:var(--r);margin:0 clamp(20px,2.4vw,34px);padding:22px 0 24px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.hx-wn-row{margin:0 clamp(18px,2.4vw,30.6px);padding:19.8px 0 21.6px}}
.hx-wn-o{grid-column:1}
.hx-wn-n{grid-column:3;display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 16px}@media (max-width:640px){.hx-wn-n{grid-template-columns:25.2px minmax(0,1fr);gap:0 14.4px}}
.hx-wn-t{position:relative;display:inline-block;margin:0 0 8px;font:600 clamp(19px,1.6vw,23px)/1.2 var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.hx-wn-t{margin:0 0 7.2px;font:600 clamp(17.1px,1.6vw,20.7px)/1.2 var(--f-display)}}
.hx-wn-d{margin:0;font-size:15px;line-height:1.5;max-width:40ch}@media (max-width:640px){.hx-wn-d{font-size:14px}}
.hx-wn-o .hx-wn-t{color:#93a59c}.hx-wn-o .hx-wn-d{color:#73857c}
.hx-wn-n .hx-wn-t{color:#fff}.hx-wn-n .hx-wn-d{color:rgba(255,255,255,.9)}
.hx-wn-x{position:absolute;left:-2px;right:-2px;top:55%;height:1.5px;background:#7c8c85;transform-origin:left center}
.hx-wn-ck{position:relative;grid-row:1/3;width:28px;height:28px;margin-top:-1px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;line-height:1;color:#013d14;border:1px solid rgba(255,255,255,.18)}@media (max-width:640px){.hx-wn-ck{width:25.2px;height:25.2px}}
.hx-wn-ck b{position:absolute;inset:-1px;border-radius:50%;background:var(--hx-mint);box-shadow:0 0 16px rgba(61,220,104,.45)}
.hx-wn-ck span{position:relative}
.hx-wn-c{grid-column:2;grid-row:var(--r);position:relative;z-index:1;align-self:start;height:1px;margin:37px 10px 0;background:rgba(255,255,255,.14)}@media (max-width:640px){.hx-wn-c{margin:33.3px 9px 0}}
.hx-wn-c b{position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,220,104,.15),var(--hx-mint));box-shadow:0 0 8px rgba(61,220,104,.5);transform-origin:left center}
.hx-wn-c i{position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--hx-mint);box-shadow:0 0 10px rgba(61,220,104,.8)}@media (max-width:640px){.hx-wn-c i{top:-2.7px;width:6.3px;height:6.3px}}
.hx-wn-gap{display:none}
/* motion: each pair in turn, old fades and is struck through, the wire runs, the new one lights up */
@media (min-width:900px){
  html.hx-js .hx-wn-x,html.hx-js .hx-wn-c b{transform:scaleX(0)}
  html.hx-js .hx-wn-c i{opacity:0}
  html.hx-js .hx-wn-n{opacity:.16}
  html.hx-js .hx-wn-ck{color:#7c8c85}
  html.hx-js .hx-wn-ck b{scale:0;opacity:0}
  html.hx-js .hx-wn-rim{opacity:.3}
  html.hx-js .hx-wn-stage.in{--t:calc(var(--i)*1s + .2s)}
  html.hx-js .hx-wn-stage.in .hx-wn-o{opacity:.4;transition:opacity .5s calc(var(--i)*1s + .2s)}
  html.hx-js .hx-wn-stage.in .hx-wn-x{transform:none;transition:transform .45s ease-in-out calc(var(--i)*1s + .2s)}
  html.hx-js .hx-wn-stage.in .hx-wn-c b{transform:none;transition:transform .4s ease-in calc(var(--i)*1s + .35s)}
  html.hx-js .hx-wn-stage.in .hx-wn-c i{opacity:1;transition:opacity .15s calc(var(--i)*1s + .7s)}
  html.hx-js .hx-wn-stage.in .hx-wn-n{opacity:1;transition:opacity .45s calc(var(--i)*1s + .6s)}
  html.hx-js .hx-wn-stage.in .hx-wn-ck{color:#013d14;transition:color .2s calc(var(--i)*1s + .8s)}
  html.hx-js .hx-wn-stage.in .hx-wn-ck b{scale:1;opacity:1;transition:scale .35s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*1s + .75s),opacity .2s calc(var(--i)*1s + .75s)}
  html.hx-js .hx-wn-stage.in .hx-wn-rim{opacity:1;transition:opacity 3s .5s}
}
@media (max-width:899px){
  .hx-wn-head{grid-template-columns:1fr}
  .hx-wn-head .hx-eb{margin-bottom:14px}@media (max-width:640px){.hx-wn-head .hx-eb{margin-bottom:12.6px}}
  .hx-wn-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .hx-wn-bo{grid-column:1;grid-row:1/6}
  .hx-wn-gap{display:block;grid-column:1;grid-row:6;height:16px}@media (max-width:640px){.hx-wn-gap{height:14.4px}}
  .hx-wn-bn{grid-column:1;grid-row:7/12}
  .hx-wn-co{grid-column:1;grid-row:1}.hx-wn-cn{grid-column:1;grid-row:7}
  .hx-wn-o{grid-column:1;grid-row:var(--r)}.hx-wn-n{grid-column:1;grid-row:calc(var(--r) + 6)}
  .hx-wn-c{display:none}
  .hx-wn-row{padding:18px 0 20px}@media (max-width:640px){.hx-wn-row{padding:16.2px 0 18px}}
  .hx-wn-row.l{padding-bottom:26px}@media (max-width:640px){.hx-wn-row.l{padding-bottom:23.4px}}
  html.hx-js .hx-wn-x{transform:scaleX(0)}
  html.hx-js .hx-wn-stage.in .hx-wn-x{transform:none;transition:transform .5s ease-in-out calc(var(--i)*.3s + .3s)}
  html.hx-js .hx-wn-ck{color:#7c8c85}
  html.hx-js .hx-wn-ck b{scale:0;opacity:0}
  html.hx-js .hx-wn-n.in .hx-wn-ck{color:#013d14;transition:color .2s .3s}
  html.hx-js .hx-wn-n.in .hx-wn-ck b{scale:1;opacity:1;transition:scale .4s cubic-bezier(.3,1.6,.5,1) .15s,opacity .2s .15s}
}
@media (max-width:640px){.hx-wn-panel{margin-inline:-8px;border-radius:28px;padding:36px 18px}@media (max-width:640px){.hx-wn-panel{margin-inline:-7.2px;border-radius:25.2px;padding:32.4px 16.2px}}.hx-wn-cap{padding:22px 18px 16px}@media (max-width:640px){.hx-wn-cap{padding:19.8px 16.2px 14.4px}}.hx-wn-row{margin-inline:18px}@media (max-width:640px){.hx-wn-row{margin-inline:16.2px}}}

/* hero v68 (Batu, 11 Oct): the text on top, centred; the sector screens below it and larger; the proof row stays at the bottom */
.hx-hero{background:radial-gradient(820px 560px at 50% 70%,rgba(61,220,104,.22),transparent 62%),radial-gradient(640px 460px at 0% 100%,rgba(2,122,31,.55),transparent 62%),var(--hx-deep)}
.hx-hero::before{-webkit-mask:radial-gradient(ellipse at 50% 30%,#000,transparent 70%);mask:radial-gradient(ellipse at 50% 30%,#000,transparent 70%)}
.hx-hw{grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(40px,5vw,64px)}@media (max-width:640px){.hx-hw{gap:clamp(36px,5vw,57.6px)}}
.hx-hc{display:grid;justify-items:center;text-align:center;max-width:920px}
.hx-hero h1{max-width:12em;margin-inline:auto;text-wrap:balance}
.hx-lede{max-width:40em;margin-inline:auto}
.hx-cta{justify-content:center}
.hx-stage{width:100%;max-width:880px;justify-self:center}
.hx-tabs{max-width:620px;margin-inline:auto}
.hx-pans{padding:46px 40px 54px}@media (max-width:640px){.hx-pans{padding:41.4px 36px 48.6px}}
.hx-pans::before{width:640px;height:640px}@media (max-width:640px){.hx-pans::before{width:576px;height:576px}}
.hx-app{width:min(100%,540px);padding:20px 24px 24px;gap:14px;font-size:16.5px}@media (max-width:640px){.hx-app{width:min(100%,486px);padding:18px 21.6px 21.6px;gap:12.6px;font-size:14.85px}}
.hx-ah b{font-size:16.5px}@media (max-width:640px){.hx-ah b{font-size:14.85px}}.hx-tag{font-size:11.5px}
.hx-hi{font-size:19px}@media (max-width:640px){.hx-hi{font-size:17.1px}}.hx-fx{font-size:23px}@media (max-width:640px){.hx-fx{font-size:20.7px}}.hx-tks li{font-size:14.5px}@media (max-width:640px){.hx-tks li{font-size:14px}}
.hx-st{font-size:15px}@media (max-width:640px){.hx-st{font-size:14px}}.hx-wy{font-size:14px}.hx-ans p{font-size:16.5px}@media (max-width:640px){.hx-ans p{font-size:14.85px}}.hx-fu span{font-size:13.5px}
.hx-l3 b{font-size:16.5px}@media (max-width:640px){.hx-l3 b{font-size:14.85px}}.hx-l3 span{font-size:13.5px}.hx-bug{font-size:13px}
.hx-bd{font-size:14px;padding:8px 15px 8px 8px}@media (max-width:640px){.hx-bd{padding:7.2px 13.5px 7.2px 7.2px}}.hx-bd i{width:28px;height:28px}@media (max-width:640px){.hx-bd i{width:25.2px;height:25.2px}}
.hx-bd-a{top:-28px;right:-64px}@media (max-width:640px){.hx-bd-a{top:-25.2px;right:-57.6px}}.hx-bd-b{bottom:-24px;left:-64px}@media (max-width:640px){.hx-bd-b{bottom:-21.6px;left:-57.6px}}
@media (max-width:1100px){.hx-bd-a{right:-24px}@media (max-width:640px){.hx-bd-a{right:-21.6px}}.hx-bd-b{left:-24px}@media (max-width:640px){.hx-bd-b{left:-21.6px}}}
@media (max-width:640px){
  .hx-stage{padding:8px}@media (max-width:640px){.hx-stage{padding:7.2px}}
  .hx-pans{padding:30px 6px 34px}@media (max-width:640px){.hx-pans{padding:27px 5.4px 30.6px}}
  .hx-app{padding:14px 14px 16px;font-size:14.5px;gap:12px}@media (max-width:640px){.hx-app{padding:12.6px 12.6px 14.4px;font-size:14px;gap:10.8px}}
  .hx-ah b{font-size:15px}@media (max-width:640px){.hx-ah b{font-size:14px}}.hx-hi{font-size:16px}@media (max-width:640px){.hx-hi{font-size:14.4px}}.hx-fx{font-size:18px}@media (max-width:640px){.hx-fx{font-size:16.2px}}.hx-tks li{font-size:13.5px}
  .hx-st{font-size:14px}.hx-ans p{font-size:15px}@media (max-width:640px){.hx-ans p{font-size:14px}}.hx-fu span{font-size:12.5px}
  .hx-l3 b{font-size:14.5px}@media (max-width:640px){.hx-l3 b{font-size:14px}}.hx-l3 span{font-size:12px}
  .hx-bd{font-size:12px;padding:6px 12px 6px 6px}@media (max-width:640px){.hx-bd{padding:5.4px 10.8px 5.4px 5.4px}}.hx-bd i{width:22px;height:22px}@media (max-width:640px){.hx-bd i{width:19.8px;height:19.8px}}
  .hx-bd-a{right:-4px;top:-20px}@media (max-width:640px){.hx-bd-a{right:-3.6px;top:-18px}}.hx-bd-b{left:-4px;bottom:-22px}@media (max-width:640px){.hx-bd-b{left:-3.6px;bottom:-19.8px}}
}
@media (min-width:641px){.hx>.hx-hero{padding-top:clamp(44px,4.6vw,64px)}.hx-hw{gap:clamp(36px,4vw,52px)}}

/* built brick by brick v71 (Batu, 11 Oct): the isometric stack builds brick by brick; beside it, each layer's name and one plain line */
.bb{display:grid;grid-template-columns:minmax(0,440px) minmax(0,400px);justify-content:center;align-items:stretch;--s:1}@media (max-width:640px){.bb{grid-template-columns:minmax(0,396px) minmax(0,360px)}}
.bb-svg{display:block;width:100%;height:auto;overflow:visible}
.bb-ly{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bb-ly polygon{transition:fill .45s,stroke .45s}
.bb-ly .t{fill:var(--t);stroke:rgba(61,220,104,.24);stroke-width:1;stroke-linejoin:round}
.bb-ly .l{fill:var(--l)}.bb-ly .r{fill:var(--r)}
.bb-ly.k0{--t:#1a5a32;--l:#0a2f18;--r:#104022}
.bb-ly.k1{--t:#1d6337;--l:#0b331a;--r:#124625}
.bb-ly.k2{--t:#206c3c;--l:#0c371c;--r:#144c28}
.bb-ly.k3{--t:#237541;--l:#0d3b1e;--r:#16522b}
.bb-ly.k4{--t:#eefcf1;--l:#79c993;--r:#a6e2b9}
.bb-ly.k4 .t{stroke:rgba(255,255,255,.7)}
.bb-ly.on{--t:#3ddc68;--l:#2e9a54;--r:#4bbb72}
.bb-ly.on .t{stroke:rgba(255,255,255,.55)}
.bb-ly.on{transform:translateY(-8px);filter:drop-shadow(0 12px 22px rgba(61,220,104,.32))}@media (max-width:640px){.bb-ly.on{transform:translateY(-7.2px)}}
.bb-ly.up{transform:translateY(-18px)}@media (max-width:640px){.bb-ly.up{transform:translateY(-16.2px)}}
.bb-mk{opacity:.95}
.bb-cn path{fill:none;stroke:rgba(255,255,255,.32);stroke-width:1.5;transition:stroke .4s}
.bb-cn circle{fill:rgba(255,255,255,.5);transition:fill .4s}
.bb-ly.on .bb-cn path{stroke:var(--hx-mint)}.bb-ly.on .bb-cn circle{fill:var(--hx-mint)}
.bb-labs{position:relative;list-style:none;margin:0;padding:0}
.bb-lab{position:absolute;left:14px;right:0;top:var(--y);transform:translateY(-50%);display:grid;gap:3px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.bb-lab{left:12.6px;gap:2.7px}}
.bb-lab b{font:650 clamp(19px,1.75vw,24px)/1.15 var(--f-display);letter-spacing:-.02em;color:rgba(255,255,255,.9);transition:color .35s}@media (max-width:640px){.bb-lab b{font:650 clamp(17.1px,1.75vw,21.6px)/1.15 var(--f-display)}}
.bb-lab span{font-size:clamp(14px,1.1vw,15.5px);line-height:1.35;color:rgba(255,255,255,.9);transition:color .35s}@media (max-width:640px){.bb-lab span{font-size:clamp(14px,1.1vw,14px)}}
.bb-lab.on b{color:#fff}.bb-lab.on span{color:rgba(255,255,255,.9)}
.bb-lab.on{transform:translateY(calc(-50% - 8px*var(--s)))}@media (max-width:640px){.bb-lab.on{transform:translateY(calc(-50% - 7.2px*var(--s)))}}.bb-lab.up{transform:translateY(calc(-50% - 18px*var(--s)))}@media (max-width:640px){.bb-lab.up{transform:translateY(calc(-50% - 16.2px*var(--s)))}}
html.hx-js .bb-bk{transform:translateY(-96px);opacity:0}@media (max-width:640px){html.hx-js .bb-bk{transform:translateY(-86.4px)}}
html.hx-js .bb.in .bb-bk{transform:none;opacity:1;transition:transform .62s cubic-bezier(.3,1.5,.55,1) calc(var(--d)*1ms),opacity .18s linear calc(var(--d)*1ms)}
html.hx-js .bb-cn,html.hx-js .bb-lab{opacity:0}
html.hx-js .bb.in .bb-cn{opacity:1;transition:opacity .4s calc(var(--d)*1ms)}
html.hx-js .bb.in .bb-lab{opacity:1;transition:opacity .4s calc(var(--d)*1ms),transform .6s cubic-bezier(.2,.8,.2,1)}
@media (max-width:900px){.bb{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media (max-width:600px){
  /* phones: the stack on top, the five layers listed under it */
  .bb{grid-template-columns:minmax(0,1fr);gap:22px}@media (max-width:640px){.bb{gap:19.8px}}
  .bb-svg{width:120%;max-width:400px;margin-left:-6%;justify-self:center}
  .bb-cn{display:none}
  .bb-labs{display:grid;gap:12px}@media (max-width:640px){.bb-labs{gap:10.8px}}
  .bb-lab,.bb-lab.on,.bb-lab.up{position:static;transform:none;padding-left:14px;border-left:2px solid rgba(255,255,255,.18);transition:border-color .35s}@media (max-width:640px){.bb-lab,.bb-lab.on,.bb-lab.up{padding-left:12.6px}}
  .bb-lab.on{border-left-color:var(--hx-mint)}
  .bb-lab b{font-size:18px}@media (max-width:640px){.bb-lab b{font-size:16.2px}}.bb-lab span{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.bb-ly,.bb-lab{transition:none}}

/* business value v73 (Batu, 11 Oct): no screens; the three values sit on a flywheel that draws itself, then a comet circles it
   and lights each value as it passes. Before JS or with reduced motion, everything is shown and the comet stays hidden. */
.bv-fw{position:relative;max-width:1080px;margin-inline:auto;aspect-ratio:1080/648}
.bv-svg{display:block;width:100%;height:auto;overflow:visible}
.bv-sm{display:none}
.bv-rb{fill:none;stroke:color-mix(in srgb,var(--green) 16%,transparent);stroke-width:10}
.bv-rd{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}
.bv-chev{fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bv-cn{fill:none;stroke:color-mix(in srgb,var(--green) 45%,transparent);stroke-width:1.5;stroke-dasharray:3 4}
.bv-cm{fill:#3ddc68;opacity:0}
.bv-hd{fill:#3ddc68;filter:drop-shadow(0 0 6px rgba(61,220,104,.9)) drop-shadow(0 0 16px rgba(61,220,104,.6))}
.bv-glow{opacity:.7}
.bv-np{fill:color-mix(in srgb,#3ddc68 22%,transparent);opacity:0;transform-box:fill-box;transform-origin:center}
.bv-nc{fill:var(--surface);stroke:var(--green);stroke-width:2;transition:fill .4s}
.bv-nt{font:700 13px var(--f-mono);fill:var(--green);transition:fill .4s}
.bv-nd.on .bv-nc{fill:var(--green)}.bv-nd.on .bv-nt{fill:var(--on-green)}
.bv-nd.on .bv-np{animation:bvPulse 1.6s ease-out infinite}
@keyframes bvPulse{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}
.bv-hc{filter:drop-shadow(0 18px 30px rgba(1,48,15,.35))}
.bv-ht{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;fill:#fff}
.bv-vs{list-style:none;margin:0;padding:0}
.bv-c{position:absolute;left:var(--l);top:var(--t);width:var(--w);translate:0 var(--ty);display:grid;gap:8px;padding:20px 22px 22px;text-wrap:balance;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -24px rgba(1,48,15,.35);transition:border-color .45s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.bv-c{gap:7.2px;padding:18px 19.8px 19.8px;border-radius:19.8px}}
.bv-n{font:600 13px var(--f-mono);letter-spacing:.1em;color:var(--green)}
.bv-c h3{font:600 clamp(20px,1.9vw,24px)/1.15 var(--f-display);letter-spacing:-.025em}@media (max-width:640px){.bv-c h3{font:600 clamp(18px,1.9vw,21.6px)/1.15 var(--f-display)}}
.bv-c p{font-size:15px;line-height:1.5;color:var(--muted);text-wrap:pretty}@media (max-width:640px){.bv-c p{font-size:14px}}
.bv-c.on{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,#3ddc68 18%,transparent),0 26px 50px -24px rgba(1,48,15,.45);transform:translateY(-3px)}@media (max-width:640px){.bv-c.on{transform:translateY(-2.7px)}}
/* the build: ring draws clockwise from the first value, values arrive one by one, the hub settles */
html.hx-js .bv-fw:not(.in) .bv-rd{stroke-dashoffset:100}
html.hx-js .bv-fw:not(.in) :is(.bv-nd,.bv-chev,.bv-cn,.bv-hub,.bv-glow){opacity:0}
html.hx-js .bv-fw:not(.in) .bv-hub{transform:scale(.85)}
html.hx-js .bv-fw:not(.in) .bv-c{opacity:0;scale:.96}
html.hx-js .bv-fw.in .bv-rd{transition:stroke-dashoffset 1.6s cubic-bezier(.45,0,.2,1)}
html.hx-js .bv-fw.in :is(.bv-nd,.bv-cn){transition:opacity .4s calc(var(--k,0)*.53s + .05s)}
html.hx-js .bv-fw.in .bv-chev{transition:opacity .5s 1.3s}
html.hx-js .bv-fw.in .bv-hub{transform-box:fill-box;transform-origin:center;transition:opacity .6s .2s,transform .8s cubic-bezier(.3,1.4,.5,1) .2s}
html.hx-js .bv-fw.in .bv-glow{transition:opacity 1.2s .4s}
html.hx-js .bv-fw.in .bv-c{transition:opacity .55s calc(var(--k)*.53s + .15s),scale .6s cubic-bezier(.3,1.4,.5,1) calc(var(--k)*.53s + .15s),border-color .45s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
.bv-fw.run .bv-cm{opacity:1;transition:opacity .6s}
@media (max-width:1040px){
  /* tablets and phones: a compact wheel on top, the values listed under it with their numbers */
  .bv-fw{aspect-ratio:auto;display:grid;gap:22px;max-width:560px}@media (max-width:640px){.bv-fw{gap:19.8px}}
  .bv-lg{display:none}.bv-sm{display:block;width:min(100%,320px);justify-self:center}@media (max-width:640px){.bv-sm{width:min(100%,288px)}}
  .bv-vs{display:grid;gap:12px}@media (max-width:640px){.bv-vs{gap:10.8px}}
  .bv-c{position:static;width:auto;translate:none}
}
@media (prefers-reduced-motion:reduce){.bv-nd.on .bv-np{animation:none}.bv-c{transition:none}}
/* hero betting v77 */
/* hero betting screens v77: the real Bet Assistant */
.hb-v{position:relative;width:100%;display:grid;justify-items:center}
.hb-w{position:relative;width:min(100%,460px);background:var(--surface);color:var(--ink);border-radius:22px;overflow:hidden;font-size:14.5px;line-height:1.45;text-align:left;box-shadow:0 32px 64px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12)}@media (max-width:640px){.hb-w{width:min(100%,414px);border-radius:19.8px;font-size:14px}}
.hb-h{display:flex;align-items:center;gap:9px;padding:14px 18px 10px}@media (max-width:640px){.hb-h{gap:8.1px;padding:12.6px 16.2px 9px}}
.hb-h b{font:700 15.5px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hb-h b{font:700 14px var(--f-display)}}
.hb-x{margin-left:auto;width:12px;height:12px;position:relative;opacity:.45}@media (max-width:640px){.hb-x{width:10.8px;height:10.8px}}
.hb-x::before,.hb-x::after{content:"";position:absolute;left:5px;top:-1px;width:2px;height:14px;border-radius:1px;background:currentColor;rotate:45deg}@media (max-width:640px){.hb-x::before,.hb-x::after{left:4.5px;height:12.6px}}.hb-x::after{rotate:-45deg}
.hb-slip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 12px var(--f-display);color:var(--muted)}@media (max-width:640px){.hb-slip{gap:5.4px}}
.hb-slip+.hb-x{margin-left:10px}@media (max-width:640px){.hb-slip+.hb-x{margin-left:9px}}
.hb-slip b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);font:700 13px var(--f-mono);transition:background .3s,color .3s}@media (max-width:640px){.hb-slip b{height:18px;padding:0 5.4px;border-radius:899.1px}}
.hb-tb{display:flex;gap:20px;padding:0 18px;border-bottom:1px solid var(--line);font:600 13.5px var(--f-display);color:var(--muted)}@media (max-width:640px){.hb-tb{gap:18px;padding:0 16.2px}}
.hb-tb span{display:inline-flex;align-items:center;gap:6px;padding:4px 0 10px;transition:color .3s,box-shadow .3s}@media (max-width:640px){.hb-tb span{gap:5.4px;padding:3.6px 0 9px}}
.hb-tb span.on{color:var(--ink);box-shadow:inset 0 -2px var(--green)}
.hb-tb i{font:600 13px var(--f-mono);font-style:normal;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}@media (max-width:640px){.hb-tb i{height:16.2px;border-radius:899.1px}}
.hb-bd{display:grid;gap:12px;align-content:start;padding:16px 18px;min-height:388px}@media (max-width:640px){.hb-bd{gap:10.8px;padding:14.4px 16.2px;min-height:349.2px}}
.hb-in{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 14px;padding:9px 9px 9px 14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:13px}@media (max-width:640px){.hb-in{gap:9px;margin:0 12.6px 12.6px;padding:8.1px 8.1px 8.1px 12.6px;border-radius:12.6px}}
.hb-in i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-green);flex:none}@media (max-width:640px){.hb-in i{width:27px;height:27px}}
.hb-q{justify-self:end;max-width:86%;margin:0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--green-soft);color:var(--ink);font-weight:500;border:1px solid color-mix(in srgb,var(--green) 22%,transparent)}@media (max-width:640px){.hb-q{padding:9px 12.6px;border-radius:14.4px 14.4px 3.6px 14.4px}}
.hb-ans{margin:0}.hb-ans b{font-family:var(--f-mono);color:var(--green)}
.hb-mc{display:grid;gap:8px;padding:12px 14px 13px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:14px;background:var(--surface)}@media (max-width:640px){.hb-mc{gap:7.2px;padding:10.8px 12.6px 11.7px;border-radius:12.6px}}
.hb-lg{display:flex;justify-content:space-between;align-items:center;font:500 13px var(--f-mono);letter-spacing:.04em;color:var(--muted)}
.hb-lg span:last-child{display:inline-flex;align-items:center;gap:6px}@media (max-width:640px){.hb-lg span:last-child{gap:5.4px}}
.hb-pin{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-green)}@media (max-width:640px){.hb-pin{width:19.8px;height:19.8px}}
.hb-fx{display:flex;align-items:center;gap:7px;font:700 16px var(--f-display);letter-spacing:-.015em;padding-bottom:8px;border-bottom:1px solid var(--line)}@media (max-width:640px){.hb-fx{gap:6.3px;font:700 14.4px var(--f-display);padding-bottom:7.2px}}
.hb-fx em{font:500 12px var(--f-body);font-style:normal;color:var(--muted)}
.hb-cr{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--c);color:#fff;font:800 10px/1 var(--f-display);font-style:normal;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}@media (max-width:640px){.hb-cr{width:18px;height:18px}}
.hb-mk{font-size:12.5px;font-weight:600;color:var(--muted)}
.hb-st{display:flex;gap:9px;align-items:flex-start;margin:0;padding:9px 11px;border-radius:11px;background:var(--surface-2);font-size:13px;line-height:1.45;color:var(--body,var(--ink))}@media (max-width:640px){.hb-st{gap:8.1px;padding:8.1px 9.9px;border-radius:9.9px}}
.hb-st svg{flex:none;margin-top:2px;color:var(--green)}
.hb-pr{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:3px 0}@media (max-width:640px){.hb-pr{gap:10.8px;padding:2.7px 0}}
.hb-pr+.hb-pr{border-top:1px dashed var(--line);padding-top:8px}@media (max-width:640px){.hb-pr+.hb-pr{padding-top:7.2px}}
.hb-pr>span{font-weight:600}
.hb-pr>b{font:700 17px var(--f-mono);color:var(--green)}@media (max-width:640px){.hb-pr>b{font:700 15.3px var(--f-mono)}}
.hb-pr s{font:500 13px var(--f-mono);color:var(--muted)}
.hb-pr:has(s){grid-template-columns:1fr auto auto auto}
.hb-add{display:inline-grid;place-items:center;font:700 12.5px/1 var(--f-display);padding:9px 12px;border-radius:999px;background:var(--green);color:var(--on-green);white-space:nowrap}@media (max-width:640px){.hb-add{padding:8.1px 10.8px;border-radius:899.1px}}
.hb-add>span{grid-area:1/1;display:inline-flex;align-items:center;gap:5px;transition:opacity .3s,transform .3s}@media (max-width:640px){.hb-add>span{gap:4.5px}}
.hb-add .b{opacity:0;transform:translateY(6px)}@media (max-width:640px){.hb-add .b{transform:translateY(5.4px)}}
.hb-all{justify-self:end;font:600 12.5px var(--f-display);color:var(--green)}
.hb-fu{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.hb-fu{gap:7.2px}}
.hb-fu span{font:600 12.5px var(--f-display);color:var(--green);padding:7px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--green) 55%,transparent)}@media (max-width:640px){.hb-fu span{padding:6.3px 10.8px;border-radius:899.1px}}
/* B */
.hb-ms{position:relative;display:grid}
.hb-mo{grid-area:1/1;display:grid;gap:12px;align-content:start;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}@media (max-width:640px){.hb-mo{gap:10.8px}}
.hb-mo.on{opacity:1;visibility:visible;transition:opacity .45s}
.hb-wel{display:grid;gap:2px}.hb-wel b{font:700 20px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.hb-wel b{font:700 18px var(--f-display)}}.hb-wel span{color:var(--muted);font-size:13.5px}
.hb-fy{display:grid;gap:9px;padding:13px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--green) 35%,transparent);background:linear-gradient(135deg,var(--green-soft),var(--surface) 70%)}@media (max-width:640px){.hb-fy{gap:8.1px;padding:11.7px 12.6px;border-radius:14.4px}}
.hb-chip{justify-self:start;font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#0b4d22;color:#fff}@media (max-width:640px){.hb-chip{padding:4.5px 9px;border-radius:899.1px}}
.hb-fyr{display:flex;align-items:center;gap:6px}@media (max-width:640px){.hb-fyr{gap:5.4px}}.hb-fyr>div{display:grid;margin-left:6px}@media (max-width:640px){.hb-fyr>div{margin-left:5.4px}}.hb-fyr b{font:700 15.5px var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.hb-fyr b{font:700 14px var(--f-display)}}.hb-fyr span{font-size:12.5px;color:var(--muted)}
.hb-fyr .hb-cr{width:28px;height:28px;font-size:12px}@media (max-width:640px){.hb-fyr .hb-cr{width:25.2px;height:25.2px}}.hb-fyr .hb-cr+.hb-cr{margin-left:-10px}@media (max-width:640px){.hb-fyr .hb-cr+.hb-cr{margin-left:-9px}}
.hb-tl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}@media (max-width:640px){.hb-tl{gap:8.1px}}
.hb-tl>div{display:grid;gap:8px;align-content:start;padding:12px;border-radius:14px;background:var(--surface-2);min-height:84px}@media (max-width:640px){.hb-tl>div{gap:7.2px;padding:10.8px;border-radius:12.6px;min-height:75.6px}}
.hb-tl i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface);color:var(--green)}@media (max-width:640px){.hb-tl i{width:27px;height:27px;border-radius:8.1px}}
.hb-tl b{font:600 13.5px/1.25 var(--f-display)}
.hb-tl em{justify-self:start;font:600 13px var(--f-mono);font-style:normal;color:var(--green);background:var(--green-soft);padding:3px 8px;border-radius:999px}@media (max-width:640px){.hb-tl em{padding:2.7px 7.2px;border-radius:899.1px}}
.hb-tool{display:flex;align-items:center}.hb-tool b{font:700 17px var(--f-display)}@media (max-width:640px){.hb-tool b{font:700 15.3px var(--f-display)}}
.hb-row{display:grid;gap:7px}@media (max-width:640px){.hb-row{gap:6.3px}}.hb-lab{font-size:12.5px;font-weight:600;color:var(--muted)}
.hb-tot{display:flex;gap:6px}@media (max-width:640px){.hb-tot{gap:5.4px}}.hb-tot span{font:700 13px var(--f-mono);padding:8px 12px;border-radius:999px;border:1px solid var(--line)}@media (max-width:640px){.hb-tot span{padding:7.2px 10.8px;border-radius:899.1px}}
.hb-tot span.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
.hb-legs{display:grid;gap:7px}@media (max-width:640px){.hb-legs{gap:6.3px}}
.hb-legs>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--surface-2)}@media (max-width:640px){.hb-legs>div{gap:9px;padding:8.1px 10.8px;border-radius:10.8px}}
.hb-legs b{display:block;font:700 14px var(--f-display)}.hb-legs span{font-size:12.5px;color:var(--muted)}
.hb-legs em{font:700 16px var(--f-mono);font-style:normal;color:var(--green)}@media (max-width:640px){.hb-legs em{font:700 14.4px var(--f-mono)}}
.hb-eq{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;padding:9px 12px;border-radius:12px;background:var(--green-soft);font:500 13.5px var(--f-mono)}@media (max-width:640px){.hb-eq{gap:7.2px;padding:8.1px 10.8px;border-radius:10.8px}}
.hb-eq b{font-size:18px;color:var(--green)}@media (max-width:640px){.hb-eq b{font-size:16.2px}}
.hb-go{display:grid;place-items:center;padding:12px;border-radius:999px;background:var(--green);color:var(--on-green);font:700 14px/1 var(--f-display)}@media (max-width:640px){.hb-go{padding:10.8px;border-radius:899.1px}}
.hb-go>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;transition:opacity .3s,transform .3s}@media (max-width:640px){.hb-go>span{gap:5.4px}}.hb-go .b{opacity:0;transform:translateY(6px)}@media (max-width:640px){.hb-go .b{transform:translateY(5.4px)}}
.hb-pm{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}@media (max-width:640px){.hb-pm{gap:5.4px;padding:10.8px 12.6px;border-radius:12.6px}}
.hb-pmh{display:flex;justify-content:space-between;align-items:center}.hb-pmh b{font:700 14.5px var(--f-display)}@media (max-width:640px){.hb-pmh b{font:700 14px var(--f-display)}}.hb-pmh span{font:500 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hb-ch{width:100%;height:auto;overflow:visible}
.hb-ch .g{stroke:var(--line);stroke-width:1;fill:none}
.hb-ch .l{fill:none;stroke:var(--green);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.hb-ch circle{fill:var(--surface);stroke:var(--green);stroke-width:2}
.hb-ch text{font:500 13px var(--f-mono);fill:var(--muted)}
.hb-pmf{display:flex;gap:18px;font-size:12.5px;color:var(--muted)}@media (max-width:640px){.hb-pmf{gap:16.2px}}.hb-pmf b{font:700 14px var(--f-mono);color:var(--ink)}
.hb-dots{display:flex;gap:6px;margin-top:18px;padding:5px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.hb-dots{gap:5.4px;margin-top:16.2px;padding:4.5px;border-radius:899.1px}}
.hb-dots span{position:relative;overflow:hidden;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9);padding:7px 13px;border-radius:999px;transition:color .3s,background .3s}@media (max-width:640px){.hb-dots span{padding:6.3px 11.7px;border-radius:899.1px}}
.hb-dots span.on{color:#013d14;background:#fff}
.hb-dots i{position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:#027a1f;transform-origin:left;transform:scaleX(var(--hbp,0));opacity:0}@media (max-width:640px){.hb-dots i{left:10.8px;right:10.8px;bottom:2.7px}}
.hb-dots span.on i{opacity:.5}
/* C */
.hb-c{padding:4px 0 0}@media (max-width:640px){.hb-c{padding:3.6px 0 0}}
.hb-sb{position:relative;width:100%;max-width:780px;border-radius:18px;overflow:visible;background:#f3f5f8;color:#1b2130;box-shadow:0 32px 64px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12);font-size:13px;text-align:left}@media (max-width:640px){.hb-sb{border-radius:16.2px}}
.hb-sbt{display:flex;align-items:center;gap:22px;padding:12px 16px;border-radius:18px 18px 0 0;background:#141b2d;color:#fff}@media (max-width:640px){.hb-sbt{gap:19.8px;padding:10.8px 14.4px;border-radius:16.2px 16.2px 0 0}}
.hb-op{display:inline-flex;align-items:center;gap:8px;font:800 14px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hb-op{gap:7.2px}}.hb-op i{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#f5b52e,#e8833a)}@media (max-width:640px){.hb-op i{width:16.2px;height:16.2px;border-radius:4.5px}}
.hb-nav{display:flex;gap:16px;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9)}@media (max-width:640px){.hb-nav{gap:14.4px}}.hb-nav span:first-child{color:#fff}
.hb-sbs{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:700 12.5px var(--f-display)}@media (max-width:640px){.hb-sbs{gap:7.2px}}
.hb-sbs b{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:6px;background:#f5b52e;color:#141b2d;font:800 13px var(--f-mono);transition:transform .3s}@media (max-width:640px){.hb-sbs b{height:19.8px;border-radius:5.4px}}
.hb-sbs b>span{grid-area:1/1;transition:opacity .25s}.hb-sbs .b{opacity:0}
.hb-sbb{display:grid;grid-template-columns:minmax(0,410px) minmax(0,1fr);grid-template-rows:auto auto;gap:12px 14px;padding:14px 16px 16px;border-radius:0 0 18px 18px}@media (max-width:640px){.hb-sbb{grid-template-columns:minmax(0,369px) minmax(0,1fr);gap:10.8px 12.6px;padding:12.6px 14.4px 14.4px;border-radius:0 0 16.2px 16.2px}}
.hb-brd{display:grid;align-content:start;background:#fff;border-radius:12px;padding:4px 12px 8px;border:1px solid #e3e7ee}@media (max-width:640px){.hb-brd{border-radius:10.8px;padding:3.6px 10.8px 7.2px}}
.hb-bh{display:grid;grid-template-columns:1fr 50px 50px 50px;gap:6px;align-items:center;padding:8px 0;font:600 13px var(--f-mono);color:#596373;text-align:center}@media (max-width:640px){.hb-bh{grid-template-columns:1fr 45px 45px 45px;gap:5.4px;padding:7.2px 0}}.hb-bh b{text-align:left;font:800 13px var(--f-display);color:#1b2130}
.hb-sl{padding:8px 0 3px;font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#596373;border-top:1px solid #eef1f5}@media (max-width:640px){.hb-sl{padding:7.2px 0 2.7px}}
.hb-sr{display:grid;grid-template-columns:1fr 50px 50px 50px;gap:6px;align-items:center;padding:5px 0}@media (max-width:640px){.hb-sr{grid-template-columns:1fr 45px 45px 45px;gap:5.4px;padding:4.5px 0}}
.hb-sr>span{display:grid;font-size:12.5px;line-height:1.28}.hb-sr b{font-weight:600}
.hb-sr i{font:700 13px var(--f-mono);font-style:normal;text-align:center;padding:7px 0;border-radius:7px;background:#eef1f5}@media (max-width:640px){.hb-sr i{padding:6.3px 0;border-radius:6.3px}}
.hb-bsl{grid-column:1;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3e7ee;font-size:12.5px;transition:border-color .4s,background .4s}@media (max-width:640px){.hb-bsl{gap:10.8px;padding:9px 10.8px;border-radius:10.8px}}
.hb-bsl>b{font:800 13px var(--f-display)}.hb-bsl .a{color:#596373}
.hb-bsl .b{display:none;align-items:center;gap:6px;flex:1;min-width:0}@media (max-width:640px){.hb-bsl .b{gap:5.4px}}
.hb-bsl .b em{font:800 13px var(--f-mono);font-style:normal;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#f5b52e;color:#141b2d;flex:none}@media (max-width:640px){.hb-bsl .b em{width:18px;height:18px;border-radius:5.4px}}
.hb-bsl .b strong{font-weight:700}.hb-bsl .b i{margin-left:auto;font:800 14px var(--f-mono);font-style:normal}
.hb-dock{position:absolute;right:-18px;bottom:-22px;width:330px;display:grid;justify-items:end;gap:10px}@media (max-width:640px){.hb-dock{right:-16.2px;bottom:-19.8px;width:297px;gap:9px}}
.hb-wc{width:100%;font-size:13.5px;transform-origin:100% 100%}
.hb-wc .hb-bd{min-height:0;padding:14px 16px;gap:10px}@media (max-width:640px){.hb-wc .hb-bd{padding:12.6px 14.4px;gap:9px}}
.hb-wc .hb-fx{font-size:15px}@media (max-width:640px){.hb-wc .hb-fx{font-size:14px}}
.hb-bub{position:absolute;right:62px;bottom:8px;white-space:nowrap;font:600 12.5px var(--f-display);color:#013d14;background:#fff;padding:9px 13px;border-radius:14px 14px 4px 14px;box-shadow:0 12px 30px rgba(0,0,0,.25)}@media (max-width:640px){.hb-bub{right:55.8px;bottom:7.2px;padding:8.1px 11.7px;border-radius:12.6px 12.6px 3.6px 12.6px}}
.hb-lch{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 4px rgba(61,220,104,.35)}@media (max-width:640px){.hb-lch{width:45px;height:45px}}
.hb-c .hx-bd-b{top:auto;bottom:-22px;left:-34px;right:auto}@media (max-width:640px){.hb-c .hx-bd-b{bottom:-19.8px;left:-30.6px}}
/* D */
.hb-lv{display:grid;gap:10px;padding:13px 14px;border-radius:16px;background:linear-gradient(160deg,#0f3a1f,#071d0f);color:#fff}@media (max-width:640px){.hb-lv{gap:9px;padding:11.7px 12.6px;border-radius:14.4px}}
.hb-lvh{display:flex;justify-content:space-between;align-items:center;font:500 13px var(--f-mono);letter-spacing:.04em;color:rgba(255,255,255,.9)}
.hb-live{display:inline-flex;align-items:center;gap:7px;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,77,77,.16);padding:4px 9px;border-radius:999px}@media (max-width:640px){.hb-live{gap:6.3px;padding:3.6px 8.1px;border-radius:899.1px}}
.hb-live i{width:7px;height:7px;border-radius:50%;background:#ff5a5a;animation:hbBlink 1.4s infinite}@media (max-width:640px){.hb-live i{width:6.3px;height:6.3px}}
@keyframes hbBlink{50%{opacity:.25}}
.hb-min{display:inline-grid}.hb-min>span{grid-area:1/1;transition:opacity .3s}.hb-min .b{opacity:0}
.hb-sc{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;font:700 15.5px var(--f-display)}@media (max-width:640px){.hb-sc{gap:7.2px;font:700 14px var(--f-display)}}
.hb-sc b:nth-of-type(2){text-align:right}.hb-sc strong{font:800 22px var(--f-mono);letter-spacing:-.02em}@media (max-width:640px){.hb-sc strong{font:800 19.8px var(--f-mono)}}
.hb-ls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.hb-ls{gap:5.4px}}
.hb-ls span{display:grid;gap:1px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.07);font-size:11px;color:rgba(255,255,255,.9)}@media (max-width:640px){.hb-ls span{padding:6.3px 7.2px;border-radius:9px}}
.hb-ls b{font:700 13.5px var(--f-mono);color:#fff}
.hb-mom{height:5px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}@media (max-width:640px){.hb-mom{height:4.5px;border-radius:2.7px}}.hb-mom i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#3ddc68,#3ddc68);border-radius:inherit}
.hb-mv>b{display:inline-grid}.hb-mv>b>span{grid-area:1/1;transition:opacity .3s}.hb-mv>b .b{opacity:0}
/* stepped builds: hidden until the step, transitions only on the way in */
html.hx-js .hb-v:not(.hb-b):not(.s1) .k1,html.hx-js .hb-v:not(.hb-b):not(.s2) .k2,html.hx-js .hb-v:not(.hb-b):not(.s3) .k3,html.hx-js .hb-v:not(.hb-b):not(.s5) .k5{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-v:not(.hb-b):not(.s1) .k1,html.hx-js .hb-v:not(.hb-b):not(.s2) .k2,html.hx-js .hb-v:not(.hb-b):not(.s3) .k3,html.hx-js .hb-v:not(.hb-b):not(.s5) .k5{transform:translateY(9px)}}
html.hx-js .hb-v.s1 .k1,html.hx-js .hb-v.s2 .k2,html.hx-js .hb-v.s3 .k3,html.hx-js .hb-v.s5 .k5{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}
html.hx-js .hb-v:not(.hb-b) .hx-bd.k4{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-v:not(.hb-b) .hx-bd.k4{transform:translateY(9px)}}
html.hx-js .hb-v.s4 .hx-bd.k4{opacity:1;transform:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hb-v.out .hb-bd>*,html.hx-js .hb-v.out .hx-bd{opacity:0!important;transition:opacity .4s!important}
.hb-v.s4 .hb-add.t4 .a,.hb-v.s5 .hb-add.t5 .a{opacity:0;transform:translateY(-6px)}@media (max-width:640px){.hb-v.s4 .hb-add.t4 .a,.hb-v.s5 .hb-add.t5 .a{transform:translateY(-5.4px)}}
.hb-v.s4 .hb-add.t4 .b,.hb-v.s5 .hb-add.t5 .b{opacity:1;transform:none}
.hb-v.s4 .hb-add.t4,.hb-v.s5 .hb-add.t5{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.hb-a.s4 .hb-slip b,.hb-d.s5 .hb-slip b{background:var(--green);color:var(--on-green)}
.hb-a.s4 .hb-slip b::after{content:"1"}.hb-a .hb-slip b{font-size:0}.hb-a .hb-slip b::after{content:"0";font-size:11.5px}
.hb-d.s5 .hb-slip b::after{content:"1"}.hb-d .hb-slip b{font-size:0}.hb-d .hb-slip b::after{content:"0";font-size:11.5px}
/* B moment builds */
html.hx-js .hb-mo:not(.s1) .k1,html.hx-js .hb-mo:not(.s2) .k2,html.hx-js .hb-mo:not(.s3) .k3,html.hx-js .hb-mo:not(.s4) .k4{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-mo:not(.s1) .k1,html.hx-js .hb-mo:not(.s2) .k2,html.hx-js .hb-mo:not(.s3) .k3,html.hx-js .hb-mo:not(.s4) .k4{transform:translateY(9px)}}
html.hx-js .hb-mo.s1 .k1,html.hx-js .hb-mo.s2 .k2,html.hx-js .hb-mo.s3 .k3,html.hx-js .hb-mo.s4 .k4{transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*110ms)}
html.hx-js .hb-mo:not(.s3) .hb-ch .l{stroke-dashoffset:1}
html.hx-js .hb-mo.s3 .hb-ch .l{transition:stroke-dashoffset 1.4s cubic-bezier(.45,0,.2,1)}
html.hx-js .hb-mo:not(.s3) .hb-ch circle{opacity:0}
html.hx-js .hb-mo.s3 .hb-ch circle{transition:opacity .4s 1.1s}
.hb-mo.s5 .hb-go .a{opacity:0;transform:translateY(-6px)}@media (max-width:640px){.hb-mo.s5 .hb-go .a{transform:translateY(-5.4px)}}.hb-mo.s5 .hb-go .b{opacity:1;transform:none}.hb-mo.s5 .hb-go{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.hb-mo.s4 .hb-tot span.on{animation:hbPop .4s}
@keyframes hbPop{50%{transform:scale(1.08)}}
/* C */
html.hx-js .hb-c:not(.s1) .hb-bub{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .hb-c:not(.s1) .hb-bub{transform:translateY(7.2px)}}
html.hx-js .hb-c.s1 .hb-bub{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hb-c.s2 .hb-bub{opacity:0;transform:scale(.92)}
html.hx-js .hb-c:not(.s2) .hb-wc{opacity:0;transform:translateY(16px) scale(.94)}@media (max-width:640px){html.hx-js .hb-c:not(.s2) .hb-wc{transform:translateY(14.4px) scale(.94)}}
html.hx-js .hb-c.s2 .hb-wc{transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hb-c:not(.s3) .c3,html.hx-js .hb-c:not(.s4) .c4{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-c:not(.s3) .c3,html.hx-js .hb-c:not(.s4) .c4{transform:translateY(9px)}}
html.hx-js .hb-c.s3 .c3,html.hx-js .hb-c.s4 .c4{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hb-c.out .hb-wc{opacity:0!important;transition:opacity .4s!important}
.hb-c.s5 .hb-sbs .a{opacity:0}.hb-c.s5 .hb-sbs .b{opacity:1}.hb-c.s5 .hb-sbs b{animation:hbPop .5s .2s}
.hb-c.s5 .hb-bsl .a{display:none}.hb-c.s5 .hb-bsl .b{display:flex;animation:hbIn .5s .15s both}.hb-c.s5 .hb-bsl{border-color:#f5b52e;background:#fffaf0}
@keyframes hbIn{from{opacity:0;transform:translateY(-6px)}}
/* D */
.hb-d.s4 .hb-min .a{opacity:0}.hb-d.s4 .hb-min .b{opacity:1}
.hb-d.s4 .hb-mv>b .a{opacity:0}.hb-d.s4 .hb-mv>b .b{opacity:1}
.hb-d.s4 .hb-mv>b{animation:hbFlash 1s}
@keyframes hbFlash{30%{background:var(--green-soft);border-radius:6px}}
.hb-d.s4 .hb-ls span:first-child b{animation:hbFlash 1s}
@media (max-width:900px){
  .hb-sb{display:flex;flex-direction:column;max-width:560px;margin-inline:auto}
  .hb-sbb{display:contents}
  .hb-brd{order:1;margin:12px 12px 0}@media (max-width:640px){.hb-brd{margin:10.8px 10.8px 0}}.hb-more{display:none}
  .hb-dock{order:2;position:static;width:auto;margin:10px 12px 0;display:block}@media (max-width:640px){.hb-dock{margin:9px 10.8px 0}}
  .hb-bub,.hb-lch{display:none}
  .hb-bsl{order:3;margin:10px 12px 12px}@media (max-width:640px){.hb-bsl{margin:9px 10.8px 10.8px}}
  html.hx-js .hb-c:not(.s2) .hb-wc{opacity:1;transform:none}
  html.hx-js .hb-c.out .hb-wc{opacity:1!important}
  html.hx-js .hb-c.out .hb-bd>*{opacity:0!important;transition:opacity .4s!important}
  .hb-c .hx-bd-b{display:none}
}
@media (max-width:760px){.hb-nav{display:none}}
@media (max-width:480px){.hb-bm{display:none}}
@media (max-width:640px){
  .hb-w{font-size:13.5px}.hb-bd{padding:13px 14px;min-height:0}@media (max-width:640px){.hb-bd{padding:11.7px 12.6px}}.hb-h{padding:12px 14px 9px}@media (max-width:640px){.hb-h{padding:10.8px 12.6px 8.1px}}.hb-tb{padding:0 14px;gap:14px;font-size:12.5px}@media (max-width:640px){.hb-tb{padding:0 12.6px;gap:12.6px}}
  .hb-dots span{font-size:11.5px;padding:6px 9px}@media (max-width:640px){.hb-dots span{padding:5.4px 8.1px}}
}
@media (prefers-reduced-motion:reduce){.hb-live i{animation:none}}
/* hero betting reel v78 */
.hb-reel{width:100%;display:grid;justify-items:center;gap:22px}@media (max-width:640px){.hb-reel{gap:19.8px}}
.hb-scs{display:grid;width:100%}
/* v81: one widget size on every screen (--hbw × --hbh), content fits inside it */
.hb-reel{--hbw:400px;--hbh:690px}@media (max-width:640px){.hb-reel{--hbw:360px;--hbh:621px}}
.hb-scn>.hb-v:not(.hb-k){width:min(100%,var(--hbw))}
.hb-reel .hb-w{width:100%;height:var(--hbh);display:flex;flex-direction:column}
.hb-reel .hb-w>.hb-bd{flex:1 1 auto;min-height:0;overflow:hidden}
.hb-reel .hb-w>.hb-in{flex:none}
.hb-k .hb-sbb{grid-template-columns:minmax(0,370px) minmax(0,1fr)}@media (max-width:640px){.hb-k .hb-sbb{grid-template-columns:minmax(0,333px) minmax(0,1fr)}}
/* pop-ups on the scene clock */
.hb-reel [data-pop]{transition:opacity .4s,transform .55s cubic-bezier(.3,1.3,.5,1),visibility 0s}
.hb-reel [data-pop]:not(.bon){opacity:0!important;visibility:hidden;transform:translateY(8px) scale(.94)!important;transition:opacity .35s,transform .35s,visibility 0s .35s}@media (max-width:640px){.hb-reel [data-pop]:not(.bon){transform:translateY(7.2px) scale(.94)!important}}
.hb-reel .hx-bd.hb-bdm{left:50%;top:var(--ty,50%);right:auto;bottom:auto;translate:-50% -50%;font-size:16px;padding:10px 20px 10px 10px;box-shadow:0 22px 50px rgba(0,0,0,.35),0 0 0 2px #3ddc68;z-index:3}@media (max-width:640px){.hb-reel .hx-bd.hb-bdm{font-size:14.4px;padding:9px 18px 9px 9px}}
.hb-reel .hx-bd.hb-bdm i{width:32px;height:32px}@media (max-width:640px){.hb-reel .hx-bd.hb-bdm i{width:28.8px;height:28.8px}}
.hb-calw{position:relative;height:0;margin-bottom:-8px;z-index:2}@media (max-width:640px){.hb-calw{margin-bottom:-7.2px}}
.hb-cal{position:absolute;left:50%;bottom:4px;translate:-50% 0;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 12px 7px 7px;border-radius:11px;background:#0d2a17;color:#fff;font:700 12.5px/1 var(--f-display);box-shadow:0 12px 26px rgba(0,0,0,.28)}@media (max-width:640px){.hb-cal{bottom:3.6px;gap:6.3px;padding:6.3px 10.8px 6.3px 6.3px;border-radius:9.9px}}
.hb-cal i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3ddc68;color:#013d14}@media (max-width:640px){.hb-cal i{width:19.8px;height:19.8px}}
.hb-cal::after{content:"";position:absolute;left:50%;top:100%;translate:-50% 0;border:7px solid transparent;border-top-color:#0d2a17}
.hb-scn{grid-area:1/1;display:grid;place-items:center;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.hb-scn:not(.on){visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s,visibility 0s .35s}@media (max-width:640px){.hb-scn:not(.on){transform:translateY(9px)}}
.hb-rn{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.hb-rn{gap:3.6px;padding:4.5px;border-radius:899.1px}}
.hb-rn button{cursor:pointer;border:0;background:none;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9);border-radius:999px}@media (max-width:640px){.hb-rn button{border-radius:899.1px}}
.hb-rn button:focus-visible{outline:2px solid #3ddc68;outline-offset:2px}
.hb-pz{width:32px;height:32px;display:grid;place-items:center;color:#fff!important;background:rgba(255,255,255,.12)!important}@media (max-width:640px){.hb-pz{width:28.8px;height:28.8px}}
.hb-pz:hover{background:rgba(255,255,255,.2)!important}
.hb-pz svg{grid-area:1/1}.hb-pz .g{display:none}.hb-pz[aria-pressed="true"] .p{display:none}.hb-pz[aria-pressed="true"] .g{display:block}
.hb-sk{position:relative;overflow:hidden;padding:8px 13px;transition:color .3s,background .3s}@media (max-width:640px){.hb-sk{padding:7.2px 11.7px}}
.hb-sk:hover{color:#fff}
.hb-sk.on{color:#013d14;background:#fff}
.hb-sk i{position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:#027a1f;transform-origin:left;transform:scaleX(var(--hbp,0));opacity:0}@media (max-width:640px){.hb-sk i{left:10.8px;right:10.8px;bottom:2.7px}}
.hb-sk.on i{opacity:.55}
.hb-reel.paused .hb-sk i{opacity:0}
/* 1 · sportsbook, then the pop-up */
.hb-k{padding:4px 0 0}@media (max-width:640px){.hb-k{padding:3.6px 0 0}}
.hb-k .hx-bd-b{top:auto;bottom:-22px;left:-34px;right:auto}@media (max-width:640px){.hb-k .hx-bd-b{bottom:-19.8px;left:-30.6px}}
.hb-k .hb-dock{width:var(--hbw);bottom:-26px}@media (max-width:640px){.hb-k .hb-dock{bottom:-23.4px}}
html.hx-js .hb-k:not(.s4) .k4{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-k:not(.s4) .k4{transform:translateY(9px)}}
html.hx-js .hb-k.s4 .k4{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*160ms)}
.hb-k .hb-wc .hb-bd{gap:10px;padding:14px 16px 16px}@media (max-width:640px){.hb-k .hb-wc .hb-bd{gap:9px;padding:12.6px 14.4px 14.4px}}
.hb-k .hb-wel b{font-size:18px}@media (max-width:640px){.hb-k .hb-wel b{font-size:16.2px}}.hb-k .hb-wel span{font-size:13px;line-height:1.4}
.hb-sm{display:grid;gap:7px;padding:11px 12px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:13px}@media (max-width:640px){.hb-sm{gap:6.3px;padding:9.9px 10.8px;border-radius:11.7px}}
.hb-smt{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width:640px){.hb-smt{gap:5.4px}}.hb-smt .hb-cr+.hb-cr{margin-left:-8px}@media (max-width:640px){.hb-smt .hb-cr+.hb-cr{margin-left:-7.2px}}
.hb-smt b{font:700 14.5px var(--f-display);letter-spacing:-.01em;margin-left:4px}@media (max-width:640px){.hb-smt b{font:700 14px var(--f-display);margin-left:3.6px}}.hb-smt span{margin-left:auto;font:500 13px var(--f-mono);letter-spacing:.03em;color:var(--muted)}
.hb-smi{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:12.5px;line-height:1.35;color:var(--body,var(--ink))}@media (max-width:640px){.hb-smi{gap:6.3px}}.hb-smi svg{flex:none;margin-top:1px;color:var(--green);width:12px;height:12px}@media (max-width:640px){.hb-smi svg{width:10.8px;height:10.8px}}
.hb-dock .hx-bd.hb-bdm{--ty:50%}
.hb-sm .hb-pr{padding-top:7px;border-top:1px dashed var(--line)}@media (max-width:640px){.hb-sm .hb-pr{padding-top:6.3px}}.hb-sm .hb-pr>span{font-size:13px}.hb-sm .hb-pr>b{font-size:15.5px}@media (max-width:640px){.hb-sm .hb-pr>b{font-size:14px}}
.hb-sm .hb-add{padding:8px 11px;font-size:12px}@media (max-width:640px){.hb-sm .hb-add{padding:7.2px 9.9px}}
.hb-k .hb-all{justify-self:center}
.hb-lch{position:relative}
html.hx-js .hb-k:not(.s1) .hb-lch{opacity:0;transform:scale(.5)}
html.hx-js .hb-k.s1 .hb-lch{transition:opacity .35s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.hb-k.s1:not(.s2) .hb-lch::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #3ddc68;animation:hbRing 1s ease-out infinite}@media (max-width:640px){.hb-k.s1:not(.s2) .hb-lch::after{inset:-3.6px}}
@keyframes hbRing{to{inset:-16px;opacity:0}}
html.hx-js .hb-k:not(.s2) .hb-wc{opacity:0;transform:translateY(18px) scale(.92)}@media (max-width:640px){html.hx-js .hb-k:not(.s2) .hb-wc{transform:translateY(16.2px) scale(.92)}}
html.hx-js .hb-k.s2 .hb-wc{transition:opacity .4s,transform .55s cubic-bezier(.25,1.3,.5,1)}
.hb-k.s6 .hb-sbs .a{opacity:0}.hb-k.s6 .hb-sbs .b{opacity:1}.hb-k.s6 .hb-sbs b{animation:hbPop .5s .2s}
.hb-k.s6 .hb-bsl .a{display:none}.hb-k.s6 .hb-bsl .b{display:flex;animation:hbIn .5s .15s both}.hb-k.s6 .hb-bsl{border-color:#f5b52e;background:#fffaf0}
/* the 6th and 7th steps (A's follow-up, the sportsbook slip) */
html.hx-js .hb-v:not(.s6) .k6,html.hx-js .hb-v:not(.s7) .k7{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-v:not(.s6) .k6,html.hx-js .hb-v:not(.s7) .k7{transform:translateY(9px)}}
html.hx-js .hb-v.s6 .k6,html.hx-js .hb-v.s7 .k7{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*120ms)}
html.hx-js .hb-v .hx-bd.k6{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-v .hx-bd.k6{transform:translateY(9px)}}
html.hx-js .hb-v.s6 .hx-bd.k6{opacity:1;transform:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
/* 2 · the follow-up rolls the chat up */
.hb-vw{overflow:hidden;min-height:0;align-content:stretch}
.hb-roll{display:grid;gap:12px;align-content:start;position:relative;transition:transform .8s cubic-bezier(.5,0,.2,1)}@media (max-width:640px){.hb-roll{gap:10.8px}}
.hb-a2.s6 .hb-roll{transform:translateY(calc(-1*var(--hbroll,0px)))}
.hb-a2.s6 .hb-tap{background:var(--green);color:var(--on-green);border-color:var(--green)}
.hb-a2 .hb-tap{transition:background .25s,color .25s}
/* 3 · Arsenal throughout */
.hb-b2 .hb-fy .hb-st{background:var(--surface);font-size:12.5px;padding:7px 10px}@media (max-width:640px){.hb-b2 .hb-fy .hb-st{padding:6.3px 9px}}
.hb-yt{font:600 13px var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--green-soft);color:var(--green);vertical-align:2px}@media (max-width:640px){.hb-yt{margin-left:7.2px;padding:2px 6.3px;border-radius:899.1px}}
.hb-legs .hb-mine{box-shadow:inset 3px 0 var(--green)}
.hb-b2 .hb-tl>div{min-height:72px}@media (max-width:640px){.hb-b2 .hb-tl>div{min-height:64.8px}}
.hb-ar{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:linear-gradient(120deg,#db0007,#9e0006);color:#fff}@media (max-width:640px){.hb-ar{gap:12.6px;padding:10.8px 12.6px;border-radius:14.4px}}
.hb-ar strong{font:800 34px/1 var(--f-mono);letter-spacing:-.04em}@media (max-width:640px){.hb-ar strong{font:800 30.6px/1 var(--f-mono)}}.hb-ar small{font-size:16px;opacity:.7;letter-spacing:0}@media (max-width:640px){.hb-ar small{font-size:14.4px}}
.hb-ar>div{display:grid;gap:7px}@media (max-width:640px){.hb-ar>div{gap:6.3px}}.hb-ar b{font:700 14.5px/1.25 var(--f-display)}@media (max-width:640px){.hb-ar b{font:700 14px/1.25 var(--f-display)}}
.hb-ten{display:flex;gap:4px}@media (max-width:640px){.hb-ten{gap:3.6px}}.hb-ten i{width:14px;height:14px;border-radius:4px;background:rgba(255,255,255,.22)}@media (max-width:640px){.hb-ten i{width:12.6px;height:12.6px;border-radius:3.6px}}
.hb-ten i.on{background:#fff}
html.hx-js .hb-mo:not(.s2) .hb-ten i.on{background:rgba(255,255,255,.22)}
html.hx-js .hb-mo.s2 .hb-ten i.on{transition:background .25s;transition-delay:calc(var(--j)*70ms)}
.hb-d2 .hb-lv{gap:9px;padding:12px 13px}@media (max-width:640px){.hb-d2 .hb-lv{gap:8.1px;padding:10.8px 11.7px}}
.hb-d2 .hb-ls{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}@media (max-width:640px){.hb-d2 .hb-ls{gap:4.5px}}.hb-d2 .hb-ls span{padding:4px 8px;font-size:10.5px;line-height:1.3}@media (max-width:640px){.hb-d2 .hb-ls span{padding:3.6px 7.2px}}.hb-d2 .hb-ls b{font-size:12.5px}
.hb-d2.s4 .hb-ls span:first-child b{animation:none}.hb-d2.s4 .hb-ls span:nth-child(2){animation:hbLiveF 1.2s}
@keyframes hbLiveF{30%{background:rgba(61,220,104,.32)}}
.hb-d2 .hb-bd{gap:8px}@media (max-width:640px){.hb-d2 .hb-bd{gap:7.2px}}.hb-d2 .hb-mc{gap:6px;padding:9px 12px 10px}@media (max-width:640px){.hb-d2 .hb-mc{gap:5.4px;padding:8.1px 10.8px 9px}}.hb-d2 .hb-q{padding:8px 13px}@media (max-width:640px){.hb-d2 .hb-q{padding:7.2px 11.7px}}.hb-d2 .hb-3w span{padding:6px}@media (max-width:640px){.hb-d2 .hb-3w span{padding:5.4px}}
.hb-3w span{position:relative;transition:background .3s,box-shadow .3s}
.hb-3w i{position:absolute;inset:auto 0 -9px;margin:auto;width:max-content;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--green);color:var(--on-green);font:700 10.5px var(--f-display);font-style:normal;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}@media (max-width:640px){.hb-3w i{inset:auto 0 -8.1px;gap:3.6px;padding:2px 7.2px;border-radius:899.1px;transform:translateY(3.6px)}}
.hb-3w i svg{width:9px;height:9px}@media (max-width:640px){.hb-3w i svg{width:8.1px;height:8.1px}}
.hb-d2.s5 .hb-3w .t5{background:var(--green-soft);box-shadow:inset 0 0 0 1.5px var(--green)}
.hb-d2.s5 .hb-3w .t5 i{opacity:1;transform:none}
.hb-d2 .hb-ng{padding-bottom:15px}@media (max-width:640px){.hb-d2 .hb-ng{padding-bottom:13.5px}}
.hb-3w{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hb-3w{gap:5.4px}}
.hb-3w span{display:grid;gap:1px;justify-items:center;padding:7px 6px;border-radius:10px;background:var(--surface-2)}@media (max-width:640px){.hb-3w span{padding:6.3px 5.4px;border-radius:9px}}
.hb-3w em{font-size:11.5px;font-style:normal;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hb-3w b{font:700 15px var(--f-mono);color:var(--green)}@media (max-width:640px){.hb-3w b{font:700 14px var(--f-mono)}}
@media (max-width:900px){
  .hb-k .hb-sb{max-width:calc(var(--hbw) + 24px)}
  .hb-k .hb-dock{width:var(--hbw);margin:10px auto 0;bottom:auto;right:auto;position:relative}@media (max-width:640px){.hb-k .hb-dock{margin:9px auto 0}}
  .hb-k .hb-r2{display:none}
  .hb-k .hb-dock{position:relative}
  html.hx-js .hb-k:not(.s2) .hb-wc{opacity:0;transform:translateY(18px)}@media (max-width:640px){html.hx-js .hb-k:not(.s2) .hb-wc{transform:translateY(16.2px)}}
}
@media (max-width:640px){
  .hb-reel{gap:16px}@media (max-width:640px){.hb-reel{gap:14.4px}}
  .hb-sk:not(.on) span{display:none}
  .hb-sk:not(.on){width:22px;height:22px;padding:0;display:grid;place-items:center}@media (max-width:640px){.hb-sk:not(.on){width:19.8px;height:19.8px}}
  .hb-sk:not(.on)::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}@media (max-width:640px){.hb-sk:not(.on)::before{width:6.3px;height:6.3px}}
  .hb-sk.on{padding:8px 12px}@media (max-width:640px){.hb-sk.on{padding:7.2px 10.8px}}
  .hb-reel{--hbw:calc(100% - 24px);--hbh:740px}@media (max-width:640px){.hb-reel{--hbw:calc(100% - 21.6px);--hbh:666px}}
  .hb-sm+.hb-sm+.hb-sm{display:none}
  .hb-b2 .hb-tl>div{min-height:0;padding:10px;gap:6px}@media (max-width:640px){.hb-b2 .hb-tl>div{padding:9px;gap:5.4px}}.hb-b2 .hb-mo{gap:10px}@media (max-width:640px){.hb-b2 .hb-mo{gap:9px}}.hb-ar{padding:10px 12px}@media (max-width:640px){.hb-ar{padding:9px 10.8px}}
  .hb-d2 .hb-bd{gap:7px;padding:12px 13px}@media (max-width:640px){.hb-d2 .hb-bd{gap:6.3px;padding:10.8px 11.7px}}.hb-d2 .hb-lv{gap:7px;padding:10px 11px}@media (max-width:640px){.hb-d2 .hb-lv{gap:6.3px;padding:9px 9.9px}}.hb-d2 .hb-st{padding:7px 9px;font-size:12.5px}@media (max-width:640px){.hb-d2 .hb-st{padding:6.3px 8.1px}}
  .hb-reel .hx-bd.hb-bdm{font-size:14.5px}@media (max-width:640px){.hb-reel .hx-bd.hb-bdm{font-size:14px}}
  .hb-d2 .hb-sc{font-size:13.5px;gap:6px}@media (max-width:640px){.hb-d2 .hb-sc{gap:5.4px}}.hb-d2 .hb-sc strong{font-size:19px}@media (max-width:640px){.hb-d2 .hb-sc strong{font-size:17.1px}}.hb-d2 .hb-ls b{font-size:11.5px}
}
@media (max-width:640px){.hb-mi p:nth-of-type(n+4){display:none}.hb-mi{gap:6px;padding:10px 12px}@media (max-width:640px){.hb-mi{gap:5.4px;padding:9px 10.8px}}.hb-dn .hb-fy{gap:6px;padding:10px 12px}@media (max-width:640px){.hb-dn .hb-fy{gap:5.4px;padding:9px 10.8px}}.hb-dn .hb-fy .hb-chip{display:none}.hb-b3 .hb-mo{gap:8px}@media (max-width:640px){.hb-b3 .hb-mo{gap:7.2px}}.hb-legi>div{padding:7px 10px}@media (max-width:640px){.hb-legi>div{padding:6.3px 9px}}.hb-legs{gap:5px}@media (max-width:640px){.hb-legs{gap:4.5px}}.hb-dn .hb-who b{font-size:20px}@media (max-width:640px){.hb-dn .hb-who b{font-size:18px}}}
@media (max-width:420px){.hb-reel{--hbh:760px}@media (max-width:640px){.hb-reel{--hbh:684px}}.hb-b3 .hb-tot span{padding:6px 10px}@media (max-width:640px){.hb-b3 .hb-tot span{padding:5.4px 9px}}.hb-b3 .hb-row{gap:5px}@media (max-width:640px){.hb-b3 .hb-row{gap:4.5px}}.hb-rn{gap:2px;padding:4px}@media (max-width:640px){.hb-rn{padding:3.6px}}.hb-sk:not(.on){width:18px}@media (max-width:640px){.hb-sk:not(.on){width:16.2px}}.hb-sk.on{padding:8px 10px}@media (max-width:640px){.hb-sk.on{padding:7.2px 9px}}.hb-rn button{font-size:12px}}
@media (max-width:375px){.hb-sm+.hb-sm{display:none}}
/* v84: build a combo, then a ready-made coupon; the slip count follows what was added */
.hb-b3 .hb-mo{gap:10px}@media (max-width:640px){.hb-b3 .hb-mo{gap:9px}}
.hb-b3 .hb-slip b{font-size:0}.hb-b3 .hb-slip b::after{content:"0";font-size:11.5px}
.hb-b3:has(.hb-c1.s5) .hb-slip b,.hb-b3:has(.hb-c2.s5) .hb-slip b{background:var(--green);color:var(--on-green)}
.hb-b3:has(.hb-c1.s5) .hb-slip b::after,.hb-b3:has(.hb-c2.s5) .hb-slip b::after{content:"3"}
.hb-b3:has(.hb-c1.s5) .hb-slip b,.hb-b3:has(.hb-c2.s5) .hb-slip b{animation:hbPop .5s .2s}
.hb-ab{margin:0;justify-self:start;max-width:92%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--surface-2);font-size:13.5px;line-height:1.45}@media (max-width:640px){.hb-ab{padding:9px 11.7px;border-radius:12.6px 12.6px 12.6px 3.6px}}
.hb-cpn{display:grid;gap:0;padding:4px 0 0;border-top:1px dashed var(--line)}@media (max-width:640px){.hb-cpn{padding:3.6px 0 0}}
.hb-cph{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 4px}@media (max-width:640px){.hb-cph{gap:7.2px;padding:7.2px 0 3.6px}}.hb-cph b{font:700 17px var(--f-display);letter-spacing:-.015em}@media (max-width:640px){.hb-cph b{font:700 15.3px var(--f-display)}}
.hb-cpl{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}@media (max-width:640px){.hb-cpl{gap:9px;padding:7.2px 0}}
.hb-cpl>div{display:grid;gap:1px;min-width:0}.hb-cpl b{font:700 13.5px var(--f-display)}.hb-cpl>div>span{font-size:12px;color:var(--muted)}
.hb-cpl p{display:flex;gap:6px;align-items:flex-start;margin:3px 0 0;font-size:12px;line-height:1.35}@media (max-width:640px){.hb-cpl p{gap:5.4px;margin:2.7px 0 0}}.hb-cpl p svg{flex:none;margin-top:1px;width:12px;height:12px;color:var(--green)}@media (max-width:640px){.hb-cpl p svg{width:10.8px;height:10.8px}}
.hb-cpl em{font:700 15px var(--f-mono);font-style:normal;color:var(--green);padding-top:1px}@media (max-width:640px){.hb-cpl em{font:700 14px var(--f-mono)}}
.hb-cpt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:9px 0 2px;font-size:13px;color:var(--muted)}@media (max-width:640px){.hb-cpt{gap:7.2px;padding:8.1px 0 2px}}.hb-cpt b{font:700 26px/1 var(--f-mono);letter-spacing:-.03em;color:var(--green)}@media (max-width:640px){.hb-cpt b{font:700 23.4px/1 var(--f-mono)}}
/* v85: the user's name leads each personalised moment; Daniel taps through to match insights */
.hb-who{display:flex;align-items:center;gap:11px}@media (max-width:640px){.hb-who{gap:9.9px}}.hb-who>div{display:grid;gap:2px;min-width:0}
.hb-who b{font:700 20px/1.15 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.hb-who b{font:700 18px/1.15 var(--f-display)}}.hb-who span{color:var(--muted);font-size:13px;line-height:1.4}
.hb-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-green);font:800 17px var(--f-display);font-style:normal}@media (max-width:640px){.hb-av{width:36px;height:36px;font:800 15.3px var(--f-display)}}
.hb-dn .hb-who b{font-size:22px}@media (max-width:640px){.hb-dn .hb-who b{font-size:19.8px}}
.hb-fyl{justify-self:start;font:700 12.5px var(--f-display);color:var(--green);padding:6px 12px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--green) 55%,transparent);transition:background .25s,color .25s,border-color .25s}@media (max-width:640px){.hb-fyl{padding:5.4px 10.8px;border-radius:899.1px}}
.hb-dn.s4 .hb-fyl{background:var(--green);color:var(--on-green);border-color:var(--green)}
.hb-sw{display:grid}.hb-sw>*{grid-area:1/1}
.hb-tl{transition:opacity .35s,transform .45s}
.hb-mi{display:grid;gap:7px;align-content:start;padding:12px 13px;border-radius:14px;background:var(--surface-2);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}@media (max-width:640px){.hb-mi{gap:6.3px;padding:10.8px 11.7px;border-radius:12.6px;transform:translateY(9px)}}
.hb-mih{display:flex;justify-content:space-between;align-items:baseline;gap:8px}@media (max-width:640px){.hb-mih{gap:7.2px}}.hb-mih b{font:700 14.5px var(--f-display)}@media (max-width:640px){.hb-mih b{font:700 14px var(--f-display)}}.hb-mih span{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hb-mi p{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:12.5px;line-height:1.4}@media (max-width:640px){.hb-mi p{gap:6.3px}}.hb-mi p svg{flex:none;margin-top:2px;width:12px;height:12px;color:var(--green)}@media (max-width:640px){.hb-mi p svg{width:10.8px;height:10.8px}}
.hb-mq{display:grid;gap:2px;padding-top:6px;border-top:1px dashed var(--line)}@media (max-width:640px){.hb-mq{padding-top:5.4px}}.hb-mq:first-of-type{border-top:0;padding-top:0}
.hb-mqh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}@media (max-width:640px){.hb-mqh{gap:7.2px}}.hb-mqh b{font:700 13.5px var(--f-display)}.hb-mqh em{font:700 15px var(--f-mono);font-style:normal;color:var(--green)}@media (max-width:640px){.hb-mqh em{font:700 14px var(--f-mono)}}
.hb-mq p{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:12px;line-height:1.35;color:var(--muted)}@media (max-width:640px){.hb-mq p{gap:5.4px}}.hb-mq p svg{flex:none;margin-top:1px;width:12px;height:12px;color:var(--green)}@media (max-width:640px){.hb-mq p svg{width:10.8px;height:10.8px}}
html.hx-js .hb-dn:not(.s5) .hb-mq{opacity:0;transform:translateY(6px)}@media (max-width:640px){html.hx-js .hb-dn:not(.s5) .hb-mq{transform:translateY(5.4px)}}
html.hx-js .hb-dn.s5 .hb-mq{transition:opacity .4s,transform .5s;transition-delay:calc(.35s + var(--i)*200ms)}
.hb-legi>div{align-items:flex-start}.hb-legi em{padding-top:1px}
.hb-legi p{display:flex;gap:6px;align-items:flex-start;margin:3px 0 0;font-size:12px;line-height:1.35}@media (max-width:640px){.hb-legi p{gap:5.4px;margin:2.7px 0 0}}.hb-legi p span{font-size:12px;color:var(--ink)}.hb-legi p svg{flex:none;margin-top:1px;width:12px;height:12px;color:var(--green)}@media (max-width:640px){.hb-legi p svg{width:10.8px;height:10.8px}}
.hb-dn.s5 .hb-tl{opacity:0;visibility:hidden;transform:translateY(-8px)}@media (max-width:640px){.hb-dn.s5 .hb-tl{transform:translateY(-7.2px)}}
.hb-dn.s5 .hb-mi{opacity:1;visibility:visible;transform:none;transition:opacity .4s .15s,transform .5s .15s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hb-dn:not(.s5) .hb-mi p{opacity:0;transform:translateY(6px)}@media (max-width:640px){html.hx-js .hb-dn:not(.s5) .hb-mi p{transform:translateY(5.4px)}}
html.hx-js .hb-dn.s5 .hb-mi p{transition:opacity .4s,transform .5s;transition-delay:calc(.35s + var(--i)*160ms)}
/* v83: the opening screen asks in the sportsbook (dock opens at s2, q s3, answer s4, card s5, added s6, follow-ups s7, roll s8) */
.hb-kq .hb-slip b{font-size:0}.hb-kq .hb-slip b::after{content:"0";font-size:11.5px}
.hb-kq.s6 .hb-slip b{background:var(--green);color:var(--on-green)}.hb-kq.s6 .hb-slip b::after{content:"1"}
.hb-kq.s6 .hb-add.t6 .a{opacity:0;transform:translateY(-6px)}@media (max-width:640px){.hb-kq.s6 .hb-add.t6 .a{transform:translateY(-5.4px)}}.hb-kq.s6 .hb-add.t6 .b{opacity:1;transform:none}
.hb-kq.s6 .hb-add.t6{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
html.hx-js .hb-kq:not(.s8) .q8{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hb-kq:not(.s8) .q8{transform:translateY(9px)}}
html.hx-js .hb-kq.s8 .q8{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*1.3s + var(--i,0)*120ms)}
.hb-kq.s8 .hb-roll{transform:translateY(calc(-1*var(--hbroll,0px)))}
.hb-kq .hb-tap{transition:background .25s,color .25s}.hb-kq.s8 .hb-tap{background:var(--green);color:var(--on-green);border-color:var(--green)}
@media (prefers-reduced-motion:reduce){.hb-roll,.hb-scn{transition:none!important}.hb-pz{display:none}.hb-k .hb-lch::after{display:none}}

/* hero clubs reel v82 */
/* v83: five longer screen names, so they stay on one line and fold to dots below 900px */
.hc-reel .hb-sk span{white-space:nowrap}
@media (max-width:900px){.hc-reel .hb-sk:not(.on) span{display:none}.hc-reel .hb-sk:not(.on){width:22px;height:22px;padding:0;display:grid;place-items:center}@media (max-width:640px){.hc-reel .hb-sk:not(.on){width:19.8px;height:19.8px}}.hc-reel .hb-sk:not(.on)::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}@media (max-width:640px){.hc-reel .hb-sk:not(.on)::before{width:6.3px;height:6.3px}}.hc-reel .hb-sk.on{padding:8px 12px}@media (max-width:640px){.hc-reel .hb-sk.on{padding:7.2px 10.8px}}}
.hc{--kb:#151d2e;--kc:#151d2e;--ks:#1e283b;--ka:#3ddc68;--ko:#06260f;--kt:#0f7a35}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hc{--kt:#5be585;--kc:#243049}}
:root[data-theme="dark"] .hc{--kt:#5be585;--kc:#243049}
.hc .crest{display:inline-grid;place-items:center;flex:none}.hc .crest svg{display:block}
.hc .crest .s1{fill:var(--ka)}.hc .crest .s2{fill:none;stroke:var(--kb);stroke-width:1.6}.hc .crest text{fill:var(--ko);font:800 11px "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.2px}
/* widget skin: the club's navy header, its green, its name */
.hc .hc-h{background:var(--kb);color:#fff;padding:13px 16px 9px;gap:10px}@media (max-width:640px){.hc .hc-h{padding:11.7px 14.4px 8.1px;gap:9px}}
.hc-nm{display:grid;line-height:1.15}.hc-nm b{font:700 15px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hc-nm b{font:700 14px var(--f-display)}}
.hc-nm small{display:inline-flex;align-items:center;gap:5px;font:500 11px var(--f-body);color:rgba(255,255,255,.9)}@media (max-width:640px){.hc-nm small{gap:4.5px}}.hc-nm small::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ka)}@media (max-width:640px){.hc-nm small::before{width:5.4px;height:5.4px}}
.hc .hc-tb{background:var(--kb);color:rgba(255,255,255,.9);border-bottom:0;display:flex;gap:20px;padding:0 16px;font:600 13px var(--f-display)}@media (max-width:640px){.hc .hc-tb{gap:18px;padding:0 14.4px}}
.hc .hc-tb span{padding:4px 0 10px;transition:color .3s,box-shadow .3s}@media (max-width:640px){.hc .hc-tb span{padding:3.6px 0 9px}}
.hc .hc-tb span.on{color:#fff;box-shadow:inset 0 -2px var(--ka)}
.hc .hb-in i{background:var(--ka);color:var(--ko)}
.hc .hb-q{background:var(--ka);color:var(--ko);border-color:transparent;font-weight:600}
.hc .hb-ans b{color:var(--kt)}.hc .hb-ans strong{color:var(--kt);font-weight:700}
.hc .hb-mc{border-left-color:var(--ka)}
.hc .hb-fu span{color:var(--kt);border-color:color-mix(in srgb,var(--ka) 75%,transparent)}
.hc-a.s6 .hb-tap{background:var(--ka)!important;color:var(--ko)!important;border-color:var(--ka)!important}
.hc .hb-wel b{font-size:19px}@media (max-width:640px){.hc .hb-wel b{font-size:17.1px}}
.hc-lr{display:flex;justify-content:space-between;align-items:center;gap:8px;font:500 13px var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}@media (max-width:640px){.hc-lr{gap:7.2px}}
.hc-lr span{display:inline-flex;align-items:center;gap:5px}@media (max-width:640px){.hc-lr span{gap:4.5px}}.hc-lr svg{color:var(--kt)}
.hc-pill{font:700 13px var(--f-mono);letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--ka);color:var(--ko);text-transform:none}@media (max-width:640px){.hc-pill{padding:2.7px 7.2px;border-radius:899.1px}}
.hc-cc{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}@media (max-width:640px){.hc-cc{gap:6.3px;padding:9px 10.8px;border-radius:12.6px}}
.hc-fx{display:flex;align-items:center;gap:7px;font:700 15px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.hc-fx{gap:6.3px;font:700 14px var(--f-display)}}.hc-fx em{font:500 12px var(--f-body);font-style:normal;color:var(--muted)}
.hc-fx em{margin:0 auto}
.hc-cd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hc-cd{gap:5.4px}}
.hc-cd div{display:grid;justify-items:center;gap:3px;padding:7px 0 6px;border-radius:10px;background:var(--kc);color:#fff}@media (max-width:640px){.hc-cd div{gap:2.7px;padding:6.3px 0 5.4px;border-radius:9px}}
.hc-cd b{font:700 21px/1 var(--f-mono)}@media (max-width:640px){.hc-cd b{font:700 18.9px/1 var(--f-mono)}}.hc-cd small{font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.hc-l5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}@media (max-width:640px){.hc-l5{gap:3.6px}}
.hc-l5 span{height:20px;border-radius:6px;display:grid;place-items:center;font:700 13px var(--f-mono);color:#fff;background:#8a94a6}@media (max-width:640px){.hc-l5 span{height:18px;border-radius:5.4px}}
.hc-l5 .w{background:#1f9d4c}.hc-l5 .l{background:#d6455d}
.hc-h2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hc-h2{gap:5.4px}}
.hc-h2 div{display:grid;justify-items:center;padding:6px 4px;border-radius:10px;background:var(--surface-2)}@media (max-width:640px){.hc-h2 div{padding:5.4px 3.6px;border-radius:9px}}
.hc-h2 b{font:700 17px/1.1 var(--f-mono)}@media (max-width:640px){.hc-h2 b{font:700 15.3px/1.1 var(--f-mono)}}.hc-h2 span{font-size:10.5px;color:var(--muted)}
.hc-h2 .w{background:color-mix(in srgb,var(--ka) 20%,var(--surface));}.hc-h2 .w b{color:var(--kt)}
.hc-kin{display:grid;gap:5px;padding:10px 13px;border-radius:14px;background:var(--kc);color:#fff}@media (max-width:640px){.hc-kin{gap:4.5px;padding:9px 11.7px;border-radius:12.6px}}
.hc-kin>span{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.hc-kin ul{margin:0;padding:0;list-style:none;display:grid;gap:3px;font-size:12.5px;line-height:1.4}@media (max-width:640px){.hc-kin ul{gap:2.7px}}
.hc-kin li{display:flex;gap:8px}@media (max-width:640px){.hc-kin li{gap:7.2px}}.hc-kin li::before{content:"";flex:none;width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--ka)}@media (max-width:640px){.hc-kin li::before{width:5.4px;height:5.4px;margin-top:5.4px}}
.hc-lk{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}@media (max-width:640px){.hc-lk{gap:5.4px}}.hc-lk span{grid-column:span 2}.hc-lk .q{grid-column:span 3}.hc-lk.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hc-lk span{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--ka) 75%,transparent);color:var(--kt);font:700 12px var(--f-display);white-space:nowrap;transition:background .3s,color .3s}@media (max-width:640px){.hc-lk span{gap:5.4px;padding:6.3px 5.4px;border-radius:899.1px}}
.hc-op{margin:0;font-size:14px;line-height:1.45}.hc-op b{color:var(--kt)}
/* 1 · the club website */
.hc-k{padding:4px 0 0}@media (max-width:640px){.hc-k{padding:3.6px 0 0}}
.hb-reel .hb-scn>.hb-v.hc-k{width:100%}
.hc-k.s3 .hc-bub{opacity:0}
.hc-site{background:#eef1f5}
.hc-sbt{gap:12px;background:var(--kb)}@media (max-width:640px){.hc-sbt{gap:10.8px}}
.hc-sn{font:800 16px "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.06em}@media (max-width:640px){.hc-sn{font:800 14.4px "Barlow Condensed",var(--f-display),sans-serif}}
.hc-nav{margin-left:10px}@media (max-width:640px){.hc-nav{margin-left:9px}}.hc-nav span:first-child{color:rgba(255,255,255,.9)}
.hc-acc{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9)}@media (max-width:640px){.hc-acc{gap:6.3px}}
.hc-acc i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#2f3d57;color:#fff;font:700 11px var(--f-display);font-style:normal}@media (max-width:640px){.hc-acc i{width:19.8px;height:19.8px}}
.hc-fxs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-bottom:1px solid #e1e6ee}
.hc-fxc{display:grid;gap:2px;padding:9px 14px 10px;border-right:1px solid #eef1f5;box-shadow:inset 0 3px transparent}@media (max-width:640px){.hc-fxc{padding:8.1px 12.6px 9px}}
.hc-fxc.on{box-shadow:inset 0 3px var(--ka)}
.hc-fxc small{font:600 13px var(--f-mono);color:#596373}.hc-fxc span{display:flex;align-items:center;gap:6px}@media (max-width:640px){.hc-fxc span{gap:5.4px}}.hc-fxc b{font:700 13px var(--f-display)}.hc-fxc em{font-size:11px;font-style:normal;color:#596373}
.hc-fxc .hb-cr{width:16px;height:16px;font-size:8.5px}@media (max-width:640px){.hc-fxc .hb-cr{width:14.4px;height:14.4px}}
.hc-main{display:grid;gap:12px;align-content:start}@media (max-width:640px){.hc-main{gap:10.8px}}
.hc-hc{display:grid;border-radius:14px;overflow:hidden;min-height:214px;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(61,220,104,.16) 46px 92px),linear-gradient(160deg,#1e283b,#0d1320);color:#fff}@media (max-width:640px){.hc-hc{border-radius:12.6px;min-height:192.6px}}
.hc-hc>div{grid-area:1/1;display:grid;align-content:end;gap:4px;padding:18px;transition:opacity .45s,transform .5s}@media (max-width:640px){.hc-hc>div{gap:3.6px;padding:16.2px}}
.hc-hc b{font:800 25px/1.05 var(--f-display);letter-spacing:-.025em;max-width:12ch}@media (max-width:640px){.hc-hc b{font:800 22.5px/1.05 var(--f-display)}}
.hc-hc span{font-size:12.5px;color:rgba(255,255,255,.9)}
.hc-hc em{margin-top:8px;font:700 12.5px var(--f-display);font-style:normal}@media (max-width:640px){.hc-hc em{margin-top:7.2px}}
.hc-hc .hc-ey{justify-self:start;margin-bottom:4px;font:700 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--ka);color:var(--ko)}@media (max-width:640px){.hc-hc .hc-ey{margin-bottom:3.6px;padding:3.6px 7.2px;border-radius:899.1px}}
.hc-nw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width:640px){.hc-nw{gap:9px}}
.hc-nw>div{display:grid;gap:4px;align-content:start;padding:8px 8px 11px;border-radius:12px;background:#fff;border:1px solid #e1e6ee}@media (max-width:640px){.hc-nw>div{gap:3.6px;padding:7.2px 7.2px 9.9px;border-radius:10.8px}}
.hc-nw i{height:82px;border-radius:8px;background:linear-gradient(140deg,#1e283b,#2f3d57)}@media (max-width:640px){.hc-nw i{height:73.8px;border-radius:7.2px}}
.hc-nw i.b{background:linear-gradient(140deg,#3ddc68,#178a3d)}.hc-nw i.c{background:repeating-linear-gradient(90deg,#3ddc68 0 18px,#151d2e 18px 36px)}.hc-nw i.d{background:linear-gradient(140deg,#c9d3e0,#8a98ad)}
.hc-nw small{font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#596373}.hc-nw b{font:700 13px/1.25 var(--f-display);color:#1b2130}
.hc-k .hb-sbb{grid-template-columns:minmax(0,370px) minmax(0,1fr)}@media (max-width:640px){.hc-k .hb-sbb{grid-template-columns:minmax(0,333px) minmax(0,1fr)}}
.hc-k .hb-dock{width:var(--hbw);bottom:-26px}@media (max-width:640px){.hc-k .hb-dock{bottom:-23.4px}}
.hc-k .hb-lch{background:var(--kb);box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 4px rgba(61,220,104,.35)}
.hc-bub{white-space:normal!important;width:236px;line-height:1.35;color:#151d2e!important;bottom:4px!important}@media (max-width:640px){.hc-bub{width:212.4px;bottom:3.6px!important}}
html.hx-js .hc-k:not(.s1) .hb-lch{opacity:0;transform:scale(.5)}
html.hx-js .hc-k.s1 .hb-lch{transition:opacity .35s,transform .5s cubic-bezier(.3,1.5,.5,1)}
.hc-k.s1:not(.s3) .hb-lch::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #3ddc68;animation:hbRing 1s ease-out infinite}@media (max-width:640px){.hc-k.s1:not(.s3) .hb-lch::after{inset:-3.6px}}
html.hx-js .hc-k:not(.s2) .hc-bub,html.hx-js .hc-k.s3 .hc-bub{opacity:0;transform:translateY(8px) scale(.96)}@media (max-width:640px){html.hx-js .hc-k:not(.s2) .hc-bub,html.hx-js .hc-k.s3 .hc-bub{transform:translateY(7.2px) scale(.96)}}
html.hx-js .hc-k.s2 .hc-bub{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hc-k:not(.s3) .hb-wc{opacity:0;transform:translateY(18px) scale(.92)}@media (max-width:640px){html.hx-js .hc-k:not(.s3) .hb-wc{transform:translateY(16.2px) scale(.92)}}
html.hx-js .hc-k.s3 .hb-wc{transition:opacity .4s,transform .55s cubic-bezier(.25,1.3,.5,1)}
html.hx-js .hc-k:not(.s4) .k4{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hc-k:not(.s4) .k4{transform:translateY(9px)}}
html.hx-js .hc-k.s4 .k4{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*150ms)}
.hc-k .hb-wc .hb-bd{gap:8px;padding:13px 15px 14px}@media (max-width:640px){.hc-k .hb-wc .hb-bd{gap:7.2px;padding:11.7px 13.5px 12.6px}}
.hc-k .hb-roll{gap:8px}@media (max-width:640px){.hc-k .hb-roll{gap:7.2px}}.hc-k.s6 .hb-roll{transform:translateY(calc(-1*var(--hbroll,0px)))}
.hc-k .hc-lk .hb-tap{transition:background .25s,color .25s,border-color .25s}.hc-k.s5 .hc-lk .hb-tap{background:var(--ka);color:var(--ko);border-color:var(--ka)}
.hc-l6{grid-template-columns:repeat(6,minmax(0,1fr))}.hc-l5 .d{background:#8a94a6}
.hc-rf{display:grid;gap:8px}@media (max-width:640px){.hc-rf{gap:7.2px}}
/* 2 · callouts that point up at what they explain */
.hc-calw{margin-bottom:-12px}@media (max-width:640px){.hc-calw{margin-bottom:-10.8px}}
.hc-cal.up{bottom:auto;top:2px;background:var(--kc)}
.hc-cal.up i{background:var(--ka);color:var(--ko)}
.hc-cal.up::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--kc)}
.hc-ts,.hc-vs{gap:7px}@media (max-width:640px){.hc-ts,.hc-vs{gap:6.3px}}
.hc-tr{position:relative;display:grid;grid-template-columns:18px 1fr auto 26px;align-items:center;gap:8px;padding:6px 0 8px;font-size:13.5px}@media (max-width:640px){.hc-tr{grid-template-columns:16.2px 1fr auto 23.4px;gap:7.2px;padding:5.4px 0 7.2px}}
.hc-tr em{font:600 13px var(--f-mono);font-style:normal;color:var(--muted)}.hc-tr b{font-weight:600}.hc-tr small{font:600 13px var(--f-mono);color:var(--muted)}
.hc-tr strong{font:700 16px var(--f-mono);text-align:right}@media (max-width:640px){.hc-tr strong{font:700 14.4px var(--f-mono)}}
.hc-tr i{position:absolute;left:26px;right:0;bottom:2px;height:4px;border-radius:3px;background:var(--surface-2)}@media (max-width:640px){.hc-tr i{left:23.4px;height:3.6px;border-radius:2.7px}}
.hc-tr i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:#9aa6b8;transform-origin:left;transition:transform .9s .2s cubic-bezier(.2,.8,.2,1)}
.hc-tr.me i::after{background:var(--ka)}.hc-tr.me strong{color:var(--kt)}
html.hx-js .hc-a:not(.s3) .hc-tr i::after{transform:scaleX(0)}
/* 3 · games */
.hc-g .hb-mo{gap:10px}@media (max-width:640px){.hc-g .hb-mo{gap:9px}}
.hc-gs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.hc-gs{gap:5.4px}}
.hc-gs div{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--surface-2)}@media (max-width:640px){.hc-gs div{padding:7.2px 9px;border-radius:10.8px}}
.hc-gs small{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hc-gs b{display:inline-flex;align-items:baseline;gap:4px;font:700 19px/1.1 var(--f-mono)}@media (max-width:640px){.hc-gs b{gap:3.6px;font:700 17.1px/1.1 var(--f-mono)}}.hc-gs b svg{color:#f08a24;align-self:center}.hc-gs em{font:600 13px var(--f-mono);font-style:normal;color:var(--muted)}
.hc-dch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px;border-radius:16px;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(61,220,104,.13) 30px 60px),var(--kc);color:#fff}@media (max-width:640px){.hc-dch{gap:9px;padding:12.6px;border-radius:14.4px}}
.hc-dch>div{display:grid;gap:4px;justify-items:start}@media (max-width:640px){.hc-dch>div{gap:3.6px}}
.hc-new{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff}@media (max-width:640px){.hc-new{padding:2.7px 7.2px;border-radius:899.1px}}
.hc-dch b{font:800 22px/1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.02em;text-transform:uppercase}@media (max-width:640px){.hc-dch b{font:800 19.8px/1 "Barlow Condensed",var(--f-display),sans-serif}}
.hc-dch small{font-size:12.5px;color:rgba(255,255,255,.9)}
.hc-play{margin-top:4px;padding:8px 13px;border-radius:999px;background:var(--ka);color:var(--ko);font:700 12.5px var(--f-display);transition:transform .3s,box-shadow .3s}@media (max-width:640px){.hc-play{margin-top:3.6px;padding:7.2px 11.7px;border-radius:899.1px}}
.hc-g .hb-mo.s4 .hc-play{transform:scale(.94);box-shadow:0 0 0 4px rgba(61,220,104,.35)}
.hc-hla{display:flex;align-items:center;gap:2px;font-style:normal}
.hc-hla span{width:38px;height:46px;border-radius:9px;background:#2a364c;display:grid;place-items:end center;overflow:hidden}@media (max-width:640px){.hc-hla span{width:34.2px;height:41.4px;border-radius:8.1px}}.hc-hla svg{width:34px;height:34px;fill:#56647c}@media (max-width:640px){.hc-hla svg{width:30.6px;height:30.6px}}
.hc-hla em{font-style:normal;color:var(--ka);font-weight:700}
.hc-gg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width:640px){.hc-gg{gap:7.2px}}
.hc-gg>div{display:grid;gap:3px;align-content:start;padding:10px 11px;border-radius:13px;background:var(--surface-2)}@media (max-width:640px){.hc-gg>div{gap:2.7px;padding:9px 9.9px;border-radius:11.7px}}
.hc-gg i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface);color:var(--kt);margin-bottom:3px}@media (max-width:640px){.hc-gg i{width:25.2px;height:25.2px;border-radius:7.2px;margin-bottom:2.7px}}
.hc-gg b{font:700 13px var(--f-display)}.hc-gg small{font-size:11.5px;color:var(--muted)}
.hc-hlh{display:flex;align-items:center;gap:10px}@media (max-width:640px){.hc-hlh{gap:9px}}.hc-hlh span{font-size:20px;line-height:1;color:var(--muted)}@media (max-width:640px){.hc-hlh span{font-size:18px}}.hc-hlh b{font:800 21px "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.02em;text-transform:uppercase}@media (max-width:640px){.hc-hlh b{font:800 18.9px "Barlow Condensed",var(--f-display),sans-serif}}
.hc-hlh em{margin-left:auto;font:600 13px var(--f-mono);font-style:normal;color:var(--muted);letter-spacing:.04em}
.hc-hlq{margin:0;text-align:center;font:700 14px var(--f-display);color:var(--muted)}
.hc-pc{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--kc);color:#fff}@media (max-width:640px){.hc-pc{gap:10.8px;padding:9px 12.6px 9px 9px;border-radius:14.4px}}
.hc-av{width:60px;height:64px;border-radius:11px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(160deg,#3ddc68,#1a6d36)}@media (max-width:640px){.hc-av{width:54px;height:57.6px;border-radius:9.9px}}
.hc-av svg{width:56px;height:56px;fill:rgba(13,19,32,.55)}@media (max-width:640px){.hc-av svg{width:50.4px;height:50.4px}}
.hc-pb .hc-av{background:linear-gradient(160deg,#7d8aa3,#3a4660)}
.hc-pc>div{display:grid;line-height:1.15}.hc-pc small{font-size:12px;color:rgba(255,255,255,.9)}.hc-pc b{font:800 21px "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.03em;text-transform:uppercase}@media (max-width:640px){.hc-pc b{font:800 18.9px "Barlow Condensed",var(--f-display),sans-serif}}
.hc-pc strong{display:inline-grid;font:700 32px/1 var(--f-mono);color:var(--ka)}@media (max-width:640px){.hc-pc strong{font:700 28.8px/1 var(--f-mono)}}
.hc-pc strong>span{grid-area:1/1;transition:opacity .3s,transform .4s}.hc-pc strong .b{opacity:0;transform:scale(.6)}
.hc-hol.s4 .hc-pb strong .a{opacity:0;transform:scale(1.4)}.hc-hol.s4 .hc-pb strong .b{opacity:1;transform:none}
.hc-vs2{justify-self:center;margin:-6px 0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ka);color:var(--ko);font:800 13px var(--f-mono);z-index:1}@media (max-width:640px){.hc-vs2{margin:-5.4px 0;width:27px;height:27px}}
.hc-hlb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width:640px){.hc-hlb{gap:7.2px}}
.hc-hlb span{display:grid;place-items:center;padding:11px;border-radius:999px;border:1.5px solid var(--line);font:700 13.5px var(--f-display);transition:background .3s,color .3s,border-color .3s}@media (max-width:640px){.hc-hlb span{padding:9.9px;border-radius:899.1px}}
.hc-hol.s3 .hc-hlb .lo{background:var(--ka);color:var(--ko);border-color:var(--ka)}
.hc-res{justify-self:center}.hc-res span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--ka) 22%,var(--surface));color:var(--kt);font:700 13px var(--f-display)}@media (max-width:640px){.hc-res span{gap:5.4px;padding:6.3px 11.7px;border-radius:899.1px}}
.hc-hlf{display:flex;justify-content:space-between;align-items:center}
.hc-rd{display:flex;gap:5px}@media (max-width:640px){.hc-rd{gap:4.5px}}.hc-rd i{width:18px;height:6px;border-radius:3px;background:var(--surface-2);transition:background .4s}@media (max-width:640px){.hc-rd i{width:16.2px;height:5.4px;border-radius:2.7px}}.hc-rd i.on,.hc-hol.s5 .hc-rd .r3{background:var(--ka)}
.hc-hlf b{display:inline-flex;gap:4px;font:700 14px var(--f-mono)}@media (max-width:640px){.hc-hlf b{gap:3.6px}}.hc-hlf b>span{display:inline-grid}
.hc-hlf b{display:inline-grid;grid-auto-flow:column;align-items:baseline}.hc-hlf .a,.hc-hlf .b{grid-area:1/1;transition:opacity .3s}.hc-hlf .b{opacity:0}.hc-hol.s5 .hc-hlf .a{opacity:0}.hc-hol.s5 .hc-hlf .b{opacity:1}
html.hx-js .hc-g .hb-mo:not(.s5) .k5{opacity:0}
.hc-tg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);justify-self:start}@media (max-width:640px){.hc-tg{gap:3.6px;padding:3.6px;border-radius:899.1px}}
.hc-tg span{padding:6px 12px;border-radius:999px;font:600 12px var(--f-display);color:var(--muted)}@media (max-width:640px){.hc-tg span{padding:5.4px 10.8px;border-radius:899.1px}}.hc-tg .on{background:var(--kc);color:#fff}
.hc-lbr{display:grid;gap:6px}@media (max-width:640px){.hc-lbr{gap:5.4px}}
.hc-lbr>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--surface-2);font-size:13px}@media (max-width:640px){.hc-lbr>div{grid-template-columns:25.2px 1fr auto;gap:7.2px;padding:8.1px 10.8px;border-radius:10.8px}}
.hc-lbr em{font:700 13px var(--f-mono);font-style:normal;color:var(--muted)}.hc-lbr b{font-weight:600;display:inline-flex;align-items:center;gap:8px}@media (max-width:640px){.hc-lbr b{gap:7.2px}}.hc-lbr strong{font:700 13.5px var(--f-mono)}
.hc-lbr>div:nth-child(3){margin-bottom:12px;position:relative}@media (max-width:640px){.hc-lbr>div:nth-child(3){margin-bottom:10.8px}}
.hc-lbr>div:nth-child(3)::after{content:"···";position:absolute;left:0;right:0;bottom:-15px;text-align:center;color:var(--muted);letter-spacing:3px;font-size:12px;line-height:1}@media (max-width:640px){.hc-lbr>div:nth-child(3)::after{bottom:-13.5px;letter-spacing:2.7px}}
.hc-lbr .me{background:var(--kc);color:#fff}.hc-lbr .me em{color:rgba(255,255,255,.9)}.hc-lbr .me strong{color:var(--ka)}
.hc-lbr .me b i{font:700 13px var(--f-mono);font-style:normal;padding:2px 7px;border-radius:999px;background:var(--ka);color:var(--ko)}@media (max-width:640px){.hc-lbr .me b i{padding:2px 6.3px;border-radius:899.1px}}
.hc-lb.s3 .hc-lbr .me{animation:hbPop .5s}
.hc-stk{display:grid;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:14px}@media (max-width:640px){.hc-stk{gap:7.2px;padding:9.9px 10.8px;border-radius:12.6px}}
.hc-stk .hc-lr svg{color:#f08a24}
.hc-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}@media (max-width:640px){.hc-wk{gap:4.5px}}
.hc-wk span{display:grid;justify-items:center;gap:3px;font:600 13px var(--f-mono);color:var(--muted)}@media (max-width:640px){.hc-wk span{gap:2.7px}}
.hc-wk i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:transparent}@media (max-width:640px){.hc-wk i{width:21.6px;height:21.6px}}
.hc-wk .on i{background:var(--ka);border-color:var(--ka);color:var(--ko)}
.hc-wk span:nth-child(6) i{transition:background .4s .5s,border-color .4s .5s,color .4s .5s}
.hc-lb.s4 .hc-wk span:nth-child(6) i{background:var(--ka);border-color:var(--ka);color:var(--ko)}
.hc-nk{margin:0;font-size:12px;color:var(--muted);text-align:center}
/* 2 · the stats follow-up */
.hc-h4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (max-width:640px){.hc-h4{gap:5.4px}}
.hc-h4 div{display:grid;justify-items:center;padding:6px 4px;border-radius:10px;background:var(--surface-2)}@media (max-width:640px){.hc-h4 div{padding:5.4px 3.6px;border-radius:9px}}
.hc-h4 b{font:700 17px/1.1 var(--f-mono)}@media (max-width:640px){.hc-h4 b{font:700 15.3px/1.1 var(--f-mono)}}.hc-h4 span{font-size:10.5px;color:var(--muted);white-space:nowrap}
.hc-h4 .w{background:color-mix(in srgb,var(--ka) 20%,var(--surface))}.hc-h4 .w b{color:var(--kt)}
.hc-gx{display:grid;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:7px 8px;font-size:11.5px;color:var(--muted)}@media (max-width:640px){.hc-gx{grid-template-columns:34.2px minmax(0,1fr) 27px;gap:6.3px 7.2px}}
.hc-gx i{position:relative;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}@media (max-width:640px){.hc-gx i{height:7.2px;border-radius:3.6px}}
.hc-gx i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:inherit;background:var(--ka);transform-origin:left;transition:transform .9s .3s cubic-bezier(.2,.8,.2,1)}
.hc-gx i.x::after{background:#9aa6b8}
.hc-gx b{font:700 13px var(--f-mono);color:var(--ink);text-align:right}
html.hx-js .hc-a:not(.s7) .hc-gx i::after{transform:scaleX(0)}
/* 4 · live, as the club: a real momentum chart and insights that keep arriving */
.hc-l .hb-bd{gap:7px;padding-top:14px}@media (max-width:640px){.hc-l .hb-bd{gap:6.3px;padding-top:12.6px}}
.hc-l .hb-lv{gap:7px;padding:10px 12px;background:linear-gradient(160deg,#1e283b,#0d1320)}@media (max-width:640px){.hc-l .hb-lv{gap:6.3px;padding:9px 10.8px}}
.hc-l .hb-sc .crest{margin-right:2px}.hc-l .hb-sc b{white-space:nowrap}
.hc-l .hb-ls{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}@media (max-width:640px){.hc-l .hb-ls{gap:4.5px}}
.hc-l .hb-ls span{padding:4px 8px;font-size:10.5px;line-height:1.3}@media (max-width:640px){.hc-l .hb-ls span{padding:3.6px 7.2px}}
.hc-l .hb-ls b{font-size:12.5px;white-space:nowrap}
.hc-min,.hc-mn{display:inline-grid}.hc-min>span,.hc-mn>span{grid-area:1/1;transition:opacity .3s}
.hc-min .b,.hc-min .c,.hc-mn .b,.hc-mn .c{opacity:0}
.hc-l.s5 :is(.hc-min,.hc-mn) .a{opacity:0}.hc-l.s5 :is(.hc-min,.hc-mn) .b{opacity:1}
.hc-l.s6 :is(.hc-min,.hc-mn) .b{opacity:0}.hc-l.s6 :is(.hc-min,.hc-mn) .c{opacity:1}
.hc-fl{display:inline-grid;font-style:normal}.hc-fl>em{grid-area:1/1;font-style:normal;transition:opacity .3s}.hc-sh b .b{opacity:0}
.hc-l.s5 .hc-sh b .a{opacity:0}.hc-l.s5 .hc-sh b .b{opacity:1}.hc-l.s5 .hc-sh{animation:hbLiveF 1.2s}
.hc-mc{display:grid;gap:4px;padding:9px 12px 7px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}@media (max-width:640px){.hc-mc{gap:3.6px;padding:8.1px 10.8px 6.3px;border-radius:12.6px}}
.hc-lg i{width:8px;height:8px;border-radius:2px;margin-left:6px}@media (max-width:640px){.hc-lg i{width:7.2px;height:7.2px;margin-left:5.4px}}.hc-lg i.u{background:var(--ka)}.hc-lg i.d{background:#5b7fe0}
.hc-mw{position:relative;margin-top:7px}@media (max-width:640px){.hc-mw{margin-top:6.3px}}
.hc-mm{display:block;width:100%;height:44px}@media (max-width:640px){.hc-mm{height:39.6px}}
.hc-mm .ax{stroke:var(--line);stroke-width:1;fill:none}
.hc-mm .ht{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3;opacity:.55;fill:none}
.hc-mm rect{transform-box:fill-box}
.hc-mm .u{fill:var(--ka);transform-origin:50% 100%}.hc-mm .d{fill:#5b7fe0;transform-origin:50% 0}
html.hx-js .hc-l:not(.s3) .hc-mm rect,html.hx-js .hc-l:not(.s5) .hc-mm .n1,html.hx-js .hc-l:not(.s6) .hc-mm .n2{transform:scaleY(0)}
html.hx-js .hc-l.s3 .hc-mm rect{transition:transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--j)*14ms)}
html.hx-js .hc-l.s5 .hc-mm .n1,html.hx-js .hc-l.s6 .hc-mm .n2{transition-delay:.1s}
.hc-gl{position:absolute;left:var(--x);top:-9px;translate:-50% 0;display:grid;justify-items:center}@media (max-width:640px){.hc-gl{top:-8.1px}}
.hc-gl em{font:700 13px/1 var(--f-mono);font-style:normal;color:var(--kt);white-space:nowrap;padding:2px 5px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ka) 55%,transparent)}@media (max-width:640px){.hc-gl em{padding:2px 4.5px;border-radius:899.1px}}
.hc-ma{position:relative;height:12px;font:500 13px/12px var(--f-mono);color:var(--muted)}@media (max-width:640px){.hc-ma{height:10.8px}}
.hc-ma>span{position:absolute;top:0}.hc-ma>span:nth-child(2){left:65.2%;translate:-50% 0}.hc-ma>span:last-child{right:0}
.hc-lf{display:grid}
.hc-lfi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:7px 11px;margin-bottom:6px;overflow:hidden;border-radius:12px;background:color-mix(in srgb,var(--ka) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--ka) 45%,transparent);transition:background .5s,border-color .5s}@media (max-width:640px){.hc-lfi{gap:8.1px;padding:6.3px 9.9px;margin-bottom:5.4px;border-radius:10.8px}}
.hc-lfi em{font:700 13px var(--f-mono);font-style:normal;padding:3px 7px;border-radius:999px;background:var(--kc);color:#fff}@media (max-width:640px){.hc-lfi em{padding:2.7px 6.3px;border-radius:899.1px}}
.hc-lfi p{margin:0;font-size:12.5px;line-height:1.4;font-weight:500}
.hc-l.s5 .hc-f1,.hc-l.s6 .hc-f2{background:var(--surface-2);border-color:transparent}
/* the feed keeps the two newest: the oldest folds away when the third arrives */
.hc-l.s6 .hc-f1{max-height:0!important;opacity:0!important;padding-block:0!important;margin-bottom:0!important;border-width:0!important}
html.hx-js .hc-l .hc-lfi{max-height:0;opacity:0;padding-block:0;margin-bottom:0;border-width:0;transform:translateY(-6px)}@media (max-width:640px){html.hx-js .hc-l .hc-lfi{transform:translateY(-5.4px)}}
html.hx-js .hc-l.s4 .hc-f1,html.hx-js .hc-l.s5 .hc-f2,html.hx-js .hc-l.s6 .hc-f3{max-height:90px;opacity:1;padding-block:7px;margin-bottom:6px;border-width:1px;transform:none;transition:max-height .6s cubic-bezier(.2,.8,.2,1),opacity .45s .15s,padding .6s,margin .6s,transform .6s,background .5s,border-color .5s}@media (max-width:640px){html.hx-js .hc-l.s4 .hc-f1,html.hx-js .hc-l.s5 .hc-f2,html.hx-js .hc-l.s6 .hc-f3{max-height:81px;padding-block:6.3px;margin-bottom:5.4px}}
/* 5 · history, a new story every day */
.hc-hi .hb-mo{gap:10px}@media (max-width:640px){.hc-hi .hb-mo{gap:9px}}
.hc-dy{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}@media (max-width:640px){.hc-dy{gap:3.6px}}
.hc-dy span{display:grid;justify-items:center;gap:3px;font:600 13px var(--f-mono);color:var(--muted)}@media (max-width:640px){.hc-dy span{gap:2.7px}}
.hc-dy i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);color:var(--kt)}@media (max-width:640px){.hc-dy i{width:23.4px;height:23.4px}}
.hc-dy i svg{width:11px;height:11px}@media (max-width:640px){.hc-dy i svg{width:9.9px;height:9.9px}}
.hc-dy .seen i{background:color-mix(in srgb,var(--ka) 18%,var(--surface));border-color:transparent}
.hc-dy .on{color:var(--ink)}.hc-dy .on i{background:var(--ka);border-color:var(--ka);box-shadow:0 0 0 4px color-mix(in srgb,var(--ka) 25%,transparent)}
.hc-dy .on i::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ko)}@media (max-width:640px){.hc-dy .on i::after{width:6.3px;height:6.3px}}
.hc-otd{display:grid;gap:9px;padding:13px 14px;border-radius:16px;background:var(--kc);color:#fff}@media (max-width:640px){.hc-otd{gap:8.1px;padding:11.7px 12.6px;border-radius:14.4px}}
.hc-otdh{display:flex;align-items:center;gap:8px}@media (max-width:640px){.hc-otdh{gap:7.2px}}.hc-oth{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}@media (max-width:640px){.hc-oth{gap:3.6px 7.2px}}.hc-oth>*{white-space:nowrap}.hc-otdh small{font:600 13px var(--f-mono);color:rgba(255,255,255,.9)}
.hc-ring{margin-left:auto;width:54px;height:54px;border-radius:50%;display:grid;place-content:center;justify-items:center;text-align:center;border:2px solid var(--ka);font:600 13px/1.15 var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.9);padding:0 6px}@media (max-width:640px){.hc-ring{width:48.6px;height:48.6px;padding:0 5.4px}}
.hc-ring b{font:700 19px/1 var(--f-mono);color:#fff;letter-spacing:0}@media (max-width:640px){.hc-ring b{font:700 17.1px/1 var(--f-mono)}}
.hc-otdt{font:800 19px/1.15 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.hc-otdt{font:800 17.1px/1.15 var(--f-display)}}
.hc-tl{display:grid;gap:2px}
.hc-tli{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:3px 8px;border-radius:8px;font-size:12.5px;color:rgba(255,255,255,.9);transition:background .4s;transition-delay:calc(var(--i)*140ms)}@media (max-width:640px){.hc-tli{grid-template-columns:30.6px 1fr auto;gap:7.2px;padding:2.7px 7.2px;border-radius:7.2px}}
.hc-tli em{font:600 13px var(--f-mono);font-style:normal}.hc-tli b{font:700 13px var(--f-mono)}
.hc-tli.us{color:#fff}.hc-hm.s3 .hc-tli.us{background:rgba(61,220,104,.14)}
.hc-rec{display:flex;align-items:center;gap:12px}@media (max-width:640px){.hc-rec{gap:10.8px}}.hc-rec b{font:700 46px/1 var(--f-mono);letter-spacing:-.03em}@media (max-width:640px){.hc-rec b{font:700 41.4px/1 var(--f-mono)}}.hc-rec span{font:600 15px/1.3 var(--f-display)}@media (max-width:640px){.hc-rec span{font:600 14px/1.3 var(--f-display)}}
.hc-run{display:grid;gap:6px}@media (max-width:640px){.hc-run{gap:5.4px}}.hc-otd .hc-lr{color:rgba(255,255,255,.9)}
.hc-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}@media (max-width:640px){.hc-bar{height:7.2px;border-radius:3.6px}}.hc-bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--ka);transform-origin:left;transition:transform .9s .2s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hc-hm:not(.s3) .hc-bar i{transform:scaleX(0)}
.hc-ms{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:3px}@media (max-width:640px){.hc-ms{gap:2.7px}}.hc-ms i{height:9px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .3s}@media (max-width:640px){.hc-ms i{height:8.1px}}
.hc-ms i.on{background:var(--ka)}
html.hx-js .hc-hm:not(.s3) .hc-ms i.on{background:rgba(255,255,255,.14)}
html.hx-js .hc-hm.s3 .hc-ms i.on{transition-delay:calc(var(--j,0)*10ms)}
.hc-hm.s4 .hc-ms i:not(.on){animation:hcPulse 1.6s infinite}
@keyframes hcPulse{50%{background:rgba(61,220,104,.45)}}
.hc-hq{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:13.5px;line-height:1.45}@media (max-width:640px){.hc-hq{padding:9px 10.8px;border-radius:10.8px}}
@media (max-width:900px){
  .hc-k .hb-sb{max-width:calc(var(--hbw) + 24px)}
  .hc-k .hb-dock{width:var(--hbw);margin:10px auto 0;bottom:auto;right:auto;position:relative}@media (max-width:640px){.hc-k .hb-dock{margin:9px auto 0}}
  .hc-main{order:1;margin:12px 12px 0}@media (max-width:640px){.hc-main{margin:10.8px 10.8px 0}}
  .hc-nw,.hc-fxs,.hc-acc{display:none}
  .hc-hc{min-height:150px}@media (max-width:640px){.hc-hc{min-height:135px}}.hc-hc b{font-size:21px}@media (max-width:640px){.hc-hc b{font-size:18.9px}}
  html.hx-js .hc-k:not(.s3) .hb-wc{opacity:0;transform:translateY(18px)}@media (max-width:640px){html.hx-js .hc-k:not(.s3) .hb-wc{transform:translateY(16.2px)}}
}
@media (max-width:640px){
  .hc-k .hb-wc .hb-bd{gap:8px;padding:12px 13px}@media (max-width:640px){.hc-k .hb-wc .hb-bd{gap:7.2px;padding:10.8px 11.7px}}
  .hc-gg small{display:none}.hc-gg>div{padding:9px 10px}@media (max-width:640px){.hc-gg>div{padding:8.1px 9px}}
  .hc-pc{padding:8px 12px 8px 8px}@media (max-width:640px){.hc-pc{padding:7.2px 10.8px 7.2px 7.2px}}.hc-av{width:52px;height:56px}@media (max-width:640px){.hc-av{width:46.8px;height:50.4px}}
  .hc-hlb span{padding:9px}@media (max-width:640px){.hc-hlb span{padding:8.1px}}
}
@media (max-width:420px){.hc-lk span{padding:6px 4px;font-size:11.5px}@media (max-width:640px){.hc-lk span{padding:5.4px 3.6px}}.hc-kin ul{font-size:12px;line-height:1.35}.hc-k .hb-wc .hb-bd{gap:7px}@media (max-width:640px){.hc-k .hb-wc .hb-bd{gap:6.3px}}.hc-l .hb-ls b{letter-spacing:-.05em;font-size:11.5px}.hc-l .hb-ls span{padding:4px 6px}@media (max-width:640px){.hc-l .hb-ls span{padding:3.6px 5.4px}}.hc-l .hb-sc{font-size:13.5px;gap:6px}@media (max-width:640px){.hc-l .hb-sc{gap:5.4px}}.hc-l .hb-sc strong{font-size:19px;white-space:nowrap}@media (max-width:640px){.hc-l .hb-sc strong{font-size:17.1px}}.hc-l .hb-lvh{font-size:10px}.hc-l .hb-lvh>span{white-space:nowrap}.hc-hc{min-height:128px}@media (max-width:640px){.hc-hc{min-height:115.2px}}.hc-hc b{font-size:19px}@media (max-width:640px){.hc-hc b{font-size:17.1px}}.hc-tr{font-size:13px}}
@media (prefers-reduced-motion:reduce){.hc-k .hb-lch::after{display:none}.hc-hm .hc-ms i{animation:none!important}}
/* v122: clearer results */
.hc-tal{font-family:var(--f-display);letter-spacing:0;text-transform:none;font-weight:700;color:var(--ink)}
.hc-r5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}@media (max-width:640px){.hc-r5{gap:4.5px}}.hc-r5.hc-r6{grid-template-columns:repeat(6,minmax(0,1fr))}
.hc-r5 div{display:grid;justify-items:center;gap:2px;padding:5px 2px 4px;border-radius:9px;background:var(--surface-2)}@media (max-width:640px){.hc-r5 div{padding:4.5px 2px 3.6px;border-radius:8.1px}}
.hc-r5 i{font-style:normal;width:20px;height:17px;border-radius:5px;display:grid;place-items:center;font:700 10.5px var(--f-display);color:#fff;background:#7b8394}@media (max-width:640px){.hc-r5 i{width:18px;height:15.3px;border-radius:4.5px}}
.hc-r5 .w i{background:#1f9d4c}.hc-r5 .l i{background:#d6455d}
.hc-r5 b{font:700 13px/1.15 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.hc-r5 small{font:600 9.5px var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--body)}
.hc-fs{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font:600 12px var(--f-display);color:var(--body);padding-top:6px;border-top:1px solid var(--line)}@media (max-width:640px){.hc-fs{gap:9px;padding-top:5.4px}}
.hc-fs+.hc-fs{border-top:0;padding-top:0}
.hc-fs b{font-weight:700;color:var(--ink)}
.hc-dots{display:flex;justify-content:flex-end;gap:4px}@media (max-width:640px){.hc-dots{gap:3.6px}}.hc-dots em{width:9px;height:9px;border-radius:50%;background:var(--line)}@media (max-width:640px){.hc-dots em{width:8.1px;height:8.1px}}.hc-dots em.on{background:#d6455d}
.hc-rf .hc-lr .hb-cr{width:16px;height:16px;font-size:9px}@media (max-width:640px){.hc-rf .hc-lr .hb-cr{width:14.4px;height:14.4px}}
.hc-rf .hc-lr>span{white-space:nowrap}.hc-tal .sm{display:none}
@media (max-width:520px){.hc-tal .lg{display:none}.hc-tal .sm{display:inline}}
/* v123 (Batu, 13 Oct): the first screen after the Hull pre-match screen: calmer type, one idea per card */
.hc .hc-op{font-size:13px;line-height:1.45}
.hc-pm{gap:6px;padding:9px 11px}@media (max-width:640px){.hc-pm{gap:5.4px;padding:8.1px 9.9px}}
.hc-pm .hc-lr{font:600 10px var(--f-display);letter-spacing:.07em}
.hc-ko{display:inline-flex;align-items:baseline;gap:1px;color:var(--kt);letter-spacing:0;text-transform:none}
.hc-ko b{font:800 17px/1 var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){.hc-ko b{font:800 15.3px/1 var(--f-display)}}.hc-ko small{font:700 10px var(--f-display);margin:0 5px 0 1px}@media (max-width:640px){.hc-ko small{margin:0 4.5px 0 1px}}
.hc-pm .hc-fx{font-size:13px;gap:6px}@media (max-width:640px){.hc-pm .hc-fx{gap:5.4px}}.hc-pm .hc-fx em{font-size:11px}
.hc-pm .hc-fx .hb-cr{width:18px;height:18px;font-size:9px}@media (max-width:640px){.hc-pm .hc-fx .hb-cr{width:16.2px;height:16.2px}}
.hc-ven{font:600 10.5px var(--f-display);color:var(--body);text-align:center}
.hc-pm .hc-r5 b{font-size:12px}.hc-pm .hc-r5 i{width:18px;height:15px;font-size:9.5px}@media (max-width:640px){.hc-pm .hc-r5 i{width:16.2px;height:13.5px}}.hc-pm .hc-r5 div{padding:4px 2px 3px}@media (max-width:640px){.hc-pm .hc-r5 div{padding:3.6px 2px 2.7px}}
.hc-pm .hc-h2 b{font-size:15px}@media (max-width:640px){.hc-pm .hc-h2 b{font-size:14px}}.hc-pm .hc-h2 div{padding:4px}@media (max-width:640px){.hc-pm .hc-h2 div{padding:3.6px}}.hc-pm .hc-h2 span{font-size:10px;color:var(--body)}
.hc .hc-lk span{font-size:11.5px;padding:6px 5px}@media (max-width:640px){.hc .hc-lk span{padding:5.4px 4.5px}}.hc .hc-lk svg{width:13px;height:13px}@media (max-width:640px){.hc .hc-lk svg{width:11.7px;height:11.7px}}
.hc .hb-ans{font-size:13px;line-height:1.45}.hc .hb-q{font-size:13px}
@media (max-width:420px){.hc .hc-lk span{font-size:11px;padding:6px 3px;gap:4px}@media (max-width:640px){.hc .hc-lk span{padding:5.4px 2.7px;gap:3.6px}}.hc .hc-lk svg{width:12px;height:12px}@media (max-width:640px){.hc .hc-lk svg{width:10.8px;height:10.8px}}}
.hc-nw2{grid-template-columns:minmax(0,1fr);gap:10px}@media (max-width:640px){.hc-nw2{gap:9px}}
.hc-nw2>.hc-np{display:grid;gap:0;padding:10px 12px 4px;border-radius:12px;background:#fff;border:1px solid #e1e6ee}@media (max-width:640px){.hc-nw2>.hc-np{padding:9px 10.8px 3.6px;border-radius:10.8px}}
.hc-nh{font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1b2130;padding-bottom:6px}@media (max-width:640px){.hc-nh{padding-bottom:5.4px}}
.hc-nr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:7px 0;border-top:1px solid #eef1f5}@media (max-width:640px){.hc-nr{column-gap:9px;padding:6.3px 0}}
.hc-nr small{grid-column:1;font:700 9.5px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#178a3d}
.hc-nr b{grid-column:1;font:700 12.5px/1.3 var(--f-display);color:#1b2130;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-nr em{grid-column:2;grid-row:1/3;align-self:center;font:600 11px var(--f-display);font-style:normal;color:#4a5466}
.hcn-lt{display:grid;grid-template-columns:18px minmax(0,1fr) 26px 26px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #eef1f5;font:600 12px var(--f-display);color:#1b2130;font-variant-numeric:tabular-nums}@media (max-width:640px){.hcn-lt{grid-template-columns:16.2px minmax(0,1fr) 23.4px 23.4px;gap:7.2px;padding:5.4px 0}}
.hcn-lt em{font-style:normal;color:#4a5466}.hcn-lt span{text-align:right;color:#4a5466}.hcn-lt strong{text-align:right}
.hcn-lt.us{background:#e8f8ed;margin:0 -12px;padding-inline:12px;font-weight:800}@media (max-width:640px){.hcn-lt.us{margin:0 -10.8px;padding-inline:10.8px}}.hcn-lt.us em,.hcn-lt.us strong{color:#178a3d}

/* /hero betting v77 */
/* film v86 (Batu, 12 Oct): opens on YouTube in a new tab */
.hx-film{padding-block:clamp(40px,5vw,72px)}@media (max-width:640px){.hx-film{padding-block:clamp(36px,5vw,64.8px)}}
.hx-flm{position:relative;display:block;max-width:960px;margin-inline:auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;isolation:isolate;background:#0d1211;color:#fff;text-decoration:none;box-shadow:var(--shadow),0 0 0 1px var(--line)}@media (max-width:640px){.hx-flm{border-radius:21.6px}}
.hx-flm img.hx-fc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hx-flm::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 100%)}
.hx-flm:hover img.hx-fc{transform:scale(1.04)}
.hx-fpl{position:absolute;left:50%;top:50%;translate:-50% -50%;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#027a1f;color:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.4);transition:scale .35s cubic-bezier(.2,.8,.2,1),background .35s}@media (max-width:640px){.hx-fpl{width:75.6px;height:75.6px}}
.hx-flm:hover .hx-fpl{scale:1.08;background:#015c17}
.hx-flm:focus-visible{outline:3px solid var(--neon);outline-offset:4px}
.hx-fcap{position:absolute;left:clamp(18px,3vw,32px);right:clamp(18px,3vw,32px);bottom:clamp(16px,2.6vw,28px);display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap}@media (max-width:640px){.hx-fcap{left:clamp(16.2px,3vw,28.8px);right:clamp(16.2px,3vw,28.8px);bottom:clamp(14.4px,2.6vw,25.2px);gap:10.8px 21.6px}}
.hx-fcap b{font:600 clamp(20px,2.6vw,30px)/1.1 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.hx-fcap b{font:600 clamp(18px,2.6vw,27px)/1.1 var(--f-display)}}
.hx-fcap span{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.9);white-space:nowrap}@media (max-width:640px){.hx-fcap span{gap:7.2px}}
/* play button bottom-left so it stays clear of the logo */
.hx-fa .hx-fpl{left:clamp(18px,3vw,32px);top:auto;bottom:clamp(16px,2.6vw,28px);translate:none;width:64px;height:64px;box-shadow:0 0 0 7px rgba(255,255,255,.14),0 14px 32px rgba(0,0,0,.4)}@media (max-width:640px){.hx-fa .hx-fpl{left:clamp(16.2px,3vw,28.8px);bottom:clamp(14.4px,2.6vw,25.2px);width:57.6px;height:57.6px}}
.hx-fa .hx-fcap{left:calc(clamp(18px,3vw,32px) + 80px);bottom:calc(clamp(16px,2.6vw,28px) + 22px)}@media (max-width:640px){.hx-fa .hx-fcap{left:calc(clamp(16.2px,3vw,28.8px) + 72px);bottom:calc(clamp(14.4px,2.6vw,25.2px) + 19.8px)}}
@media (max-width:560px){.hx-flm{border-radius:18px}@media (max-width:640px){.hx-flm{border-radius:16.2px}}.hx-fa .hx-fpl{width:52px;height:52px}@media (max-width:640px){.hx-fa .hx-fpl{width:46.8px;height:46.8px}}.hx-fa .hx-fcap{left:80px;bottom:30px}@media (max-width:640px){.hx-fa .hx-fcap{left:72px;bottom:27px}}.hx-fpl{width:60px;height:60px;box-shadow:0 0 0 7px rgba(255,255,255,.14),0 12px 28px rgba(0,0,0,.4)}@media (max-width:640px){.hx-fpl{width:54px;height:54px}}.hx-fpl svg{width:20px;height:20px}@media (max-width:640px){.hx-fpl svg{width:18px;height:18px}}.hx-fcap span{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){.hx-flm img.hx-fc,.hx-fpl{transition:none}}
@media (max-width:420px){.hx-fcap span{font-size:9.5px;letter-spacing:.06em}}
/* hero tabs and scene steps larger and easier to read (Batu, 12 Oct) */
.hx-tab{color:rgba(255,255,255,.86)}
.hb-rn button{color:rgba(255,255,255,.86)}
@media (min-width:761px){
  .hx-tabs{max-width:720px;padding:5px;border-radius:20px}
  .hx-tab{padding:15px 10px 19px;border-radius:15px}
  .hx-tab b{font-size:17px;letter-spacing:-.015em}
  .hb-rn{padding:6px;gap:6px}
  .hb-rn button{font-size:15px}
  .hb-sk{padding:10px 17px}
  .hb-sk i{left:16px;right:16px;bottom:4px}
  .hb-pz{width:38px;height:38px}
}
/* top pill larger, in the display face, sentence case (Batu, 12 Oct) */
.hx-pill{font:600 15px/1.2 var(--f-display);letter-spacing:-.005em;text-transform:none;color:#e6fbeb;padding:9px 16px 9px 14px;gap:10px}@media (max-width:640px){.hx-pill{font:600 14px/1.2 var(--f-display);padding:8.1px 14.4px 8.1px 12.6px;gap:9px}}
.hx-pill i{width:8px;height:8px}@media (max-width:640px){.hx-pill i{width:7.2px;height:7.2px}}
@media (min-width:761px){.hx-pill{font-size:17px;padding:10px 20px 10px 16px}}
/* top nav links larger and darker, all pages (Batu, 12 Oct) */
@media (min-width:901px){
  .links{font-size:16.5px;font-weight:600;color:var(--ink);gap:30px}
  .links>a:hover,.ddb:hover,.dd:hover .ddb{color:var(--green)}
}
@media (min-width:901px) and (max-width:1120px){.links{font-size:15.5px;gap:20px}}

/* solutions v88: sector name, one line, CTA; no product screens */
.hxs{--hxs-top:92px}@media (max-width:640px){.hxs{--hxs-top:82.8px}}
.hxs-sb{--s1:#2b3650;--s2:#121722;--gl:rgba(61,220,104,.4)}
.hxs-sc{--s1:#14903f;--s2:#053d1b;--gl:rgba(190,255,208,.36)}
.hxs-sm{--s1:#2152b8;--s2:#0a1838;--gl:rgba(124,192,242,.5)}
.hxs .hxs-it{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(125deg,var(--s1) 0%,var(--s2) 100%)}
.hxs .hxs-it::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-160px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,var(--gl),transparent 66%);opacity:.7;transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}@media (max-width:640px){.hxs .hxs-it::before{width:504px;height:504px;right:-144px;bottom:-270px}}
.hxs .hxs-it:hover::before{opacity:1;transform:scale(1.15)}
.hxs .hxs-no{font:600 13px/1 var(--f-mono);letter-spacing:.14em;color:rgba(255,255,255,.9)}
.hxs .hxs-nm{margin:0;font:600 clamp(30px,3.4vw,46px)/1.02 var(--f-display);letter-spacing:-.045em;color:#fff}@media (max-width:640px){.hxs .hxs-nm{font:600 clamp(27px,3.4vw,41.4px)/1.02 var(--f-display)}}
.hxs .hxs-ds{margin:0;max-width:34ch;color:rgba(255,255,255,.9);font-size:clamp(16px,1.3vw,18px);line-height:1.45}@media (max-width:640px){.hxs .hxs-ds{font-size:clamp(14.4px,1.3vw,16.2px)}}
.hxs .hxs-go{display:inline-flex;align-items:center;gap:12px;font:700 15px/1.25 var(--f-display);color:#fff;text-decoration:none}@media (max-width:640px){.hxs .hxs-go{gap:10.8px;font:700 14px/1.25 var(--f-display)}}
.hxs .hxs-go i{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b2130;transition:transform .35s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.hxs .hxs-go i{width:36px;height:36px}}
.hxs .hxs-it:hover .hxs-go i,.hxs .hxs-go:hover i{transform:translateX(5px)}@media (max-width:640px){.hxs .hxs-it:hover .hxs-go i,.hxs .hxs-go:hover i{transform:translateX(4.5px)}}
.hxs a.hxs-it:focus-visible,.hxs a.hxs-go:focus-visible,.hxs .hxs-tg:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.hxs .hxs-big{font:800 clamp(150px,22vw,320px)/.8 var(--f-display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.26);pointer-events:none;user-select:none}@media (max-width:640px){.hxs .hxs-big{font:800 clamp(135px,22vw,288px)/.8 var(--f-display)}}

/* A: perimeter LED boards */
.hxs-oa .hxs-list{display:grid;gap:14px}@media (max-width:640px){.hxs-oa .hxs-list{gap:12.6px}}
.hxs-oa .hxs-sl{display:grid;min-width:0}
.hxs-oa .hxs-it{border-radius:28px;min-height:228px;padding:32px clamp(26px,3.4vw,46px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:18px 40px;background:linear-gradient(100deg,var(--s1) 0%,var(--s2) 100%)}@media (max-width:640px){.hxs-oa .hxs-it{border-radius:25.2px;min-height:205.2px;padding:28.8px clamp(23.4px,3.4vw,41.4px);gap:16.2px 36px}}
.hxs-oa .hxs-it::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px) 0 0/6px 6px;pointer-events:none}
.hxs-oa .hxs-h{display:grid;gap:12px}@media (max-width:640px){.hxs-oa .hxs-h{gap:10.8px}}
.hxs-oa .hxs-mq{position:absolute;inset:0;z-index:-1;display:flex;align-items:center;overflow:hidden;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent 30%,#000 50%);mask:linear-gradient(90deg,transparent 30%,#000 50%)}
.hxs-oa .hxs-mq span{flex:none;margin:0 .05em 0 auto;white-space:nowrap;font:800 clamp(130px,15vw,210px)/.9 var(--f-display);letter-spacing:-.05em;color:rgba(255,255,255,.2);-webkit-mask:radial-gradient(circle,#000 50%,transparent 58%) 0 0/6px 6px;mask:radial-gradient(circle,#000 50%,transparent 58%) 0 0/6px 6px;transition:color .6s}@media (max-width:640px){.hxs-oa .hxs-mq span{font:800 clamp(117px,15vw,189px)/.9 var(--f-display)}}
.hxs-oa .hxs-it:hover .hxs-mq span{color:rgba(255,255,255,.34)}
html.hx-js .hxs-oa .hxs-it.hxs-rv{opacity:0;transform:translateX(-105vw)}
html.hx-js .hxs-oa .hxs-it.hxs-rv .hxs-mq span{color:rgba(255,255,255,0)}
html.hx-js .hxs-oa .hxs-it.hxs-rv.in{opacity:1;transform:none;transition:opacity .5s,transform 1.15s cubic-bezier(.16,1,.3,1)}
html.hx-js .hxs-oa .hxs-it.hxs-rv.in .hxs-mq span{color:rgba(255,255,255,.2);transition:color 1s .9s}
html.hx-js .hxs-oa .hxs-it.hxs-rv.in:hover .hxs-mq span{color:rgba(255,255,255,.34);transition:color .6s}

/* B: stacking cards */
.hxs-ob .hxs-list{display:grid;gap:clamp(18px,3vw,28px)}@media (max-width:640px){.hxs-ob .hxs-list{gap:clamp(16.2px,3vw,25.2px)}}
.hxs-ob .hxs-it{position:sticky;top:calc(var(--hxs-top) + var(--k)*26px);min-height:min(540px,calc(100vh - var(--hxs-top) - 100px));border-radius:34px;padding:clamp(28px,4.4vw,60px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;transform-origin:50% 0;box-shadow:0 -14px 44px rgba(6,16,10,.16)}@media (max-width:640px){.hxs-ob .hxs-it{top:calc(var(--hxs-top) + var(--k)*23.4px);min-height:min(486px,calc(100vh - var(--hxs-top) - 90px));border-radius:30.6px;padding:clamp(25.2px,4.4vw,54px);gap:28.8px}}
.hxs-ob .hxs-it::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px;-webkit-mask:linear-gradient(#000,transparent 60%);mask:linear-gradient(#000,transparent 60%);pointer-events:none}
.hxs-ob .hxs-h{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0}@media (max-width:640px){.hxs-ob .hxs-h{gap:25.2px}}
.hxs-ob .hxs-tx{display:grid;gap:18px}@media (max-width:640px){.hxs-ob .hxs-tx{gap:16.2px}}
.hxs-ob .hxs-nm{font-size:clamp(44px,6.2vw,88px)}@media (max-width:640px){.hxs-ob .hxs-nm{font-size:clamp(39.6px,6.2vw,79.2px)}}
.hxs-ob .hxs-ds{font-size:clamp(17px,1.6vw,21px)}@media (max-width:640px){.hxs-ob .hxs-ds{font-size:clamp(15.3px,1.6vw,18.9px)}}
.hxs-ob .hxs-big{align-self:end;margin-bottom:-.06em}
.hxs-ob .hxs-sh{position:absolute;inset:0;border-radius:inherit;background:#05080b;opacity:var(--dim,0);pointer-events:none;z-index:3}

/* C: opening panels */
.hxs-oc .hxs-list{display:flex;gap:14px;height:540px;--aw:calc((min(100vw - 40px,1160px) - 28px)*4.4/6.4 - 2*clamp(28px,3.6vw,48px))}@media (max-width:640px){.hxs-oc .hxs-list{gap:12.6px;height:486px;--aw:calc((min(100vw - 36px,1044px) - 25.2px)*4.4/6.4 - 2*clamp(25.2px,3.6vw,43.2px))}}
.hxs-oc .hxs-it{flex:1 1 0;min-width:0;border-radius:30px;transition:flex-grow .85s cubic-bezier(.65,0,.25,1)}@media (max-width:640px){.hxs-oc .hxs-it{border-radius:27px}}
.hxs-oc .hxs-it.on{flex-grow:4.4}
.hxs-oc .hxs-it.on::before{opacity:1;transform:scale(1.2)}
.hxs-oc .hxs-tg{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding:clamp(28px,3.6vw,48px) 26px 30px;margin:0;border:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:opacity .3s}@media (max-width:640px){.hxs-oc .hxs-tg{gap:14.4px;padding:clamp(25.2px,3.6vw,43.2px) 23.4px 27px}}
.hxs-oc .hxs-tg b{writing-mode:vertical-rl;transform:rotate(180deg);font:600 30px/1 var(--f-display);letter-spacing:-.035em;white-space:nowrap}@media (max-width:640px){.hxs-oc .hxs-tg b{font:600 27px/1 var(--f-display)}}
.hxs-oc .hxs-tg:hover b{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.hxs-oc .hxs-pl{display:none}
.hxs-oc .hxs-it.on .hxs-tg{opacity:0;pointer-events:none}
.hxs-oc .hxs-bd{position:absolute;inset:0;padding:clamp(28px,3.6vw,48px);display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(18px);transition:opacity .25s,transform .25s;pointer-events:none}@media (max-width:640px){.hxs-oc .hxs-bd{padding:clamp(25.2px,3.6vw,43.2px);transform:translateY(16.2px)}}
.hxs-oc .hxs-bd>div{width:var(--aw);height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px}@media (max-width:640px){.hxs-oc .hxs-bd>div{gap:16.2px}}
.hxs-oc .hxs-bd .hxs-no{margin-bottom:auto}
.hxs-oc .hxs-it.on .hxs-bd{opacity:1;transform:none;pointer-events:auto;transition:opacity .6s .38s,transform .8s .38s cubic-bezier(.2,.8,.2,1)}
.hxs-oc .hxs-nm{font-size:clamp(40px,5vw,72px)}@media (max-width:640px){.hxs-oc .hxs-nm{font-size:clamp(36px,5vw,64.8px)}}
.hxs-oc .hxs-ds{font-size:clamp(17px,1.5vw,20px)}@media (max-width:640px){.hxs-oc .hxs-ds{font-size:clamp(15.3px,1.5vw,18px)}}
.hxs-oc .hxs-pg{position:absolute;left:clamp(28px,3.6vw,48px);right:clamp(28px,3.6vw,48px);top:calc(clamp(28px,3.6vw,48px) + 4px);height:3px;margin-left:44px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden;opacity:0;transition:opacity .3s}@media (max-width:640px){.hxs-oc .hxs-pg{left:clamp(25.2px,3.6vw,43.2px);right:clamp(25.2px,3.6vw,43.2px);top:calc(clamp(25.2px,3.6vw,43.2px) + 3.6px);height:2.7px;margin-left:39.6px;border-radius:2.7px}}
.hxs-oc .hxs-pg i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.hxs-oc .hxs-it.on .hxs-pg{opacity:1}
.hxs-oc.hxs-still .hxs-pg{display:none}

/* D: pinned horizontal stage */
.hxs-od{position:relative;height:300vh;padding:0!important;--hxs-top0:68px}@media (max-width:640px){.hxs-od{--hxs-top0:61.2px}}
.hxs-od .hxs-pin{position:sticky;top:var(--hxs-top0);height:calc(100vh - var(--hxs-top0));overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,3.4vh,40px);isolation:isolate}@media (max-width:640px){.hxs-od .hxs-pin{gap:clamp(19.8px,3.4vh,36px)}}
.hxs-od .hxs-bgt{position:absolute;left:0;top:58%;z-index:-1;white-space:nowrap;font:800 clamp(150px,20vw,300px)/1 var(--f-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--ink) 13%,transparent);transform:translate(calc(var(--p,0)*-46%),-50%);pointer-events:none;user-select:none}@media (max-width:640px){.hxs-od .hxs-bgt{font:800 clamp(135px,20vw,270px)/1 var(--f-display)}}
.hxs-od .hxs-top{width:100%;max-width:1160px;margin-inline:auto;padding-inline:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}@media (max-width:640px){.hxs-od .hxs-top{padding-inline:18px;gap:21.6px}}
.hxs-od .hx-hd{margin:0;justify-items:start;text-align:left;max-width:640px}
.hxs-od .hxs-ct{display:flex;align-items:center;gap:12px;font:600 13px var(--f-mono);letter-spacing:.12em;color:var(--muted);padding-bottom:10px}@media (max-width:640px){.hxs-od .hxs-ct{gap:10.8px;padding-bottom:9px}}
.hxs-od .hxs-ct b{color:var(--ink);font-weight:600}
.hxs-od .hxs-ln{width:120px;height:2px;border-radius:2px;background:var(--line);overflow:hidden}@media (max-width:640px){.hxs-od .hxs-ln{width:108px}}
.hxs-od .hxs-ln i{display:block;height:100%;background:var(--green);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.hxs-od .hxs-trk{display:flex;gap:24px;width:max-content;padding-inline:max(20px,calc((100vw - 1160px)/2 + 20px));will-change:transform}@media (max-width:640px){.hxs-od .hxs-trk{gap:21.6px;padding-inline:max(18px,calc((100vw - 1044px)/2 + 18px))}}
.hxs-od .hxs-it{flex:none;width:min(860px,78vw);height:min(500px,56vh);min-height:340px;border-radius:34px;padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:20px;transition:transform .2s linear}@media (max-width:640px){.hxs-od .hxs-it{width:min(774px,78vw);height:min(450px,56vh);min-height:306px;border-radius:30.6px;padding:clamp(25.2px,4vw,46.8px);gap:18px}}
.hxs-od .hxs-it .hxs-no{grid-column:1}
.hxs-od .hxs-big{grid-column:2;grid-row:1/3;align-self:end;margin-bottom:-.06em;font-size:clamp(140px,18vw,280px)}@media (max-width:640px){.hxs-od .hxs-big{font-size:clamp(126px,18vw,252px)}}
.hxs-od .hxs-tx{grid-column:1;grid-row:2;align-self:end;display:grid;gap:18px;justify-items:start}@media (max-width:640px){.hxs-od .hxs-tx{gap:16.2px}}
.hxs-od .hxs-nm{font-size:clamp(40px,5.4vw,76px)}@media (max-width:640px){.hxs-od .hxs-nm{font-size:clamp(36px,5.4vw,68.4px)}}
.hxs-od .hxs-dots{display:none}

@media (max-width:900px){
  .hxs-oa .hxs-it{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .hxs-oa .hxs-go{grid-column:1/-1}
}
@media (max-width:760px){
  .hxs{--hxs-top:80px}@media (max-width:640px){.hxs{--hxs-top:72px}}
  .hxs .hxs-go{font-size:14.5px}@media (max-width:640px){.hxs .hxs-go{font-size:14px}}
  .hxs .hxs-go i{width:36px;height:36px}@media (max-width:640px){.hxs .hxs-go i{width:32.4px;height:32.4px}}
  .hxs-oa .hxs-list{gap:12px}@media (max-width:640px){.hxs-oa .hxs-list{gap:10.8px}}
  .hxs-oa .hxs-it{grid-template-columns:minmax(0,1fr);min-height:0;padding:26px 22px 24px;gap:14px;border-radius:24px}@media (max-width:640px){.hxs-oa .hxs-it{padding:23.4px 19.8px 21.6px;gap:12.6px;border-radius:21.6px}}
  .hxs-oa .hxs-mq{align-items:flex-end;-webkit-mask:linear-gradient(90deg,transparent 10%,#000 45%);mask:linear-gradient(90deg,transparent 10%,#000 45%)}
  .hxs-oa .hxs-mq span{margin:0 .04em -.12em auto;font-size:112px}@media (max-width:640px){.hxs-oa .hxs-mq span{font-size:100.8px}}
  .hxs-oa .hxs-go{margin-top:6px}@media (max-width:640px){.hxs-oa .hxs-go{margin-top:5.4px}}
  .hxs-ob .hxs-it{top:calc(var(--hxs-top) + var(--k)*16px);grid-template-columns:minmax(0,1fr);min-height:420px;border-radius:26px;padding:26px 22px}@media (max-width:640px){.hxs-ob .hxs-it{top:calc(var(--hxs-top) + var(--k)*14.4px);min-height:378px;border-radius:23.4px;padding:23.4px 19.8px}}
  .hxs-ob .hxs-big{position:absolute;right:18px;top:18px;font-size:120px;-webkit-text-stroke-width:1.2px}@media (max-width:640px){.hxs-ob .hxs-big{right:16.2px;top:16.2px;font-size:108px}}
  .hxs-ob .hxs-nm{font-size:clamp(38px,11vw,52px)}@media (max-width:640px){.hxs-ob .hxs-nm{font-size:clamp(34.2px,11vw,46.8px)}}
  .hxs-oc .hxs-list{flex-direction:column;height:auto;gap:10px}@media (max-width:640px){.hxs-oc .hxs-list{gap:9px}}
  .hxs-oc .hxs-it{flex:none;display:grid;grid-template-rows:auto 0fr;border-radius:22px;transition:grid-template-rows .6s cubic-bezier(.65,0,.25,1)}@media (max-width:640px){.hxs-oc .hxs-it{border-radius:19.8px}}
  .hxs-oc .hxs-it.on{grid-template-rows:auto 1fr}
  .hxs-oc .hxs-tg{position:relative;inset:auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:20px 20px 20px 22px}@media (max-width:640px){.hxs-oc .hxs-tg{gap:12.6px;padding:18px 18px 18px 19.8px}}
  .hxs-oc .hxs-tg b{writing-mode:horizontal-tb;transform:none;font-size:22px;flex:1}@media (max-width:640px){.hxs-oc .hxs-tg b{font-size:19.8px}}
  .hxs-oc .hxs-tg:hover b{text-decoration:none}
  .hxs-oc .hxs-pl{display:block;position:relative;width:16px;height:16px;flex:none}@media (max-width:640px){.hxs-oc .hxs-pl{width:14.4px;height:14.4px}}
  .hxs-oc .hxs-pl::before,.hxs-oc .hxs-pl::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;border-radius:2px;background:#fff;transition:transform .4s}@media (max-width:640px){.hxs-oc .hxs-pl::before,.hxs-oc .hxs-pl::after{top:6.3px}}
  .hxs-oc .hxs-pl::after{transform:rotate(90deg)}
  .hxs-oc .hxs-it.on .hxs-pl::after{transform:rotate(0)}
  .hxs-oc .hxs-it.on .hxs-tg{opacity:1;pointer-events:auto}
  .hxs-oc .hxs-bd{position:relative;inset:auto;min-height:0;overflow:hidden;padding:0 22px;transform:none}@media (max-width:640px){.hxs-oc .hxs-bd{padding:0 19.8px}}
  .hxs-oc .hxs-bd>div{width:auto;height:auto;padding:0 0 26px;gap:16px}@media (max-width:640px){.hxs-oc .hxs-bd>div{padding:0 0 23.4px;gap:14.4px}}
  .hxs-oc .hxs-bd .hxs-no,.hxs-oc .hxs-bd .hxs-nm{display:none}
  .hxs-oc .hxs-pg{left:0;right:0;top:auto;bottom:0;margin:0;border-radius:0}
}
@media (max-width:760px),(prefers-reduced-motion:reduce){
  .hxs-od{height:auto;padding-block:clamp(56px,7.5vw,100px)!important}@media (max-width:640px){.hxs-od{padding-block:clamp(50.4px,7.5vw,90px)!important}}
  .hxs-od .hxs-pin{position:relative;top:auto;height:auto;overflow:visible}
  .hxs-od .hxs-bgt,.hxs-od .hxs-ct{display:none}
  .hxs-od .hxs-trk{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding-inline:20px;padding-bottom:4px;transform:none!important;scrollbar-width:none;gap:14px}@media (max-width:640px){.hxs-od .hxs-trk{scroll-padding-inline:18px;padding-inline:18px;padding-bottom:3.6px;gap:12.6px}}
  .hxs-od .hxs-trk::-webkit-scrollbar{display:none}
  .hxs-od .hxs-it{width:min(84%,560px);height:auto;min-height:380px;scroll-snap-align:start;transform:none!important}@media (max-width:640px){.hxs-od .hxs-it{width:min(84%,504px);min-height:342px}}
  .hxs-od .hxs-dots{display:flex;justify-content:center;gap:8px}@media (max-width:640px){.hxs-od .hxs-dots{gap:7.2px}}
  .hxs-od .hxs-dots i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:width .3s,background .3s}@media (max-width:640px){.hxs-od .hxs-dots i{width:7.2px;height:7.2px}}
  .hxs-od .hxs-dots i.on{width:22px;border-radius:4px;background:var(--green)}@media (max-width:640px){.hxs-od .hxs-dots i.on{width:19.8px;border-radius:3.6px}}
}
@media (max-width:760px){
  .hxs-od .hxs-it{grid-template-columns:minmax(0,1fr);padding:26px 22px;border-radius:26px}@media (max-width:640px){.hxs-od .hxs-it{padding:23.4px 19.8px;border-radius:23.4px}}
  .hxs-od .hxs-big{position:absolute;right:16px;top:14px;font-size:110px;-webkit-text-stroke-width:1.2px}@media (max-width:640px){.hxs-od .hxs-big{right:14.4px;top:12.6px;font-size:99px}}
  .hxs-od .hxs-nm{font-size:clamp(34px,10vw,46px)}@media (max-width:640px){.hxs-od .hxs-nm{font-size:clamp(30.6px,10vw,41.4px)}}
}

/* solutions bands v90: slow entrance from the left, one after another; text never sits over the LED */
.hxs-ov .hxs-list{display:grid;gap:16px}@media (max-width:640px){.hxs-ov .hxs-list{gap:14.4px}}
.hxs-ov .hxs-sl{display:grid;min-width:0}
.hxs-ov .hxs-it{border-radius:28px}@media (max-width:640px){.hxs-ov .hxs-it{border-radius:25.2px}}
.hxs-ov .hxs-it::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.5px) 0 0/6px 6px;pointer-events:none}
html.hx-js .hxs-ov .hxs-it.hxs-rv{opacity:0;transform:translateX(-60vw)}
html.hx-js .hxs-ov .hxs-it.hxs-rv.in{opacity:1;transform:none;transition:opacity 1.2s ease-out,transform 2.1s cubic-bezier(.33,1,.68,1)}

/* v1: LED board beside the text */
.hxs-v1 .hxs-it{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:16px;padding:16px;min-height:264px}@media (max-width:640px){.hxs-v1 .hxs-it{gap:14.4px;padding:14.4px;min-height:237.6px}}
.hxs-v1 .hxs-cn{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;padding:20px 12px 20px clamp(14px,2.2vw,30px)}@media (max-width:640px){.hxs-v1 .hxs-cn{gap:12.6px;padding:18px 10.8px 18px clamp(12.6px,2.2vw,27px)}}
.hxs-v1 .hxs-cn .hxs-go{margin-top:6px}@media (max-width:640px){.hxs-v1 .hxs-cn .hxs-go{margin-top:5.4px}}
.hxs-v1 .hxs-led{position:relative;container-type:size;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.9px) 0 0/7px 7px,rgba(3,7,12,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 18px 44px rgba(0,0,0,.3)}@media (max-width:640px){.hxs-v1 .hxs-led{border-radius:18px}}
.hxs-v1 .hxs-led i{display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.45))}
.hxs-v1 .hxs-led span{display:block;white-space:nowrap;font:800 min(calc(var(--fw)*1cqw),58cqh)/1 var(--f-display);letter-spacing:-.04em;color:#fff;-webkit-mask:radial-gradient(circle,#000 52%,transparent 60%) 0 0/var(--dot,7px) var(--dot,7px);mask:radial-gradient(circle,#000 52%,transparent 60%) 0 0/var(--dot,7px) var(--dot,7px)}
html.hx-js .hxs-v1 .hxs-it.hxs-rv .hxs-led span{clip-path:inset(0 100% 0 0)}
html.hx-js .hxs-v1 .hxs-it.hxs-rv.in .hxs-led span{clip-path:inset(0 0 0 0);transition:clip-path 1s steps(16) 1.8s}
.hxs-v1 .hxs-it:hover .hxs-led i{filter:drop-shadow(0 0 10px rgba(255,255,255,.7))}

/* v2: clean band */
.hxs-v2 .hxs-it{min-height:220px;padding:32px clamp(26px,3.4vw,46px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:18px 40px}@media (max-width:640px){.hxs-v2 .hxs-it{min-height:198px;padding:28.8px clamp(23.4px,3.4vw,41.4px);gap:16.2px 36px}}
.hxs-v2 .hxs-h{display:grid;gap:12px}@media (max-width:640px){.hxs-v2 .hxs-h{gap:10.8px}}
.hxs-v2 .hxs-go{gap:16px;font-size:clamp(17px,1.5vw,20px);line-height:1.2;letter-spacing:-.01em}@media (max-width:640px){.hxs-v2 .hxs-go{gap:14.4px;font-size:clamp(15.3px,1.5vw,18px)}}
.hxs-v2 .hxs-go>span{display:grid;min-width:10.3em}
.hxs-v2 .hxs-go b{font-weight:700}
.hxs-v2 .hxs-go i{width:48px;height:48px}@media (max-width:640px){.hxs-v2 .hxs-go i{width:43.2px;height:43.2px}}

/* v3: the sector name is the LED */
.hxs-v3 .hxs-it{container-type:inline-size;display:grid;gap:16px;padding:30px clamp(26px,3.4vw,46px) 26px}@media (max-width:640px){.hxs-v3 .hxs-it{gap:14.4px;padding:27px clamp(23.4px,3.4vw,41.4px) 23.4px}}
.hxs-v3 .hxs-ln{line-height:1}
.hxs-v3 .hxs-ln i{display:block;font-style:normal;filter:drop-shadow(0 0 7px rgba(255,255,255,.4))}
.hxs-v3 .hxs-ln span{display:block;white-space:nowrap;font:800 min(11.8cqw,116px)/1 var(--f-display);letter-spacing:-.04em;color:#fff;-webkit-mask:radial-gradient(circle,#000 52%,transparent 60%) 0 0/var(--dot,7px) var(--dot,7px);mask:radial-gradient(circle,#000 52%,transparent 60%) 0 0/var(--dot,7px) var(--dot,7px)}@media (max-width:640px){.hxs-v3 .hxs-ln span{font:800 min(11.8cqw,104.4px)/1 var(--f-display)}}
html.hx-js .hxs-v3 .hxs-it.hxs-rv .hxs-ln span{clip-path:inset(0 100% 0 0)}
html.hx-js .hxs-v3 .hxs-it.hxs-rv.in .hxs-ln span{clip-path:inset(0 0 0 0);transition:clip-path 1.1s steps(22) 1.8s}
.hxs-v3 .hxs-bt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}@media (max-width:640px){.hxs-v3 .hxs-bt{gap:12.6px 25.2px;padding-top:16.2px}}
.hxs-v3 .hxs-ds{max-width:none}

@media (max-width:900px){
  .hxs-v2 .hxs-it{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hxs-v2 .hxs-go{grid-column:1/-1}
}
@media (max-width:760px){
  .hxs-ov .hxs-list{gap:12px}@media (max-width:640px){.hxs-ov .hxs-list{gap:10.8px}}
  .hxs-ov .hxs-it{border-radius:24px}@media (max-width:640px){.hxs-ov .hxs-it{border-radius:21.6px}}
  .hxs-v1 .hxs-it{grid-template-columns:minmax(0,1fr);padding:12px;gap:6px;min-height:0}@media (max-width:640px){.hxs-v1 .hxs-it{padding:10.8px;gap:5.4px}}
  .hxs-v1 .hxs-led{order:-1;height:118px;border-radius:16px;--dot:5px}@media (max-width:640px){.hxs-v1 .hxs-led{height:106.2px;border-radius:14.4px;--dot:4.5px}}
  .hxs-v1 .hxs-cn{padding:14px 10px 12px}@media (max-width:640px){.hxs-v1 .hxs-cn{padding:12.6px 9px 10.8px}}
  .hxs-v2 .hxs-it{grid-template-columns:minmax(0,1fr);min-height:0;padding:26px 22px 24px;gap:14px}@media (max-width:640px){.hxs-v2 .hxs-it{padding:23.4px 19.8px 21.6px;gap:12.6px}}
  .hxs-v2 .hxs-go{margin-top:6px;font-size:17.5px}@media (max-width:640px){.hxs-v2 .hxs-go{margin-top:5.4px;font-size:15.75px}}
  .hxs-v2 .hxs-go i{width:44px;height:44px}@media (max-width:640px){.hxs-v2 .hxs-go i{width:39.6px;height:39.6px}}
  .hxs-v3 .hxs-it{padding:24px 22px 22px;gap:12px;--dot:4.5px}@media (max-width:640px){.hxs-v3 .hxs-it{padding:21.6px 19.8px 19.8px;gap:10.8px;--dot:4.05px}}
  .hxs-v3 .hxs-ln span{white-space:normal;font-size:min(17.5cqw,84px);line-height:.98}@media (max-width:640px){.hxs-v3 .hxs-ln span{font-size:min(17.5cqw,75.6px)}}
  .hxs-v3 .hxs-bt{padding-top:14px}@media (max-width:640px){.hxs-v3 .hxs-bt{padding-top:12.6px}}
}

/* betting operators page */
#bo-view,#cl-view,#sm-view{--c1:#f5f4ec;--c2:#d9f1de;--edge:#1b2130;--sh:5px 5px 0 var(--edge);--hl:#4be872;--navy:#1b2130;--dg1:#027a1f;--dg2:#014d13;--red:#e5383b}@media (max-width:640px){#bo-view,#cl-view,#sm-view{--sh:4.5px 4.5px 0 var(--edge)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bo-view,:root:not([data-theme="light"]) #cl-view,:root:not([data-theme="light"]) #sm-view{--c1:#0e1411;--c2:#10201a;--edge:#3d5a48;--navy:#0a0f0d}}
:root[data-theme="dark"] #bo-view,:root[data-theme="dark"] #cl-view,:root[data-theme="dark"] #sm-view{--c1:#0e1411;--c2:#10201a;--edge:#3d5a48;--navy:#0a0f0d}
#bo-view h2,#cl-view h2,#sm-view h2{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.04em;line-height:1.02}@media (max-width:640px){#bo-view h2,#cl-view h2,#sm-view h2{font-size:clamp(30.6px,4.6vw,50.4px)}}
.b-s{position:relative;overflow:hidden;margin-inline:-20px;padding:clamp(76px,9vw,124px) 20px;background:var(--bg)}@media (max-width:640px){.b-s{margin-inline:-18px;padding:clamp(68.4px,9vw,111.6px) 18px}}
.b-s.c{background:var(--c1)}.b-s.m{background:var(--c2)}
.b-h{display:grid;gap:14px;margin-bottom:clamp(36px,5vw,56px);max-width:760px}@media (max-width:640px){.b-h{gap:12.6px;margin-bottom:clamp(32.4px,5vw,50.4px)}}
.b-h.ctr{justify-items:center;text-align:center;margin-inline:auto}
.b-h .lede{max-width:56ch}
.b-hl{position:relative;z-index:0;white-space:nowrap;color:#0d1211;padding:0 .12em;margin:0 -.04em}
.b-hl::before{content:"";position:absolute;z-index:-1;inset:.06em -.02em .02em;background:var(--hl);border-radius:.12em;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.7,0,.2,1) .35s}
.on .b-hl::before,.b-hl.on::before{transform:scaleX(1)}
.b-g{color:var(--green)}
.k{background:var(--surface);border:2px solid var(--edge);border-radius:18px;box-shadow:var(--sh)}@media (max-width:640px){.k{border-radius:16.2px}}
.b-tag{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px;background:var(--hl);color:#0d1211;border:2px solid var(--edge)}@media (max-width:640px){.b-tag{gap:5.4px;border-radius:899.1px;padding:3.6px 9px}}
.b-live{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 8px;background:var(--red);color:#fff}@media (max-width:640px){.b-live{gap:5.4px;border-radius:5.4px;padding:2.7px 7.2px}}
.b-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:b-blink 1.2s infinite}@media (max-width:640px){.b-live::before{width:5.4px;height:5.4px}}
@keyframes b-blink{50%{opacity:.25}}
.b-od{font:700 15px var(--f-mono);color:var(--green-strong);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){.b-od{font:700 14px var(--f-mono)}}
.b-od s{color:var(--muted);font-weight:500;font-size:.85em;margin-right:6px}@media (max-width:640px){.b-od s{margin-right:5.4px}}
.b-st{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--body);background:var(--surface-2);border-radius:10px;padding:8px 10px;line-height:1.45}@media (max-width:640px){.b-st{gap:7.2px;border-radius:9px;padding:7.2px 9px}}
.b-st::before{content:"";flex:none;width:12px;height:12px;margin-top:3px;border-radius:2px;background:linear-gradient(to top,var(--green) 0 40%,transparent 40% 55%,var(--green) 55%) left/3px 100% no-repeat,linear-gradient(to top,var(--green) 0 70%,transparent 0) center/3px 100% no-repeat,linear-gradient(var(--green),var(--green)) right/3px 100% no-repeat}@media (max-width:640px){.b-st::before{width:10.8px;height:10.8px;margin-top:2.7px}}
.b-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;font:700 14px/1 var(--f-display);padding:12px 18px;border-radius:999px;background:var(--green);color:#fff;border:0;text-decoration:none;cursor:default;transition:background .3s,transform .2s}@media (max-width:640px){.b-btn{gap:7.2px;padding:10.8px 16.2px;border-radius:899.1px}}
a.b-btn{cursor:pointer}a.b-btn:hover{background:var(--green-strong)}
.b-mk{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width:640px){.b-mk{gap:9px}}
.b-mk>span:first-child{font-size:14px;font-weight:600}
.b-lb{font:500 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-ic{width:44px;height:44px;border-radius:12px;border:2px solid var(--edge);display:grid;place-items:center;background:var(--surface);color:var(--green)}@media (max-width:640px){.b-ic{width:39.6px;height:39.6px;border-radius:10.8px}}
/* reveal */
html.js #bo-view .ba{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}@media (max-width:640px){html.js #bo-view .ba{transform:translateY(23.4px)}}
html.js #bo-view .ba.on{opacity:1;transform:none}
/* doodles */
.b-dd{position:absolute;pointer-events:none;color:var(--edge)}
.b-dd path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1) .4s}
.on .b-dd path,.b-dd.on path{stroke-dashoffset:0}
.b-dd.st path{fill:var(--hl);stroke-width:2.5}
.b-dd.wv{color:var(--hl)}.b-dd.wv path{stroke-width:22}
.b-float{animation:b-bob 5s ease-in-out infinite}
@keyframes b-bob{50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
/* HERO */
.b-hero{background:var(--c1);padding-top:clamp(56px,7vw,96px)}@media (max-width:640px){.b-hero{padding-top:clamp(50.4px,7vw,86.4px)}}
.b-hero .b-hg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(28px,4vw,56px);align-items:center}@media (max-width:640px){.b-hero .b-hg{gap:clamp(25.2px,4vw,50.4px)}}
.b-hero h1{font:800 clamp(38px,4.5vw,58px)/1.03 var(--f-display);letter-spacing:-.045em}@media (max-width:640px){.b-hero h1{font:800 clamp(34.2px,4.5vw,52.2px)/1.03 var(--f-display)}}
.b-hero .lede{margin-top:20px}@media (max-width:640px){.b-hero .lede{margin-top:18px}}
.b-hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}@media (max-width:640px){.b-hero .cta{gap:10.8px;margin-top:25.2px}}
.b-tl4{margin-top:22px;font:700 16px var(--f-display);color:var(--ink);letter-spacing:-.01em}@media (max-width:640px){.b-tl4{margin-top:19.8px;font:700 14.4px var(--f-display)}}
.b-tl4 span{transition:color .4s}.b-tl4 span.on{color:var(--green)}
.b-stage{position:relative;padding:34px 0 54px}@media (max-width:640px){.b-stage{padding:30.6px 0 48.6px}}
.b-book{position:relative;overflow:hidden;border-radius:20px;border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge);background:var(--surface);aspect-ratio:1.28}@media (max-width:640px){.b-book{border-radius:18px}}
.b-bn{display:flex;align-items:center;gap:14px;background:var(--navy);color:#cdd5e0;padding:10px 14px;font:600 11px var(--f-display);letter-spacing:.04em}@media (max-width:640px){.b-bn{gap:12.6px;padding:9px 12.6px}}
.b-bn b{color:#fff;font-size:13.5px;letter-spacing:-.01em;margin-right:6px}@media (max-width:640px){.b-bn b{margin-right:5.4px}}.b-bn .sp{margin-left:auto}
.b-slipb{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;color:#fff}@media (max-width:640px){.b-slipb{gap:5.4px;border-radius:7.2px;padding:4.5px 7.2px}}
.b-slipb i{font-style:normal;min-width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:#fff;color:var(--navy);font:700 13px var(--f-mono);transition:transform .3s}@media (max-width:640px){.b-slipb i{height:16.2px;border-radius:4.5px}}
.b-slipb i.pop{animation:b-pop .5s}
@keyframes b-pop{40%{transform:scale(1.6)}}
.b-bb{display:grid;grid-template-columns:1fr;padding:12px;gap:8px;margin-right:calc(min(56%,330px) + 12px)}@media (max-width:640px){.b-bb{padding:10.8px;gap:7.2px;margin-right:calc(min(56%,297px) + 10.8px)}}
.b-int .b-bb{margin-right:calc(min(48%,280px) + 12px)}@media (max-width:640px){.b-int .b-bb{margin-right:calc(min(48%,252px) + 10.8px)}}
.b-fx{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,38px);gap:6px;align-items:center;font-size:11.5px;white-space:nowrap;color:var(--body);padding:6px 8px;border-radius:8px;background:var(--surface-2)}@media (max-width:640px){.b-fx{grid-template-columns:minmax(0,1fr) repeat(3,34.2px);gap:5.4px;padding:5.4px 7.2px;border-radius:7.2px}}
.b-fx span:first-child{overflow:hidden;text-overflow:ellipsis}.b-fx span:not(:first-child){text-align:center;background:var(--surface);border-radius:6px;padding:5px 0;font:600 13px var(--f-mono)}@media (max-width:640px){.b-fx span:not(:first-child){border-radius:5.4px;padding:4.5px 0}}
.b-fx.hd{background:none;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.b-fx.hd span{background:none!important}
.b-wd{position:absolute;right:12px;top:52px;bottom:12px;width:min(56%,330px);background:var(--surface);border:2px solid var(--edge);border-radius:16px;box-shadow:0 18px 40px rgba(10,30,15,.18);display:flex;flex-direction:column;overflow:hidden}@media (max-width:640px){.b-wd{right:10.8px;top:46.8px;bottom:10.8px;width:min(56%,297px);border-radius:14.4px}}
.b-wh{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font:700 13px var(--f-display)}@media (max-width:640px){.b-wh{gap:7.2px;padding:9px 10.8px}}
.b-wh svg{color:var(--green)}.b-wh small{margin-left:auto;font:500 11px var(--f-body);color:var(--muted)}
.b-wb{position:relative;flex:1}
.b-sc{position:absolute;inset:0;padding:12px;display:grid;gap:8px;align-content:start;opacity:0;transform:translateX(16px);transition:opacity .45s,transform .45s;pointer-events:none}@media (max-width:640px){.b-sc{padding:10.8px;gap:7.2px;transform:translateX(14.4px)}}
.b-sc.on{opacity:1;transform:none}
.b-sc h4{margin:0;font:800 15px/1.2 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-sc h4{font:800 14px/1.2 var(--f-display)}}.b-sc>p{font-size:12px;color:var(--muted);margin-top:-4px}@media (max-width:640px){.b-sc>p{margin-top:-3.6px}}
.b-tile{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;position:relative;transition:border-color .3s,background .3s}@media (max-width:640px){.b-tile{grid-template-columns:19.8px 1fr auto;gap:7.2px;border-radius:9px;padding:7.2px 9px}}
.b-tile b{display:block;font:700 13px var(--f-display)}.b-tile small{color:var(--muted);font-size:11px}
.b-tile .b-od{font-size:13px}
.b-tile.hit{border-color:var(--green);background:var(--green-soft)}
.b-leg{display:grid;grid-template-columns:1fr auto;gap:2px 8px;border-radius:10px;background:var(--surface-2);padding:8px 10px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}@media (max-width:640px){.b-leg{gap:2px 7.2px;border-radius:9px;padding:7.2px 9px;transform:translateY(7.2px)}}
.b-sc.on .b-leg{opacity:1;transform:none}
.b-sc.on .b-leg:nth-of-type(2){transition-delay:.35s}.b-sc.on .b-leg:nth-of-type(3){transition-delay:.7s}
.b-leg b{font:700 12px var(--f-display)}.b-leg small{grid-column:1/-1;font-size:10.5px;color:var(--body)}
.b-leg small::before{content:"▮ ";color:var(--green);font-size:9px}
.b-eq{display:flex;justify-content:space-between;align-items:center;font:600 13px var(--f-mono);color:var(--body);background:var(--green-soft);border-radius:8px;padding:8px 10px}@media (max-width:640px){.b-eq{border-radius:7.2px;padding:7.2px 9px}}
.b-eq b{color:var(--green-strong);font-size:14px}
.b-risk{font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#b4232a;background:#fde8e8;border-radius:5px;padding:2px 6px}@media (max-width:640px){.b-risk{border-radius:4.5px;padding:2px 5.4px}}
.b-wd .b-btn{width:100%;font-size:13px;padding:11px}@media (max-width:640px){.b-wd .b-btn{padding:9.9px}}
.b-wd .b-btn.done{background:var(--green-strong)}
.b-tap{position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(2,122,31,.25);border:2px solid var(--green);transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:3}@media (max-width:640px){.b-tap{width:23.4px;height:23.4px}}
.b-tap.go{animation:b-tap .7s ease-out}
@keyframes b-tap{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
.b-toast{position:absolute;left:12px;bottom:12px;width:min(40%,220px);background:var(--surface);border:2px solid var(--edge);border-radius:14px;padding:10px 12px;display:grid;gap:2px;box-shadow:var(--sh);transform:translateY(140%);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}@media (max-width:640px){.b-toast{left:10.8px;bottom:10.8px;width:min(40%,198px);border-radius:12.6px;padding:9px 10.8px}}
.b-toast.on{transform:none}
.b-toast b{font:800 13px var(--f-display);display:flex;gap:6px;align-items:center}@media (max-width:640px){.b-toast b{gap:5.4px}}.b-toast b::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:11px}@media (max-width:640px){.b-toast b::before{width:16.2px;height:16.2px}}
.b-toast span{font-size:11.5px;color:var(--muted)}
.b-steps{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width:640px){.b-steps{gap:7.2px}}
.b-steps span{font:700 12px var(--f-display);color:var(--muted);display:grid;gap:6px}@media (max-width:640px){.b-steps span{gap:5.4px}}
.b-steps span::before{content:"";height:4px;border-radius:4px;background:linear-gradient(90deg,var(--green) var(--p,0%),var(--line) 0)}@media (max-width:640px){.b-steps span::before{height:3.6px;border-radius:3.6px}}
.b-steps span.on{color:var(--ink)}
.b-stk{position:absolute;z-index:4;font:800 13px var(--f-display);padding:8px 12px;border-radius:12px;border:2px solid var(--edge);background:var(--surface);box-shadow:4px 4px 0 var(--edge);display:flex;gap:8px;align-items:center;white-space:nowrap}@media (max-width:640px){.b-stk{padding:7.2px 10.8px;border-radius:10.8px;gap:7.2px}}
.b-stk.a{left:-18px;top:2px;--r:-4deg;transform:rotate(-4deg)}@media (max-width:640px){.b-stk.a{left:-16.2px}}
.b-stk.b{left:-16px;bottom:96px;--r:3deg;transform:rotate(3deg)}@media (max-width:640px){.b-stk.b{left:-14.4px;bottom:86.4px}}
.b-stk em{font-style:normal;color:var(--green-strong);font-family:var(--f-mono)}
.b-pil{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:640px){.b-pil{margin:clamp(36px,5vw,57.6px) 0 0;gap:14.4px}}
.b-pil li{padding:20px;display:grid;gap:8px;align-content:start;transition:transform .25s,box-shadow .25s}@media (max-width:640px){.b-pil li{padding:18px;gap:7.2px}}
.b-pil li:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--edge)}@media (max-width:640px){.b-pil li:hover{transform:translate(-2.7px,-2.7px)}}
.b-pil b{font:800 19px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-pil b{font:800 17.1px var(--f-display)}}.b-pil span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-pil span{font-size:14px}}
/* ONE CLICK annotated */
.b-ann{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px) minmax(0,1fr);grid-template-rows:repeat(4,auto);gap:0 28px;align-items:center;max-width:1100px;margin-inline:auto}@media (max-width:640px){.b-ann{grid-template-columns:minmax(0,1fr) minmax(0,468px) minmax(0,1fr);gap:0 25.2px}}
.b-ann .k{grid-column:2;grid-row:1/5;padding:20px;display:grid;gap:12px}@media (max-width:640px){.b-ann .k{padding:18px;gap:10.8px}}
.b-al{position:relative;display:grid;gap:4px;padding:10px 0;transition:opacity .4s}@media (max-width:640px){.b-al{gap:3.6px;padding:9px 0}}
.b-al b{font:800 22px var(--f-display);letter-spacing:-.02em;color:var(--green)}@media (max-width:640px){.b-al b{font:800 19.8px var(--f-display)}}
.b-al span{font-size:14px;color:var(--body);max-width:30ch}
.b-al.l{grid-column:1;text-align:right;justify-items:end}.b-al.r{grid-column:3}
.b-al::after{content:"";position:absolute;top:28px;width:28px;height:2px;background:repeating-linear-gradient(90deg,var(--edge) 0 5px,transparent 5px 9px);transform:scaleX(0);transition:transform .6s}@media (max-width:640px){.b-al::after{top:25.2px;width:25.2px}}
.b-al.l::after{right:-28px;transform-origin:left}@media (max-width:640px){.b-al.l::after{right:-25.2px}}.b-al.r::after{left:-28px;transform-origin:right}@media (max-width:640px){.b-al.r::after{left:-25.2px}}
.on .b-al::after{transform:scaleX(1)}
.b-ann.cyc .b-al{opacity:.35}.b-ann.cyc .b-al.act{opacity:1}
.b-ann [data-p]{border-radius:12px;transition:box-shadow .35s,background .35s}@media (max-width:640px){.b-ann [data-p]{border-radius:10.8px}}
.b-ann [data-p].act{box-shadow:0 0 0 3px var(--hl)}
.b-ah{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
.b-tm{display:flex;align-items:center;gap:10px;font:800 20px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-tm{gap:9px;font:800 18px var(--f-display)}}.b-tm i{font:500 13px var(--f-body);font-style:normal;color:var(--muted)}
.b-ann .b-mk{padding:8px}@media (max-width:640px){.b-ann .b-mk{padding:7.2px}}
.b-ann .b-mk>span:first-child{font-size:15px}@media (max-width:640px){.b-ann .b-mk>span:first-child{font-size:14px}}
.b-ann .b-od{font-size:24px}@media (max-width:640px){.b-ann .b-od{font-size:21.6px}}
.b-pers{font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--hl);color:#0d1211;border-radius:999px;padding:3px 8px;margin-left:8px}@media (max-width:640px){.b-pers{border-radius:899.1px;padding:2.7px 7.2px;margin-left:7.2px}}
.b-ann .b-st{font-size:14px;padding:12px}@media (max-width:640px){.b-ann .b-st{padding:10.8px}}
.b-ann .b-btn{justify-self:center;padding:14px 34px;font-size:16px}@media (max-width:640px){.b-ann .b-btn{padding:12.6px 30.6px;font-size:14.4px}}
.b-n{display:none}
/* REAL SCREENS */
.b-real{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(28px,5vw,72px);align-items:center}@media (max-width:640px){.b-real{grid-template-columns:minmax(0,1fr) minmax(0,414px);gap:clamp(25.2px,5vw,64.8px)}}
.b-tabs{display:grid;gap:12px;margin-top:8px}@media (max-width:640px){.b-tabs{gap:10.8px;margin-top:7.2px}}
.b-tab{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;padding:16px 18px;border-radius:16px;border:2px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}@media (max-width:640px){.b-tab{grid-template-columns:36px 1fr;gap:3.6px 12.6px;padding:14.4px 16.2px;border-radius:14.4px}}
.b-tab i{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:800 16px var(--f-display);font-style:normal;background:var(--surface);border:2px solid var(--edge)}@media (max-width:640px){.b-tab i{width:36px;height:36px;border-radius:10.8px;font:800 14.4px var(--f-display)}}
.b-tab b{font:800 18px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-tab b{font:800 16.2px var(--f-display)}}.b-tab span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-tab span{font-size:14px}}
.b-tab u{grid-column:2;height:3px;border-radius:3px;background:var(--line);text-decoration:none;overflow:hidden;margin-top:6px;display:block}@media (max-width:640px){.b-tab u{height:2.7px;border-radius:2.7px;margin-top:5.4px}}
.b-tab u::before{content:"";display:block;height:100%;width:0;background:var(--green)}
.b-tab[aria-selected="true"]{background:var(--surface);border-color:var(--edge);box-shadow:var(--sh)}
.b-tab[aria-selected="true"] i{background:var(--hl)}
.b-tab[aria-selected="true"] u::before{animation:b-prog var(--dur,4.5s) linear forwards}
.b-real.hold .b-tab u::before{animation:none;width:100%}
@keyframes b-prog{to{width:100%}}
.b-tab:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.b-dev{position:relative;border-radius:26px;border:2px solid var(--edge);box-shadow:10px 10px 0 var(--edge);background:#fff;overflow:hidden;aspect-ratio:620/862}@media (max-width:640px){.b-dev{border-radius:23.4px}}
.b-dev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1)}
.b-dev img.on{opacity:1;transform:none}
.b-cap{margin-top:18px;font-size:12.5px;color:var(--muted);text-align:center}@media (max-width:640px){.b-cap{margin-top:16.2px}}
.b-real .b-stk{right:-22px;top:-22px;--r:4deg;transform:rotate(4deg)}@media (max-width:640px){.b-real .b-stk{right:-19.8px;top:-19.8px}}
/* PERSONAS */
.b-per{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(28px,5vw,72px);align-items:center}@media (max-width:640px){.b-per{grid-template-columns:minmax(0,1fr) minmax(0,324px);gap:clamp(25.2px,5vw,64.8px)}}
.b-us{display:grid;gap:12px}@media (max-width:640px){.b-us{gap:10.8px}}
.b-u{all:unset;cursor:pointer;display:grid;grid-template-columns:52px 1fr;gap:2px 16px;align-items:center;padding:14px 18px;border-radius:18px;border:2px solid var(--line);background:var(--surface);transition:border-color .3s,box-shadow .3s,transform .3s}@media (max-width:640px){.b-u{grid-template-columns:46.8px 1fr;gap:2px 14.4px;padding:12.6px 16.2px;border-radius:16.2px}}
.b-u .av{grid-row:1/3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 19px var(--f-display);color:#fff;border:2px solid var(--edge)}@media (max-width:640px){.b-u .av{width:46.8px;height:46.8px;font:800 17.1px var(--f-display)}}
.b-u b{font:800 18px var(--f-display);display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width:640px){.b-u b{font:800 16.2px var(--f-display);gap:9px}}.b-u b em{font:700 13px var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:#fff;border-radius:999px;padding:3px 8px}@media (max-width:640px){.b-u b em{border-radius:899.1px;padding:2.7px 7.2px}}
.b-u span{font-size:14px;color:var(--body)}
.b-u[aria-selected="true"]{border-color:var(--edge);box-shadow:var(--sh);transform:translate(-2px,-2px)}
.b-u[aria-selected="true"] b em{background:var(--hl);color:#0d1211}
.b-u:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.b-ph{position:relative;border-radius:40px;border:2px solid var(--edge);background:var(--surface);box-shadow:10px 10px 0 var(--edge);padding:46px 14px 20px;max-width:340px;margin-inline:auto;width:100%}@media (max-width:640px){.b-ph{border-radius:36px;padding:41.4px 12.6px 18px}}
.b-ph::before{content:"";position:absolute;left:50%;top:12px;width:84px;height:22px;border-radius:12px;background:var(--navy);transform:translateX(-50%)}@media (max-width:640px){.b-ph::before{top:10.8px;width:75.6px;height:19.8px;border-radius:10.8px}}
.b-phs{position:relative;display:grid;gap:10px;align-content:start;transition:opacity .35s,transform .35s}@media (max-width:640px){.b-phs{gap:9px}}
.b-phs.out{opacity:0;transform:translateY(10px)}@media (max-width:640px){.b-phs.out{transform:translateY(9px)}}
.b-pv{position:absolute;top:-28px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:2;white-space:nowrap}@media (max-width:640px){.b-pv{top:-25.2px}}
.b-phh{display:flex;align-items:center;gap:8px;font:700 13px var(--f-display);border-bottom:1px solid var(--line);padding-bottom:8px}@media (max-width:640px){.b-phh{gap:7.2px;padding-bottom:7.2px}}.b-phh svg{color:var(--green)}
.b-phh small{margin-left:auto;display:flex;gap:4px}@media (max-width:640px){.b-phh small{gap:3.6px}}.b-phh small span{font:600 11px var(--f-display);padding:4px 9px;border-radius:999px;color:var(--muted)}@media (max-width:640px){.b-phh small span{padding:3.6px 8.1px;border-radius:899.1px}}.b-phh small span.on{background:var(--navy);color:#fff}
.b-gr{font-size:13px;background:var(--surface-2);border-radius:12px;padding:10px 12px}@media (max-width:640px){.b-gr{border-radius:10.8px;padding:9px 10.8px}}
.b-pc{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px}@media (max-width:640px){.b-pc{border-radius:12.6px;padding:10.8px;gap:7.2px}}
.b-pc .b-tm{font-size:15px}@media (max-width:640px){.b-pc .b-tm{font-size:14px}}
.b-why{font-size:12.5px;color:var(--green-strong);background:var(--green-soft);border-radius:8px;padding:8px 10px;font-weight:600}@media (max-width:640px){.b-why{border-radius:7.2px;padding:7.2px 9px}}
.b-chs{display:flex;gap:6px;flex-wrap:wrap}@media (max-width:640px){.b-chs{gap:5.4px}}.b-chs span{font:600 11.5px var(--f-display);border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--body)}@media (max-width:640px){.b-chs span{border-radius:899.1px;padding:5.4px 9px}}
.b-in{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:999px;padding:9px 9px 9px 14px;font-size:12.5px;color:var(--muted)}@media (max-width:640px){.b-in{border-radius:899.1px;padding:8.1px 8.1px 8.1px 12.6px}}
.b-in i{width:24px;height:24px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px}@media (max-width:640px){.b-in i{width:21.6px;height:21.6px}}
/* INSIGHTS */
.b-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}@media (max-width:640px){.b-two{gap:25.2px}}
.b-ins{display:grid;gap:14px;align-content:start}@media (max-width:640px){.b-ins{gap:12.6px}}
.b-ins h3{font-size:24px;letter-spacing:-.03em}@media (max-width:640px){.b-ins h3{font-size:21.6px}}.b-ins>p{color:var(--body);margin-top:-6px}@media (max-width:640px){.b-ins>p{margin-top:-5.4px}}
.b-ins .k{padding:20px;display:grid;gap:12px}@media (max-width:640px){.b-ins .k{padding:18px;gap:10.8px}}
.b-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width:640px){.b-kv{gap:7.2px}}
.b-kv div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}@media (max-width:640px){.b-kv div{border-radius:9px;padding:7.2px 9px}}.b-kv b{display:block;font:800 15px var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media (max-width:640px){.b-kv b{font:800 14px var(--f-display)}}.b-kv span{font-size:11px;color:var(--muted)}
.b-lv{background:linear-gradient(150deg,var(--dg1),var(--dg2))!important;color:#fff;border-color:var(--edge)}
.b-lv .b-ah,.b-lv .b-kv span{color:rgba(255,255,255,.9)}.b-lv .b-tm{color:#fff}.b-lv .b-tm i{color:rgba(255,255,255,.9)}
.b-lv .b-kv div{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.b-lv .b-od{color:#fff}.b-lv .b-od s{color:rgba(255,255,255,.9)}
.b-lv .b-btn{background:#fff;color:var(--green-strong)}
.b-lv .b-tag{background:#fff;color:var(--green-strong);border-color:#fff}
.b-big{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:14px;display:grid;gap:6px}@media (max-width:640px){.b-big{border-radius:12.6px;padding:12.6px;gap:5.4px}}
.b-big .b-tag{justify-self:start}
.b-big p{font:800 19px/1.25 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-big p{font:800 17.1px/1.25 var(--f-display)}}.b-big small{color:rgba(255,255,255,.9);font-size:12.5px}
.b-flash{animation:b-flash 1.2s}
@keyframes b-flash{0%,100%{background:transparent}20%{background:rgba(75,232,114,.35)}}
.b-pre .b-big{background:var(--green-soft);border-color:transparent}.b-pre .b-big p{color:var(--ink)}.b-pre .b-big small{color:var(--body)}
.b-foot{margin-top:36px;text-align:center;font:800 clamp(18px,2vw,22px) var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-foot{margin-top:32.4px;font:800 clamp(16.2px,2vw,19.8px) var(--f-display)}}
/* FOLLOW & LIVE */
.b-fl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr);gap:clamp(24px,3.5vw,48px);align-items:center}@media (max-width:640px){.b-fl{grid-template-columns:minmax(0,1fr) minmax(0,270px) minmax(0,1fr);gap:clamp(21.6px,3.5vw,43.2px)}}
.b-fl .b-h{margin-bottom:0}
.b-fs{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}@media (max-width:640px){.b-fs{margin:7.2px 0 0;gap:12.6px}}
.b-fs li{display:grid;gap:2px}.b-fs b{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong)}.b-fs span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-fs span{font-size:14px}}
.b-fl h2{font-size:clamp(30px,3.4vw,42px)!important}@media (max-width:640px){.b-fl h2{font-size:clamp(27px,3.4vw,37.8px)!important}}.b-fl .b-fs{margin-top:22px}@media (max-width:640px){.b-fl .b-fs{margin-top:19.8px}}
.b-scb{background:var(--navy);color:#fff;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;text-align:center}@media (max-width:640px){.b-scb{border-radius:12.6px;padding:9px 10.8px;gap:5.4px}}
.b-scb b{font:700 12.5px var(--f-display)}.b-scb strong{font:800 22px var(--f-display);font-variant-numeric:tabular-nums;color:#fff}@media (max-width:640px){.b-scb strong{font:800 19.8px var(--f-display)}}
.b-scb .b-live{grid-column:1/-1;justify-self:center}
.b-lst{display:grid;gap:7px;font-size:11.5px;color:var(--muted)}@media (max-width:640px){.b-lst{gap:6.3px}}
.b-lst div{display:grid;grid-template-columns:34px 1fr 34px;gap:8px;align-items:center;text-align:center}@media (max-width:640px){.b-lst div{grid-template-columns:30.6px 1fr 30.6px;gap:7.2px}}
.b-lst i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--green) var(--a),var(--line) 0)}@media (max-width:640px){.b-lst i{height:5.4px;border-radius:5.4px}}
.b-lst b{font:700 13px var(--f-mono);color:var(--ink)}
.b-mom{display:flex;align-items:flex-end;gap:3px;height:42px;border-bottom:1px solid var(--line)}@media (max-width:640px){.b-mom{gap:2.7px;height:37.8px}}
.b-mom i{flex:1;border-radius:2px 2px 0 0;background:var(--green);height:var(--h);transform-origin:bottom;transform:scaleY(0);transition:transform .5s;transition-delay:calc(var(--j)*40ms)}
.b-mom i.dn{background:var(--muted);opacity:.5}
.on .b-mom i{transform:scaleY(1)}
.b-lm{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.b-lm{gap:5.4px}}.b-lm span{border:1px solid var(--line);border-radius:8px;padding:6px 0;text-align:center;font:600 13px var(--f-mono)}@media (max-width:640px){.b-lm span{border-radius:7.2px;padding:5.4px 0}}.b-lm small{display:block;font:500 9.5px var(--f-body);color:var(--muted)}
.b-nots{display:grid;gap:14px}@media (max-width:640px){.b-nots{gap:12.6px}}
.b-not{padding:16px;display:grid;gap:10px;opacity:.38;transform:translateX(18px) scale(.97);transition:opacity .5s,transform .5s cubic-bezier(.3,1.3,.5,1)}@media (max-width:640px){.b-not{padding:14.4px;gap:9px;transform:translateX(16.2px) scale(.97)}}
.b-not.on{opacity:1;transform:none}
.b-not header{display:flex;gap:10px;align-items:center;font:800 16px var(--f-mono)}@media (max-width:640px){.b-not header{gap:9px;font:800 14.4px var(--f-mono)}}
.b-not p{font-size:14px;color:var(--body)}
.b-not .b-mk{border-top:1px solid var(--line);padding-top:10px}@media (max-width:640px){.b-not .b-mk{padding-top:9px}}
/* COUPON */
.b-cp{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1.05fr);align-items:center}@media (max-width:640px){.b-cp{grid-template-columns:minmax(0,1fr) 81px minmax(0,1.05fr)}}
.b-abc{display:grid;gap:18px}@media (max-width:640px){.b-abc{gap:16.2px}}
.b-abc .k{padding:16px 18px;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start}@media (max-width:640px){.b-abc .k{padding:14.4px 16.2px;grid-template-columns:36px 1fr;gap:3.6px 12.6px}}
.b-abc i{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 16px var(--f-display);font-style:normal;background:var(--navy);color:#fff}@media (max-width:640px){.b-abc i{width:36px;height:36px;font:800 14.4px var(--f-display)}}
.b-abc b{font:800 17px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-abc b{font:800 15.3px var(--f-display)}}.b-abc span{font-size:14px;color:var(--body)}
.b-abc q{display:block;grid-column:2;font-size:13px;background:var(--green-soft);color:var(--green-strong);border-radius:10px;padding:8px 10px;margin-top:6px;font-weight:500}@media (max-width:640px){.b-abc q{border-radius:9px;padding:7.2px 9px;margin-top:5.4px}}
.b-con{width:100%;height:100%;min-height:300px}@media (max-width:640px){.b-con{min-height:270px}}
.b-con path{fill:none;stroke:var(--edge);stroke-width:2;stroke-dasharray:6 6;animation:b-ants 1s linear infinite}
@keyframes b-ants{to{stroke-dashoffset:-12}}
.b-cpc{padding:20px;display:grid;gap:12px}@media (max-width:640px){.b-cpc{padding:18px;gap:10.8px}}
.b-cpc h3{display:flex;justify-content:space-between;align-items:center;font-size:20px}@media (max-width:640px){.b-cpc h3{font-size:18px}}
.b-tg{display:flex;gap:6px;flex-wrap:wrap;align-items:center}@media (max-width:640px){.b-tg{gap:5.4px}}
.b-tg button{all:unset;cursor:pointer;font:700 13px var(--f-mono);padding:8px 14px;border-radius:999px;border:2px solid var(--line);transition:background .25s,border-color .25s,color .25s}@media (max-width:640px){.b-tg button{padding:7.2px 12.6px;border-radius:899.1px}}
.b-tg button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.b-tg button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.b-tg small{margin-left:auto;font:600 13px var(--f-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.b-cl{display:grid;gap:8px}@media (max-width:640px){.b-cl{gap:7.2px}}
.b-cl>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border-bottom:1px dashed var(--line);padding:8px 0;animation:b-in .45s both;animation-delay:calc(var(--j)*90ms)}@media (max-width:640px){.b-cl>div{gap:2px 9px;padding:7.2px 0}}
@keyframes b-in{from{opacity:0;transform:translateY(8px)}}
.b-cl b{font:700 14.5px var(--f-display)}@media (max-width:640px){.b-cl b{font:700 14px var(--f-display)}}.b-cl small{grid-column:1/-1;font-size:12.5px;color:var(--body)}.b-cl small::before{content:"▮ ";color:var(--green);font-size:10px}
.b-tot{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width:640px){.b-tot{gap:9px}}
.b-tot span{font-size:14px;color:var(--body)}.b-tot strong{font:800 28px var(--f-mono);color:var(--green-strong);letter-spacing:-.02em}@media (max-width:640px){.b-tot strong{font:800 25.2px var(--f-mono)}}
.b-cpc .b-btn{width:100%;padding:14px}@media (max-width:640px){.b-cpc .b-btn{padding:12.6px}}
.b-cpn{margin-top:10px;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong);text-align:center}@media (max-width:640px){.b-cpn{margin-top:9px}}
/* FAVOURITES */
.b-fav{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.b-fav{gap:clamp(25.2px,5vw,57.6px)}}
.b-fl2{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}@media (max-width:640px){.b-fl2{margin:5.4px 0 0;gap:12.6px}}
.b-fl2 b{display:block;font:800 17px var(--f-display);color:var(--green)}@media (max-width:640px){.b-fl2 b{font:800 15.3px var(--f-display)}}.b-fl2 span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-fl2 span{font-size:14px}}
.b-board{position:relative;border-radius:18px;padding:clamp(28px,4vw,44px) clamp(16px,3vw,34px);border:12px solid #c0844a;box-shadow:inset 0 0 0 2px #8a5a2b,var(--sh);background:#dca66d radial-gradient(#b97c43 1.2px,transparent 1.6px) 0 0/14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,26px)}@media (max-width:640px){.b-board{border-radius:16.2px;padding:clamp(25.2px,4vw,39.6px) clamp(14.4px,3vw,30.6px);gap:clamp(12.6px,2.4vw,23.4px)}}
.b-pin{position:relative;padding:16px 14px 14px;display:grid;gap:8px;align-content:start;transform:rotate(var(--r));transform-origin:50% 0}@media (max-width:640px){.b-pin{padding:14.4px 12.6px 12.6px;gap:7.2px}}
.b-pin::before{content:"";position:absolute;top:-12px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--hl);border:2px solid var(--edge);box-shadow:2px 3px 0 rgba(0,0,0,.25)}@media (max-width:640px){.b-pin::before{top:-10.8px;width:18px;height:18px;margin-left:-9px}}
html.js .b-board .b-pin{opacity:0;transform:translateY(-40px) rotate(0)}@media (max-width:640px){html.js .b-board .b-pin{transform:translateY(-36px) rotate(0)}}
html.js .b-board.on .b-pin{opacity:1;transform:rotate(var(--r));transition:transform .9s cubic-bezier(.3,1.6,.5,1),opacity .4s;transition-delay:calc(var(--j)*220ms)}
html.js .b-board.on .b-pin:hover{animation:b-swing 1.2s ease-in-out}
@keyframes b-swing{25%{transform:rotate(calc(var(--r) + 3deg))}75%{transform:rotate(calc(var(--r) - 3deg))}}
.b-pin .b-tm{font-size:16px}@media (max-width:640px){.b-pin .b-tm{font-size:14.4px}}.b-pin>.b-mk:first-child{flex-direction:column;align-items:flex-start;gap:2px;border:0;padding:0}
.b-pin .b-mk{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:6px}@media (max-width:640px){.b-pin .b-mk{padding-bottom:5.4px}}.b-pin .b-mk>span:first-child{font-size:13px;font-weight:500}
.b-fol{font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-strong)}
.b-bi{border:2px solid var(--green);border-radius:10px;padding:8px 10px;display:grid;gap:2px;background:var(--green-soft)}@media (max-width:640px){.b-bi{border-radius:9px;padding:7.2px 9px}}
.b-bi small{font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-strong)}.b-bi b{font:700 13px var(--f-display);display:flex;justify-content:space-between}.b-bi span{font-size:11.5px;color:var(--body)}
/* ASK */
.b-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.b-ask{gap:clamp(25.2px,5vw,57.6px)}}
.b-ask .k{padding:20px;display:grid;gap:12px}@media (max-width:640px){.b-ask .k{padding:18px;gap:10.8px}}
.b-qin{display:flex;align-items:center;gap:10px;border:2px solid var(--edge);border-radius:999px;padding:10px 10px 10px 18px;font-size:15px;min-height:52px}@media (max-width:640px){.b-qin{gap:9px;border-radius:899.1px;padding:9px 9px 9px 16.2px;font-size:14px;min-height:46.8px}}
.b-qin span{flex:1}.b-qin span::after{content:"";display:inline-block;width:2px;height:1.1em;vertical-align:-3px;background:var(--green);margin-left:2px;animation:b-blink .9s steps(1) infinite}
.b-qin i{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-style:normal}@media (max-width:640px){.b-qin i{width:28.8px;height:28.8px}}
.b-ans{display:grid;gap:10px;transition:opacity .35s,transform .35s}@media (max-width:640px){.b-ans{gap:9px}}.b-ans.out{opacity:0;transform:translateY(8px)}@media (max-width:640px){.b-ans.out{transform:translateY(7.2px)}}
.b-ans .b-mk{border:1px solid var(--line);border-radius:12px;padding:10px 12px}@media (max-width:640px){.b-ans .b-mk{border-radius:10.8px;padding:9px 10.8px}}
.b-pills{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.b-pills{gap:7.2px}}.b-pills span{font:600 13px var(--f-display);border:2px solid var(--edge);border-radius:999px;padding:7px 14px;background:var(--surface)}@media (max-width:640px){.b-pills span{border-radius:899.1px;padding:6.3px 12.6px}}
/* COVERAGE */
.b-cvn{list-style:none;margin:0 0 clamp(36px,5vw,52px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:640px){.b-cvn{margin:0 0 clamp(32.4px,5vw,46.8px);gap:18px}}
.b-cvn li{display:grid;grid-template-columns:52px 1fr;gap:0 14px;align-items:center}@media (max-width:640px){.b-cvn li{grid-template-columns:46.8px 1fr;gap:0 12.6px}}
.b-cvn .b-ic{grid-row:1/3;width:52px;height:52px}@media (max-width:640px){.b-cvn .b-ic{width:46.8px;height:46.8px}}
.b-cvn b{font:800 clamp(30px,3.4vw,42px)/1 var(--f-display);letter-spacing:-.04em}@media (max-width:640px){.b-cvn b{font:800 clamp(27px,3.4vw,37.8px)/1 var(--f-display)}}.b-cvn span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-cvn span{font-size:14px}}
.b-mq{overflow:hidden;margin:0 -20px clamp(36px,5vw,52px);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}@media (max-width:640px){.b-mq{margin:0 -18px clamp(32.4px,5vw,46.8px)}}
.b-mq div{display:flex;gap:10px;width:max-content;animation:b-mq 40s linear infinite}@media (max-width:640px){.b-mq div{gap:9px}}
.b-mq span{font:700 14px var(--f-display);white-space:nowrap;padding:9px 16px;border-radius:999px;border:2px solid var(--edge);background:var(--surface)}@media (max-width:640px){.b-mq span{padding:8.1px 14.4px;border-radius:899.1px}}
.b-mq span:nth-child(3n){background:var(--hl);color:#0d1211}
.b-mq:hover div{animation-play-state:paused}
@keyframes b-mq{to{transform:translateX(-50%)}}
.b-tix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media (max-width:640px){.b-tix{gap:16.2px}}
.b-tk{position:relative;background:var(--surface);padding:26px 20px 30px;filter:drop-shadow(4px 4px 0 var(--edge));--z:8px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z)*2) var(--z) repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000,#000) center/100% calc(100% - var(--z)*2) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/calc(var(--z)*2) var(--z) repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/calc(var(--z)*2) var(--z) repeat-x,linear-gradient(#000,#000) center/100% calc(100% - var(--z)*2) no-repeat}@media (max-width:640px){.b-tk{padding:23.4px 18px 27px;--z:7.2px}}
.b-tk h3{font:800 14px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px dashed var(--line);padding-bottom:10px;margin-bottom:10px}@media (max-width:640px){.b-tk h3{padding-bottom:9px;margin-bottom:9px}}
.b-tk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}@media (max-width:640px){.b-tk ul{gap:7.2px;font-size:14px}}
.b-tk li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted var(--line);padding-bottom:6px}@media (max-width:640px){.b-tk li{gap:7.2px;padding-bottom:5.4px}}
.b-tk li::after{content:"✓";color:var(--green);font-weight:800;transform:scale(0);transition:transform .35s cubic-bezier(.3,1.8,.5,1);transition-delay:calc(var(--j)*110ms + 300ms)}
.on .b-tk li::after,.b-tk.on li::after{transform:scale(1)}
.b-tk li.mm{justify-content:center;border:0;color:var(--green-strong);font:700 13px var(--f-mono)}.b-tk li.mm::after{display:none}
.b-tix+.b-more{margin-top:28px;text-align:center}@media (max-width:640px){.b-tix+.b-more{margin-top:25.2px}}
.b-more a{font:700 15px var(--f-display);color:var(--green);text-decoration:none}@media (max-width:640px){.b-more a{font:700 14px var(--f-display)}}.b-more a:hover{text-decoration:underline}
/* HOW */
.b-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.b-how{gap:clamp(25.2px,5vw,57.6px)}}
.b-lys{display:grid;gap:10px;margin-top:8px}@media (max-width:640px){.b-lys{gap:9px;margin-top:7.2px}}
.b-lyl{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}@media (max-width:640px){.b-lyl{gap:2px 12.6px;padding:7.2px 0}}
.b-lyl i{grid-row:1/3;width:14px;height:14px;border-radius:4px;border:2px solid var(--edge);background:var(--c)}@media (max-width:640px){.b-lyl i{width:12.6px;height:12.6px;border-radius:3.6px}}
.b-lyl b{font:800 17px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-lyl b{font:800 15.3px var(--f-display)}}.b-lyl span{font-size:13.5px;color:var(--muted)}
.b-tw{display:grid;justify-items:center;gap:0;padding-bottom:20px}@media (max-width:640px){.b-tw{padding-bottom:18px}}
.b-sl{width:var(--w);height:58px;border-radius:14px;border:2px solid var(--edge);background:var(--c);color:var(--t,#fff);box-shadow:0 10px 0 -2px var(--edge);display:grid;place-items:center;font:800 15px var(--f-display);letter-spacing:-.01em;margin-top:-6px;position:relative}@media (max-width:640px){.b-sl{height:52.2px;border-radius:12.6px;font:800 14px var(--f-display);margin-top:-5.4px}}
.b-sl:first-child{margin-top:0}
html.js .b-tw .b-sl{opacity:0;transform:translateY(-60px)}@media (max-width:640px){html.js .b-tw .b-sl{transform:translateY(-54px)}}
html.js .b-tw.on .b-sl{opacity:1;transform:none;transition:transform .7s cubic-bezier(.3,1.5,.5,1),opacity .3s;transition-delay:calc(var(--j)*180ms)}
.b-sl.top{box-shadow:0 10px 0 -2px var(--edge),0 0 0 6px color-mix(in srgb,var(--hl) 30%,transparent);animation:b-glow 2.6s ease-in-out infinite 2s}
@keyframes b-glow{50%{box-shadow:0 10px 0 -2px var(--edge),0 0 0 14px color-mix(in srgb,var(--hl) 0%,transparent)}}
.b-ioa{display:inline-flex;gap:8px;align-items:center;margin-top:22px;font:800 15px var(--f-display);border:2px solid var(--edge);border-radius:999px;padding:9px 16px;background:var(--surface)}@media (max-width:640px){.b-ioa{gap:7.2px;margin-top:19.8px;font:800 14px var(--f-display);border-radius:899.1px;padding:8.1px 14.4px}}
/* INTEGRATION */
.b-int{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.b-int{gap:clamp(25.2px,5vw,57.6px)}}
.b-int .b-book{aspect-ratio:1.5;--sk:#1b2130;--ska:#027a1f;transition:none}
.b-int .b-bn{background:var(--sk);transition:background .6s}
.b-int .b-wd{top:50px;width:min(48%,280px)}@media (max-width:640px){.b-int .b-wd{top:45px;width:min(48%,252px)}}
.b-int .b-wh svg,.b-int .b-od{color:var(--ska);transition:color .6s}
.b-int .b-btn{background:var(--ska);transition:background .6s}
.b-int .b-q{font:600 12px var(--f-display);border:1px solid var(--line);border-radius:10px;padding:8px 10px}@media (max-width:640px){.b-int .b-q{border-radius:9px;padding:7.2px 9px}}
.b-skins{display:flex;gap:8px;align-items:center;margin-top:16px;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media (max-width:640px){.b-skins{gap:7.2px;margin-top:14.4px}}
.b-skins button{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;border:2px solid var(--edge);background:var(--a);box-shadow:inset 0 0 0 3px var(--surface);transition:transform .2s}@media (max-width:640px){.b-skins button{width:23.4px;height:23.4px}}
.b-skins button[aria-pressed="true"]{transform:scale(1.2)}
.b-skins button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.b-4{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:640px){.b-4{margin:clamp(32.4px,5vw,50.4px) 0 0;gap:14.4px}}
.b-4 li{padding:20px;display:grid;gap:8px;align-content:start}@media (max-width:640px){.b-4 li{padding:18px;gap:7.2px}}
.b-4 b{font:800 18px/1.2 var(--f-display);color:var(--green);letter-spacing:-.02em}@media (max-width:640px){.b-4 b{font:800 16.2px/1.2 var(--f-display)}}.b-4 span{font-size:14px;color:var(--body)}
.b-state{margin-top:clamp(32px,4vw,48px);text-align:center;font:800 clamp(24px,3vw,36px)/1.15 var(--f-display);letter-spacing:-.035em}@media (max-width:640px){.b-state{margin-top:clamp(28.8px,4vw,43.2px);font:800 clamp(21.6px,3vw,32.4px)/1.15 var(--f-display)}}
.b-rg{margin-top:12px;text-align:center;font-size:14px;color:var(--muted)}@media (max-width:640px){.b-rg{margin-top:10.8px}}
/* OPERATOR PANEL */
.b-op{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,4vw,56px);align-items:center}@media (max-width:640px){.b-op{gap:clamp(25.2px,4vw,50.4px)}}
.b-dash{position:relative;display:grid;grid-template-columns:150px 1fr;overflow:visible;border-radius:20px}@media (max-width:640px){.b-dash{grid-template-columns:135px 1fr;border-radius:18px}}
.b-beam{position:absolute;inset:-60px -40px -60px -120px;z-index:-1;background:radial-gradient(60% 55% at 40% 50%,color-mix(in srgb,var(--hl) 45%,transparent),transparent 70%);opacity:0;transition:opacity 1.2s}@media (max-width:640px){.b-beam{inset:-54px -36px -54px -108px}}
.on .b-beam{opacity:1}
.b-side{border-right:1px solid var(--line);padding:16px 10px;display:grid;gap:4px;align-content:start;font-size:12.5px;color:var(--muted)}@media (max-width:640px){.b-side{padding:14.4px 9px;gap:3.6px}}
.b-side b{font:800 13px var(--f-display);color:var(--ink);display:flex;gap:6px;align-items:center;margin-bottom:8px}@media (max-width:640px){.b-side b{gap:5.4px;margin-bottom:7.2px}}.b-side b svg{color:var(--green)}
.b-side span{padding:6px 8px;border-radius:8px}@media (max-width:640px){.b-side span{padding:5.4px 7.2px;border-radius:7.2px}}.b-side span.on{background:var(--hl);color:#0d1211;font-weight:700}
.b-dm{padding:16px;display:grid;gap:12px;min-width:0}@media (max-width:640px){.b-dm{padding:14.4px;gap:10.8px}}
.b-dm header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}@media (max-width:640px){.b-dm header{gap:9px}}.b-dm header b{font:800 18px var(--f-display)}@media (max-width:640px){.b-dm header b{font:800 16.2px var(--f-display)}}.b-dm header span{font-size:11.5px;color:var(--muted)}
.b-kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:640px){.b-kp{gap:7.2px}}
.b-kp div{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:2px}@media (max-width:640px){.b-kp div{border-radius:10.8px;padding:9px}}
.b-kp span{font-size:11.5px;color:var(--muted)}.b-kp em{font-style:normal;color:var(--green);font-weight:700;font-size:11.5px}
.b-kp b{font:800 20px var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media (max-width:640px){.b-kp b{font:800 18px var(--f-display)}}
.b-pg{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}@media (max-width:640px){.b-pg{gap:9px}}
.b-pg>div{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;align-content:start}@media (max-width:640px){.b-pg>div{border-radius:10.8px;padding:10.8px;gap:7.2px}}
.b-pg h4{margin:0;font:800 12.5px var(--f-display)}
.b-fr{display:grid;grid-template-columns:128px 1fr 46px 30px;gap:8px;align-items:center;font-size:11.5px}@media (max-width:640px){.b-fr{grid-template-columns:115.2px 1fr 41.4px 27px;gap:7.2px}}
.b-fr i{height:9px;border-radius:3px;background:var(--line);overflow:hidden;display:block}@media (max-width:640px){.b-fr i{height:8.1px;border-radius:2.7px}}
.b-fr i::before{content:"";display:block;height:100%;width:var(--a);background:var(--navy);border-radius:3px;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--j)*120ms + .3s)}@media (max-width:640px){.b-fr i::before{border-radius:2.7px}}
.b-fr.g i::before{background:var(--hl)}
.on .b-fr i::before{transform:scaleX(1)}
.b-fr b{font:700 13px var(--f-mono);text-align:right}.b-fr em{font-style:normal;color:var(--green);font-weight:700;font-size:11px}
.b-fr.sm{grid-template-columns:118px 1fr 30px}@media (max-width:640px){.b-fr.sm{grid-template-columns:106.2px 1fr 27px}}
.b-sd{font-size:11px;color:var(--muted)}
.b-62{position:absolute;right:-18px;top:-30px;z-index:3;transform:rotate(4deg) scale(0);transition:transform .6s cubic-bezier(.3,1.7,.5,1) 1.4s;display:grid;padding:10px 16px;border-radius:14px;border:2px solid var(--edge);background:var(--hl);color:#0d1211;box-shadow:4px 4px 0 var(--edge)}@media (max-width:640px){.b-62{right:-16.2px;top:-27px;padding:9px 14.4px;border-radius:12.6px}}
.on .b-62{transform:rotate(4deg) scale(1)}
.b-62 b{font:800 30px/1 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.b-62 b{font:800 27px/1 var(--f-display)}}.b-62 span{font-size:12px;font-weight:600}
/* WHY NOW */
.b-why2{position:relative;margin-top:10px}@media (max-width:640px){.b-why2{margin-top:9px}}
.b-wave{display:block;width:100%;height:120px;overflow:visible}@media (max-width:640px){.b-wave{height:108px}}
.b-wave path{fill:none;stroke:var(--hl);stroke-width:14;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2s cubic-bezier(.6,0,.2,1)}
.b-wave path.e{stroke:var(--edge);stroke-width:2;stroke-dasharray:none;opacity:0}
.on .b-wave path{stroke-dashoffset:0}
.b-wave circle{fill:var(--surface);stroke:var(--edge);stroke-width:3;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.8,.5,1)}
.on .b-wave circle{transform:scale(1)}
.on .b-wave circle:nth-of-type(1){transition-delay:.4s}.on .b-wave circle:nth-of-type(2){transition-delay:.9s}.on .b-wave circle:nth-of-type(3){transition-delay:1.4s}.on .b-wave circle:nth-of-type(4){transition-delay:1.9s}
.b-wl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:-8px}@media (max-width:640px){.b-wl{gap:18px;margin-bottom:-7.2px}}
.b-wl b{font:800 clamp(18px,2vw,24px) var(--f-display);color:var(--green);letter-spacing:-.02em;text-align:center}@media (max-width:640px){.b-wl b{font:800 clamp(16.2px,2vw,21.6px) var(--f-display)}}
.b-wc{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width:640px){.b-wc{margin:5.4px 0 0;gap:18px}}
.b-wc li{padding:20px;display:grid;gap:8px;align-content:start;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(var(--j)*500ms + .6s)}@media (max-width:640px){.b-wc li{padding:18px;gap:7.2px;transform:translateY(18px)}}
.on .b-wc li{opacity:1;transform:none}
.b-wc b{font:800 clamp(34px,3.8vw,48px)/1 var(--f-display);letter-spacing:-.04em;color:var(--green)}@media (max-width:640px){.b-wc b{font:800 clamp(30.6px,3.8vw,43.2px)/1 var(--f-display)}}
.b-wc span{font-size:14px;color:var(--body)}
.b-src{margin-top:18px;font-size:12px;color:var(--muted)}@media (max-width:640px){.b-src{margin-top:16.2px}}
.b-catch{margin-top:28px;font:800 clamp(20px,2.2vw,26px) var(--f-display);letter-spacing:-.025em}@media (max-width:640px){.b-catch{margin-top:25.2px;font:800 clamp(18px,2.2vw,23.4px) var(--f-display)}}
/* COMMERCIAL */
.b-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:640px){.b-3{gap:18px}}
.b-3 .k{padding:22px;display:grid;gap:10px;align-content:start;grid-template-rows:auto auto 1fr auto}@media (max-width:640px){.b-3 .k{padding:19.8px;gap:9px}}
.b-3 h3{font-size:22px}@media (max-width:640px){.b-3 h3{font-size:19.8px}}.b-3 .k>span{font:700 14.5px var(--f-display);color:var(--green)}@media (max-width:640px){.b-3 .k>span{font:700 14px var(--f-display)}}
.b-3 ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-3 ul{padding-left:16.2px;gap:5.4px;font-size:14px}}
.b-3 em{justify-self:start;font-style:normal;font:700 13px var(--f-display);border:2px solid var(--edge);border-radius:999px;padding:7px 14px}@media (max-width:640px){.b-3 em{border-radius:899.1px;padding:6.3px 12.6px}}
.b-tgt{margin-top:clamp(40px,5vw,60px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;max-width:860px;margin-inline:auto}@media (max-width:640px){.b-tgt{margin-top:clamp(36px,5vw,54px);gap:21.6px}}
.b-tgt .eyebrow{display:block;margin-bottom:8px}@media (max-width:640px){.b-tgt .eyebrow{margin-bottom:7.2px}}
.b-tgt b{display:block;font:800 clamp(28px,3.6vw,44px)/1.05 var(--f-display);letter-spacing:-.04em}@media (max-width:640px){.b-tgt b{font:800 clamp(25.2px,3.6vw,39.6px)/1.05 var(--f-display)}}
.b-tgt p{margin-top:10px;color:var(--body)}@media (max-width:640px){.b-tgt p{margin-top:9px}}
.b-chart{width:170px;height:130px;overflow:visible}@media (max-width:640px){.b-chart{width:153px;height:117px}}
.b-chart rect{fill:var(--green);stroke:var(--edge);stroke-width:2;transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.b-chart rect:nth-of-type(2){transition-delay:.15s}.b-chart rect:nth-of-type(3){transition-delay:.3s}.b-chart rect:nth-of-type(4){transition-delay:.45s}
.on .b-chart rect{transform:scaleY(1)}
.b-chart path{fill:none;stroke:var(--edge);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s .8s}
.on .b-chart path{stroke-dashoffset:0}
/* API */
.b-api{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.b-api{gap:clamp(25.2px,5vw,57.6px)}}
.b-api .eyebrow{display:inline-flex}
.b-also{display:inline-block;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;border:2px dashed var(--edge);border-radius:999px;padding:5px 12px;margin-bottom:6px}@media (max-width:640px){.b-also{border-radius:899.1px;padding:4.5px 10.8px;margin-bottom:5.4px}}
.b-code{background:var(--navy);color:#d8e2db;border-radius:18px;border:2px solid var(--edge);box-shadow:var(--sh);overflow:hidden}@media (max-width:640px){.b-code{border-radius:16.2px}}
.b-code header{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.b-code header{gap:5.4px;padding:9px 12.6px}}
.b-code header i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}@media (max-width:640px){.b-code header i{width:9px;height:9px}}
.b-code header div{margin-left:auto;display:flex;gap:4px}@media (max-width:640px){.b-code header div{gap:3.6px}}
.b-code header button{all:unset;cursor:pointer;font:600 13px var(--f-mono);padding:5px 10px;border-radius:999px;color:rgba(255,255,255,.9)}@media (max-width:640px){.b-code header button{padding:4.5px 9px;border-radius:899.1px}}
.b-code header button[aria-pressed="true"]{background:#fff;color:var(--navy)}
.b-code header button:focus-visible{outline:2px solid var(--hl)}
.b-code pre{margin:0;padding:18px;font:500 13px/1.7 var(--f-mono);white-space:pre-wrap;min-height:250px}@media (max-width:640px){.b-code pre{padding:16.2px;min-height:225px}}
.b-code .c{color:#8fa39a}.b-code .s{color:#bfe3c9}.b-code .n{color:#ffd28a}
.b-code pre::after{content:"";display:inline-block;width:7px;height:1em;background:#fff;vertical-align:-2px;animation:b-blink .9s steps(1) infinite}@media (max-width:640px){.b-code pre::after{width:6.3px}}
/* CTA */
.b-cta{text-align:center}
.b-cta h2{line-height:1.1!important;max-width:19ch;margin-inline:auto}
.b-cta ol{list-style:none;margin:clamp(28px,4vw,40px) auto 0;padding:0;display:grid;gap:12px;max-width:440px;text-align:left}@media (max-width:640px){.b-cta ol{margin:clamp(25.2px,4vw,36px) auto 0;gap:10.8px}}
.b-cta ol li{display:flex;align-items:center;gap:14px;padding:14px 18px;font:800 18px var(--f-display);letter-spacing:-.02em;opacity:0;transform:translateX(-30px);transition:opacity .5s,transform .6s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(var(--j)*150ms + .5s)}@media (max-width:640px){.b-cta ol li{gap:12.6px;padding:12.6px 16.2px;font:800 16.2px var(--f-display);transform:translateX(-27px)}}
.on .b-cta ol li,.b-cta.on ol li{opacity:1;transform:none}
.b-cta ol i{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 13px var(--f-mono);font-style:normal}@media (max-width:640px){.b-cta ol i{width:27px;height:27px}}
.b-cta .cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:32px}@media (max-width:640px){.b-cta .cta{gap:12.6px;margin-top:28.8px}}
.b-cta .cta a.ml{font:600 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.b-cta .cta a.ml{font:600 14px var(--f-display)}}
@media (max-width:1060px){
  .b-fl{grid-template-columns:minmax(0,1fr) minmax(0,300px)}@media (max-width:640px){.b-fl{grid-template-columns:minmax(0,1fr) minmax(0,270px)}}.b-fl .b-nots{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .b-ann{grid-template-columns:minmax(0,1fr) minmax(0,460px) minmax(0,1fr);gap:0 20px}@media (max-width:640px){.b-ann{grid-template-columns:minmax(0,1fr) minmax(0,414px) minmax(0,1fr);gap:0 18px}}
  .b-4,.b-pil,.b-kp{grid-template-columns:repeat(2,minmax(0,1fr))}.b-tix{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b-op{grid-template-columns:1fr}.b-dash{grid-template-columns:120px 1fr}@media (max-width:640px){.b-dash{grid-template-columns:108px 1fr}}
}
@media (max-width:860px){
  .b-hero .b-hg,.b-real,.b-per,.b-two,.b-cp,.b-fav,.b-ask,.b-how,.b-int,.b-api{grid-template-columns:minmax(0,1fr)}
  .b-cp .b-con{display:none}.b-cp{gap:24px}@media (max-width:640px){.b-cp{gap:21.6px}}
  .b-ann{grid-template-columns:1fr;grid-template-rows:none;gap:10px}@media (max-width:640px){.b-ann{gap:9px}}
  .b-ann .k{grid-column:1;grid-row:auto;order:-1;margin-bottom:12px}@media (max-width:640px){.b-ann .k{margin-bottom:10.8px}}
  .b-al,.b-al.l,.b-al.r{grid-column:1;text-align:left;justify-items:start;grid-template-columns:30px 1fr;gap:2px 12px;padding:6px 0}@media (max-width:640px){.b-al,.b-al.l,.b-al.r{grid-template-columns:27px 1fr;gap:2px 10.8px;padding:5.4px 0}}
  .b-al::after{display:none}.b-al b,.b-al span{grid-column:2}.b-al .b-n{display:grid;grid-row:1/3;grid-column:1}
  .b-n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;place-items:center;font:700 13px var(--f-mono)}@media (max-width:640px){.b-n{width:23.4px;height:23.4px}}
  .b-ann.cyc .b-al{opacity:1}
  .b-ann .k .b-n{display:grid;position:absolute;right:-10px;top:-10px}@media (max-width:640px){.b-ann .k .b-n{right:-9px;top:-9px}}
  .b-ann [data-p]{position:relative}
  .b-real .b-dev{max-width:400px;margin-inline:auto;width:100%}
  .b-wl,.b-wave{display:none}.b-wc{grid-template-columns:repeat(2,1fr)}
  .b-wc li{transition-delay:calc(var(--j)*150ms)}
  .b-3{grid-template-columns:1fr}
  .b-fl .b-nots{grid-template-columns:1fr}
}
@media (max-width:640px){
  .b-fl{grid-template-columns:1fr}
  .b-book{aspect-ratio:auto;min-height:470px}@media (max-width:640px){.b-book{min-height:423px}}.b-fx{display:none}.b-bb{display:none}.b-wd{left:10px;right:10px;width:auto;top:52px}@media (max-width:640px){.b-wd{left:9px;right:9px;top:46.8px}}
  .b-bn span:not(.sp):not(b){display:none}
  .b-toast{width:auto;right:10px;left:10px}@media (max-width:640px){.b-toast{right:9px;left:9px}}
  .b-stk.a{left:-4px;top:-6px}@media (max-width:640px){.b-stk.a{left:-3.6px;top:-5.4px}}.b-stk.b{display:none}
  .b-steps span{font-size:11px}
  .b-4,.b-cvn{grid-template-columns:1fr}
  .b-pil,.b-tix,.b-wc,.b-kp{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:640px){.b-pil,.b-tix,.b-wc,.b-kp{gap:10.8px}}
  .b-pil li{padding:16px}@media (max-width:640px){.b-pil li{padding:14.4px}}.b-pil b{font-size:17px}@media (max-width:640px){.b-pil b{font-size:15.3px}}.b-pil span{font-size:13.5px}
  .b-tk{padding:22px 14px 26px}@media (max-width:640px){.b-tk{padding:19.8px 12.6px 23.4px}}.b-tk ul{font-size:13px}.b-tk h3{font-size:12.5px}
  .b-wc li{padding:16px}@media (max-width:640px){.b-wc li{padding:14.4px}}.b-wc b{font-size:34px}@media (max-width:640px){.b-wc b{font-size:30.6px}}.b-wc span{font-size:13px}
  .b-kv b{font-size:13px}.b-kv{gap:6px}@media (max-width:640px){.b-kv{gap:5.4px}}
  .b-op .ba+.ba{margin-top:24px}@media (max-width:640px){.b-op .ba+.ba{margin-top:21.6px}}
  .b-board{grid-template-columns:1fr;border-width:9px}
  .b-int .b-book{min-height:360px;aspect-ratio:auto}@media (max-width:640px){.b-int .b-book{min-height:324px}}.b-int .b-wd{top:50px}@media (max-width:640px){.b-int .b-wd{top:45px}}
  .b-dash{grid-template-columns:1fr}.b-side{display:none}.b-pg{grid-template-columns:1fr}
  .b-62{right:-4px;top:-40px}@media (max-width:640px){.b-62{right:-3.6px;top:-36px}}.b-62 b{font-size:24px}@media (max-width:640px){.b-62 b{font-size:21.6px}}
  .b-tgt{grid-template-columns:1fr;justify-items:center;text-align:center}
  .b-real .b-stk{right:-4px}@media (max-width:640px){.b-real .b-stk{right:-3.6px}}
  .b-dd{display:none}
}
@media (prefers-reduced-motion:reduce){
  html.js #bo-view .ba,html.js .b-board .b-pin,html.js .b-tw .b-sl,.b-wc li,.b-cta ol li,.b-not{opacity:1!important;transform:none!important;transition:none!important}
  .b-hl::before,.b-dd path,.b-wave path,.b-chart path{transition:none!important;transform:scaleX(1);stroke-dashoffset:0!important}
  .b-mq div,.b-float,.b-con path,.b-sl.top{animation:none!important}
  .b-mom i,.b-fr i::before,.b-chart rect,.b-wave circle,.b-tk li::after{transform:none!important;transition:none!important}
}
@property --p{syntax:'<percentage>';inherits:false;initial-value:0%}
.b-steps span{transition:--p .5s,color .3s}
.b-hero h1 .w{display:inline-block}
html.js .b-hero h1 .w{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}@media (max-width:640px){html.js .b-hero h1 .w{transform:translateY(21.6px)}}
html.js .b-hero.on h1 .w{opacity:1;transform:none}
.b-fly{position:absolute;z-index:5;width:36px;height:24px;border-radius:999px;background:var(--hl);color:#0d1211;border:2px solid var(--edge);display:grid;place-items:center;font:800 13px var(--f-mono);pointer-events:none}@media (max-width:640px){.b-fly{width:32.4px;height:21.6px;border-radius:899.1px}}
.b-form{display:flex;gap:6px}@media (max-width:640px){.b-form{gap:5.4px}}.b-form span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 13px var(--f-mono);border:2px solid var(--edge)}@media (max-width:640px){.b-form span{width:25.2px;height:25.2px;border-radius:7.2px}}
.b-form .w{background:var(--hl);color:#0d1211}.b-form .l{background:#fde8e8;color:#b4232a}.b-form .d{background:var(--surface-2)}
.b-ans .b-mk b{font:700 14px var(--f-mono)}
.b-ans .b-btn{justify-self:start}
.b-thk{font:600 14px var(--f-display);background:linear-gradient(90deg,var(--muted) 0 35%,var(--green) 50%,var(--muted) 65% 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:b-shim 1.4s linear infinite}
@keyframes b-shim{from{background-position:100% 0}to{background-position:0 0}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){.b-dash{animation:b-grow linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}
  @keyframes b-grow{from{transform:scale(.9) translateY(30px)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.b-62{transform:rotate(4deg) scale(1)!important;transition:none!important}html.js .b-hero h1 .w{opacity:1;transform:none}}

.b-cvn b span,.b-wc b span,.b-62 b span{font:inherit;color:inherit}

/* sports clubs page */
@property --kb{syntax:'<color>';inherits:true;initial-value:#151d2e}
@property --ks{syntax:'<color>';inherits:true;initial-value:#1e283b}
@property --ki{syntax:'<color>';inherits:true;initial-value:#ffffff}
@property --ka{syntax:'<color>';inherits:true;initial-value:#3ddc68}
@property --ko{syntax:'<color>';inherits:true;initial-value:#06260f}
@property --km{syntax:'<color>';inherits:true;initial-value:#98a5bd}
@property --kl{syntax:'<color>';inherits:true;initial-value:#2a364c}
#cl-view{--kb:#151d2e;--ks:#1e283b;--ki:#fff;--ka:#3ddc68;--ko:#06260f;--km:#c4cee2;--kl:#2a364c;transition:--kb .7s,--ks .7s,--ki .7s,--ka .7s,--ko .7s,--km .7s,--kl .7s}
#cl-view[data-kit="red"]{--kb:#ffffff;--ks:#f6f2f2;--ki:#1d1d1f;--ka:#c8102e;--ko:#fff;--km:#4f4f55;--kl:#ebe3e3}
#cl-view[data-kit="sky"]{--kb:#0f1b33;--ks:#182a4d;--ki:#fff;--ka:#7cc0f2;--ko:#0f1b33;--km:#c6d2e8;--kl:#26395f}
#cl-view[data-kit="amber"]{--kb:#14120d;--ks:#211d15;--ki:#fff;--ka:#f5a524;--ko:#16130e;--km:#d2cab6;--kl:#332d22}
html.js #cl-view .ba{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}@media (max-width:640px){html.js #cl-view .ba{transform:translateY(23.4px)}}
html.js #cl-view .ba.on{opacity:1;transform:none}
.c-num{font-family:var(--f-display);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
/* club widget primitives */
.cw{background:var(--kb);color:var(--ki);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;font-size:13px}@media (max-width:640px){.cw{border-radius:19.8px}}
.cw-h{display:flex;align-items:center;gap:8px;padding:12px 14px 0;font:700 14px var(--f-display)}@media (max-width:640px){.cw-h{gap:7.2px;padding:10.8px 12.6px 0}}
.cw-h small{margin-left:auto;color:var(--km);font:500 16px/1 var(--f-body);letter-spacing:2px}@media (max-width:640px){.cw-h small{font:500 14.4px/1 var(--f-body)}}
.cw-t{display:flex;gap:18px;padding:10px 14px 0;border-bottom:1px solid var(--kl);font:600 12.5px var(--f-display);color:var(--km)}@media (max-width:640px){.cw-t{gap:16.2px;padding:9px 12.6px 0}}
.cw-t span{padding-bottom:9px;border-bottom:2px solid transparent}@media (max-width:640px){.cw-t span{padding-bottom:8.1px}}.cw-t span.on{color:var(--ki);border-color:var(--ka)}
.cw-b{padding:12px 14px;display:grid;gap:10px;align-content:start;flex:1}@media (max-width:640px){.cw-b{padding:10.8px 12.6px;gap:9px}}
.cw-c{background:var(--ks);border:1px solid var(--kl);border-radius:12px;padding:10px 12px;display:grid;gap:6px}@media (max-width:640px){.cw-c{border-radius:10.8px;padding:9px 10.8px;gap:5.4px}}
.cw-l{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--km)}
.cw-a{color:var(--ka);font-weight:700}
.cw-in>span{min-width:0}.cw-in{display:flex;align-items:center;gap:8px;margin:0 14px 14px;border:1px solid var(--kl);border-radius:999px;padding:8px 8px 8px 14px;color:var(--km);font-size:12px}@media (max-width:640px){.cw-in{gap:7.2px;margin:0 12.6px 12.6px;border-radius:899.1px;padding:7.2px 7.2px 7.2px 12.6px}}
.cw-in i{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--ka);color:var(--ko);display:grid;place-items:center;font-style:normal;font-size:12px}@media (max-width:640px){.cw-in i{width:23.4px;height:23.4px}}
.cw-chip{display:inline-flex;font:600 11.5px var(--f-display);border:1.5px solid var(--ka);color:var(--ka);border-radius:999px;padding:5px 10px}@media (max-width:640px){.cw-chip{border-radius:899.1px;padding:4.5px 9px}}
.cw-chips{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.cw-chips{gap:5.4px}}
.cw-r{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width:640px){.cw-r{gap:7.2px}}
.cw-r b{font:700 13px var(--f-display)}
.crest{display:inline-grid;place-items:center;flex:none}
.crest svg{display:block}
.crest .s1{fill:var(--ka)}.crest .s2{fill:none;stroke:var(--kb);stroke-width:1.6}.crest text{fill:var(--ko);font:800 11.5px sans-serif;letter-spacing:.2px}
.crest.op .s1{fill:#5b6b7f}.crest.op text{fill:#fff}
.c-l5{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}@media (max-width:640px){.c-l5{gap:3.6px}}
.c-l5 span{border-radius:6px;padding:4px 0;text-align:center;font:700 13px var(--f-mono);color:#fff}@media (max-width:640px){.c-l5 span{border-radius:5.4px;padding:3.6px 0}}
.c-l5 .w{background:#1f9d55}.c-l5 .d{background:#7b8394}.c-l5 .l{background:#d64545}
.c-cd{display:flex;align-items:baseline;gap:4px;font-size:30px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-cd{gap:3.6px;font-size:27px}}
.c-cd small{font:600 13px var(--f-mono);color:var(--km);letter-spacing:.06em;margin:0 6px 0 1px}@media (max-width:640px){.c-cd small{margin:0 5.4px 0 1px}}
/* HERO */
.c-hero{background:linear-gradient(155deg,#027a1f,#013f10);color:#fff;padding-top:clamp(56px,7vw,96px);padding-bottom:0}@media (max-width:640px){.c-hero{padding-top:clamp(50.4px,7vw,86.4px)}}
.c-hero .c-hg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center;padding-bottom:clamp(56px,7vw,90px)}@media (max-width:640px){.c-hero .c-hg{gap:clamp(25.2px,4vw,57.6px);padding-bottom:clamp(50.4px,7vw,81px)}}
.c-hero .eyebrow{color:#cdeed5}
.c-hero h1{font:800 clamp(40px,5vw,64px)/1.02 var(--f-display);letter-spacing:-.045em;color:#fff;margin-top:14px}@media (max-width:640px){.c-hero h1{font:800 clamp(36px,5vw,57.6px)/1.02 var(--f-display);margin-top:12.6px}}
.c-hero h1 .w{display:inline-block}
html.js .c-hero h1 .w{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0ms)}@media (max-width:640px){html.js .c-hero h1 .w{transform:translateY(21.6px)}}
html.js .c-hero.on h1 .w{opacity:1;transform:none}
.c-hero .b-hl,.c-cta .b-hl{color:#015c17}.c-hero .b-hl::before,.c-cta .b-hl::before{background:#fff}
.c-hero .lede{color:rgba(255,255,255,.86);margin-top:20px}@media (max-width:640px){.c-hero .lede{margin-top:18px}}
.c-hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}@media (max-width:640px){.c-hero .cta{gap:10.8px;margin-top:25.2px}}
.c-wbtn{background:#fff;color:#015c17}.c-wbtn:hover{background:#e8fbec}
.c-kit{display:flex;align-items:center;gap:10px;margin-top:30px;font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#cdeed5;flex-wrap:wrap}@media (max-width:640px){.c-kit{gap:9px;margin-top:27px}}
.c-kit button{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:conic-gradient(var(--a) 0 50%,var(--b) 0);transition:transform .25s,border-color .25s;transform:rotate(45deg)}@media (max-width:640px){.c-kit button{width:30.6px;height:30.6px}}
.c-kit button[aria-pressed="true"]{border-color:#fff;transform:rotate(45deg) scale(1.18);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.c-kit button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.c-kit.dk{color:var(--muted)}.c-kit.dk button{border-color:var(--edge)}.c-kit.dk button[aria-pressed="true"]{border-color:var(--edge);box-shadow:0 0 0 3px var(--hl)}
.c-stage{position:relative;display:grid;place-items:center;min-height:600px}@media (max-width:640px){.c-stage{min-height:540px}}
.c-ph{position:relative;width:300px;border-radius:44px;padding:12px;background:#0b0d0c;box-shadow:0 40px 80px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.12)}@media (max-width:640px){.c-ph{width:270px;border-radius:39.6px;padding:10.8px}}
.c-ph .cw{border-radius:34px;min-height:560px;padding-top:26px;position:relative}@media (max-width:640px){.c-ph .cw{border-radius:30.6px;min-height:504px;padding-top:23.4px}}
.c-ph .cw::before{content:"";position:absolute;top:10px;left:50%;width:80px;height:20px;margin-left:-40px;border-radius:12px;background:#0b0d0c}@media (max-width:640px){.c-ph .cw::before{top:9px;width:72px;height:18px;margin-left:-36px;border-radius:10.8px}}
.c-bub{position:absolute;z-index:3;max-width:250px;padding:11px 14px;border-radius:18px;font-size:13.5px;line-height:1.45;box-shadow:0 18px 40px rgba(0,0,0,.25);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .45s,transform .5s cubic-bezier(.3,1.4,.5,1)}@media (max-width:640px){.c-bub{padding:9.9px 12.6px;border-radius:16.2px;transform:translateY(12.6px) scale(.96)}}
.c-bub.on{opacity:1;transform:none}
.c-bub.q{background:#fff;color:#1b2130;border-bottom-right-radius:6px;right:calc(50% + 120px);top:120px}@media (max-width:640px){.c-bub.q{border-bottom-right-radius:5.4px;right:calc(50% + 108px);top:108px}}
.c-bub.a{background:var(--kb);color:var(--ki);border:1.5px solid var(--ka);border-bottom-left-radius:6px;left:calc(50% + 118px);top:200px}@media (max-width:640px){.c-bub.a{border-bottom-left-radius:5.4px;left:calc(50% + 106.2px);top:180px}}
.c-bub.a b{color:var(--ka)}
.c-bub.q2{background:#fff;color:#1b2130;border-bottom-right-radius:6px;right:calc(50% + 120px);top:330px}@media (max-width:640px){.c-bub.q2{border-bottom-right-radius:5.4px;right:calc(50% + 108px);top:297px}}
.c-bub.a2{background:var(--kb);color:var(--ki);border:1.5px solid var(--ka);border-bottom-left-radius:6px;left:calc(50% + 118px);top:400px}@media (max-width:640px){.c-bub.a2{border-bottom-left-radius:5.4px;left:calc(50% + 106.2px);top:360px}}
.c-stk{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;font:800 13px var(--f-display);padding:9px 13px;border-radius:14px;background:#fff;color:#1b2130;border:2px solid #1b2130;box-shadow:4px 4px 0 #1b2130;white-space:nowrap}@media (max-width:640px){.c-stk{gap:7.2px;padding:8.1px 11.7px;border-radius:12.6px}}
.c-stk em{font-style:normal;color:var(--green)}
.c-stk.s1{left:calc(50% - 190px);bottom:54px;--r:-4deg;transform:rotate(-4deg)}@media (max-width:640px){.c-stk.s1{left:calc(50% - 171px);bottom:48.6px}}
.c-stk.s2{right:calc(50% - 200px);top:34px;--r:4deg;transform:rotate(4deg)}@media (max-width:640px){.c-stk.s2{right:calc(50% - 180px);top:30.6px}}
.c-scarf{position:relative;height:64px;margin-inline:-20px;background:repeating-linear-gradient(90deg,var(--ka) 0 56px,var(--kb) 56px 112px);overflow:hidden;border-top:3px solid rgba(0,0,0,.18)}@media (max-width:640px){.c-scarf{height:57.6px;margin-inline:-18px}}
.c-scarf::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 3px,transparent 3px 7px);pointer-events:none}
.c-scarf div{position:absolute;top:50%;left:0;display:flex;gap:56px;width:max-content;transform:translateY(-50%);animation:b-mq 60s linear infinite;font:800 26px sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}@media (max-width:640px){.c-scarf div{gap:50.4px;font:800 23.4px sans-serif}}
.c-scarf div span{color:var(--ko);mix-blend-mode:normal;padding:2px 10px;background:var(--ka);border-radius:4px}@media (max-width:640px){.c-scarf div span{padding:2px 9px;border-radius:3.6px}}
.c-scarf div span:nth-child(2n){background:var(--kb);color:var(--ki)}
/* WEEK */
.c-week{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-week{gap:clamp(25.2px,5vw,57.6px)}}
.c-tgl{display:inline-flex;border:2px solid var(--edge);border-radius:999px;padding:4px;background:var(--surface);margin-top:8px}@media (max-width:640px){.c-tgl{border-radius:899.1px;padding:3.6px;margin-top:7.2px}}
.c-tgl button{all:unset;cursor:pointer;font:700 13.5px var(--f-display);padding:9px 16px;border-radius:999px;transition:background .3s,color .3s}@media (max-width:640px){.c-tgl button{padding:8.1px 14.4px;border-radius:899.1px}}
.c-tgl button[aria-pressed="true"]{background:var(--navy,#1b2130);color:#fff}
.c-tgl button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.c-wk{padding:22px 22px 16px}@media (max-width:640px){.c-wk{padding:19.8px 19.8px 14.4px}}
.c-wk header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px}@media (max-width:640px){.c-wk header{gap:9px;margin-bottom:12.6px}}.c-wk header b{font:800 17px var(--f-display)}@media (max-width:640px){.c-wk header b{font:800 15.3px var(--f-display)}}.c-wk header span{font-size:12.5px;color:var(--muted)}
.c-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:230px;border-bottom:2px solid var(--edge);padding-bottom:0}@media (max-width:640px){.c-bars{gap:9px;height:207px}}
.c-bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.c-bar i{display:block;width:100%;border-radius:10px 10px 0 0;background:var(--line);height:var(--h0);transition:height .8s cubic-bezier(.3,1.3,.5,1),background .5s;transition-delay:calc(var(--j)*60ms)}@media (max-width:640px){.c-bar i{border-radius:9px 9px 0 0}}
.c-bar em{position:absolute;bottom:calc(var(--h0) + 8px);font:700 11.5px var(--f-display);font-style:normal;color:var(--body);text-align:center;line-height:1.2;transition:bottom .8s cubic-bezier(.3,1.3,.5,1),opacity .4s;transition-delay:calc(var(--j)*60ms);opacity:0;width:120%}@media (max-width:640px){.c-bar em{bottom:calc(var(--h0) + 7.2px)}}
.c-wk[data-v="1"] .c-bar i{height:var(--h1);background:linear-gradient(to top,var(--green),#4be872)}
.c-wk[data-v="1"] .c-bar em{bottom:calc(var(--h1) + 8px);opacity:1}@media (max-width:640px){.c-wk[data-v="1"] .c-bar em{bottom:calc(var(--h1) + 7.2px)}}
.c-wk[data-v="0"] .c-bar.md i{background:var(--navy,#1b2130)}
.c-wk[data-v="0"] .c-bar.md em{opacity:1}
.c-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:8px;text-align:center;font:700 13px var(--f-mono);color:var(--muted)}@media (max-width:640px){.c-days{gap:9px;margin-top:7.2px}}
.c-days span.md{color:var(--ink)}
.c-wk small{display:block;margin-top:12px;font-size:12px;color:var(--muted)}@media (max-width:640px){.c-wk small{margin-top:10.8px}}
/* VOICE */
.c-voice{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-voice{gap:clamp(25.2px,5vw,57.6px)}}
.c-fl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:16px}@media (max-width:640px){.c-fl{margin:7.2px 0 0;gap:14.4px}}
.c-fl li{display:grid;grid-template-columns:44px 1fr;gap:2px 14px}@media (max-width:640px){.c-fl li{grid-template-columns:39.6px 1fr;gap:2px 12.6px}}
.c-fl .b-ic{grid-row:1/3}
.c-fl b{font:800 16.5px var(--f-display)}@media (max-width:640px){.c-fl b{font:800 14.85px var(--f-display)}}.c-fl span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-fl span{font-size:14px}}
.c-lab{padding:20px;display:grid;gap:14px}@media (max-width:640px){.c-lab{padding:18px;gap:12.6px}}
.c-q{justify-self:end;max-width:80%;background:var(--navy,#1b2130);color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px}@media (max-width:640px){.c-q{border-radius:14.4px 14.4px 3.6px 14.4px;padding:9px 12.6px;font-size:14px}}
.c-q small{display:block;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#9fb0c4;margin-bottom:2px}
.c-neu{border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:4px;color:var(--muted)}@media (max-width:640px){.c-neu{border-radius:12.6px;padding:10.8px 12.6px;gap:3.6px}}
.c-neu p{font-size:14px}
.c-you{border-radius:16px;padding:14px 16px;display:grid;gap:8px;border:2px solid var(--edge)}@media (max-width:640px){.c-you{border-radius:14.4px;padding:12.6px 14.4px;gap:7.2px}}
.c-you .cw-r{font:700 13px var(--f-display)}
.c-you p{font-size:15.5px;line-height:1.5;min-height:4.6em}@media (max-width:640px){.c-you p{font-size:14px}}
.c-you p .cw-a{font-weight:700}
.c-tones{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.c-tones{gap:5.4px}}
.c-tones button{all:unset;cursor:pointer;font:700 12.5px var(--f-display);padding:7px 12px;border-radius:999px;border:2px solid var(--line);transition:background .25s,border-color .25s,color .25s}@media (max-width:640px){.c-tones button{padding:6.3px 10.8px;border-radius:899.1px}}
.c-tones button[aria-pressed="true"]{background:var(--hl);border-color:var(--edge);color:#0d1211}
.c-tones button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.c-tones .sep{width:1px;background:var(--line);margin:0 4px}@media (max-width:640px){.c-tones .sep{margin:0 3.6px}}
/* MATCHDAY CYCLE */
.c-cyc{display:grid;gap:clamp(28px,4vw,44px)}@media (max-width:640px){.c-cyc{gap:clamp(25.2px,4vw,39.6px)}}
.c-trk{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:980px;margin-inline:auto;width:100%}@media (max-width:640px){.c-trk{gap:7.2px}}
.c-trk::before{content:"";position:absolute;left:10%;right:10%;top:21px;height:3px;background:repeating-linear-gradient(90deg,var(--edge) 0 8px,transparent 8px 14px)}@media (max-width:640px){.c-trk::before{top:18.9px;height:2.7px}}
.c-trk button{all:unset;cursor:pointer;position:relative;display:grid;justify-items:center;gap:8px;text-align:center}@media (max-width:640px){.c-trk button{gap:7.2px}}
.c-trk button i{width:44px;height:44px;border-radius:50%;border:2px solid var(--edge);background:var(--surface);display:grid;place-items:center;font-style:normal;font-size:18px;transition:background .3s,transform .3s}@media (max-width:640px){.c-trk button i{width:39.6px;height:39.6px;font-size:16.2px}}
.c-trk button b{font:800 15px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.c-trk button b{font:800 14px var(--f-display)}}.c-trk button span{font-size:12.5px;color:var(--muted);max-width:18ch}
.c-trk button[aria-selected="true"] i{background:var(--hl);transform:scale(1.15)}
.c-trk button:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:8px}@media (max-width:640px){.c-trk button:focus-visible{border-radius:7.2px}}
.c-ball{position:absolute;top:8px;left:var(--x,10%);width:28px;height:28px;margin-left:-14px;transition:left .9s cubic-bezier(.5,0,.2,1);z-index:2;pointer-events:none;display:none}@media (max-width:640px){.c-ball{top:7.2px;width:25.2px;height:25.2px;margin-left:-12.6px}}
.c-cy{display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center}@media (max-width:640px){.c-cy{grid-template-columns:minmax(0,1fr) 297px minmax(0,1fr);gap:clamp(18px,3vw,36px)}}
.c-side{display:grid;gap:12px}@media (max-width:640px){.c-side{gap:10.8px}}
.c-side .k{padding:14px 16px;display:grid;gap:4px;transition:opacity .4s,transform .4s}@media (max-width:640px){.c-side .k{padding:12.6px 14.4px;gap:3.6px}}
.c-side .k b{font:800 15px var(--f-display)}@media (max-width:640px){.c-side .k b{font:800 14px var(--f-display)}}.c-side .k span{font-size:13.5px;color:var(--body)}
.c-side.l{justify-items:end;text-align:right}.c-side.l .k{max-width:300px}.c-side.r .k{max-width:300px}
.c-scr{position:relative;width:330px;height:630px;border-radius:44px;padding:12px;background:#0b0d0c;box-shadow:10px 10px 0 var(--edge)}@media (max-width:640px){.c-scr{width:297px;height:567px;border-radius:39.6px;padding:10.8px}}
.c-scr .cw{position:absolute;inset:12px;border-radius:34px;padding-top:26px;opacity:0;transform:translateX(24px);transition:opacity .5s,transform .5s;pointer-events:none}@media (max-width:640px){.c-scr .cw{inset:10.8px;border-radius:30.6px;padding-top:23.4px;transform:translateX(21.6px)}}
.c-scr .cw.on{opacity:1;transform:none;pointer-events:auto}
.c-scr .cw::before{content:"";position:absolute;top:10px;left:50%;width:80px;height:20px;margin-left:-40px;border-radius:12px;background:#0b0d0c}@media (max-width:640px){.c-scr .cw::before{top:9px;width:72px;height:18px;margin-left:-36px;border-radius:10.8px}}
.c-sb{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;text-align:center}@media (max-width:640px){.c-sb{gap:5.4px}}
.c-sb b{font:700 12px var(--f-display)}.c-sb strong{font-size:34px;line-height:1}@media (max-width:640px){.c-sb strong{font-size:30.6px}}
.c-ev{display:grid;gap:5px;font-size:12px}@media (max-width:640px){.c-ev{gap:4.5px}}
.c-ev div{display:grid;grid-template-columns:30px 18px 1fr;gap:6px;align-items:center}@media (max-width:640px){.c-ev div{grid-template-columns:27px 16.2px 1fr;gap:5.4px}}
.c-ev em{font:700 13px var(--f-mono);font-style:normal;color:var(--ka)}
.c-st{display:grid;gap:6px;font-size:11.5px;color:var(--km)}@media (max-width:640px){.c-st{gap:5.4px}}
.c-st div{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center;text-align:center}@media (max-width:640px){.c-st div{grid-template-columns:30.6px 1fr 30.6px;gap:5.4px}}
.c-st b{font:700 13px var(--f-mono);color:var(--ki)}
.c-st i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ka) var(--a),var(--kl) 0)}@media (max-width:640px){.c-st i{height:5.4px;border-radius:5.4px}}
.c-mom{width:100%;height:46px}@media (max-width:640px){.c-mom{height:41.4px}}
.c-mom path{fill:none;stroke:var(--ka);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.cw.on .c-mom path{animation:c-draw 2.4s .3s forwards}
.c-mom path.f{stroke:none;fill:color-mix(in srgb,var(--ka) 25%,transparent);stroke-dasharray:none;opacity:0}
.cw.on .c-mom path.f{animation:c-fade 1s 1.8s forwards}
@keyframes c-draw{to{stroke-dashoffset:0}}@keyframes c-fade{to{opacity:1}}
.c-lnk{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width:640px){.c-lnk{gap:5.4px}}
.c-lnk span{display:flex;justify-content:space-between;align-items:center;background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:8px 10px;font:700 12px var(--f-display)}@media (max-width:640px){.c-lnk span{border-radius:9px;padding:7.2px 9px}}
.c-lnk span::after{content:"›";color:var(--ka);font-size:16px;line-height:1}@media (max-width:640px){.c-lnk span::after{font-size:14.4px}}
.c-h2h{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}@media (max-width:640px){.c-h2h{gap:5.4px}}
.c-h2h div{background:var(--kb);border:1px solid var(--kl);border-radius:10px;padding:6px 4px}@media (max-width:640px){.c-h2h div{border-radius:9px;padding:5.4px 3.6px}}
.c-h2h b{display:block;font-size:24px;line-height:1}@media (max-width:640px){.c-h2h b{font-size:21.6px}}.c-h2h span{font:600 13px var(--f-mono);color:var(--km);text-transform:uppercase;letter-spacing:.04em}
.c-tp{display:flex;align-items:center;gap:10px}@media (max-width:640px){.c-tp{gap:9px}}
.c-tp .av{width:38px;height:38px;border-radius:50%;background:var(--ka);color:var(--ko);display:grid;place-items:center;font:800 15px sans-serif}@media (max-width:640px){.c-tp .av{width:34.2px;height:34.2px;font:800 14px sans-serif}}
.c-tp b{display:block;font:700 13px var(--f-display)}.c-tp span{font-size:11.5px;color:var(--km)}
.c-bigt{font:800 22px/1 sans-serif;letter-spacing:.01em;text-transform:uppercase}@media (max-width:640px){.c-bigt{font:800 19.8px/1 sans-serif}}
/* ASK */
.c-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-ask{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(25.2px,5vw,57.6px)}}
.c-qs{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}@media (max-width:640px){.c-qs{gap:9px;margin-top:7.2px}}
.c-qs button{all:unset;cursor:pointer;font:600 14px var(--f-display);padding:10px 16px;border-radius:999px;border:2px solid var(--line);background:var(--surface);transition:border-color .25s,box-shadow .25s,transform .25s}@media (max-width:640px){.c-qs button{padding:9px 14.4px;border-radius:899.1px}}
.c-qs button[aria-pressed="true"]{border-color:var(--edge);box-shadow:4px 4px 0 var(--edge);transform:translate(-2px,-2px)}
.c-qs button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.c-qs button small{font:600 13px var(--f-mono);color:var(--green);margin-left:6px;letter-spacing:.04em;text-transform:uppercase}@media (max-width:640px){.c-qs button small{margin-left:5.4px}}
.c-aw{border:2px solid var(--edge);box-shadow:10px 10px 0 var(--edge);min-height:520px}@media (max-width:640px){.c-aw{min-height:468px}}
.c-aw .cw-b{position:relative}
.c-ans{display:grid;gap:10px;transition:opacity .35s,transform .35s}@media (max-width:640px){.c-ans{gap:9px}}.c-ans.out{opacity:0;transform:translateY(10px)}@media (max-width:640px){.c-ans.out{transform:translateY(9px)}}
.c-me{justify-self:end;max-width:85%;background:var(--ka);color:var(--ko);border-radius:16px 16px 4px 16px;padding:9px 13px;font-size:13px;font-weight:600}@media (max-width:640px){.c-me{border-radius:14.4px 14.4px 3.6px 14.4px;padding:8.1px 11.7px}}
.c-ans p{font-size:13.5px;line-height:1.5}
.c-tb{display:grid;gap:0;font-size:12px}
.c-tb div{display:grid;grid-template-columns:22px 1fr 34px 34px;gap:6px;padding:6px 0;border-bottom:1px solid var(--kl);align-items:center}@media (max-width:640px){.c-tb div{grid-template-columns:19.8px 1fr 30.6px 30.6px;gap:5.4px;padding:5.4px 0}}
.c-tb div.me{color:var(--ka);font-weight:700}
.c-tb .hd{font:600 13px var(--f-mono);color:var(--km);text-transform:uppercase;letter-spacing:.06em}
.c-tb span:nth-child(n+3){text-align:right;font-family:var(--f-mono)}
.c-fact{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}@media (max-width:640px){.c-fact{gap:9px}}
.c-fact i{font-style:normal;font-size:20px}@media (max-width:640px){.c-fact i{font-size:18px}}
.c-otd{margin-top:20px;display:flex;gap:12px;align-items:center;padding:14px 16px;max-width:560px}@media (max-width:640px){.c-otd{margin-top:18px;gap:10.8px;padding:12.6px 14.4px}}
.c-otd b{font:800 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--green-strong);white-space:nowrap}
.c-otd span{font-size:14px;color:var(--body)}
/* GAMES */
.c-games{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(28px,5vw,64px);align-items:start}@media (max-width:640px){.c-games{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(25.2px,5vw,57.6px)}}
.c-gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}@media (max-width:640px){.c-gl{gap:10.8px;margin-top:7.2px}}
.c-gl .k{padding:14px;display:grid;gap:6px;align-content:start;transition:transform .25s,box-shadow .25s}@media (max-width:640px){.c-gl .k{padding:12.6px;gap:5.4px}}
.c-gl .k:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--edge)}@media (max-width:640px){.c-gl .k:hover{transform:translate(-2.7px,-2.7px)}}
.c-gl b{font:800 15px var(--f-display)}@media (max-width:640px){.c-gl b{font:800 14px var(--f-display)}}.c-gl span{font-size:13px;color:var(--body)}
.c-gl i{font-style:normal;font-size:22px}@media (max-width:640px){.c-gl i{font-size:19.8px}}
.c-mdg{margin-top:22px}@media (max-width:640px){.c-mdg{margin-top:19.8px}}
.c-mdg h3{font-size:17px;margin-bottom:10px}@media (max-width:640px){.c-mdg h3{font-size:15.3px;margin-bottom:9px}}
.c-mdg .b-pills span{font-size:13px}
.c-gp{display:grid;gap:12px}@media (max-width:640px){.c-gp{gap:10.8px}}
.c-gw{border:2px solid var(--edge);box-shadow:10px 10px 0 var(--edge);min-height:560px}@media (max-width:640px){.c-gw{min-height:504px}}
.c-hl{display:grid;gap:8px}@media (max-width:640px){.c-hl{gap:7.2px}}
.c-hlh{display:flex;justify-content:space-between;align-items:flex-start}
.c-hlh small{font:600 13px var(--f-mono);color:var(--ka);letter-spacing:.06em;text-transform:uppercase}
.c-hlh .c-num{font-size:26px;color:var(--ka);line-height:1;text-align:right}@media (max-width:640px){.c-hlh .c-num{font-size:23.4px}}.c-hlh .c-num span{display:block;font:600 13px var(--f-mono);color:var(--km);letter-spacing:.06em}
.c-who{text-align:center;color:var(--km);font-size:12px}.c-who b{display:block;color:var(--ki);font:800 20px/1.1 sans-serif;text-transform:uppercase;letter-spacing:.02em}@media (max-width:640px){.c-who b{font:800 18px/1.1 sans-serif}}
.c-pl{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;background:var(--ks);border:1px solid var(--kl);border-radius:14px;padding:10px;position:relative;overflow:hidden}@media (max-width:640px){.c-pl{grid-template-columns:77.4px 1fr;gap:10.8px;border-radius:12.6px;padding:9px}}
.c-pl .ph{width:86px;height:86px;border-radius:10px;background:linear-gradient(160deg,var(--ka),color-mix(in srgb,var(--ka) 40%,var(--kb)));display:grid;place-items:end center;overflow:hidden}@media (max-width:640px){.c-pl .ph{width:77.4px;height:77.4px;border-radius:9px}}
.c-pl .ph svg{width:70px;height:70px;fill:color-mix(in srgb,var(--kb) 75%,transparent)}@media (max-width:640px){.c-pl .ph svg{width:63px;height:63px}}
.c-pl small{color:var(--km);font-size:11.5px}.c-pl b{display:block;font:800 20px/1 sans-serif;text-transform:uppercase}@media (max-width:640px){.c-pl b{font:800 18px/1 sans-serif}}
.c-pl .v{font-size:40px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-pl .v{font-size:36px}}
.c-pl .v.q{color:var(--km)}
.c-pl .lbl2{font:600 13px var(--f-mono);color:var(--km);letter-spacing:.06em;text-transform:uppercase}
.c-vs{justify-self:center;width:30px;height:30px;border-radius:50%;background:var(--kb);border:1.5px solid var(--ka);color:var(--ka);display:grid;place-items:center;font:800 11.5px var(--f-display);margin:-18px 0;z-index:1}@media (max-width:640px){.c-vs{width:27px;height:27px;margin:-16.2px 0}}
.c-hb{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width:640px){.c-hb{gap:7.2px}}
.c-hb button{all:unset;cursor:pointer;text-align:center;font:800 13px var(--f-display);letter-spacing:.04em;text-transform:uppercase;padding:10px;border-radius:10px;border:1.5px solid var(--kl);color:var(--ki);transition:background .2s,transform .15s}@media (max-width:640px){.c-hb button{padding:9px;border-radius:9px}}
.c-hb button:first-child{background:var(--ka);color:var(--ko);border-color:var(--ka)}
.c-hb button:hover{transform:translateY(-1px)}.c-hb button:active{transform:translateY(1px)}
.c-hb button:focus-visible{outline:3px solid var(--ka);outline-offset:2px}
.c-hb button[disabled]{opacity:.45;cursor:default;transform:none}
.c-res{text-align:center;font:800 13px var(--f-display);min-height:20px}
.c-res.ok{color:#1f9d55}.c-res.no{color:#d64545}
.c-pips{display:flex;gap:6px;align-items:center}@media (max-width:640px){.c-pips{gap:5.4px}}.c-pips i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--kl)}@media (max-width:640px){.c-pips i{width:14.4px;height:14.4px}}.c-pips i.on{background:var(--ka);border-color:var(--ka)}
.c-pips span{margin-left:auto;font-size:18px;color:var(--ki)}@media (max-width:640px){.c-pips span{font-size:16.2px}}
.c-over{display:none;text-align:center;gap:8px;padding:20px 10px}@media (max-width:640px){.c-over{gap:7.2px;padding:18px 9px}}
.c-over b{font-size:54px;color:var(--ka);line-height:1}@media (max-width:640px){.c-over b{font-size:48.6px}}
.c-gw.done .c-hl{display:none}.c-gw.done .c-over{display:grid}
.c-flip{animation:c-flip .5s}
@keyframes c-flip{0%{transform:rotateX(90deg)}100%{transform:none}}
.c-lb{border:2px solid var(--edge);box-shadow:var(--sh);border-radius:18px;background:var(--surface);padding:16px;display:grid;gap:6px}@media (max-width:640px){.c-lb{border-radius:16.2px;padding:14.4px;gap:5.4px}}
.c-lb header{display:flex;justify-content:space-between;align-items:center}.c-lb header b{font:800 15px var(--f-display)}@media (max-width:640px){.c-lb header b{font:800 14px var(--f-display)}}.c-lb header span{font:600 13px var(--f-mono);color:var(--muted)}
.c-lbr{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;font-size:13.5px;transition:background .3s}@media (max-width:640px){.c-lbr{grid-template-columns:23.4px 1fr auto;gap:9px;padding:6.3px 9px;border-radius:9px}}
.c-lbr em{font-style:normal;font:700 13px var(--f-mono);color:var(--muted)}
.c-lbr b{font:700 13.5px var(--f-mono)}
.c-lbr.me{background:var(--hl);color:#0d1211}.c-lbr.me em{color:#0d1211}
.c-lbr.dots{justify-content:center;display:flex;color:var(--muted);padding:0}
.c-strk{display:flex;gap:6px;align-items:center;margin-top:6px;font:600 13px var(--f-mono);color:var(--muted)}@media (max-width:640px){.c-strk{gap:5.4px;margin-top:5.4px}}
.c-strk i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11.5px;background:var(--green);color:#fff}@media (max-width:640px){.c-strk i{width:19.8px;height:19.8px}}
.c-strk i.fr{background:var(--surface-2);color:var(--muted);border:1.5px dashed var(--muted)}
.c-strk i.td{background:var(--surface-2);color:var(--muted)}
.c-gf{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}@media (max-width:640px){.c-gf{margin:14.4px 0 0;gap:9px}}
.c-gf li{display:flex;gap:10px;font-size:14px;color:var(--body)}@media (max-width:640px){.c-gf li{gap:9px}}.c-gf li::before{content:"✓";color:var(--green);font-weight:800}
/* BRAND */
.c-brand{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-brand{gap:clamp(25.2px,5vw,57.6px)}}
.c-site{position:relative;border-radius:20px;border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge);overflow:hidden;background:var(--surface);aspect-ratio:1.35}@media (max-width:640px){.c-site{border-radius:18px}}
.c-sn{display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--kb);color:var(--ki);font:700 12px var(--f-display);border-bottom:3px solid var(--ka)}@media (max-width:640px){.c-sn{gap:12.6px;padding:9px 14.4px}}
.c-sn b{font:800 15px sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-right:auto;display:flex;align-items:center;gap:8px}@media (max-width:640px){.c-sn b{font:800 14px sans-serif;gap:7.2px}}
.c-sh{height:42%;background:linear-gradient(120deg,var(--kb) 0 55%,var(--ka) 55% 60%,var(--kb) 60%);display:flex;align-items:flex-end;padding:18px}@media (max-width:640px){.c-sh{padding:16.2px}}
.c-sh span{font:800 clamp(22px,3vw,34px)/.95 sans-serif;color:var(--ki);text-transform:uppercase;letter-spacing:.01em;max-width:12ch}@media (max-width:640px){.c-sh span{font:800 clamp(19.8px,3vw,30.6px)/.95 sans-serif}}
.c-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}@media (max-width:640px){.c-sg{gap:9px;padding:12.6px}}
.c-sg i{display:block;height:60px;border-radius:10px;background:var(--surface-2)}@media (max-width:640px){.c-sg i{height:54px;border-radius:9px}}
.c-pan{position:absolute;right:14px;bottom:70px;width:min(52%,260px);border:1.5px solid var(--kl);box-shadow:0 20px 40px rgba(0,0,0,.25);transform-origin:bottom right;transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.3,.5,1),opacity .35s}@media (max-width:640px){.c-pan{right:12.6px;bottom:63px;width:min(52%,234px)}}
.c-site.open .c-pan{transform:none;opacity:1}
.c-lau{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:var(--kb);border:2px solid var(--ka);display:grid;place-items:center;box-shadow:0 10px 20px rgba(0,0,0,.25)}@media (max-width:640px){.c-lau{right:12.6px;bottom:12.6px;width:41.4px;height:41.4px}}
.c-greet{position:absolute;right:70px;bottom:20px;background:var(--kb);color:var(--ki);border:1.5px solid var(--ka);border-radius:14px 14px 4px 14px;padding:8px 12px;font-size:12px;max-width:200px;transition:opacity .3s}@media (max-width:640px){.c-greet{right:63px;bottom:18px;border-radius:12.6px 12.6px 3.6px 12.6px;padding:7.2px 10.8px}}
.c-site.open .c-greet{opacity:0}
.c-bl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}@media (max-width:640px){.c-bl{margin:7.2px 0 0;gap:12.6px}}
.c-bl li{display:grid;grid-template-columns:44px 1fr;gap:2px 14px}@media (max-width:640px){.c-bl li{grid-template-columns:39.6px 1fr;gap:2px 12.6px}}
.c-bl .b-ic{grid-row:1/3}.c-bl b{font:800 16.5px var(--f-display)}@media (max-width:640px){.c-bl b{font:800 14.85px var(--f-display)}}.c-bl span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-bl span{font-size:14px}}
.c-safe{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px 22px}@media (max-width:640px){.c-safe{margin-top:clamp(32.4px,5vw,50.4px);gap:14.4px;padding:16.2px 19.8px}}
.c-safe b{font:800 18px var(--f-display)}@media (max-width:640px){.c-safe b{font:800 16.2px var(--f-display)}}.c-safe span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-safe span{font-size:14px}}
.c-safe .b-ic{width:52px;height:52px}@media (max-width:640px){.c-safe .b-ic{width:46.8px;height:46.8px}}
/* VALUE */
.c-val{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:640px){.c-val{gap:18px}}
.c-val .k{padding:26px;display:grid;gap:12px;align-content:start}@media (max-width:640px){.c-val .k{padding:23.4px;gap:10.8px}}
.c-val h3{font-size:24px;display:flex;align-items:center;gap:12px}@media (max-width:640px){.c-val h3{font-size:21.6px;gap:10.8px}}
.c-val ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}@media (max-width:640px){.c-val ul{gap:9px}}
.c-val li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:15px;color:var(--body)}@media (max-width:640px){.c-val li{grid-template-columns:19.8px 1fr;gap:7.2px;font-size:14px}}
.c-val li::before{content:"";width:12px;height:12px;margin-top:6px;border-radius:3px;background:var(--hl);border:2px solid var(--edge)}@media (max-width:640px){.c-val li::before{width:10.8px;height:10.8px;margin-top:5.4px;border-radius:2.7px}}
.c-bm{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:640px){.c-bm{margin:clamp(28.8px,4vw,43.2px) 0 0;gap:18px}}
.c-bm li{padding:20px;display:grid;gap:6px;align-content:start}@media (max-width:640px){.c-bm li{padding:18px;gap:5.4px}}
.c-bm b{font:800 clamp(36px,4vw,50px)/1 var(--f-display);letter-spacing:-.04em;color:var(--green)}@media (max-width:640px){.c-bm b{font:800 clamp(32.4px,4vw,45px)/1 var(--f-display)}}
.c-bm b span{font:inherit;color:inherit}
.c-bm li>span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-bm li>span{font-size:14px}}.c-bm small{font-size:12px;color:var(--muted)}
.c-bmn{margin-top:14px;font-size:12px;color:var(--muted)}@media (max-width:640px){.c-bmn{margin-top:12.6px}}
/* LIVE STEPS */
.c-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}@media (max-width:640px){.c-steps{gap:18px}}
.c-steps::before{content:"";position:absolute;left:6%;right:6%;top:34px;height:3px;background:repeating-linear-gradient(90deg,var(--edge) 0 8px,transparent 8px 14px);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.6,0,.2,1) .3s}@media (max-width:640px){.c-steps::before{top:30.6px;height:2.7px}}
.on .c-steps::before,.c-steps.on::before{transform:scaleX(1)}
.c-steps li{position:relative;padding:20px;display:grid;gap:8px;align-content:start}@media (max-width:640px){.c-steps li{padding:18px;gap:7.2px}}
.c-steps li i{width:44px;height:44px;border-radius:50%;background:var(--navy,#1b2130);color:#fff;display:grid;place-items:center;font:700 14px var(--f-mono);font-style:normal;margin-top:-42px;border:3px solid var(--c2,#d9f1de)}@media (max-width:640px){.c-steps li i{width:39.6px;height:39.6px;margin-top:-37.8px}}
.c-steps b{font:800 17px var(--f-display)}@media (max-width:640px){.c-steps b{font:800 15.3px var(--f-display)}}.c-steps span{font-size:14px;color:var(--body)}
.c-cov{margin-top:clamp(36px,5vw,52px);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;align-items:center;font:700 15px var(--f-display)}@media (max-width:640px){.c-cov{margin-top:clamp(32.4px,5vw,46.8px);gap:10.8px 25.2px;font:700 14px var(--f-display)}}
.c-cov span{display:flex;align-items:center;gap:8px}@media (max-width:640px){.c-cov span{gap:7.2px}}
.c-cov span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green)}@media (max-width:640px){.c-cov span::before{width:9px;height:9px}}
.c-cov a{color:var(--green);text-decoration:none}.c-cov a:hover{text-decoration:underline}
/* CTA */
.c-cta{background:linear-gradient(155deg,#027a1f,#013f10);color:#fff;text-align:center;padding-bottom:0}
.c-cta h2{color:#fff;max-width:18ch;margin-inline:auto;line-height:1.08!important}
.c-cta p.lede{color:rgba(255,255,255,.86);margin:18px auto 0;text-align:center}@media (max-width:640px){.c-cta p.lede{margin:16.2px auto 0}}
.c-cta .cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:30px 0 clamp(56px,7vw,90px)}@media (max-width:640px){.c-cta .cta{gap:14.4px;margin:27px 0 clamp(50.4px,7vw,81px)}}
.c-cta .cta a.ml{font:600 15px var(--f-display);color:#fff}@media (max-width:640px){.c-cta .cta a.ml{font:600 14px var(--f-display)}}
/* added */
.c-op{font-size:13px;line-height:1.45}
.c-sb>div{display:grid;justify-items:center;gap:4px}@media (max-width:640px){.c-sb>div{gap:3.6px}}
.c-ev small{font-size:11.5px}
html.js .c-hm{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .45s cubic-bezier(.3,1.3,.5,1)}@media (max-width:640px){html.js .c-hm{transform:translateY(7.2px)}}
html.js .c-hm.on{opacity:1;transform:none}
.c-hx{display:grid}.c-hx>*{grid-area:1/1}
.c-ha{display:grid;gap:8px}@media (max-width:640px){.c-ha{gap:7.2px}}.c-ha p{font-size:13px;line-height:1.45}
.c-dots{display:flex;gap:4px;align-self:start;padding:10px 12px;background:var(--ks);border:1px solid var(--kl);border-radius:14px;width:max-content}@media (max-width:640px){.c-dots{gap:3.6px;padding:9px 10.8px;border-radius:12.6px}}
.c-dots i{width:6px;height:6px;border-radius:50%;background:var(--km);animation:c-dot 1s infinite}@media (max-width:640px){.c-dots i{width:5.4px;height:5.4px}}.c-dots i:nth-child(2){animation-delay:.15s}.c-dots i:nth-child(3){animation-delay:.3s}
@keyframes c-dot{30%{transform:translateY(-3px);opacity:.5}}
.c-ph .c-cd{font-size:26px}@media (max-width:640px){.c-ph .c-cd{font-size:23.4px}}.c-ph .c-cd small{margin:0 5px 0 1px}@media (max-width:640px){.c-ph .c-cd small{margin:0 4.5px 0 1px}}
.c-you{background:var(--kb);color:var(--ki);border-color:var(--ka)}
.c-you .cw-r{color:var(--ki)}
.c-you p .tw{opacity:0;transition:opacity .2s}.c-you p .tw.on{opacity:1}
.c-sqc{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}@media (max-width:640px){.c-sqc{gap:5.4px;margin-top:3.6px}}
.c-sqc span{font:600 12.5px var(--f-display)!important;color:var(--ink)!important;border:2px solid var(--edge);border-radius:999px;padding:5px 11px;background:var(--surface-2)}@media (max-width:640px){.c-sqc span{border-radius:899.1px;padding:4.5px 9.9px}}
.c-side .k{animation:none}.c-side .k.sw{animation:c-sw .45s}
@keyframes c-sw{from{opacity:.2;transform:translateY(8px)}}
.c-val .k>span{font-size:15px;font-weight:600;color:var(--ink)}@media (max-width:640px){.c-val .k>span{font-size:14px}}
.c-val em{font:700 14px var(--f-display);font-style:normal;color:var(--green-strong);margin-top:4px}@media (max-width:640px){.c-val em{margin-top:3.6px}}
.c-val h3 .b-ic{width:40px;height:40px}@media (max-width:640px){.c-val h3 .b-ic{width:36px;height:36px}}
.b-s.c .c-steps li i{border-color:var(--c1)}
.c-gw{position:relative}
.c-gw .c-pips{padding:12px 14px;border-top:1px solid var(--kl)}@media (max-width:640px){.c-gw .c-pips{padding:10.8px 12.6px}}
.c-gw .c-pips span{font:800 18px sans-serif}@media (max-width:640px){.c-gw .c-pips span{font:800 16.2px sans-serif}}
.c-gw .c-pips span b{font:inherit;color:var(--ka)}
.c-over>span{font-size:13px;color:var(--km)}
.c-pl .v.pop{animation:c-flip .5s}
.c-lbr.up,.c-lr.up{animation:c-up .6s}
@keyframes c-up{from{transform:translateY(20px)}}
.c-gl .b-ic{width:40px;height:40px}@media (max-width:640px){.c-gl .b-ic{width:36px;height:36px}}
.c-cta .eyebrow{display:block}
.c-scr .cw-b{gap:9px}@media (max-width:640px){.c-scr .cw-b{gap:8.1px}}
.c-scr .c-op{font-size:13.5px}
.c-trk button{align-content:start}
.c-aw{min-height:480px}@media (max-width:640px){.c-aw{min-height:432px}}
.c-lb{align-content:start}#c-lbx{display:grid;gap:6px}@media (max-width:640px){#c-lbx{gap:5.4px}}
.c-gw{min-height:520px}@media (max-width:640px){.c-gw{min-height:468px}}
.c-ph .c-h2h{gap:4px}@media (max-width:640px){.c-ph .c-h2h{gap:3.6px}}.c-ph .c-h2h b{font-size:20px}@media (max-width:640px){.c-ph .c-h2h b{font-size:18px}}
.c-stk.s1{left:max(-20px,calc(50% - 290px));bottom:130px}@media (max-width:640px){.c-stk.s1{left:max(-18px,calc(50% - 261px));bottom:117px}}
.b-live b{font:inherit}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .c-wk[data-v="1"] .c-bar i{background:linear-gradient(to top,#027a1f,#1fa846)}}
:root[data-theme="dark"] .c-wk[data-v="1"] .c-bar i{background:linear-gradient(to top,#027a1f,#1fa846)}
@media (max-width:1060px){
  .c-cy{grid-template-columns:minmax(0,1fr) 330px}@media (max-width:640px){.c-cy{grid-template-columns:minmax(0,1fr) 297px}}.c-side.r{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.c-side.r .k{max-width:none}
  .c-gl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-val{grid-template-columns:minmax(0,1fr)}.c-val .k{max-width:640px;margin-inline:auto;width:100%}
}
@media (max-width:860px){
  .c-hero .c-hg,.c-week,.c-voice,.c-ask,.c-games,.c-brand,.c-val{grid-template-columns:minmax(0,1fr)}
  .c-stage{min-height:0;padding:20px 0}@media (max-width:640px){.c-stage{padding:18px 0}}
  .c-bub{display:none}
  .c-cy{grid-template-columns:minmax(0,1fr);justify-items:center}.c-side{display:none}
  .c-trk button span{display:none}
  .c-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}@media (max-width:640px){.c-steps{row-gap:39.6px}}.c-steps::before{display:none}
  .c-bm{grid-template-columns:1fr}
}
@media (max-width:640px){
  .c-stk.s1{left:-4px;bottom:-6px}@media (max-width:640px){.c-stk.s1{left:-3.6px;bottom:-5.4px}}.c-stk.s2{right:-4px;top:-6px}@media (max-width:640px){.c-stk.s2{right:-3.6px;top:-5.4px}}
  .c-ph{width:280px}@media (max-width:640px){.c-ph{width:252px}}
  .c-bars{height:190px;gap:6px}@media (max-width:640px){.c-bars{height:171px;gap:5.4px}}.c-days{gap:6px}@media (max-width:640px){.c-days{gap:5.4px}}.c-bar em{font-size:11.5px;width:140%}
  .c-trk button i{width:36px;height:36px;font-size:15px}@media (max-width:640px){.c-trk button i{width:32.4px;height:32.4px;font-size:14px}}.c-trk button b{font-size:12px}.c-trk::before{top:17px}@media (max-width:640px){.c-trk::before{top:15.3px}}
  .c-scr{width:310px;height:630px}@media (max-width:640px){.c-scr{width:279px;height:567px}}
  .c-gl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-steps{grid-template-columns:1fr}
  .c-site{aspect-ratio:auto;min-height:420px}@media (max-width:640px){.c-site{min-height:378px}}.c-pan{width:auto;left:14px}@media (max-width:640px){.c-pan{left:12.6px}}.c-sn>span{display:none}
  .c-scarf div{font-size:20px}@media (max-width:640px){.c-scarf div{font-size:18px}}
  .c-aw{min-height:440px}@media (max-width:640px){.c-aw{min-height:396px}}
  .c-wk[data-v="1"] .c-bar:not(.md) em{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  html.js #cl-view .ba,html.js .c-hero h1 .w{opacity:1!important;transform:none!important;transition:none!important}
  .c-scarf div{animation:none}.c-bub{opacity:1;transform:none;transition:none}
  html.js .c-hm{opacity:1;transform:none;transition:none}.c-dots{display:none}.c-you p .tw{opacity:1;transition:none}
  .cw.on .c-mom path{animation:none;stroke-dashoffset:0}.cw.on .c-mom path.f{animation:none;opacity:1}
  .c-steps::before{transform:none;transition:none}
}
/* v33: stadium night sections, switchable demo clubs */
.crest[data-crest] text{font-size:19px}@media (max-width:640px){.crest[data-crest] text{font-size:17.1px}}
.b-s.c-dk{background:radial-gradient(55% 45% at 10% -6%,rgba(255,238,200,.17),transparent 62%),radial-gradient(55% 45% at 90% -6%,rgba(255,238,200,.17),transparent 62%),radial-gradient(70% 55% at 50% 112%,color-mix(in srgb,var(--ka) 24%,transparent),transparent 70%),linear-gradient(180deg,#0a1a10,#040c07);color:#fff;isolation:isolate}
.c-dk h2,.c-dk h3{color:#fff}.c-dk .eyebrow{color:#cdeed5}.c-dk .lede{color:rgba(255,255,255,.9)}
.c-dk .b-hl{color:#0d1a12}.c-dk .b-hl::before{background:#fff}
.c-beams{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.c-beams i{position:absolute;top:-12%;width:62%;height:135%;background:conic-gradient(from 180deg at 50% 0,transparent 0 162deg,rgba(255,240,210,.08) 172deg,rgba(255,240,210,.13) 180deg,rgba(255,240,210,.08) 188deg,transparent 198deg);filter:blur(6px);transform-origin:50% 0;animation:c-sway 10s ease-in-out infinite alternate}
.c-beams i:first-child{left:-14%;transform:rotate(-26deg)}.c-beams i:last-child{right:-14%;transform:rotate(26deg);animation-delay:-5s}
@keyframes c-sway{from{rotate:-4deg}to{rotate:4deg}}
.c-hero.c-dk{padding-bottom:0}
.c-hero .c-hg{position:relative;z-index:2}
.c-crowd{display:block;position:relative;z-index:1;width:calc(100% + 40px);height:clamp(80px,10vw,150px);margin:calc(clamp(56px,7vw,90px) * -1 - 10px) -20px 0}@media (max-width:640px){.c-crowd{width:calc(100% + 36px);height:clamp(72px,10vw,135px);margin:calc(clamp(50.4px,7vw,81px) * -1 - 9px) -18px 0}}
.c-crowd .fa{fill:var(--ka)}.c-crowd .fb{fill:var(--kb)}
.c-flag path:not(:first-child){transform-box:fill-box;transform-origin:left top;animation:c-wave 2.4s ease-in-out infinite;animation-delay:inherit}
@keyframes c-wave{50%{transform:skewY(7deg) scaleX(.9)}}
.c-hcrest{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);pointer-events:none;filter:drop-shadow(0 0 40px color-mix(in srgb,var(--ka) 45%,transparent));animation:c-glow 6s ease-in-out infinite}
.c-hcrest .crest .s1{fill:color-mix(in srgb,var(--ka) 20%,transparent);stroke:color-mix(in srgb,var(--ka) 80%,transparent);stroke-width:.35}
.c-hcrest .crest .s2{stroke:color-mix(in srgb,var(--ka) 40%,transparent);stroke-width:.35}
.c-hcrest .crest text{fill:color-mix(in srgb,var(--ka) 35%,transparent)}
@keyframes c-glow{50%{opacity:.7}}
.c-hero .c-ph{box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 2px rgba(255,255,255,.12),0 0 80px color-mix(in srgb,var(--ka) 30%,transparent)}
.c-kit em{font:700 14px var(--f-display);font-style:normal;letter-spacing:0;text-transform:none;color:#fff;margin-left:6px}@media (max-width:640px){.c-kit em{margin-left:5.4px}}
.c-kit.dk em{color:var(--ink)}
/* supporters and club */
.c-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-two{gap:clamp(25.2px,5vw,57.6px)}}
.c-fs{display:grid;grid-template-columns:52px 1fr;gap:16px;margin-top:20px;align-items:start}@media (max-width:640px){.c-fs{grid-template-columns:46.8px 1fr;gap:14.4px;margin-top:18px}}
.c-fs .b-ic{width:52px;height:52px;border-radius:50%}@media (max-width:640px){.c-fs .b-ic{width:46.8px;height:46.8px}}
.c-fs b{display:block;font:800 21px var(--f-display);letter-spacing:-.01em;margin-bottom:4px}@media (max-width:640px){.c-fs b{font:800 18.9px var(--f-display);margin-bottom:3.6px}}.c-fs p{font-size:16px;line-height:1.55;color:var(--body)}@media (max-width:640px){.c-fs p{font-size:14.4px}}
.c-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}@media (max-width:640px){.c-tags{gap:5.4px;margin-top:9px}}.c-tags span{font:700 12px var(--f-display);border:2px solid var(--edge);border-radius:999px;padding:4px 10px;background:var(--hl);color:#0d1211}@media (max-width:640px){.c-tags span{border-radius:899.1px;padding:3.6px 9px}}
.c-duo{position:relative;padding:0 0 30px;min-height:470px}@media (max-width:640px){.c-duo{padding:0 0 27px;min-height:423px}}
.c-lap{width:84%}
.c-lsc{position:relative;aspect-ratio:16/10.4;border:10px solid #111;border-bottom-width:12px;border-radius:16px 16px 4px 4px;background:var(--kb);color:var(--ki);overflow:hidden;font-size:11.5px;box-shadow:0 30px 60px rgba(0,0,0,.22)}@media (max-width:640px){.c-lsc{border-radius:14.4px 14.4px 3.6px 3.6px}}
.c-lbase{height:14px;margin:0 -6%;background:linear-gradient(#dcdce1,#a6a6ae);border-radius:2px 2px 14px 14px;position:relative}@media (max-width:640px){.c-lbase{height:12.6px;border-radius:2px 2px 12.6px 12.6px}}
.c-lbase::before{content:"";position:absolute;left:50%;top:0;width:80px;height:5px;margin-left:-40px;border-radius:0 0 6px 6px;background:#8d8d95}@media (max-width:640px){.c-lbase::before{width:72px;height:4.5px;margin-left:-36px;border-radius:0 0 5.4px 5.4px}}
.c-ltop{display:flex;gap:14px;padding:5px 12px;background:var(--ks);font:600 13px var(--f-mono);color:var(--km);text-transform:uppercase;letter-spacing:.06em}@media (max-width:640px){.c-ltop{gap:12.6px;padding:4.5px 10.8px}}
.c-lnav{display:flex;align-items:center;gap:12px;padding:7px 12px;border-bottom:2px solid var(--ka);font:700 11.5px var(--f-display);color:var(--km)}@media (max-width:640px){.c-lnav{gap:10.8px;padding:6.3px 10.8px}}
.c-lnav b{font:800 13px sans-serif;letter-spacing:.08em;color:var(--ki);margin-right:auto}
.c-lmain{position:absolute;left:0;top:56px;bottom:0;right:39%;padding:10px 12px;display:grid;gap:8px;align-content:start}@media (max-width:640px){.c-lmain{top:50.4px;padding:9px 10.8px;gap:7.2px}}
.c-lhero{border-radius:10px;padding:12px 14px;background:linear-gradient(115deg,var(--ks) 0 50%,color-mix(in srgb,var(--ka) 40%,var(--kb)));display:grid;gap:3px;min-height:104px;align-content:end;justify-items:start}@media (max-width:640px){.c-lhero{border-radius:9px;padding:10.8px 12.6px;gap:2.7px;min-height:93.6px}}
.c-lhero small{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ka)}
.c-lhero b{font:800 22px/1 sans-serif;text-transform:uppercase}@media (max-width:640px){.c-lhero b{font:800 19.8px/1 sans-serif}}
.c-lhero>span{font-size:11.5px;color:var(--km)}
.c-lhero i{font-style:normal;margin-top:5px;background:var(--ka);color:var(--ko);border-radius:6px;padding:4px 8px;font:700 11.5px var(--f-display)}@media (max-width:640px){.c-lhero i{margin-top:4.5px;border-radius:5.4px;padding:3.6px 7.2px}}
.c-ltiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}@media (max-width:640px){.c-ltiles{gap:6.3px}}
.c-ltiles>div{background:var(--ks);border:1px solid var(--kl);border-radius:8px;padding:7px;display:grid;gap:4px;align-content:start;min-height:74px}@media (max-width:640px){.c-ltiles>div{border-radius:7.2px;padding:6.3px;gap:3.6px;min-height:66.6px}}
.c-ltiles small{font:700 13px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--km)}
.c-ltiles i{display:block;height:40px;border-radius:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--ka) 55%,var(--kb)),var(--kl))}@media (max-width:640px){.c-ltiles i{height:36px;border-radius:5.4px}}
.c-ltiles p{display:flex;align-items:center;gap:5px}@media (max-width:640px){.c-ltiles p{gap:4.5px}}.c-ltiles p em{font-style:normal;color:var(--km)}
.c-ltiles p.t{justify-content:space-between;font-size:11.5px}.c-ltiles p.me{color:var(--ka);font-weight:700}
.c-ltiles>div>span{font-size:11.5px;color:var(--km)}
.c-lchat{position:absolute;right:8px;top:62px;bottom:8px;width:37%;border:1px solid var(--kl);border-radius:12px;font-size:11.5px;box-shadow:0 10px 30px rgba(0,0,0,.3)}@media (max-width:640px){.c-lchat{right:7.2px;top:55.8px;bottom:7.2px;border-radius:10.8px}}
.c-lchat .cw-h{font-size:11.5px;padding:8px 10px 0}@media (max-width:640px){.c-lchat .cw-h{padding:7.2px 9px 0}}.c-lchat .cw-h small{font-size:12px}
.c-lchat .cw-b{padding:8px 10px;gap:7px}@media (max-width:640px){.c-lchat .cw-b{padding:7.2px 9px;gap:6.3px}}.c-lchat .cw-in{margin:0 8px 8px;padding:5px 5px 5px 10px;font-size:11.5px}@media (max-width:640px){.c-lchat .cw-in{margin:0 7.2px 7.2px;padding:4.5px 4.5px 4.5px 9px}}.c-lchat .cw-in i{width:18px;height:18px;font-size:11.5px}@media (max-width:640px){.c-lchat .cw-in i{width:16.2px;height:16.2px}}
.c-greet2{background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:8px 10px;line-height:1.45}@media (max-width:640px){.c-greet2{border-radius:9px;padding:7.2px 9px}}
.c-greet2 b{display:block}
.cw-chips.c-col{flex-direction:column;align-items:flex-start}
.c-lchat .cw-chip{font-size:11.5px;padding:3px 8px}@media (max-width:640px){.c-lchat .cw-chip{padding:2.7px 7.2px}}
.c-aph{position:absolute;right:-14px;bottom:-4px;width:184px;border-radius:32px;padding:8px;background:#0b0d0c;box-shadow:0 30px 60px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.1)}@media (max-width:640px){.c-aph{right:-12.6px;bottom:-3.6px;width:165.6px;border-radius:28.8px;padding:7.2px}}
.c-aph .cw{border-radius:25px;height:372px;font-size:11.5px}@media (max-width:640px){.c-aph .cw{border-radius:22.5px;height:334.8px}}
.c-aph .cw-h{font-size:12px;padding:6px 12px 0}@media (max-width:640px){.c-aph .cw-h{padding:5.4px 10.8px 0}}.c-aph .cw-b{padding:10px 12px;gap:8px}@media (max-width:640px){.c-aph .cw-b{padding:9px 10.8px;gap:7.2px}}.c-aph .cw-chip{font-size:11.5px;padding:4px 9px}@media (max-width:640px){.c-aph .cw-chip{padding:3.6px 8.1px}}
.c-aph .cw-in{margin:0 10px 8px;padding:6px 6px 6px 12px;font-size:11.5px}@media (max-width:640px){.c-aph .cw-in{margin:0 9px 7.2px;padding:5.4px 5.4px 5.4px 10.8px}}.c-aph .cw-in i{width:20px;height:20px}@media (max-width:640px){.c-aph .cw-in i{width:18px;height:18px}}
.c-sbar{display:flex;justify-content:space-between;padding:8px 16px 0;font:600 13px var(--f-mono);color:var(--km)}@media (max-width:640px){.c-sbar{padding:7.2px 14.4px 0}}
.c-nav{display:flex;justify-content:space-around;border-top:1px solid var(--kl);padding:7px 4px 9px;font:600 11.5px var(--f-display);color:var(--km)}@media (max-width:640px){.c-nav{padding:6.3px 3.6px 8.1px}}
.c-nav span{display:grid;justify-items:center;gap:2px;align-content:end}.c-nav .on{color:var(--ka)}
/* how it works */
.c-how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.c-how{gap:clamp(25.2px,5vw,57.6px)}}
.c-hw{list-style:none;margin:0;padding:0;display:grid;gap:22px}@media (max-width:640px){.c-hw{gap:19.8px}}
.c-hw li{display:grid;grid-template-columns:48px 1fr;gap:2px 16px}@media (max-width:640px){.c-hw li{grid-template-columns:43.2px 1fr;gap:2px 14.4px}}
.c-hw i{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:var(--navy,#1b2130);color:#fff;display:grid;place-items:center;font:700 14px var(--f-mono);font-style:normal}@media (max-width:640px){.c-hw i{width:39.6px;height:39.6px}}
.c-hw b{font:800 18px var(--f-display)}@media (max-width:640px){.c-hw b{font:800 16.2px var(--f-display)}}.c-hw span{font-size:15px;color:var(--body)}@media (max-width:640px){.c-hw span{font-size:14px}}
.c-stack{display:grid;max-width:540px;justify-self:end;width:100%}
.c-ly{padding:16px 18px;position:relative;transition:transform .45s,box-shadow .45s}@media (max-width:640px){.c-ly{padding:14.4px 16.2px}}
.c-ly>em{font:700 13px var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--green-strong)}
html.js .c-ly.on{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--edge)}@media (max-width:640px){html.js .c-ly.on{transform:translate(-3.6px,-3.6px)}}
.c-dt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}@media (max-width:640px){.c-dt{gap:7.2px;margin-top:9px}}
.c-dt div{background:var(--surface-2);border-radius:10px;padding:8px 10px;display:grid;gap:2px}@media (max-width:640px){.c-dt div{border-radius:9px;padding:7.2px 9px}}
.c-dt small{font:600 13px var(--f-mono);color:var(--muted);text-transform:uppercase}.c-dt b{font-size:24px;line-height:1;color:var(--ink)}@media (max-width:640px){.c-dt b{font-size:21.6px}}
.c-dbar{display:block;width:100%;height:34px;margin-top:10px}@media (max-width:640px){.c-dbar{height:30.6px;margin-top:9px}}.c-dbar rect{fill:var(--green);opacity:.85}
.c-lk{height:36px;position:relative}@media (max-width:640px){.c-lk{height:32.4px}}
.c-lk::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:3px dashed var(--edge)}
.c-lk i{position:absolute;left:50%;top:0;width:13px;height:13px;margin-left:-5px;border-radius:50%;background:var(--hl);border:2px solid var(--edge);animation:c-drop 1.5s linear infinite}@media (max-width:640px){.c-lk i{width:11.7px;height:11.7px;margin-left:-4.5px}}
@keyframes c-drop{to{top:calc(100% - 13px)}}
.c-lq{display:grid;gap:7px;margin-top:10px}@media (max-width:640px){.c-lq{gap:6.3px;margin-top:9px}}
.c-lq span{justify-self:start;background:var(--navy,#1b2130);color:#fff;border-radius:16px 16px 16px 4px;padding:8px 13px;font-size:14px}@media (max-width:640px){.c-lq span{border-radius:14.4px 14.4px 14.4px 3.6px;padding:7.2px 11.7px}}
.c-lq span:nth-child(2){justify-self:end;border-radius:16px 16px 4px 16px}@media (max-width:640px){.c-lq span:nth-child(2){border-radius:14.4px 14.4px 3.6px 14.4px}}
.c-ly.c-ins{background:var(--kb);color:var(--ki)}.c-ly.c-ins>em{color:var(--ka)}
.c-ir{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:10px;font-size:14.5px;line-height:1.45}@media (max-width:640px){.c-ir{grid-template-columns:19.8px 1fr;gap:9px;margin-top:9px;font-size:14px}}.c-ir svg{color:var(--ka);margin-top:2px}
/* orbit */
.c-orb{position:relative;height:740px}@media (max-width:640px){.c-orb{height:666px}}
.c-ring{position:absolute;left:50%;top:50%;width:800px;height:620px;transform:translate(-50%,-50%);overflow:visible}@media (max-width:640px){.c-ring{width:720px;height:558px}}
.c-ring ellipse{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.5;stroke-dasharray:3 9}
.c-ring .c-cm{stroke:var(--ka);stroke-width:4;stroke-dasharray:5 95;stroke-linecap:round;animation:c-orbit 10.8s linear infinite;filter:drop-shadow(0 0 8px var(--ka))}
@keyframes c-orbit{from{stroke-dashoffset:27.5}to{stroke-dashoffset:-72.5}}
.c-ob{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;z-index:2;cursor:default}@media (max-width:640px){.c-ob{gap:7.2px}}
.c-ob i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1d2a21,#0a120d);border:1.5px solid color-mix(in srgb,var(--ka) 55%,transparent);color:var(--ka);transition:background .35s,color .35s,box-shadow .35s,transform .35s}@media (max-width:640px){.c-ob i{width:55.8px;height:55.8px}}
.c-ob b{font:700 13px var(--f-display);color:#fff;padding:5px 12px;border-radius:999px;background:rgba(6,14,9,.85);border:1px solid rgba(255,255,255,.16);white-space:nowrap;transition:border-color .35s}@media (max-width:640px){.c-ob b{padding:4.5px 10.8px;border-radius:899.1px}}
.c-ob.on i{background:var(--ka);color:var(--ko);box-shadow:0 0 34px var(--ka);transform:scale(1.08)}.c-ob.on b{border-color:var(--ka)}
.c-ow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;z-index:3;border:1.5px solid color-mix(in srgb,var(--ka) 60%,transparent);box-shadow:0 0 0 8px rgba(0,0,0,.25),0 0 70px color-mix(in srgb,var(--ka) 28%,transparent)}@media (max-width:640px){.c-ow{width:306px}}
.cw-h small.c-onl{font:600 11.5px var(--f-body);letter-spacing:0;display:flex;align-items:center;gap:5px}@media (max-width:640px){.cw-h small.c-onl{gap:4.5px}}
.c-onl::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f9d55}@media (max-width:640px){.c-onl::before{width:6.3px;height:6.3px}}
.c-ow2{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}@media (max-width:640px){.c-ow2{gap:7.2px}}
.c-ow2 .c-sb strong{font-size:26px}@media (max-width:640px){.c-ow2 .c-sb strong{font-size:23.4px}}.c-sc{font-size:11.5px;color:var(--km);text-align:center}
.c-pc b{font:800 15px/1.05 sans-serif;text-transform:uppercase}@media (max-width:640px){.c-pc b{font:800 14px/1.05 sans-serif}}.c-pc .c-h2h{gap:3px}@media (max-width:640px){.c-pc .c-h2h{gap:2.7px}}.c-pc .c-h2h b{font-size:17px}@media (max-width:640px){.c-pc .c-h2h b{font-size:15.3px}}.c-pc .c-h2h div{padding:4px 2px}@media (max-width:640px){.c-pc .c-h2h div{padding:3.6px 2px}}
.c-ocap{text-align:center;margin-top:6px;font-size:17px;color:rgba(255,255,255,.9);min-height:1.6em}@media (max-width:640px){.c-ocap{margin-top:5.4px;font-size:15.3px}}.c-ocap b{color:#fff}
/* matchday: three phones */
.c-md3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);justify-items:center}@media (max-width:640px){.c-md3{gap:clamp(14.4px,2.4vw,28.8px)}}
.c-mdc{display:grid;gap:12px;justify-items:center;text-align:center;max-width:330px;align-content:start}@media (max-width:640px){.c-mdc{gap:10.8px}}
.c-mdh{display:flex;align-items:center;gap:12px;text-align:left}@media (max-width:640px){.c-mdh{gap:10.8px}}
.c-mdh i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ka);color:var(--ka);background:rgba(0,0,0,.3);transition:background .4s,color .4s}@media (max-width:640px){.c-mdh i{width:45px;height:45px}}
.c-mdc.on .c-mdh i{background:var(--ka);color:var(--ko)}
.c-mdh b{display:block;font:800 24px/1 sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}@media (max-width:640px){.c-mdh b{font:800 21.6px/1 sans-serif}}.c-mdh span{font-size:15px;color:rgba(255,255,255,.9)}@media (max-width:640px){.c-mdh span{font-size:14px}}
.c-mdc>p{font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.9);min-height:4.5em;max-width:32ch}@media (max-width:640px){.c-mdc>p{font-size:14px}}
.c-mph{width:300px;border-radius:40px;padding:10px;background:#050806;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ka) 40%,transparent),0 30px 60px rgba(0,0,0,.45);transition:box-shadow .5s,transform .5s}@media (max-width:640px){.c-mph{width:270px;border-radius:36px;padding:9px}}
.c-mph .cw{height:584px;border-radius:31px;padding-top:24px;position:relative;text-align:left}@media (max-width:640px){.c-mph .cw{height:525.6px;border-radius:27.9px;padding-top:21.6px}}
.c-mph .cw::before{content:"";position:absolute;top:9px;left:50%;width:76px;height:18px;margin-left:-38px;border-radius:10px;background:#050806}@media (max-width:640px){.c-mph .cw::before{top:8.1px;width:68.4px;height:16.2px;margin-left:-34.2px;border-radius:9px}}
html.js .c-mdc.on .c-mph{transform:translateY(-8px);box-shadow:0 0 0 2px var(--ka),0 0 56px color-mix(in srgb,var(--ka) 42%,transparent),0 30px 60px rgba(0,0,0,.45)}@media (max-width:640px){html.js .c-mdc.on .c-mph{transform:translateY(-7.2px)}}
.cw-in.ask{color:var(--ki)}.cw-in.ask span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c-tl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;position:relative;text-align:center}@media (max-width:640px){.c-tl{margin-top:27px}}
.c-tll{position:absolute;left:16.66%;right:7%;top:9px;height:3px;background:linear-gradient(90deg,var(--ka),color-mix(in srgb,var(--ka) 25%,transparent))}@media (max-width:640px){.c-tll{top:8.1px;height:2.7px}}
.c-tll::after{content:"";position:absolute;right:-2px;top:-6px;border:7px solid transparent;border-left:10px solid color-mix(in srgb,var(--ka) 40%,transparent);border-right:0}@media (max-width:640px){.c-tll::after{top:-5.4px}}
.c-tll i{position:absolute;top:-6px;left:calc(var(--p,0) * 1% - 7px);width:15px;height:15px;border-radius:50%;background:var(--ka);box-shadow:0 0 16px var(--ka);transition:left .9s cubic-bezier(.5,0,.2,1);z-index:1}@media (max-width:640px){.c-tll i{top:-5.4px;left:calc(var(--p,0) * 1% - 6.3px);width:13.5px;height:13.5px}}
.c-tl>span{display:grid;gap:2px;padding-top:30px;position:relative;font-size:14px;color:rgba(255,255,255,.9)}@media (max-width:640px){.c-tl>span{padding-top:27px}}
.c-tl>span::before{content:"";position:absolute;top:2px;left:50%;width:17px;height:17px;margin-left:-8.5px;border-radius:50%;background:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--ka) 70%,transparent)}@media (max-width:640px){.c-tl>span::before{width:15.3px;height:15.3px;margin-left:-7.65px}}
.c-tl b{font:800 20px sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}@media (max-width:640px){.c-tl b{font:800 18px sans-serif}}
.c-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:880px;margin:40px auto 0}@media (max-width:640px){.c-more{gap:14.4px;margin:36px auto 0}}
.c-gl2{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}@media (max-width:640px){.c-gl2{grid-template-columns:43.2px 1fr;gap:12.6px;padding:14.4px 16.2px;border-radius:16.2px}}
.c-gl2 i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ka);color:var(--ka)}@media (max-width:640px){.c-gl2 i{width:41.4px;height:41.4px}}
.c-gl2 b{display:block;font:800 16px var(--f-display);color:#fff}@media (max-width:640px){.c-gl2 b{font:800 14.4px var(--f-display)}}.c-gl2 span{font-size:14px;color:rgba(255,255,255,.9)}
/* games */
.c-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}@media (max-width:640px){.c-g3{gap:21.6px}}
.c-gc{display:grid;gap:14px;grid-template-rows:1fr auto}@media (max-width:640px){.c-gc{gap:12.6px}}
.c-gc>.cw{border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge);min-height:500px}@media (max-width:640px){.c-gc>.cw{min-height:450px}}
.c-gc>.c-gw{min-height:500px}@media (max-width:640px){.c-gc>.c-gw{min-height:450px}}
.c-gcap{padding:12px 16px;display:grid;gap:2px;text-align:center}@media (max-width:640px){.c-gcap{padding:10.8px 14.4px}}.c-gcap b{font:800 16px var(--f-display)}@media (max-width:640px){.c-gcap b{font:800 14.4px var(--f-display)}}.c-gcap span{font-size:13.5px;color:var(--body)}
.c-gt{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}@media (max-width:640px){.c-gt{gap:7.2px}}.c-gt small{font-size:12px;color:var(--km)}
.c-pill{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--ka);color:var(--ka);border-radius:999px;padding:3px 10px;font:700 11.5px var(--f-display);white-space:nowrap}@media (max-width:640px){.c-pill{gap:3.6px;border-radius:899.1px;padding:2.7px 9px}}
.c-mt{display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));gap:5px;align-items:center;margin-top:4px}@media (max-width:640px){.c-mt{grid-template-columns:43.2px repeat(5,minmax(0,1fr));gap:4.5px;margin-top:3.6px}}
.c-mt>span{font:600 13px var(--f-mono);color:var(--km);text-align:center;text-transform:uppercase}
.c-mt>span:nth-child(6n+1){text-align:left;font-size:11.5px}
.c-mt .g,.c-mt .a,.c-mt .x{border-radius:8px;padding:12px 0;font:800 13px sans-serif;color:#fff;text-transform:none}@media (max-width:640px){.c-mt .g,.c-mt .a,.c-mt .x{border-radius:7.2px;padding:10.8px 0}}
.c-mt .g{background:#1f9d55}.c-mt .a{background:#e0a020;color:#1b1300}.c-mt .x{background:#4b5563}
.c-hint{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--km);background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:9px 10px}@media (max-width:640px){.c-hint{gap:7.2px;border-radius:9px;padding:8.1px 9px}}.c-hint svg{color:var(--ka);flex:none}
.c-fin{border:1px solid var(--kl);border-radius:10px;padding:10px 12px;color:var(--km);font-size:12.5px;display:flex;align-items:center;gap:8px}@media (max-width:640px){.c-fin{border-radius:9px;padding:9px 10.8px;gap:7.2px}}
.c-sel{color:var(--ki);font-weight:600}.c-sel svg{color:var(--ka)}.c-sel i{margin-left:auto;font-style:normal;color:var(--km)}
.c-fbtn{text-align:center;background:var(--ka);color:var(--ko);border-radius:10px;padding:11px;font:800 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase}@media (max-width:640px){.c-fbtn{border-radius:9px;padding:9.9px}}
.c-just{text-align:center;font-size:11.5px;color:var(--km)}
.c-sp{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:6px;padding:14px 8px;border:1px solid var(--kl);border-radius:14px;background:var(--ks);text-align:center}@media (max-width:640px){.c-sp{gap:5.4px;padding:12.6px 7.2px;border-radius:12.6px}}
.c-sp>div:first-child,.c-sp>div:last-child{display:grid;justify-items:center;gap:6px}@media (max-width:640px){.c-sp>div:first-child,.c-sp>div:last-child{gap:5.4px}}.c-sp>div>b{font:800 12px sans-serif;letter-spacing:.04em}
.c-sd{display:grid;justify-items:center;gap:2px;color:var(--km);font-size:11.5px}.c-sd b{font-size:44px;color:var(--ki);line-height:1}@media (max-width:640px){.c-sd b{font-size:39.6px}}
.c-sp>em{font-style:normal;font-size:26px;color:var(--km)}@media (max-width:640px){.c-sp>em{font-size:23.4px}}
.c-bg{display:grid;grid-template-columns:60px repeat(3,minmax(0,1fr));gap:5px}@media (max-width:640px){.c-bg{grid-template-columns:54px repeat(3,minmax(0,1fr));gap:4.5px}}
.c-bg .h{display:grid;justify-items:center;align-content:end;gap:3px;font:700 13px var(--f-mono);color:var(--km);padding:2px 0}@media (max-width:640px){.c-bg .h{gap:2.7px}}
.c-bg .h small{font:inherit;letter-spacing:.04em}
.c-u21{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ka);color:var(--ka);font:800 11.5px sans-serif}@media (max-width:640px){.c-u21{width:21.6px;height:21.6px}}
.c-bg .r{font:700 13px var(--f-mono);color:var(--km);text-transform:uppercase;display:flex;align-items:center;line-height:1.25}
.c-bg .e,.c-bg .f{aspect-ratio:1.15;border-radius:10px;display:grid;place-items:center;border:1px solid var(--kl);background:var(--ks);color:var(--km);font-size:18px;position:relative}@media (max-width:640px){.c-bg .e,.c-bg .f{border-radius:9px;font-size:16.2px}}
.c-bg .f{background:color-mix(in srgb,#1f9d55 22%,var(--kb));border-color:#1f9d55;color:var(--ki);font:800 15px sans-serif}@media (max-width:640px){.c-bg .f{font:800 14px sans-serif}}
.c-bg .f i{position:absolute;right:5px;bottom:3px;font-style:normal;font-size:11.5px;color:#1f9d55}@media (max-width:640px){.c-bg .f i{right:4.5px;bottom:2.7px}}
.c-bgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.c-bgs{gap:5.4px}}
.c-bgs div{background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:6px 8px;display:grid}@media (max-width:640px){.c-bgs div{border-radius:9px;padding:5.4px 7.2px}}
.c-bgs small{font:600 13px var(--f-mono);color:var(--km);text-transform:uppercase}.c-bgs b{font:800 16px sans-serif;color:var(--ka)}@media (max-width:640px){.c-bgs b{font:800 14.4px sans-serif}}
.c-lbw .cw-b{gap:7px}@media (max-width:640px){.c-lbw .cw-b{gap:6.3px}}
.c-keep{display:flex;align-items:center;gap:8px;border:1px dashed var(--ka);color:var(--ka);border-radius:10px;padding:8px 10px;font:700 12px var(--f-display);background:color-mix(in srgb,var(--ka) 10%,transparent)}@media (max-width:640px){.c-keep{gap:7.2px;border-radius:9px;padding:7.2px 9px}}
.c-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--ks);border-radius:10px;padding:3px;font:600 11.5px var(--f-display);text-align:center;color:var(--km)}@media (max-width:640px){.c-seg{border-radius:9px;padding:2.7px}}
.c-seg span{padding:5px}@media (max-width:640px){.c-seg span{padding:4.5px}}.c-seg .on{background:var(--kl);color:var(--ki);border-radius:8px}@media (max-width:640px){.c-seg .on{border-radius:7.2px}}
.c-lr{display:grid;grid-template-columns:22px 24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 8px;border-radius:10px;background:var(--ks);border:1px solid var(--kl);font-size:12px;transition:background .3s}@media (max-width:640px){.c-lr{grid-template-columns:19.8px 21.6px minmax(0,1fr) auto;gap:7.2px;padding:4.5px 7.2px;border-radius:9px}}
.c-lr>i{font:700 13px var(--f-mono);font-style:normal;color:var(--km);text-align:center}
.c-lr>i.md{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#1b1300}@media (max-width:640px){.c-lr>i.md{width:18px;height:18px}}
.c-lr .g{background:#f5c542}.c-lr .s{background:#c9ced6}.c-lr .b{background:#d29a5c}
.c-lr .av{width:24px;height:24px;border-radius:50%;background:var(--kl);display:grid;place-items:center;font:700 13px var(--f-mono);color:var(--ki)}@media (max-width:640px){.c-lr .av{width:21.6px;height:21.6px}}
.c-lr .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-lr em{font:700 13px var(--f-mono);font-style:normal;color:#1f9d55}
.c-lr>b{font:700 13px var(--f-mono)}
.c-lr.me{border-color:var(--ka);background:color-mix(in srgb,var(--ka) 20%,var(--kb))}.c-lr.me .av{background:var(--ka);color:var(--ko)}
.c-lr.dots{display:block;text-align:center;background:none;border:0;padding:0;color:var(--km);line-height:1}
.c-ys{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--kl);border-radius:12px;padding:8px 10px;background:var(--ks)}@media (max-width:640px){.c-ys{gap:7.2px;border-radius:10.8px;padding:7.2px 9px}}
.c-ys small{display:block;font:600 13px var(--f-mono);color:var(--km);text-transform:uppercase}
.c-ys b{display:flex;align-items:center;gap:4px;font:800 15px sans-serif;color:var(--ka)}@media (max-width:640px){.c-ys b{gap:3.6px;font:800 14px sans-serif}}
.c-ck{display:flex;gap:3px}@media (max-width:640px){.c-ck{gap:2.7px}}.c-ck span{display:grid;justify-items:center;gap:2px;font:600 13px var(--f-mono);color:var(--km)}
.c-ck i{width:18px;height:18px;border-radius:50%;background:var(--ka);color:var(--ko);display:grid;place-items:center;font-style:normal;font-size:11.5px}@media (max-width:640px){.c-ck i{width:16.2px;height:16.2px}}
.c-gall{padding:20px;display:grid;gap:10px;align-content:start}@media (max-width:640px){.c-gall{padding:18px;gap:9px}}
.c-gall>b{font:800 18px var(--f-display)}@media (max-width:640px){.c-gall>b{font:800 16.2px var(--f-display)}}.c-gall>small{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong);margin-top:4px}@media (max-width:640px){.c-gall>small{margin-top:3.6px}}
.c-gall .b-pills{gap:6px}@media (max-width:640px){.c-gall .b-pills{gap:5.4px}}.c-gall .b-pills span{font-size:12.5px;padding:5px 11px}@media (max-width:640px){.c-gall .b-pills span{padding:4.5px 9.9px}}
.c-gall .c-gf{margin-top:6px}@media (max-width:640px){.c-gall .c-gf{margin-top:5.4px}}
/* everywhere */
.c-hub{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"scr scr box" "web eng app" ". brd .";gap:24px 28px;align-items:center}@media (max-width:640px){.c-hub{gap:21.6px 25.2px}}
.c-hl2{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.c-hl2 path{fill:none;stroke:var(--ka);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 7;opacity:.75;animation:c-flow 1.1s linear infinite}
@keyframes c-flow{to{stroke-dashoffset:-24}}
.c-sf,.c-sfo{position:relative;z-index:1;border-radius:18px;padding:14px;background:linear-gradient(160deg,#16231b,#0b140e);border:1px solid color-mix(in srgb,var(--ka) 40%,rgba(255,255,255,.1));box-shadow:0 0 34px color-mix(in srgb,var(--ka) 14%,transparent);display:grid;gap:10px;color:#fff;align-content:start}@media (max-width:640px){.c-sf,.c-sfo{border-radius:16.2px;padding:12.6px;gap:9px}}
.c-sf>em,.c-sfo>em{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--ka);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid color-mix(in srgb,var(--ka) 50%,transparent)}@media (max-width:640px){.c-sf>em,.c-sfo>em{gap:7.2px;padding:4.5px 9px;border-radius:899.1px}}
.c-sf.scr{grid-area:scr}.c-sf.box{grid-area:box}.c-sf.web{grid-area:web}.c-sf.app{grid-area:app}.c-sf.brd{grid-area:brd}
.c-jb{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:12px;background:#040805;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.c-jb{gap:10.8px;border-radius:10.8px;padding:10.8px}}
.c-jl{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;align-content:start}@media (max-width:640px){.c-jl{gap:9px}}
.c-jl b.c-num{font-size:24px;display:block}@media (max-width:640px){.c-jl b.c-num{font-size:21.6px}}.c-jl small{font:600 13px var(--f-mono);color:rgba(255,255,255,.9)}
.c-jl .c-st{grid-column:1/-1;color:rgba(255,255,255,.9)}.c-jl .c-st div{grid-template-columns:1fr auto;text-align:left}.c-jl .c-st b{color:#fff}
.c-jb .c-st i,.c-sf .c-st i{background:linear-gradient(90deg,var(--ka) var(--a),rgba(255,255,255,.15) 0)}
.c-jp{display:grid;align-content:center;gap:2px;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);padding:0 12px}@media (max-width:640px){.c-jp{padding:0 10.8px}}
.c-jp b{font-size:36px;color:var(--ka);line-height:1}@media (max-width:640px){.c-jp b{font-size:32.4px}}.c-jp span{font:800 18px/1 sans-serif;text-transform:uppercase}@media (max-width:640px){.c-jp span{font:800 16.2px/1 sans-serif}}.c-jp small{font-size:11.5px;color:rgba(255,255,255,.9);margin-top:4px}@media (max-width:640px){.c-jp small{margin-top:3.6px}}
.c-ji,.c-lti{display:grid;gap:4px;align-content:start}@media (max-width:640px){.c-ji,.c-lti{gap:3.6px}}
.c-ji small,.c-lti small,.c-tvm small{font:700 13px var(--f-mono);color:var(--ka);text-transform:uppercase;letter-spacing:.08em}
.c-ji p,.c-lti p,.c-tvm p{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.88)}
.c-tvm{background:#040805;border-radius:8px;padding:12px;border:6px solid #1d211e;display:grid;gap:6px}@media (max-width:640px){.c-tvm{border-radius:7.2px;padding:10.8px;gap:5.4px}}.c-tvm>b{font-size:28px;color:var(--ka);line-height:1}@media (max-width:640px){.c-tvm>b{font-size:25.2px}}
.c-wt{font:800 18px var(--f-display)}@media (max-width:640px){.c-wt{font:800 16.2px var(--f-display)}}.c-sf.web small{color:rgba(255,255,255,.9);font-size:12px;margin-top:-6px}@media (max-width:640px){.c-sf.web small{margin-top:-5.4px}}
.c-wk3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.c-wk3{gap:5.4px}}.c-wk3 div{background:rgba(0,0,0,.35);border-radius:10px;padding:8px;display:grid}@media (max-width:640px){.c-wk3 div{border-radius:9px;padding:7.2px}}
.c-wk3 small{font-size:11.5px!important;margin:0!important}.c-wk3 b{font-size:22px;color:var(--ka)}@media (max-width:640px){.c-wk3 b{font-size:19.8px}}
.c-eng{grid-area:eng;justify-self:center;position:relative;z-index:1;width:190px;aspect-ratio:1;border-radius:30px;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--ka) 42%,#0a120d),#0a120d 72%);border:1.5px solid var(--ka);box-shadow:0 0 0 10px rgba(0,0,0,.25),0 0 80px color-mix(in srgb,var(--ka) 40%,transparent);animation:c-pulse 3.2s ease-in-out infinite;color:#fff}@media (max-width:640px){.c-eng{width:171px;border-radius:27px;gap:9px}}
.c-eng b{font:800 22px/1 sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center}@media (max-width:640px){.c-eng b{font:800 19.8px/1 sans-serif}}
@keyframes c-pulse{50%{box-shadow:0 0 0 10px rgba(0,0,0,.25),0 0 130px color-mix(in srgb,var(--ka) 60%,transparent)}}
.c-am{display:grid;gap:5px;background:#040805;border-radius:18px;padding:12px 10px;border:5px solid #1d211e}@media (max-width:640px){.c-am{gap:4.5px;border-radius:16.2px;padding:10.8px 9px}}
.c-am>b{text-align:center;font-size:22px}@media (max-width:640px){.c-am>b{font-size:19.8px}}.c-am>span{display:flex;justify-content:space-between;background:rgba(255,255,255,.05);border-radius:8px;padding:6px 9px;font-size:12px}@media (max-width:640px){.c-am>span{border-radius:7.2px;padding:5.4px 8.1px}}.c-am>span i{color:var(--ka);font-style:normal}
.c-lt{display:grid;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.c-lt{border-radius:9px}}
.c-ltb{display:flex;align-items:center;gap:10px;background:var(--ka);color:var(--ko);padding:8px 12px}@media (max-width:640px){.c-ltb{gap:9px;padding:7.2px 10.8px}}.c-ltb b{font-size:19px}@media (max-width:640px){.c-ltb b{font-size:17.1px}}.c-ltb small{margin-left:auto;font:700 13px var(--f-mono)}
.c-ltb .crest .s1{fill:var(--kb)}.c-ltb .crest text{fill:var(--ka)}
.c-lti{background:#040805;padding:10px 12px}@media (max-width:640px){.c-lti{padding:9px 10.8px}}
.c-h3{font:800 clamp(24px,2.6vw,32px) var(--f-display);color:#fff;letter-spacing:-.02em}@media (max-width:640px){.c-h3{font:800 clamp(21.6px,2.6vw,28.8px) var(--f-display)}}
.c-so{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width:640px){.c-so{gap:18px}}.c-sfo.story{grid-row:span 2}
.c-sth{display:flex;align-items:center;justify-content:center;gap:18px}@media (max-width:640px){.c-sth{gap:16.2px}}.c-sth>div{display:grid;justify-items:center;gap:4px}@media (max-width:640px){.c-sth>div{gap:3.6px}}.c-sth b{font-size:12px}.c-sth strong{font-size:36px}@media (max-width:640px){.c-sth strong{font-size:32.4px}}
.c-sfo h3{font:800 20px/1.2 var(--f-display);color:#fff}@media (max-width:640px){.c-sfo h3{font:800 18px/1.2 var(--f-display)}}.c-sfo>p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.9)}
.c-ki{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:640px){.c-ki{gap:9px}}
.c-ki div{background:rgba(0,0,0,.3);border-left:3px solid var(--ka);border-radius:8px;padding:10px;display:grid;gap:4px}@media (max-width:640px){.c-ki div{border-radius:7.2px;padding:9px;gap:3.6px}}
.c-ki small{font:700 13px var(--f-mono);color:var(--ka);text-transform:uppercase;letter-spacing:.06em}.c-ki span{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.9)}
.c-mo{display:block;width:100%;height:130px}@media (max-width:640px){.c-mo{height:117px}}.c-mo line{stroke:rgba(255,255,255,.25)}.c-mo .u{fill:var(--ka)}.c-mo .d{fill:#6b7a90}
.c-mol{display:flex;justify-content:space-between;font:600 13px var(--f-mono);color:rgba(255,255,255,.9)}
.c-leg{display:flex;align-items:center;gap:6px;font-size:11.5px;color:rgba(255,255,255,.9);flex-wrap:wrap}@media (max-width:640px){.c-leg{gap:5.4px}}.c-leg i{width:10px;height:10px;border-radius:2px;margin-left:4px}@media (max-width:640px){.c-leg i{width:9px;height:9px;margin-left:3.6px}}.c-leg .u{background:var(--ka)}.c-leg .d{background:#6b7a90}
.c-cmp{display:grid;gap:7px}@media (max-width:640px){.c-cmp{gap:6.3px}}.c-cmp div{display:grid;grid-template-columns:40px 1fr 40px;text-align:center;align-items:center}@media (max-width:640px){.c-cmp div{grid-template-columns:36px 1fr 36px}}
.c-cmp b{font:700 13px var(--f-mono)}.c-cmp span{font-size:12px;color:rgba(255,255,255,.9)}
.c-cmp i{display:block;height:7px;border-radius:7px;background:linear-gradient(90deg,var(--ka) var(--a),#6b7a90 0)}@media (max-width:640px){.c-cmp i{height:6.3px;border-radius:6.3px}}
.c-lt2{font:800 21px var(--f-display);color:#fff;margin-top:16px;text-align:center}@media (max-width:640px){.c-lt2{font:800 18.9px var(--f-display);margin-top:14.4px}}
@media (max-width:1060px){
  .c-orb{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;padding-top:10px}@media (max-width:640px){.c-orb{gap:16.2px 9px;padding-top:9px}}
  .c-ring{display:none}.c-ob{position:static;transform:none}
  .c-ow{position:static;transform:none;grid-column:1/-1;order:-1;justify-self:center;margin-bottom:18px}@media (max-width:640px){.c-ow{margin-bottom:16.2px}}
  .c-hub{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"eng eng" "scr scr" "web app" "box brd"}.c-hl2{display:none}
  .c-so{grid-template-columns:repeat(2,minmax(0,1fr))}.c-sfo.story{grid-column:1/-1;grid-row:auto}
  .c-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-how,.c-two{grid-template-columns:minmax(0,1fr)}.c-stack{justify-self:stretch;max-width:none}
  .c-duo{max-width:640px;margin-inline:auto;width:100%}
}
@media (max-width:860px){
  .c-md3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;margin:0 -20px;padding:12px 20px 24px;gap:18px}@media (max-width:640px){.c-md3{margin:0 -18px;padding:10.8px 18px 21.6px;gap:16.2px}}
  .c-mdc{flex:0 0 300px;scroll-snap-align:center}@media (max-width:640px){.c-mdc{flex:0 0 270px}}
  .c-tl{display:none}.c-more{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .c-orb{grid-template-columns:repeat(2,minmax(0,1fr))}.c-ow{width:100%;max-width:340px}
  .c-hub{grid-template-columns:minmax(0,1fr);grid-template-areas:"eng" "scr" "web" "app" "box" "brd"}
  .c-jb{grid-template-columns:minmax(0,1fr)}.c-jp{border:0;padding:0}
  .c-so{grid-template-columns:minmax(0,1fr)}.c-ki{grid-template-columns:minmax(0,1fr)}
  .c-g3{grid-template-columns:minmax(0,1fr)}
  .c-hcrest{display:none}
  .c-duo{min-height:0;padding-bottom:0}.c-lap{display:none}.c-aph{position:relative;right:auto;bottom:auto;margin:0 auto;width:250px}@media (max-width:640px){.c-aph{width:225px}}
  .c-lsc{aspect-ratio:auto}.c-lmain{position:static;right:0}.c-lchat{display:none}
  .c-dt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-kit em{flex-basis:100%;margin:2px 0 0}
}
@media (prefers-reduced-motion:no-preference){
  .c-mph .c-mom path{stroke-dashoffset:0}.c-mph .c-mom path.f{opacity:1}
  .c-mph .cw.on .c-mom path{animation:c-draw2 2.4s .3s backwards}.c-mph .cw.on .c-mom path.f{animation:c-fade2 1s 1.8s backwards}
}
@keyframes c-draw2{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes c-fade2{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .c-beams i,.c-flag path,.c-hcrest,.c-lk i,.c-ring .c-cm,.c-hl2 path,.c-eng{animation:none!important}
  .c-ly,.c-mph{transition:none}
}
/* v55: Sports Clubs page rebuilt on the Club Assistant deck v2 */
.crest text.big{font-size:12px;font-weight:800;letter-spacing:.3px}
.c-hero h1{max-width:12ch}
.c-obtn{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}.c-obtn:hover{background:rgba(255,255,255,.1)}
.c-where{margin-top:22px;font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#cdeed5}@media (max-width:640px){.c-where{margin-top:19.8px}}
.c-hero .c-ph .cw{min-height:600px}@media (max-width:640px){.c-hero .c-ph .cw{min-height:540px}}
.c-fx{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;font:700 13px var(--f-display)}@media (max-width:640px){.c-fx{gap:7.2px}}
.c-fx>span{display:flex;align-items:center;gap:7px;min-width:0}@media (max-width:640px){.c-fx>span{gap:6.3px}}.c-fx>span:last-child{justify-content:flex-end}
.c-fx em{font-style:normal;color:var(--km);font-size:12px}
.c-kin{background:color-mix(in srgb,var(--ka) 12%,var(--ks));border:1px solid color-mix(in srgb,var(--ka) 40%,var(--kl));border-radius:12px;padding:9px 12px;display:grid;gap:5px}@media (max-width:640px){.c-kin{border-radius:10.8px;padding:8.1px 10.8px;gap:4.5px}}
.c-kin .cw-l{color:var(--ka)}.c-kin p{font-size:12px;line-height:1.45}
.c-kin ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:11.5px;line-height:1.4}@media (max-width:640px){.c-kin ul{gap:3.6px}}
.c-kin li{display:grid;grid-template-columns:10px 1fr;gap:4px}@media (max-width:640px){.c-kin li{grid-template-columns:9px 1fr;gap:3.6px}}.c-kin li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ka);margin-top:5px}@media (max-width:640px){.c-kin li::before{width:5.4px;height:5.4px;margin-top:4.5px}}
/* the shift */
.c-shf{padding:clamp(18px,3vw,30px);display:grid;gap:18px}@media (max-width:640px){.c-shf{padding:clamp(16.2px,3vw,27px);gap:16.2px}}
.c-sds{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}@media (max-width:640px){.c-sds{gap:9px}}
.c-sd{position:relative;display:grid;justify-items:center;gap:8px;padding:16px 6px 14px;border-radius:14px;background:var(--surface-2);border:1.5px dashed var(--line);text-align:center;min-height:150px;align-content:start}@media (max-width:640px){.c-sd{gap:7.2px;padding:14.4px 5.4px 12.6px;border-radius:12.6px;min-height:135px}}
.c-sd b{font:800 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.c-sd i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line);color:var(--muted)}@media (max-width:640px){.c-sd i{width:34.2px;height:34.2px}}
.c-sd span{font-size:12.5px;line-height:1.3;color:var(--muted)}
.c-sd.md{border-style:solid;border-color:var(--edge);background:var(--surface)}
.c-sd.md em{position:absolute;top:-12px;right:-6px;font:800 14px sans-serif;font-style:normal;background:var(--navy);color:#fff;border-radius:999px;padding:3px 9px}@media (max-width:640px){.c-sd.md em{top:-10.8px;right:-5.4px;border-radius:899.1px;padding:2.7px 8.1px}}
html.js .c-shf .c-sd{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--j)*90ms + 200ms)}@media (max-width:640px){html.js .c-shf .c-sd{transform:translateY(10.8px)}}
html.js .c-shf.on .c-sd{opacity:1;transform:none}
.c-shl{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-shl{gap:9px;font-size:14px}}
.c-shl i{width:22px;height:12px;border-radius:4px;background:var(--surface-2);border:1.5px dashed var(--muted)}@media (max-width:640px){.c-shl i{width:19.8px;height:10.8px;border-radius:3.6px}}
/* pillars */
.c-pls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media (max-width:640px){.c-pls{gap:19.8px}}
.c-pl3{padding:22px;display:grid;gap:10px;align-content:start}@media (max-width:640px){.c-pl3{padding:19.8px;gap:9px}}
.c-plh{display:flex;justify-content:space-between;align-items:center}
.c-plh i{font:800 30px/1 sans-serif;font-style:normal;color:var(--green)}@media (max-width:640px){.c-plh i{font:800 27px/1 sans-serif}}
.c-pl3>b{font:800 20px/1.2 var(--f-display);color:var(--ink);text-wrap:balance}@media (max-width:640px){.c-pl3>b{font:800 18px/1.2 var(--f-display)}}
.c-pl3>p{font-size:15px;color:var(--body)}@media (max-width:640px){.c-pl3>p{font-size:14px}}
.c-pl3 .c-tags{margin-top:4px}@media (max-width:640px){.c-pl3 .c-tags{margin-top:3.6px}}
.c-plf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:22px;border-top:2px solid var(--edge)}@media (max-width:640px){.c-plf{gap:12.6px;margin-top:23.4px;padding-top:19.8px}}
.c-plf>b{font:800 18px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-plf>b{font:800 16.2px var(--f-display)}}
/* matchday home */
.c-mhw{display:grid;justify-items:center}
.c-mh{width:320px}@media (max-width:640px){.c-mh{width:288px}}.c-mh .cw{min-height:580px;padding-top:6px}@media (max-width:640px){.c-mh .cw{min-height:522px;padding-top:5.4px}}
.c-mh .cw::before{display:none}
.c-sub{display:block;font:600 11.5px var(--f-body);color:var(--ka);letter-spacing:0;margin:0}
.cw-h>span small.c-sub{margin-left:0;font-size:11.5px;letter-spacing:0;color:var(--ka)}
.c-mht{display:grid;gap:2px}.c-mht b{font:800 24px/1.05 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.c-mht b{font:800 21.6px/1.05 var(--f-display)}}
.c-mtc{margin-top:4px}@media (max-width:640px){.c-mtc{margin-top:3.6px}}.c-mh .c-cd{font-size:34px}@media (max-width:640px){.c-mh .c-cd{font-size:30.6px}}
.c-ven{font-size:11.5px;color:var(--km)}
.c-voi{font-size:13px;line-height:1.45;border-left:3px solid var(--ka);padding-left:10px}@media (max-width:640px){.c-voi{padding-left:9px}}
.c-tap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media (max-width:640px){.c-tap{gap:5.4px}}
.c-tap span{display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:10px;background:var(--ks);border:1px solid var(--kl);font:700 11.5px var(--f-display);text-align:center}@media (max-width:640px){.c-tap span{gap:3.6px;padding:7.2px 3.6px;border-radius:9px}}
.c-tap span svg{color:var(--ka)}
.c-tap.c2{grid-template-columns:1fr 1fr}.c-tap.c2 span{padding:7px 4px}@media (max-width:640px){.c-tap.c2 span{padding:6.3px 3.6px}}.c-tap.c2 span:first-child{background:var(--ka);color:var(--ko);border-color:var(--ka)}
.c-sc2{font-size:11.5px;color:var(--km)}
.c-h2h.c4{grid-template-columns:repeat(4,1fr)}
.c-tb.c5 div{grid-template-columns:18px minmax(0,1fr) 22px 30px 28px}@media (max-width:640px){.c-tb.c5 div{grid-template-columns:16.2px minmax(0,1fr) 19.8px 27px 25.2px}}
.c-tb div>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* match insights */
.c-ih{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(30px,4vw,44px)}@media (max-width:640px){.c-ih{gap:clamp(21.6px,4vw,50.4px);margin-bottom:clamp(27px,4vw,39.6px)}}
.c-iw{display:grid;gap:10px}@media (max-width:640px){.c-iw{gap:9px}}.c-iw small{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong)}
.c-io{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.1fr);gap:18px;align-items:center}@media (max-width:640px){.c-io{gap:16.2px}}
.c-idata{border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge)}
.c-idata .cw-h{padding-top:14px}@media (max-width:640px){.c-idata .cw-h{padding-top:12.6px}}
.c-idata .c-sb>div:nth-child(2){display:grid;justify-items:center;gap:2px}
.c-idata .c-st{gap:8px;font-size:11.5px}@media (max-width:640px){.c-idata .c-st{gap:7.2px}}
.c-iarr{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--hl);border:2px solid var(--edge);color:#0d1a12}@media (max-width:640px){.c-iarr{width:46.8px;height:46.8px}}
.c-istory{padding:22px;display:grid;gap:12px}@media (max-width:640px){.c-istory{padding:19.8px;gap:10.8px}}
.c-ilab{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong)}
.c-istory h3{font:800 clamp(21px,2.2vw,26px)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--ink)}@media (max-width:640px){.c-istory h3{font:800 clamp(18.9px,2.2vw,23.4px)/1.15 var(--f-display)}}
.c-istory>p{font-size:15px;color:var(--body)}@media (max-width:640px){.c-istory>p{font-size:14px}}
.c-irow{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding-top:12px;border-top:1px solid var(--line)}@media (max-width:640px){.c-irow{grid-template-columns:36px minmax(0,1fr);gap:10.8px;padding-top:10.8px}}
.c-irow .b-ic{width:38px;height:38px;border-radius:10px}@media (max-width:640px){.c-irow .b-ic{width:34.2px;height:34.2px;border-radius:9px}}
.c-irow small{display:block;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c-irow b{font:800 16px var(--f-display);color:var(--ink);margin-right:6px}@media (max-width:640px){.c-irow b{font:800 14.4px var(--f-display);margin-right:5.4px}}.c-irow span{font-size:14px;color:var(--body)}
html.js .c-istory .c-irow{opacity:0;transform:translateX(12px);transition:opacity .5s,transform .5s}@media (max-width:640px){html.js .c-istory .c-irow{transform:translateX(10.8px)}}
html.js .c-istory.on .c-irow{opacity:1;transform:none}
html.js .c-istory.on .c-irow:nth-of-type(1){transition-delay:.5s}html.js .c-istory.on .c-irow:nth-of-type(2){transition-delay:.8s}html.js .c-istory.on .c-irow:nth-of-type(3){transition-delay:1.1s}
/* club history */
.c-htags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}@media (max-width:640px){.c-htags{gap:7.2px;margin-top:5.4px}}
.c-htags span{font:700 12.5px var(--f-display);border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px;color:#fff}@media (max-width:640px){.c-htags span{border-radius:899.1px;padding:4.5px 10.8px}}
.c-hist{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:stretch}@media (max-width:640px){.c-hist{gap:19.8px}}
.c-dk .cw{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ka) 45%,transparent),0 24px 60px rgba(0,0,0,.4)}
.c-otday .cw-b{padding:20px;gap:16px}@media (max-width:640px){.c-otday .cw-b{padding:18px;gap:14.4px}}
.c-otdh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}@media (max-width:640px){.c-otdh{gap:14.4px}}
.c-otdh h3{font:800 clamp(22px,2.6vw,30px)/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ki)}@media (max-width:640px){.c-otdh h3{font:800 clamp(19.8px,2.6vw,27px)/1.1 var(--f-display)}}
.c-ago{width:96px;height:96px;border-radius:50%;border:2px dashed var(--ka);display:grid;place-items:center;align-content:center;text-align:center}@media (max-width:640px){.c-ago{width:86.4px;height:86.4px}}
.c-ago b{font-size:36px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-ago b{font-size:32.4px}}.c-ago span{font:600 13px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--km);max-width:9ch}
.c-otdb{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}@media (max-width:640px){.c-otdb{gap:16.2px}}
.c-otds{display:grid;justify-items:center;gap:2px;padding:14px 18px;border-radius:14px;background:var(--ks);border:1px solid var(--kl)}@media (max-width:640px){.c-otds{padding:12.6px 16.2px;border-radius:12.6px}}
.c-otds strong{font-size:48px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-otds strong{font-size:43.2px}}.c-otds span{font:700 12.5px var(--f-display)}.c-otds small{font-size:11.5px;color:var(--km)}
.c-gls div{grid-template-columns:34px 18px minmax(0,1fr) auto;font-size:13px}@media (max-width:640px){.c-gls div{grid-template-columns:30.6px 16.2px minmax(0,1fr) auto}}
.c-gls div b{font:700 13px var(--f-mono)}
.c-gls .th{color:var(--km)}.c-gls .th em{color:var(--km)}
html.js .c-otday .c-gls div{opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .4s}@media (max-width:640px){html.js .c-otday .c-gls div{transform:translateX(-9px)}}
html.js .c-otday.on .c-gls div{opacity:1;transform:none}
html.js .c-otday.on .c-gls div:nth-child(2){transition-delay:.25s}html.js .c-otday.on .c-gls div:nth-child(3){transition-delay:.5s}html.js .c-otday.on .c-gls div:nth-child(4){transition-delay:.75s}html.js .c-otday.on .c-gls div:nth-child(5){transition-delay:1s}
.c-hside{display:grid;gap:22px}@media (max-width:640px){.c-hside{gap:19.8px}}
.c-rec .cw-b,.c-mil .cw-b{padding:18px 20px;gap:8px}@media (max-width:640px){.c-rec .cw-b,.c-mil .cw-b{padding:16.2px 18px;gap:7.2px}}
.c-recn{display:flex;align-items:baseline;gap:10px}@media (max-width:640px){.c-recn{gap:9px}}.c-recn b{font-size:64px;line-height:.9;color:var(--ka)}@media (max-width:640px){.c-recn b{font-size:57.6px}}.c-recn span{font:700 16px var(--f-display)}@media (max-width:640px){.c-recn span{font:700 14.4px var(--f-display)}}
.c-rec small,.c-mil small{color:var(--km);font-size:12px}
.c-mil p{font-size:15px}@media (max-width:640px){.c-mil p{font-size:14px}}
.c-bar50{height:10px;border-radius:10px;background:var(--kl);overflow:hidden}@media (max-width:640px){.c-bar50{height:9px;border-radius:9px}}
.c-bar50 i{display:block;height:100%;width:0;background:var(--ka);border-radius:10px;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .3s}@media (max-width:640px){.c-bar50 i{border-radius:9px}}
.c-mil.on .c-bar50 i,html:not(.js) .c-bar50 i{width:var(--p)}
/* the whole week */
.c-wds{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}@media (max-width:640px){.c-wds{gap:9px}}
.c-wd{display:grid;justify-items:center;gap:8px;padding:16px 6px;border-radius:16px;background:var(--surface);border:2px solid var(--edge);text-align:center;align-content:start}@media (max-width:640px){.c-wd{gap:7.2px;padding:14.4px 5.4px;border-radius:14.4px}}
.c-wd b{font:800 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.c-wd i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-strong)}@media (max-width:640px){.c-wd i{width:36px;height:36px}}
.c-wd span{font:700 13.5px/1.25 var(--f-display);color:var(--ink)}
.c-wd small{font:600 13px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.c-wd.md{background:var(--navy);color:#fff;border-color:var(--edge)}.c-wd.md span{color:#fff}.c-wd.md i{background:var(--hl);color:#0d1a12}.c-wd.md small{color:#cdeed5}
.c-open{margin-top:22px;padding:clamp(18px,3vw,26px);display:grid;gap:14px}@media (max-width:640px){.c-open{margin-top:19.8px;padding:clamp(16.2px,3vw,23.4px);gap:12.6px}}
.c-ot{font:800 17px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-ot{font:800 15.3px var(--f-display)}}
.c-or{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:14px;align-items:center}@media (max-width:640px){.c-or{grid-template-columns:minmax(135px,198px) minmax(0,1fr);gap:12.6px}}
.c-or>span{font:600 14px var(--f-display);color:var(--muted)}.c-or.w>span{color:var(--ink)}
.c-dw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}@media (max-width:640px){.c-dw{gap:7.2px}}
.c-dw i{height:38px;border-radius:10px;background:var(--surface-2);border:1.5px dashed var(--line);display:grid;place-items:center;font-style:normal;transition:background .35s,border-color .35s,color .35s}@media (max-width:640px){.c-dw i{height:34.2px;border-radius:9px}}
.c-dw i span{font:700 13px var(--f-mono);color:var(--muted)}
.c-dw i.on{background:var(--navy);border:1.5px solid var(--edge)}.c-dw i.on span{color:#fff}
.c-or.w .c-dw i.on{background:var(--green);border-color:var(--edge)}.c-or.w .c-dw i.on span{color:#fff}
html.js .c-open .c-or.w .c-dw i.on{background:var(--surface-2);border:1.5px dashed var(--line);transition-delay:calc(var(--j)*120ms + 300ms)}
html.js .c-open .c-or.w .c-dw i.on span{color:var(--muted);transition:color .35s;transition-delay:calc(var(--j)*120ms + 300ms)}
html.js .c-open.on .c-or.w .c-dw i.on{background:var(--green);border:1.5px solid var(--edge)}
html.js .c-open.on .c-or.w .c-dw i.on span{color:#fff}
/* games: the list card takes two columns */
.c-g3>.c-gall{grid-column:span 2;align-self:start}
/* your brand */
.c-brh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(30px,4vw,44px)}@media (max-width:640px){.c-brh{gap:clamp(21.6px,4vw,50.4px);margin-bottom:clamp(27px,4vw,39.6px)}}
.c-br3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media (max-width:640px){.c-br3{gap:19.8px}}
.c-brc{border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge)}
.c-brc .cw-h{padding:14px 16px 12px;border-bottom:1px solid var(--kl)}@media (max-width:640px){.c-brc .cw-h{padding:12.6px 14.4px 10.8px}}
.c-brc .cw-h>span{display:grid}
.c-brc .cw-b{padding:16px;gap:12px}@media (max-width:640px){.c-brc .cw-b{padding:14.4px;gap:10.8px}}.c-brc .c-sw{margin-top:auto}
.c-brc .c-op{font-size:14.5px;font-weight:600;line-height:1.45}@media (max-width:640px){.c-brc .c-op{font-size:14px}}
.c-sw{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--kl)}@media (max-width:640px){.c-sw{gap:7.2px;padding-top:9px}}
.c-sw div{display:flex;gap:5px}@media (max-width:640px){.c-sw div{gap:4.5px}}.c-sw i{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1px var(--kl)}@media (max-width:640px){.c-sw i{width:18px;height:18px}}
.c-fict{margin-top:18px;font-size:12.5px;color:var(--muted);text-align:center}@media (max-width:640px){.c-fict{margin-top:16.2px}}
/* trust */
.c-tr3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media (max-width:640px){.c-tr3{gap:19.8px}}
.c-trc{display:grid;gap:10px;align-content:start;padding:22px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}@media (max-width:640px){.c-trc{gap:9px;padding:19.8px;border-radius:18px}}
.c-tri{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ka);color:var(--ko)}@media (max-width:640px){.c-tri{width:41.4px;height:41.4px}}
.c-trc>b{font:800 19px var(--f-display);color:#fff}@media (max-width:640px){.c-trc>b{font:800 17.1px var(--f-display)}}.c-trc>p{font-size:14.5px;color:rgba(255,255,255,.9);min-height:3em}@media (max-width:640px){.c-trc>p{font-size:14px}}
.c-trv{margin-top:6px}@media (max-width:640px){.c-trv{margin-top:5.4px}}.c-trv .cw-b{padding:14px;gap:10px}@media (max-width:640px){.c-trv .cw-b{padding:12.6px;gap:9px}}
.c-trn{font-size:40px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-trn{font-size:36px}}
.c-ver{display:inline-flex;align-items:center;gap:6px;justify-self:start;font:700 11.5px var(--f-display);color:var(--ka);border:1.5px solid var(--ka);border-radius:999px;padding:4px 10px}@media (max-width:640px){.c-ver{gap:5.4px;border-radius:899.1px;padding:3.6px 9px}}
.c-trs{font-size:11.5px;color:var(--km);line-height:1.4}
/* how it works */
.c-dline{display:flex;align-items:center;gap:8px;margin-top:10px;font:700 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-dline{gap:7.2px;margin-top:9px;font:700 14px var(--f-display)}}.c-dline span{margin-left:auto;font:600 13px var(--f-mono);color:var(--muted)}
.c-cov3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:18px;align-items:center;margin-top:clamp(40px,5vw,60px);padding-top:28px;border-top:2px solid var(--edge)}@media (max-width:640px){.c-cov3{gap:16.2px;margin-top:clamp(36px,5vw,54px);padding-top:25.2px}}
.c-cov3>div{display:grid;gap:2px}
.c-cov3 b{font:800 clamp(30px,3.4vw,42px)/1 var(--f-display);letter-spacing:-.03em;color:var(--green-strong)}@media (max-width:640px){.c-cov3 b{font:800 clamp(27px,3.4vw,37.8px)/1 var(--f-display)}}
.c-cov3 span{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-cov3 span{font-size:14px}}
.c-cov3 a{font:700 14px var(--f-display);color:var(--green-strong);text-decoration:none;white-space:nowrap}.c-cov3 a:hover{text-decoration:underline}
/* value */
.c-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width:640px){.c-v4{gap:18px}}
.c-vc{padding:20px;display:grid;gap:10px;align-content:start;grid-template-rows:auto auto 1fr auto}@media (max-width:640px){.c-vc{padding:18px;gap:9px}}
.c-vc>b{font:800 19px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-vc>b{font:800 17.1px var(--f-display)}}.c-vc>p{font-size:14.5px;color:var(--body)}@media (max-width:640px){.c-vc>p{font-size:14px}}
.c-vv{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px dashed var(--line)}@media (max-width:640px){.c-vv{gap:5.4px;padding-top:10.8px}}
.c-vv span{display:inline-flex;align-items:center;gap:5px;font:700 12px var(--f-display);border:1.5px solid var(--edge);border-radius:999px;padding:4px 10px;color:var(--ink);background:var(--surface-2)}@media (max-width:640px){.c-vv span{gap:4.5px;border-radius:899.1px;padding:3.6px 9px}}
.c-vv span svg{color:var(--green)}
.c-vv .go{background:var(--hl);color:#0d1a12}
.c-vv .q{border-style:dashed;font-style:italic}
.c-vt{margin-top:28px;text-align:center;font:800 clamp(19px,2.2vw,24px) var(--f-display);color:var(--ink);letter-spacing:-.01em}@media (max-width:640px){.c-vt{margin-top:25.2px;font:800 clamp(17.1px,2.2vw,21.6px) var(--f-display)}}
@media (max-width:1060px){
  .c-pls,.c-tr3{grid-template-columns:minmax(0,1fr)}
  .c-pl3,.c-trc{max-width:640px}
  .c-ih,.c-brh{grid-template-columns:minmax(0,1fr);align-items:start}
  .c-io{grid-template-columns:minmax(0,1fr);justify-items:stretch}.c-iarr{justify-self:center;transform:rotate(90deg)}
  .c-hist{grid-template-columns:minmax(0,1fr)}.c-hside{grid-template-columns:1fr 1fr}
  .c-br3{grid-template-columns:repeat(2,minmax(0,1fr))}.c-br3>.c-brc:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}
  .c-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-cov3{grid-template-columns:repeat(3,minmax(0,1fr))}.c-cov3 a{grid-column:1/-1}
}
@media (max-width:860px){
  .c-sds,.c-wds{grid-template-columns:repeat(4,minmax(0,1fr))}
  .c-sd{min-height:0}
  .c-or{grid-template-columns:minmax(0,1fr);gap:8px}@media (max-width:640px){.c-or{gap:7.2px}}
}
@media (max-width:640px){
  .c-sds,.c-wds{grid-template-columns:minmax(0,1fr);gap:8px}@media (max-width:640px){.c-sds,.c-wds{gap:7.2px}}
  .c-sd,.c-wd{grid-template-columns:44px 34px minmax(0,1fr) auto;justify-items:start;align-items:center;text-align:left;padding:8px 12px;min-height:0;gap:10px}@media (max-width:640px){.c-sd,.c-wd{grid-template-columns:39.6px 30.6px minmax(0,1fr) auto;padding:7.2px 10.8px;gap:9px}}
  .c-sd i,.c-wd i{width:32px;height:32px}@media (max-width:640px){.c-sd i,.c-wd i{width:28.8px;height:28.8px}}.c-sd>*,.c-wd>*{grid-row:1}.c-sd b,.c-wd b{grid-column:1}.c-sd i,.c-wd i{grid-column:2}.c-sd span,.c-wd span{grid-column:3}.c-sd.md em{position:static;grid-column:4}.c-wd small{grid-column:4}
  .c-mh .c-cd{font-size:26px}@media (max-width:640px){.c-mh .c-cd{font-size:23.4px}}.c-mh .c-cd small{margin:0 4px 0 1px}@media (max-width:640px){.c-mh .c-cd small{margin:0 3.6px 0 1px}}
  .c-hside,.c-br3,.c-v4,.c-cov3{grid-template-columns:minmax(0,1fr)}.c-br3>.c-brc:last-child{max-width:none}
  .c-g3>.c-gall{grid-column:auto}
  .c-otdh{grid-template-columns:minmax(0,1fr)}.c-ago{width:84px;height:84px}@media (max-width:640px){.c-ago{width:75.6px;height:75.6px}}
  .c-otdb{grid-template-columns:minmax(0,1fr)}.c-otds{justify-self:start}
  .c-mh{width:min(300px,100%)}@media (max-width:640px){.c-mh{width:min(270px,100%)}}
  .c-dw{gap:4px}@media (max-width:640px){.c-dw{gap:3.6px}}.c-dw i{height:32px}@media (max-width:640px){.c-dw i{height:28.8px}}
  .c-plf{flex-direction:column;align-items:flex-start}
}
@media (max-width:1060px) and (min-width:641px){.c-g3>.c-gall{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){
  html.js .c-shf .c-sd,html.js .c-istory .c-irow,html.js .c-otday .c-gls div{opacity:1!important;transform:none!important;transition:none!important}
  .c-bar50 i{width:var(--p)!important;transition:none}
  html.js .c-open .c-or.w .c-dw i.on{background:var(--green)!important;border:1.5px solid var(--edge)!important;transition:none}html.js .c-open .c-or.w .c-dw i.on span{color:#fff!important}
}
/* v56: real phone proportions, rotating hero, matchday tracker, follow-ups, game set, brand view */
.c-iph{position:relative;width:var(--pw,300px);max-width:100%;border-radius:50px;padding:11px;background:#0b0d0c;box-shadow:0 40px 80px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.12);flex:none}@media (max-width:640px){.c-iph{width:var(--pw,270px);border-radius:45px;padding:9.9px}}
.c-ips{position:relative;aspect-ratio:393/852;border-radius:40px;overflow:hidden;background:var(--kb)}@media (max-width:640px){.c-ips{border-radius:36px}}
.c-ips::after{content:"";position:absolute;top:9px;left:50%;width:30%;height:22px;margin-left:-15%;border-radius:14px;background:#0b0d0c;z-index:5}@media (max-width:640px){.c-ips::after{top:8.1px;height:19.8px;border-radius:12.6px}}
.c-ips>.cw,.c-ips>.c-hsl{position:absolute;inset:0;border-radius:0;font-size:12px}
.c-iph .c-sbar{padding:12px 22px 4px;height:34px;align-items:center}@media (max-width:640px){.c-iph .c-sbar{padding:10.8px 19.8px 3.6px;height:30.6px}}
.c-iph .cw-h{padding-top:6px}@media (max-width:640px){.c-iph .cw-h{padding-top:5.4px}}
.c-iph .cw-b{min-height:0;overflow:hidden}
.c-iph .cw-in{margin-top:auto}
/* hero: three screens in turn */
.c-hph{--pw:296px}@media (max-width:640px){.c-hph{--pw:266.4px}}
.c-hero .c-hg{align-items:center}.c-hero{padding-top:clamp(40px,5vw,72px)}@media (max-width:640px){.c-hero{padding-top:clamp(36px,5vw,64.8px)}}
.c-hero .c-iph{box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 2px rgba(255,255,255,.12),0 0 80px color-mix(in srgb,var(--ka) 30%,transparent)}
.c-hsl{opacity:0;transition:opacity .6s;pointer-events:none}.c-hsl.on{opacity:1}
.c-stage{grid-template-rows:auto auto;gap:18px;align-content:center}@media (max-width:640px){.c-stage{gap:16.2px}}
.c-hst{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:relative;z-index:2}@media (max-width:640px){.c-hst{gap:7.2px}}
.c-hst button{all:unset;cursor:pointer;position:relative;overflow:hidden;font:600 12.5px var(--f-display);color:rgba(255,255,255,.9);padding:7px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25)}@media (max-width:640px){.c-hst button{padding:6.3px 12.6px;border-radius:899.1px}}
.c-hst button[aria-pressed="true"]{color:#fff;border-color:var(--ka)}
.c-hst button i{position:absolute;left:0;bottom:0;height:2px;width:calc(var(--p,0)*100%);background:var(--ka)}
.c-hst button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.c-feed{flex:1;min-height:0;overflow:hidden;position:relative;-webkit-mask:linear-gradient(#000 88%,transparent);mask:linear-gradient(#000 88%,transparent)}
.c-fi{display:grid;gap:9px;padding:10px 14px 30px}@media (max-width:640px){.c-fi{gap:8.1px;padding:9px 12.6px 27px}}
html.js .c-hsl.on .c-fi{animation:c-feed 13s 1.2s ease-in-out both}
@keyframes c-feed{0%,8%{transform:none}92%,100%{transform:translateY(calc(-100% + 430px))}}
.c-rsg{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width:640px){.c-rsg{gap:5.4px}}.c-rsg>div{display:grid;gap:4px}@media (max-width:640px){.c-rsg>div{gap:3.6px}}
.c-rs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;align-items:center;border-radius:6px;padding:3px 5px;font-size:11.5px;color:#fff}@media (max-width:640px){.c-rs{gap:3.6px;border-radius:5.4px;padding:2.7px 4.5px}}
.c-rs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-rs span:last-child{text-align:right}
.c-rs b{font:700 13px var(--f-mono)}
.c-rs.w{background:#1f9d55}.c-rs.d{background:#6b7486}.c-rs.l{background:#c94040}
.c-inj{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:640px){.c-inj{gap:9px}}
.c-inj>div{display:grid;gap:5px;align-content:start}@media (max-width:640px){.c-inj>div{gap:4.5px}}.c-inj>div+div{border-left:1px solid var(--kl);padding-left:10px}@media (max-width:640px){.c-inj>div+div{padding-left:9px}}
.c-inj b{display:flex;align-items:center;gap:5px;font:700 11.5px var(--f-display)}@media (max-width:640px){.c-inj b{gap:4.5px}}
.c-inj p{font-size:11.5px;font-weight:600;line-height:1.25}.c-inj small{display:block;font-weight:500;font-size:11.5px;color:#e06a6a}
.c-inj p:nth-child(3) small{color:var(--ka)}
.c-ang{margin:0;padding:0 0 0 14px;display:grid;gap:4px;font-size:11.5px;line-height:1.4}@media (max-width:640px){.c-ang{padding:0 0 0 12.6px;gap:3.6px}}.c-ang li::marker{color:var(--ka)}
.c-wtw{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600}@media (max-width:640px){.c-wtw{gap:7.2px}}
.c-clb{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width:640px){.c-clb{gap:5.4px}}
.c-clb span{display:flex;justify-content:space-between;align-items:center;background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:8px 10px;font:700 11.5px var(--f-display)}@media (max-width:640px){.c-clb span{border-radius:9px;padding:7.2px 9px}}.c-clb i{font-style:normal;color:var(--ka)}
/* follow-up boxes */
.c-fu{display:grid;gap:5px}@media (max-width:640px){.c-fu{gap:4.5px}}
.c-fub{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1.5px solid color-mix(in srgb,var(--ka) 70%,transparent);color:var(--ki);background:color-mix(in srgb,var(--ka) 8%,transparent);border-radius:12px;padding:7px 10px;font:600 11.5px/1.3 var(--f-display)}@media (max-width:640px){.c-fub{gap:7.2px;border-radius:10.8px;padding:6.3px 9px}}
.c-fub i{font-style:normal;color:var(--ka);font-weight:800}
/* games tab */
.c-gtab{gap:9px}@media (max-width:640px){.c-gtab{gap:8.1px}}
.c-gst{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.c-gst{gap:5.4px}}
.c-gst div{background:var(--ks);border:1px solid var(--kl);border-radius:10px;padding:6px 8px}@media (max-width:640px){.c-gst div{border-radius:9px;padding:5.4px 7.2px}}
.c-gst small{display:block;font:700 13px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--km)}
.c-gst b{font:800 19px/1.1 sans-serif;color:var(--ka)}@media (max-width:640px){.c-gst b{font:800 17.1px/1.1 sans-serif}}.c-gst em{font:600 11.5px var(--f-body);font-style:normal;color:var(--km);margin-left:3px}@media (max-width:640px){.c-gst em{margin-left:2.7px}}
.c-dch{display:grid;grid-template-columns:1fr 70px;gap:6px;align-items:center;border-radius:14px;padding:11px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ka) 10%,var(--ks)) 0 10px,var(--ks) 10px 20px);border:1px solid color-mix(in srgb,var(--ka) 45%,var(--kl))}@media (max-width:640px){.c-dch{grid-template-columns:1fr 63px;gap:5.4px;border-radius:12.6px;padding:9.9px}}
.c-dch>div{display:grid;gap:4px;justify-items:start}@media (max-width:640px){.c-dch>div{gap:3.6px}}
.c-new{font:700 13px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb,var(--ka) 25%,transparent);color:var(--ka);border-radius:6px;padding:2px 6px}@media (max-width:640px){.c-new{border-radius:5.4px;padding:2px 5.4px}}
.c-dch b{font:800 22px/1 sans-serif;text-transform:uppercase}@media (max-width:640px){.c-dch b{font:800 19.8px/1 sans-serif}}.c-dch small{font-size:11.5px;color:var(--km)}
.c-play{background:var(--ka);color:var(--ko);border-radius:999px;padding:5px 11px;font:700 11.5px var(--f-display);margin-top:2px}@media (max-width:640px){.c-play{border-radius:899.1px;padding:4.5px 9.9px}}
.c-gg{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width:640px){.c-gg{gap:5.4px}}
.c-gg>div{background:var(--ks);border:1px solid var(--kl);border-radius:12px;padding:7px;display:grid;gap:2px}@media (max-width:640px){.c-gg>div{border-radius:10.8px;padding:6.3px}}
.c-gg b{font:700 11.5px var(--f-display)}.c-gg small{font-size:11.5px;color:var(--km)}
/* game illustrations */
.c-ga.quiz,.c-ga.grid{justify-items:stretch}
.c-ga{display:grid;place-items:center;height:46px;border-radius:9px;background:color-mix(in srgb,var(--kb) 60%,#000);font-style:normal;position:relative;overflow:hidden}@media (max-width:640px){.c-ga{height:41.4px;border-radius:8.1px}}
.c-ga b{display:block}
.c-ga.hol{grid-template-columns:auto auto auto;gap:4px;align-content:center;justify-content:center}@media (max-width:640px){.c-ga.hol{gap:3.6px}}
.c-ga.hol b{width:16px;height:22px;border-radius:9px 9px 3px 3px;background:#6b7486}@media (max-width:640px){.c-ga.hol b{width:14.4px;height:19.8px;border-radius:8.1px 8.1px 2.7px 2.7px}}.c-ga.hol em{width:16px;height:16px;border-radius:50%;background:var(--ka);color:var(--ko);font:800 11.5px/16px var(--f-body);font-style:normal;text-align:center}@media (max-width:640px){.c-ga.hol em{width:14.4px;height:14.4px;font:800 11.5px/14.4px var(--f-body)}}
.c-ga.quiz{grid-template-columns:repeat(2,18px);gap:3px;align-content:center;justify-content:center}@media (max-width:640px){.c-ga.quiz{grid-template-columns:repeat(2,16.2px);gap:2.7px}}.c-ga.quiz b{height:12px;border-radius:3px;background:#3a4558}@media (max-width:640px){.c-ga.quiz b{height:10.8px;border-radius:2.7px}}.c-ga.quiz b.on{background:var(--ka)}
.c-ga.path{grid-template-columns:repeat(3,auto);gap:6px;align-content:center;justify-content:center}@media (max-width:640px){.c-ga.path{gap:5.4px}}.c-ga.path b{width:14px;height:16px;border-radius:3px 3px 8px 8px;background:#6b7486}@media (max-width:640px){.c-ga.path b{width:12.6px;height:14.4px;border-radius:2.7px 2.7px 7.2px 7.2px}}.c-ga.path b.q{background:none;border:1.5px dashed var(--ka);color:var(--ka);font:800 11.5px/13px var(--f-body);text-align:center}
.c-ga.xi{grid-template-columns:repeat(4,6px);gap:5px 8px;align-content:center;justify-content:center;background:linear-gradient(#1c6b3a,#155a30)}@media (max-width:640px){.c-ga.xi{grid-template-columns:repeat(4,5.4px);gap:4.5px 7.2px}}.c-ga.xi b{width:6px;height:6px;border-radius:50%;background:#fff}@media (max-width:640px){.c-ga.xi b{width:5.4px;height:5.4px}}.c-ga.xi b:first-child{grid-column:2/4;justify-self:center}
.c-ga.grid{grid-template-columns:repeat(3,10px);gap:3px;align-content:center;justify-content:center}@media (max-width:640px){.c-ga.grid{grid-template-columns:repeat(3,9px);gap:2.7px}}.c-ga.grid b{height:10px;border-radius:2px;background:#3a4558}@media (max-width:640px){.c-ga.grid b{height:9px}}.c-ga.grid b.on{background:var(--ka)}
.c-ga.mys b{width:34px;height:40px;border-radius:17px 17px 4px 4px;background:#3a4558;color:var(--ka);font:800 18px/38px var(--f-display);text-align:center;margin-top:12px}@media (max-width:640px){.c-ga.mys b{width:30.6px;height:36px;border-radius:15.3px 15.3px 3.6px 3.6px;font:800 16.2px/34.2px var(--f-display);margin-top:10.8px}}
.c-dch .c-ga{height:70px;background:none}@media (max-width:640px){.c-dch .c-ga{height:63px}}
/* matchday tracker */
#cl-view .c-trw .b-h h2{font-size:clamp(30px,3vw,38px)}@media (max-width:640px){#cl-view .c-trw .b-h h2{font-size:clamp(27px,3vw,34.2px)}}
.c-trw{display:grid;grid-template-columns:minmax(0,1fr) 310px minmax(0,.75fr);gap:clamp(20px,3vw,44px);align-items:center}@media (max-width:640px){.c-trw{grid-template-columns:minmax(0,1fr) 279px minmax(0,.75fr);gap:clamp(18px,3vw,39.6px)}}
.c-tph{--pw:310px}@media (max-width:640px){.c-tph{--pw:279px}}
.c-tph .c-ips{background:#151515}
.c-tph .cw{--kb:#151515;--ks:#232323;--kl:#2e2e2e}
.c-bell{width:30px;height:30px;border-radius:50%;background:var(--ks);display:grid;place-items:center;font-size:13px!important;letter-spacing:0!important}@media (max-width:640px){.c-bell{width:27px;height:27px}}
.c-tkb{gap:10px!important;padding-top:8px!important}@media (max-width:640px){.c-tkb{gap:9px!important;padding-top:7.2px!important}}
.c-mdp{justify-self:start;background:var(--ka);color:var(--ko);border-radius:999px;padding:3px 9px;font:800 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}@media (max-width:640px){.c-mdp{border-radius:899.1px;padding:2.7px 8.1px}}
.c-trh{font:800 23px/1.1 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.c-trh{font:800 20.7px/1.1 var(--f-display)}}
.c-fxc{justify-content:center;grid-template-columns:auto auto auto;font-size:14px}
.c-cdb{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}@media (max-width:640px){.c-cdb{gap:6.3px}}
.c-cdb div{background:var(--ks);border-radius:12px;padding:8px 0 6px;display:grid;justify-items:center}@media (max-width:640px){.c-cdb div{border-radius:10.8px;padding:7.2px 0 5.4px}}
.c-cdb b{font-size:36px;line-height:1;color:var(--ka)}@media (max-width:640px){.c-cdb b{font-size:32.4px}}.c-cdb small{font:700 13px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--km)}
.c-ven{text-align:center}
.c-vb{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:end}@media (max-width:640px){.c-vb{gap:6.3px}}
.c-vb p{background:var(--ka);color:var(--ko);border-radius:14px 14px 14px 4px;padding:8px 11px;font-size:12px;font-weight:600;line-height:1.35}@media (max-width:640px){.c-vb p{border-radius:12.6px 12.6px 12.6px 3.6px;padding:7.2px 9.9px}}
.c-tap.w span{background:#fff;color:#151515;border-color:#fff;border-radius:12px;padding:9px 4px}@media (max-width:640px){.c-tap.w span{border-radius:10.8px;padding:8.1px 3.6px}}.c-tap.w span svg{color:#151515}
.c-cos{display:grid;gap:clamp(30px,5vw,60px)}@media (max-width:640px){.c-cos{gap:clamp(27px,5vw,54px)}}
.c-co{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center}@media (max-width:640px){.c-co{grid-template-columns:82.8px minmax(0,1fr);gap:9px}}
.c-co b{display:block;font:800 21px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-co b{font:800 18.9px var(--f-display)}}.c-co span{font-size:15px;color:var(--body)}@media (max-width:640px){.c-co span{font-size:14px}}
.c-arw{width:92px;height:48px;overflow:visible}@media (max-width:640px){.c-arw{width:82.8px;height:43.2px}}.c-arw path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html.js .c-co .c-arw path{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1s .4s}
html.js .c-co.on .c-arw path{stroke-dashoffset:0}
/* match phones */
.c-mph{width:296px;padding:10px;border-radius:46px}@media (max-width:640px){.c-mph{width:266.4px;padding:9px;border-radius:41.4px}}
.c-mph .cw{height:auto;aspect-ratio:393/852;border-radius:37px;padding-top:0}@media (max-width:640px){.c-mph .cw{border-radius:33.3px}}
.c-mph .cw::before{top:9px;width:30%;margin-left:-15%;height:20px}@media (max-width:640px){.c-mph .cw::before{top:8.1px;height:18px}}
.c-mph .c-sbar{padding:12px 22px 4px}@media (max-width:640px){.c-mph .c-sbar{padding:10.8px 19.8px 3.6px}}
.c-mph .cw-b{min-height:0;overflow:hidden}
.c-yc{width:10px;height:13px;border-radius:2px;background:#f5c542;justify-self:center}@media (max-width:640px){.c-yc{width:9px;height:11.7px}}
.c-sub2{font-style:normal;font-weight:800;color:var(--ka);text-align:center}
.c-rt{display:grid;grid-template-columns:minmax(0,1fr) 54px 28px;gap:8px;align-items:center;font-size:11.5px;font-weight:600}@media (max-width:640px){.c-rt{grid-template-columns:minmax(0,1fr) 48.6px 25.2px;gap:7.2px}}
.c-rt small{display:block;font-weight:500;font-size:11.5px;color:var(--km)}
.c-rt i{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--ka) var(--r),var(--kl) 0)}@media (max-width:640px){.c-rt i{height:5.4px;border-radius:5.4px}}
.c-rt b{font-size:18px;color:var(--ka);text-align:right}@media (max-width:640px){.c-rt b{font-size:16.2px}}
.c-vh{max-width:980px}
/* rich answers */
.c-ask{grid-template-columns:minmax(0,1fr) auto}
.c-aph2{--pw:310px}@media (max-width:640px){.c-aph2{--pw:279px}}
.c-qs{display:grid;gap:10px}@media (max-width:640px){.c-qs{gap:9px}}
.c-qs button{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:14px;padding:13px 16px}@media (max-width:640px){.c-qs button{gap:10.8px;border-radius:12.6px;padding:11.7px 14.4px}}
.c-qs button small{margin:0;white-space:nowrap}
.c-qs button i{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--p,0)*100%);background:var(--green)}@media (max-width:640px){.c-qs button i{height:2.7px}}
.c-ans>*{animation:c-pop .45s both}
.c-ans>*:nth-child(1){animation-delay:.05s}.c-ans>*:nth-child(2){animation-delay:.7s}.c-ans>*:nth-child(3){animation-delay:1s}.c-ans>*:nth-child(4){animation-delay:1.35s}
@keyframes c-pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.c-ans{display:grid;gap:10px}@media (max-width:640px){.c-ans{gap:9px}}
.c-ans>p{font-size:12.5px;line-height:1.45}
/* games: the full set under the three games */
.c-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c-set{margin-top:28px;padding:clamp(20px,3vw,30px);display:grid;gap:20px}@media (max-width:640px){.c-set{margin-top:25.2px;padding:clamp(18px,3vw,27px);gap:18px}}
.c-seth{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}@media (max-width:640px){.c-seth{gap:7.2px}}
.c-seth b{font:800 22px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-seth b{font:800 19.8px var(--f-display)}}.c-seth span{font-size:14.5px;color:var(--muted)}@media (max-width:640px){.c-seth span{font-size:14px}}
.c-g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}@media (max-width:640px){.c-g6{gap:10.8px}}
.c-gt6{--kb:#151d2e;--ka:#3ddc68;--ko:#06260f;background:#151d2e;color:#fff;border-radius:16px;padding:10px;display:grid;gap:3px;align-content:start;border:2px solid var(--edge)}@media (max-width:640px){.c-gt6{border-radius:14.4px;padding:9px;gap:2.7px}}
.c-gt6 .c-ga{height:70px;margin-bottom:6px}@media (max-width:640px){.c-gt6 .c-ga{height:63px;margin-bottom:5.4px}}
.c-gt6 b{font:700 14px var(--f-display)}.c-gt6 small{font-size:11.5px;color:#98a5bd}
.c-setf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px dashed var(--line)}@media (max-width:640px){.c-setf{gap:14.4px;padding-top:16.2px}}
.c-setf small{display:block;font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-strong);margin-bottom:8px}@media (max-width:640px){.c-setf small{margin-bottom:7.2px}}
.c-setf ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px}@media (max-width:640px){.c-setf ul{gap:16.2px}}
.c-setf li{display:flex;align-items:center;gap:7px;font:700 14px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-setf li{gap:6.3px}}.c-setf li svg{color:var(--green)}
/* your brand */
.c-bw{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:stretch}@media (max-width:640px){.c-bw{gap:21.6px}}
.c-web{position:relative;border:2px solid var(--edge);border-radius:18px;overflow:hidden;background:#f4f6f5;box-shadow:var(--sh);min-height:430px;color:#151d2e}@media (max-width:640px){.c-web{border-radius:16.2px;min-height:387px}}
.c-wb{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#e3e8e5;border-bottom:1px solid #cfd6d2}@media (max-width:640px){.c-wb{gap:5.4px;padding:8.1px 10.8px}}
.c-wb i{width:10px;height:10px;border-radius:50%;background:#c4ccc7}@media (max-width:640px){.c-wb i{width:9px;height:9px}}.c-wb span{margin-left:12px;background:#fff;border-radius:6px;padding:3px 12px;font:600 13px var(--f-mono);color:#434b5a}@media (max-width:640px){.c-wb span{margin-left:10.8px;border-radius:5.4px;padding:2.7px 10.8px}}
.c-wn{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#151d2e;color:#fff;font:600 12.5px var(--f-display)}@media (max-width:640px){.c-wn{gap:14.4px;padding:10.8px 16.2px}}.c-wn b{font:800 14px var(--f-display);letter-spacing:.06em;margin-right:auto;margin-left:-8px}@media (max-width:640px){.c-wn b{margin-left:-7.2px}}
.c-wh{margin:16px 18px;border-radius:14px;padding:28px 24px;min-height:150px;display:grid;align-content:end;gap:4px;color:#fff;background:linear-gradient(120deg,#151d2e 20%,#1f6b3c)}@media (max-width:640px){.c-wh{margin:14.4px 16.2px;border-radius:12.6px;padding:25.2px 21.6px;min-height:135px;gap:3.6px}}
.c-wh small{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#3ddc68}.c-wh b{font:800 clamp(20px,2.4vw,30px)/1.1 var(--f-display);max-width:12ch}@media (max-width:640px){.c-wh b{font:800 clamp(18px,2.4vw,27px)/1.1 var(--f-display)}}.c-wh span{font:700 12px var(--f-display);color:#3ddc68}
.c-wtl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 18px;max-width:52%}@media (max-width:640px){.c-wtl{gap:10.8px;margin:0 16.2px}}.c-wtl i{height:70px;border-radius:10px;background:#dfe5e1}@media (max-width:640px){.c-wtl i{height:63px;border-radius:9px}}
.c-wp{position:absolute;right:16px;bottom:72px;width:min(270px,48%);border:1px solid #2a364c;box-shadow:0 20px 50px rgba(0,0,0,.35)}@media (max-width:640px){.c-wp{right:14.4px;bottom:64.8px;width:min(243px,48%)}}
.c-wp .cw-b{gap:8px}@media (max-width:640px){.c-wp .cw-b{gap:7.2px}}.c-wp .c-op{font-size:12.5px}
.c-lau{position:absolute;right:16px;bottom:16px;width:46px;height:46px;border-radius:50%;background:#151d2e;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.3)}@media (max-width:640px){.c-lau{right:14.4px;bottom:14.4px;width:41.4px;height:41.4px}}
.c-kit2{padding:22px;display:grid;gap:14px;align-content:start}@media (max-width:640px){.c-kit2{padding:19.8px;gap:12.6px}}
.c-kt{font:800 19px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-kt{font:800 17.1px var(--f-display)}}
.c-kr{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line)}@media (max-width:640px){.c-kr{gap:5.4px;padding-top:10.8px}}
.c-kr small{font:700 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.c-kr p{font:600 14.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-kr p{font:600 14px var(--f-display)}}
.c-kn{display:flex;align-items:center;gap:10px}@media (max-width:640px){.c-kn{gap:9px}}.c-kn b{font:800 17px var(--f-display);color:var(--ink)}@media (max-width:640px){.c-kn b{font:800 15.3px var(--f-display)}}
.c-ksw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width:640px){.c-ksw{gap:7.2px}}
.c-ksw span{display:flex;align-items:center;gap:8px;font:600 13px var(--f-mono);color:var(--body)}@media (max-width:640px){.c-ksw span{gap:7.2px}}
.c-ksw i{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--edge)}@media (max-width:640px){.c-ksw i{width:21.6px;height:21.6px;border-radius:6.3px}}
.c-kit2 .b-pills span{font-size:12px;padding:4px 11px}@media (max-width:640px){.c-kit2 .b-pills span{padding:3.6px 9.9px}}
@media (max-width:1060px){
  .c-trw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.c-trw>.b-h{grid-column:1/-1}
  .c-g6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c-bw{grid-template-columns:minmax(0,1fr)}
  .c-ask{grid-template-columns:minmax(0,1fr)}.c-ask>div:last-child{justify-self:center}
  .c-g3{grid-template-columns:repeat(2,minmax(0,1fr))}.c-g3>.c-gc:last-child{grid-column:1/-1;justify-self:center;width:min(100%,420px)}@media (max-width:640px){.c-g3>.c-gc:last-child{width:min(100%,378px)}}
}
@media (max-width:760px){
  .c-trw{grid-template-columns:minmax(0,1fr)}.c-trp{justify-self:center}
  .c-co{grid-template-columns:minmax(0,1fr)}.c-arw{display:none}
  .c-cos{gap:16px}@media (max-width:640px){.c-cos{gap:14.4px}}
  .c-wp{position:static;width:auto;margin:16px}@media (max-width:640px){.c-wp{margin:14.4px}}.c-lau{display:none}.c-wtl{max-width:none}
  .c-g3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .c-g6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-hph,.c-tph,.c-aph2{--pw:284px}@media (max-width:640px){.c-hph,.c-tph,.c-aph2{--pw:255.6px}}
  .c-wn span{display:none}
  .c-hst{gap:6px}@media (max-width:640px){.c-hst{gap:5.4px}}.c-hst button{padding:6px 10px;font-size:11.5px}@media (max-width:640px){.c-hst button{padding:5.4px 9px}}
  .c-ans .c-fub:nth-of-type(n+3){display:none}
  .c-tkb .cw-r .cw-l{white-space:nowrap;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  html.js .c-hsl.on .c-fi{animation:none}
  .c-ans>*{animation:none}
  html.js .c-co .c-arw path{stroke-dashoffset:0;transition:none}
}

/* sports media page */
@property --g1{syntax:'<color>';inherits:true;initial-value:#3d9be9}
@property --g2{syntax:'<color>';inherits:true;initial-value:#14407d}
@property --g3{syntax:'<color>';inherits:true;initial-value:#0a1e40}
@property --ga{syntax:'<color>';inherits:true;initial-value:#67c7ff}
@property --sa{syntax:'<color>';inherits:true;initial-value:#1f6fd1}
@property --sa2{syntax:'<color>';inherits:true;initial-value:#5bb4ff}
#sm-view{--g1:#3d9be9;--g2:#14407d;--g3:#0a1e40;--ga:#67c7ff;--sa:#1f6fd1;--sa2:#5bb4ff;--gy:#f2c14e;
  --kb:#0b1630;--ks:#13224a;--ki:#fff;--ka:#5bb4ff;--ko:#0b1630;--km:#c2cee6;--kl:#22345e;
  transition:--g1 .7s,--g2 .7s,--g3 .7s,--ga .7s,--sa .7s,--sa2 .7s}
#sm-view[data-look="red"]{--g1:#e5485f;--g2:#7a1426;--g3:#3b0712;--ga:#ff8fa0;--sa:#c8102e;--sa2:#ff6b7f}
#sm-view[data-look="violet"]{--g1:#8f6cf6;--g2:#3c1f8a;--g3:#1b0d45;--ga:#c3adff;--sa:#6a3fe0;--sa2:#ad8fff}
#sm-view[data-look="green"]{--g1:#25a85c;--g2:#0b5530;--g3:#042b17;--ga:#86e3ab;--sa:#0b7a3b;--sa2:#56d38c}
html.js #sm-view .ba{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}@media (max-width:640px){html.js #sm-view .ba{transform:translateY(23.4px)}}
html.js #sm-view .ba.on{opacity:1;transform:none}
/* widget skins: light, dark and the broadcaster's own colours */
.s-skl{--kb:#fff;--ks:#f3f6fb;--ki:#14213a;--ka:var(--sa);--ko:#fff;--km:#46526a;--kl:#dfe6f1}
.s-skd{--kb:#0b1630;--ks:#13224a;--ki:#fff;--ka:var(--sa2);--ko:#0b1630;--km:#c2cee6;--kl:#22345e}
.s-skc{--kb:var(--g2);--ks:color-mix(in srgb,var(--g2) 82%,#fff);--ki:#fff;--ka:var(--gy);--ko:#1a1206;--km:color-mix(in srgb,#fff 70%,var(--g2));--kl:color-mix(in srgb,var(--g2) 72%,#fff)}
/* dark "broadcast night" sections */
#sm-view .b-s.s-dk{background:radial-gradient(60% 50% at 10% -8%,color-mix(in srgb,var(--g1) 30%,transparent),transparent 65%),radial-gradient(45% 40% at 94% 0,rgba(229,56,59,.12),transparent 62%),radial-gradient(70% 50% at 50% 115%,color-mix(in srgb,var(--g1) 20%,transparent),transparent 70%),linear-gradient(180deg,#071226,#030812);color:#fff;isolation:isolate}
#sm-view .b-s.s-dk2{background:radial-gradient(55% 45% at 85% -6%,color-mix(in srgb,var(--g1) 26%,transparent),transparent 65%),linear-gradient(180deg,#040a17,#071226)}
#sm-view .s-dk .eyebrow{color:var(--ga)}
#sm-view .c-hero .b-hl,#sm-view .s-dk .b-hl{color:#071226}
#sm-view .c-cta .b-hl{color:#015c17}
.s-ktv{display:inline-flex;align-items:center;gap:.28em;font:800 1em/1 "Barlow Condensed",sans-serif;letter-spacing:.03em;white-space:nowrap}
.s-ktv i{display:grid;place-items:center;width:1.45em;height:1.45em;border-radius:.32em;background:linear-gradient(160deg,var(--ga),var(--g1));color:#fff;font-style:normal;font-size:.95em}
.s-ktv em{font-style:normal;color:var(--ga)}
.s-skl .s-ktv em{color:var(--sa)}
.tcr{display:inline-grid;place-items:center;flex:none;line-height:0}
.tcr svg{display:block;overflow:visible}
.tcr text{font:800 19px "Barlow Condensed",sans-serif}@media (max-width:640px){.tcr text{font:800 17.1px "Barlow Condensed",sans-serif}}

/* ON-AIR GRAPHICS: drawn at 1920x1080, sized in container units */
.s-scr{position:relative;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;background:#0a1324;border-radius:10px;color:#fff;font-family:var(--f-body);line-height:1.2}@media (max-width:640px){.s-scr{border-radius:9px}}
.s-bgp{position:absolute;inset:0;width:100%;height:100%;display:block}
.g-bug{position:absolute;left:2.6cqw;top:2.4cqw;z-index:3;display:flex;align-items:stretch;height:3.4cqw;border-radius:.6cqw;overflow:hidden;font:800 1.85cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.35)}
.g-bug>*{display:flex;align-items:center}
.g-bug .s-ktv{background:var(--g3);padding:0 .6cqw;font-size:1.6cqw}
.g-bug .s-ktv b,.g-bug .s-ktv em{display:none}
.g-bug>b{background:rgba(6,13,28,.9);padding:0 1cqw;color:#fff}
.g-bs{background:linear-gradient(180deg,var(--g1),var(--g2));padding:0 .9cqw;gap:.35cqw;color:#fff}
.g-bs em{font-style:normal;display:inline-block}
.g-bs em.fl{animation:g-flip .7s}
@keyframes g-flip{0%{transform:rotateX(90deg);color:var(--gy)}60%{color:var(--gy)}}
.g-bug>i{font-style:normal;background:#fff;color:#0a1a38;padding:0 .8cqw;font-size:1.6cqw}
.g-ch{position:absolute;right:2.8cqw;top:2.3cqw;z-index:3;display:grid;grid-template-columns:auto auto;column-gap:.3cqw;row-gap:.4cqw;justify-items:end;align-items:center;font:800 2.3cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.05em;text-shadow:0 .2cqw .8cqw rgba(0,0,0,.5)}
.g-ch em{font-style:normal;color:var(--ga)}
.g-ch i{grid-column:1/-1;font:700 1cqw/1 var(--f-mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;background:#e5383b;color:#fff;padding:.3cqw .6cqw;border-radius:.3cqw;text-shadow:none}
.g-x{position:absolute;z-index:2;opacity:0;clip-path:inset(0 100% 0 0 round .8cqw);transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .2s .4s;color:#fff;border-radius:.8cqw;overflow:hidden}
.g-x.on{opacity:1;clip-path:inset(0 0 0 0 round .8cqw);transition:clip-path .75s cubic-bezier(.7,0,.2,1),opacity .1s}
.g-x.on .g-hd,.g-x.on .g-fn,.g-x.on .g-who b,.g-x.on .g-pm b,.g-x.on .g-stt b{animation:g-up .6s .3s both}
@keyframes g-up{from{opacity:0;transform:translateY(45%)}}
@keyframes g-in{from{opacity:0;transform:translateY(20%)}}
.g-l3,.g-fact,.g-strip,.g-potm{left:7cqw;right:7cqw;bottom:5cqw;display:grid;background:linear-gradient(180deg,var(--g1),var(--g2))}
.g-l3::after,.g-fact::after,.g-strip::after,.g-potm::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.4cqw;background:var(--ga)}
.g-l3{grid-template-columns:8.6cqw minmax(0,1fr) auto auto;min-height:11cqw}
.g-mn{display:grid;place-content:center;justify-items:center;gap:.4cqw;background:linear-gradient(180deg,var(--ga),color-mix(in srgb,var(--ga) 50%,var(--g1)));color:#0a1a38}
.g-mn i{display:grid;line-height:0}.g-mn svg{width:2.4cqw;height:2.4cqw}
.g-mn b{font:800 4.2cqw/1 "Barlow Condensed",sans-serif;letter-spacing:-.01em}
.g-rc .g-mn,.g-l3.rc .g-mn{background:linear-gradient(180deg,#ff6b6b,#d62f3a);color:#fff}
.g-l3.pm .g-mn{background:linear-gradient(180deg,#d7dee9,#9aa7bb)}
.g-mid{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:1.6cqw;row-gap:.5cqw;padding:1.3cqw 2cqw 0;min-width:0}
.g-mid>.tcr{grid-row:1/3;align-self:center;width:5.4cqw;height:5.4cqw;border-radius:50%;background:#fff;box-shadow:0 .3cqw 1cqw rgba(0,0,0,.3)}
.g-mid>.tcr svg{width:3cqw;height:auto}
.g-tag{justify-self:start;display:inline-flex;align-items:center;gap:.8cqw;border-radius:99px;padding:.35cqw 1cqw;background:rgba(6,13,28,.35);font:600 1.15cqw/1 var(--f-display);letter-spacing:.04em}@media (max-width:640px){.g-tag{border-radius:89.1px}}
.g-tag em{font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.16em;padding-right:.8cqw;border-right:1px solid rgba(255,255,255,.35)}
.g-hd{display:block;font:800 3.3cqw/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.g-sub{grid-column:1/-1;align-self:end;margin:.6cqw -2cqw 0;padding:.9cqw 2cqw 1.2cqw;background:rgba(4,10,24,.28);font:500 1.45cqw/1.3 var(--f-body);color:rgba(255,255,255,.93);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-who{display:grid;align-content:center;justify-items:end;gap:.6cqw;padding:0 2cqw;border-left:1px solid rgba(255,255,255,.14);background:rgba(4,10,24,.12)}
.g-who small{font:600 1.05cqw/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.g-who b{font:700 2.4cqw/1 "Barlow Condensed",sans-serif;white-space:nowrap}
.g-sp{display:grid;align-content:center;gap:.8cqw;padding:0 2cqw;background:var(--g3);min-width:13cqw}
.g-sp small{font:700 1.05cqw/1 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--gy);white-space:nowrap}
.g-spl{display:inline-flex;align-items:center;gap:.7cqw;color:#fff}
.g-spl svg{width:2.6cqw;height:2.6cqw;flex:none}
.g-spl b{display:grid;font:700 1.9cqw/1 var(--f-display);letter-spacing:-.01em}
.g-spl i{font:600 .8cqw/1.4 var(--f-mono);letter-spacing:.3em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.9)}
.g-spl[data-k="nw"] path{fill:#ffd27a}
.g-spl[data-k="bp"] path{fill:none;stroke:#7fd6ff;stroke-width:2.6;stroke-linecap:round}
.g-spl[data-k="ka"] path{fill:#ff8a5c}
/* player fact */
.g-fact{grid-template-columns:12cqw minmax(0,1fr) auto;min-height:11cqw}
.g-ini{display:grid;place-items:center;background:linear-gradient(160deg,#25304b,#0c1222);font:800 5.6cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.02em}
.g-fm{display:grid;align-content:center;gap:.7cqw;padding:1.3cqw 2.6cqw 1.6cqw;min-width:0}
.g-fn{display:flex;align-items:baseline;gap:1.4cqw}
.g-fn b{font:800 6cqw/.85 "Barlow Condensed",sans-serif}
.g-fn span{font:700 2.7cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ga);white-space:nowrap}
.g-fp{display:flex;align-items:center;gap:1.2cqw}
.g-fp b{font:800 2.8cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.g-fp .tcr{width:4cqw;height:4cqw;border-radius:50%;background:#fff}.g-fp .tcr svg{width:2.3cqw;height:auto}
/* half-time and full-time */
.g-stats{left:21cqw;right:21cqw;top:7.4cqw;display:grid;background:linear-gradient(180deg,rgba(10,26,56,.95),rgba(6,15,34,.97))}
.g-sh{display:grid;gap:.7cqw;justify-items:center;padding:1.5cqw 2cqw 1.3cqw;background:linear-gradient(180deg,var(--g1),var(--g2))}
.g-sh>b{font:700 1.1cqw/1 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.g-sh>span{display:flex;align-items:center;gap:1.1cqw;font:800 2.6cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.g-sh em{font-style:normal;background:rgba(4,10,24,.4);padding:.3cqw 1cqw;border-radius:.4cqw}
.g-sh .tcr{width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff}.g-sh .tcr svg{width:2cqw;height:auto}
.g-sr{position:relative;display:grid;grid-template-columns:6cqw 1fr 6cqw;align-items:center;padding:.8cqw 2.6cqw 1.6cqw;border-bottom:1px solid rgba(255,255,255,.07)}
.g-sr b{font:800 2.3cqw/1 "Barlow Condensed",sans-serif}.g-sr b:last-of-type{text-align:right}
.g-sr span{text-align:center;font:600 1.05cqw/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.g-sr i{position:absolute;left:2.6cqw;right:2.6cqw;bottom:.75cqw;height:.45cqw;border-radius:1cqw;background:linear-gradient(90deg,var(--ga) var(--a),var(--gy) var(--a))}
.g-stats.on .g-sr i{animation:g-bar 1s .35s both}
@keyframes g-bar{from{clip-path:inset(0 50% 0 50%)}}
.g-sf{display:flex;justify-content:flex-end;padding:1.1cqw 2.6cqw}
.g-sf .g-sp,.g-mh .g-sp{display:flex;align-items:center;gap:1.2cqw;padding:0;background:none;min-width:0}
/* player of the match */
.g-potm{right:auto;width:68cqw;grid-template-columns:11cqw minmax(0,1fr) auto;min-height:13cqw}
.g-av{display:grid;place-items:end center;overflow:hidden;background:linear-gradient(160deg,#25304b,#0c1222)}
.g-av svg{width:82%;height:auto;fill:rgba(255,255,255,.3);display:block}
.g-pm{display:grid;gap:.5cqw;align-content:center;padding:1.4cqw 2.4cqw 1.7cqw;min-width:0}
.g-pm small{font:700 1.05cqw/1 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--gy)}
.g-pm b{font:800 3.6cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.g-pm span{display:flex;align-items:center;gap:.6cqw;font:600 1.35cqw/1 var(--f-display);color:rgba(255,255,255,.86)}
.g-pm span .tcr svg{width:1.7cqw;height:auto}
.g-pm p{margin:.3cqw 0 0;font:500 1.4cqw/1.35 var(--f-body);color:rgba(255,255,255,.92)}
.g-pm p em{font-style:normal;font-weight:700;color:var(--ga)}
/* stat strip */
.g-strip{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"a m b s" "p p p s"}
.g-strip>.g-stt:first-child{grid-area:a}.g-stm{grid-area:m}.g-strip>.g-stt:nth-child(3){grid-area:b}.g-strip>p{grid-area:p}.g-strip>.g-sp{grid-area:s}
.g-stt{display:flex;align-items:center;gap:1.4cqw;padding:1.3cqw 2.4cqw 0}
.g-stt b{font:800 5.2cqw/1 "Barlow Condensed",sans-serif}
.g-stt .tcr{width:4.6cqw;height:4.6cqw;border-radius:50%;background:#fff}.g-stt .tcr svg{width:2.6cqw;height:auto}
.g-stm{display:grid;justify-items:center;align-content:center;padding-top:1.3cqw;text-align:center}
.g-stm b{font:800 2.8cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}
.g-stm small{font:600 1.05cqw/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ga);margin-top:.5cqw}
.g-strip>p{margin:1cqw 0 0;padding:.9cqw 2.4cqw 1.3cqw;background:rgba(4,10,24,.28);font:500 1.45cqw/1.3 var(--f-body);text-align:center}
/* momentum */
.g-mom{left:6cqw;bottom:5cqw;width:50cqw;display:grid;gap:.8cqw;padding:1.4cqw 1.8cqw 1.1cqw;background:linear-gradient(180deg,rgba(10,26,56,.95),rgba(6,15,34,.97))}
.g-mh{display:flex;align-items:center;justify-content:space-between;gap:1cqw}
.g-mh>b{font:800 2.2cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.g-mh .g-sp small{font-size:.9cqw}.g-mh .g-spl svg{width:2cqw;height:2cqw}.g-mh .g-spl b{font-size:1.4cqw}
.g-mb{display:grid;grid-template-columns:4cqw 1fr;gap:1cqw}
.g-mt{display:grid;align-content:space-around;justify-items:center}
.g-mt .tcr{width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff}.g-mt .tcr svg{width:1.9cqw;height:auto}
.g-mc{width:100%;height:auto;display:block}
.g-mc .a{fill:var(--ga)}.g-mc .b{fill:var(--gy)}
.g-mc .ax{stroke:rgba(255,255,255,.3);stroke-width:1.5}
.g-mc .ht{stroke:rgba(255,255,255,.4);stroke-dasharray:4 4;stroke-width:1.5}
.g-mc .nw{stroke:#ff4d57;stroke-width:2.5}
.g-mc .lb{font:600 14px var(--f-mono);fill:rgba(255,255,255,.72);letter-spacing:.12em}.g-mc text.nw{fill:#ff6b74;stroke:none}
.g-mc g line{stroke:rgba(255,255,255,.55);stroke-width:1.5}.g-mc g circle{fill:#fff;stroke:#0a1a38;stroke-width:3}.g-mc g.rd circle{fill:#e5383b}
.g-mom.on .g-mc{animation:g-rev 1.6s .3s both}
@keyframes g-rev{from{clip-path:inset(0 100% 0 0)}}
.g-ax{display:flex;justify-content:space-between;padding-left:5cqw;font:600 1cqw/1 var(--f-mono);color:rgba(255,255,255,.9)}

/* HERO */
.s-hero .c-hg{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.s-rib{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.s-rib path{fill:none;stroke-width:1.5;stroke-dasharray:4 10;animation:s-dash 2.4s linear infinite}
.s-rib .r1{stroke:color-mix(in srgb,var(--ga) 40%,transparent)}.s-rib .r2{stroke:rgba(229,56,59,.28);animation-duration:3.2s}.s-rib .r3{stroke:rgba(255,255,255,.12);animation-duration:4s}
@keyframes s-dash{to{stroke-dashoffset:-28}}
.s-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}@media (max-width:640px){.s-go{gap:10.8px;margin-top:27px}}
.s-go button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);transition:background .25s,transform .25s}@media (max-width:640px){.s-go button{gap:10.8px;padding:8.1px 16.2px 8.1px 8.1px;border-radius:14.4px}}
.s-go button:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}
.s-go button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.s-go i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,var(--g1),var(--g2));color:#fff;flex:none}@media (max-width:640px){.s-go i{width:36px;height:36px;border-radius:10.8px}}
.s-go button+button i{background:linear-gradient(160deg,#1f9d55,#027a1f)}
.s-go small{display:block;font:600 13px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.s-go b{display:block;font:700 15px/1.3 var(--f-display);color:#fff}@media (max-width:640px){.s-go b{font:700 14px/1.3 var(--f-display)}}
.s-stage{position:relative;min-height:570px}@media (max-width:640px){.s-stage{min-height:513px}}
.s-tv{position:absolute;left:0;top:70px;width:calc(100% - 186px);padding:9px;border-radius:16px;background:linear-gradient(180deg,#1b2436,#0b0f18);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.09),0 0 130px color-mix(in srgb,var(--g1) 30%,transparent)}@media (max-width:640px){.s-tv{top:63px;width:calc(100% - 167.4px);padding:8.1px;border-radius:14.4px}}
.s-tv::after,.s-mon::after{content:"";position:absolute;left:50%;top:100%;width:24%;height:24px;margin-left:-12%;background:linear-gradient(180deg,#141b29,#0b0f18);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}@media (max-width:640px){.s-tv::after,.s-mon::after{height:21.6px}}
.s-tv .s-scr,.s-mon .s-scr,.s-sfw .s-scr,.s-fc .s-scr{border-radius:8px}@media (max-width:640px){.s-tv .s-scr,.s-mon .s-scr,.s-sfw .s-scr,.s-fc .s-scr{border-radius:7.2px}}
.s-hph{position:absolute;right:0;top:130px;width:204px;z-index:3;border-radius:34px;padding:8px;background:#05080f;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.12)}@media (max-width:640px){.s-hph{top:117px;width:183.6px;border-radius:30.6px;padding:7.2px}}
.s-hph .cw{border-radius:27px;height:410px;padding-top:20px;position:relative;font-size:12px}@media (max-width:640px){.s-hph .cw{border-radius:24.3px;height:369px;padding-top:18px}}
.s-hph .cw::before,.s-eph .cw::before{content:"";position:absolute;top:8px;left:50%;width:64px;height:16px;margin-left:-32px;border-radius:10px;background:#05080f}@media (max-width:640px){.s-hph .cw::before,.s-eph .cw::before{top:7.2px;width:57.6px;height:14.4px;margin-left:-28.8px;border-radius:9px}}
.s-hph .cw-h{font-size:13px}
.s-hph .c-op,.s-hph .c-me{font-size:12px}
.s-hph .c-h2h{gap:4px}@media (max-width:640px){.s-hph .c-h2h{gap:3.6px}}.s-hph .c-h2h b{font-size:19px}@media (max-width:640px){.s-hph .c-h2h b{font-size:17.1px}}.s-hph .c-h2h span{font-size:7.5px}
.s-hph .c-tp .av{width:32px;height:32px;font-size:13px}@media (max-width:640px){.s-hph .c-tp .av{width:28.8px;height:28.8px}}
.s-hph .cw-b{gap:8px;overflow:hidden}@media (max-width:640px){.s-hph .cw-b{gap:7.2px}}
.s-hl{display:flex;align-items:center;gap:6px;padding-top:4px}@media (max-width:640px){.s-hl{gap:5.4px;padding-top:3.6px}}.s-hl i{width:6px;height:6px;border-radius:50%;background:#ff5a5f;animation:b-blink 1.2s infinite}@media (max-width:640px){.s-hl i{width:5.4px;height:5.4px}}
.s-hph .cw-h{padding-bottom:10px;border-bottom:1px solid var(--kl)}@media (max-width:640px){.s-hph .cw-h{padding-bottom:9px}}
.s-hm{transition:opacity .45s,transform .45s}
html.js .s-hm{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.js .s-hm{transform:translateY(9px)}}
html.js .s-hm.on{opacity:1;transform:none}
html.js .s-hm.c-dots{display:none}html.js .s-hm.c-dots.on{display:flex}
.s-kd{width:9px;height:9px;border-radius:50%;background:#1f9d55;flex:none}@media (max-width:640px){.s-kd{width:8.1px;height:8.1px}}.s-kd.r{background:#e5383b;animation:b-blink 1.2s infinite}
.s-hero .c-stk em,.s-ev2 .c-stk em{color:var(--green)}
.s-k1{left:10px;top:12px;--r:-3deg;transform:rotate(-3deg)}@media (max-width:640px){.s-k1{left:9px;top:10.8px}}
.s-k2{left:40px;bottom:30px;--r:3deg;transform:rotate(3deg)}@media (max-width:640px){.s-k2{left:36px;bottom:27px}}

/* TWO PRODUCTS */
.s-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,30px)}@media (max-width:640px){.s-two{gap:clamp(16.2px,2.4vw,27px)}}
.s-pc{background:var(--surface);border:2px solid var(--edge);border-radius:24px;box-shadow:var(--sh);padding:clamp(20px,2.6vw,30px);display:grid;gap:16px;grid-template-rows:auto auto auto 1fr auto;align-content:start}@media (max-width:640px){.s-pc{border-radius:21.6px;padding:clamp(18px,2.6vw,27px);gap:14.4px}}
.s-pch{display:flex;align-items:center;gap:12px}@media (max-width:640px){.s-pch{gap:10.8px}}
.s-pi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--g1),var(--g2));flex:none}@media (max-width:640px){.s-pi{width:43.2px;height:43.2px;border-radius:12.6px}}
.s-pb .s-pi{background:linear-gradient(160deg,#1f9d55,#027a1f)}
.s-pch small{display:block;font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.s-pch b{display:block;font:800 19px var(--f-display);color:var(--ink)}@media (max-width:640px){.s-pch b{font:800 17.1px var(--f-display)}}
.s-pc h3{font-size:clamp(21px,2.1vw,26px);line-height:1.15}@media (max-width:640px){.s-pc h3{font-size:clamp(18.9px,2.1vw,23.4px)}}
.s-tick3{list-style:none;margin:0;padding:0;display:grid;gap:8px}@media (max-width:640px){.s-tick3{gap:7.2px}}
.s-tick3 li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.45;color:var(--body)}@media (max-width:640px){.s-tick3 li{grid-template-columns:19.8px 1fr;gap:9px;font-size:14px}}
.s-tick3 li::before{content:"✓";width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--f-display);color:var(--green);background:var(--green-soft)}@media (max-width:640px){.s-tick3 li::before{width:19.8px;height:19.8px}}
.s-pv0,.s-pv1{border-radius:16px;overflow:hidden;border:2px solid var(--edge)}@media (max-width:640px){.s-pv0,.s-pv1{border-radius:14.4px}}
.s-pv0 .s-scr{border-radius:0}
.s-pv1{aspect-ratio:16/9;display:grid}
.s-pv1 .cw{border-radius:0}
.s-pv1 .cw-b{align-content:center;padding:16px 20px;gap:10px}@media (max-width:640px){.s-pv1 .cw-b{padding:14.4px 18px;gap:9px}}
.s-pv1 .c-op{font-size:14px}.s-pv1 .c-me{font-size:13.5px}
.s-more{all:unset;cursor:pointer;justify-self:start;display:inline-flex;align-items:center;gap:6px;font:700 15px var(--f-display);color:var(--green)}@media (max-width:640px){.s-more{gap:5.4px;font:700 14px var(--f-display)}}
.s-more:hover{text-decoration:underline}.s-more:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:4px}@media (max-width:640px){.s-more:focus-visible{border-radius:3.6px}}

/* STUDIO */
.s-badge{display:inline-flex;align-items:center;gap:8px;justify-self:center;padding:6px 14px 6px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font:700 14px var(--f-display);color:#fff;flex-wrap:wrap}@media (max-width:640px){.s-badge{gap:7.2px;padding:5.4px 12.6px 5.4px 10.8px;border-radius:899.1px}}
.s-badge svg{color:var(--ga)}
.s-badge span{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(242,193,78,.14);color:#ffd987}@media (max-width:640px){.s-badge span{gap:5.4px;padding:3.6px 8.1px;border-radius:899.1px}}
.s-badge span::before{content:"";width:6px;height:6px;border-radius:50%;background:#f2c14e}@media (max-width:640px){.s-badge span::before{width:5.4px;height:5.4px}}
.s-badge.lt{justify-self:start;background:var(--surface);border:2px solid var(--edge);color:var(--ink);padding-right:14px}@media (max-width:640px){.s-badge.lt{padding-right:12.6px}}
.s-badge.lt svg{color:var(--green)}
.s-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media (max-width:640px){.s-steps{margin:0 0 16.2px;gap:9px}}
.s-steps li{display:grid}
.s-steps button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:grid;grid-template-columns:28px 1fr;align-content:start;gap:3px 10px;width:100%;padding:12px 14px 15px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);transition:background .3s,border-color .3s}@media (max-width:640px){.s-steps button{grid-template-columns:25.2px 1fr;gap:2.7px 9px;padding:10.8px 12.6px 13.5px;border-radius:12.6px}}
.s-steps button:hover{background:rgba(255,255,255,.08)}
.s-steps button:focus-visible{outline:3px solid var(--ga);outline-offset:2px}
.s-steps i{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 13px var(--f-display);font-style:normal;background:rgba(255,255,255,.1);color:#fff;transition:background .3s,color .3s}@media (max-width:640px){.s-steps i{width:25.2px;height:25.2px}}
.s-steps b{font:700 14.5px/1.3 var(--f-display);color:#fff}@media (max-width:640px){.s-steps b{font:700 14px/1.3 var(--f-display)}}
.s-steps span{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.9)}
.s-steps button.dn i{background:color-mix(in srgb,var(--ga) 30%,transparent)}
.s-steps button[aria-pressed="true"]{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--ga) 60%,transparent)}
.s-steps button[aria-pressed="true"] i{background:var(--ga);color:#071226}
.s-prog{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ga)}@media (max-width:640px){.s-prog{height:2.7px}}
.s-steps button.run .s-prog{animation:s-prog var(--t,3s) linear forwards}
@keyframes s-prog{to{width:100%}}
.s-con{position:relative;border-radius:18px;overflow:hidden;background:#f3f6fb;color:#14213a;font:13px/1.4 var(--f-body);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);user-select:none;-webkit-user-select:none}@media (max-width:640px){.s-con{border-radius:16.2px}}
.s-ctop{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;background:#fff;border-bottom:1px solid #e1e7f0}@media (max-width:640px){.s-ctop{gap:10.8px;height:48.6px;padding:0 14.4px}}
.s-clogo{display:flex;align-items:center;gap:8px;color:#027a1f}@media (max-width:640px){.s-clogo{gap:7.2px}}
.s-clogo i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8fbec}@media (max-width:640px){.s-clogo i{width:25.2px;height:25.2px;border-radius:7.2px}}
.s-clogo b{padding-left:8px;border-left:1px solid #e1e7f0;font:800 13px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#14213a}@media (max-width:640px){.s-clogo b{padding-left:7.2px}}
.s-cbr{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e1e7f0;border-radius:10px;font-size:14px}@media (max-width:640px){.s-cbr{gap:7.2px;padding:5.4px 9px;border-radius:9px}}
.s-cbr>i{font-style:normal;color:#5b6880;font-size:10px}
.s-cbr .s-ktv em{color:var(--g1)}
.s-csp{flex:1}
.s-clang{display:flex;gap:2px;padding:3px;border-radius:9px;background:#eef2f8;font:700 13px var(--f-mono)}@media (max-width:640px){.s-clang{padding:2.7px;border-radius:8.1px}}
.s-clang span{padding:4px 7px;border-radius:6px;color:#515d74}@media (max-width:640px){.s-clang span{padding:3.6px 6.3px;border-radius:5.4px}}.s-clang .on{background:var(--g1);color:#fff}
.s-clang{align-items:center;padding:3px 8px 3px 3px;gap:6px}@media (max-width:640px){.s-clang{padding:2.7px 7.2px 2.7px 2.7px;gap:5.4px}}.s-clang>i{font-style:normal;font-size:10px;color:#5b6880}
.s-clk{font-size:21px;color:#14213a}@media (max-width:640px){.s-clk{font-size:18.9px}}
.s-cst{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#e7f7ec;color:#167a3c;font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;transition:background .3s,color .3s}@media (max-width:640px){.s-cst{gap:5.4px;padding:4.5px 9px;border-radius:899.1px}}
.s-cst i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:b-blink 1.2s infinite}@media (max-width:640px){.s-cst i{width:6.3px;height:6.3px}}
.s-con.air .s-cst{background:#e5383b;color:#fff}
.s-cb{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:540px}@media (max-width:640px){.s-cb{grid-template-columns:208.8px minmax(0,1fr);min-height:486px}}
.s-cf{background:#fff;border-right:1px solid #e1e7f0;padding:14px;display:grid;gap:8px;align-content:start}@media (max-width:640px){.s-cf{padding:12.6px;gap:7.2px}}
.s-cf>small{font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#5b6880;margin-top:4px}@media (max-width:640px){.s-cf>small{margin-top:3.6px}}
.s-csel{display:flex;justify-content:space-between;padding:8px 10px;border:1px solid #e1e7f0;border-radius:9px;font-weight:600}@media (max-width:640px){.s-csel{padding:7.2px 9px;border-radius:8.1px}}
.s-csel i{font-style:normal;color:#5b6880;font-size:10px}
.s-cwk{display:flex;gap:4px}@media (max-width:640px){.s-cwk{gap:3.6px}}.s-cwk span{flex:1;text-align:center;padding:5px 0;border-radius:7px;border:1px solid #e1e7f0;font:700 13px var(--f-mono);color:#515d74}@media (max-width:640px){.s-cwk span{padding:4.5px 0;border-radius:6.3px}}.s-cwk .on{background:var(--g1);border-color:var(--g1);color:#fff}
.s-cm{border:1px solid #e1e7f0;border-radius:12px;padding:9px 10px;display:grid;gap:5px;background:#fff;transition:border-color .3s,box-shadow .3s,background .3s}@media (max-width:640px){.s-cm{border-radius:10.8px;padding:8.1px 9px;gap:4.5px}}
.s-cm .r{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;font-weight:600;font-size:12.5px}@media (max-width:640px){.s-cm .r{grid-template-columns:16.2px 1fr auto;gap:7.2px}}
.s-cm .r b{font:800 16px/1 "Barlow Condensed",sans-serif}@media (max-width:640px){.s-cm .r b{font:800 14.4px/1 "Barlow Condensed",sans-serif}}
.s-cm .f{display:flex;gap:6px;font:600 13px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:#5b6880}@media (max-width:640px){.s-cm .f{gap:5.4px}}
.s-cm .lv{color:#e5383b}.s-cm .sg{color:var(--g1);background:color-mix(in srgb,var(--g1) 12%,#fff);padding:1px 6px;border-radius:5px}@media (max-width:640px){.s-cm .sg{padding:1px 5.4px;border-radius:4.5px}}
.s-con.m .s-cm.m{border-color:var(--g1);box-shadow:0 0 0 3px color-mix(in srgb,var(--g1) 18%,transparent);background:color-mix(in srgb,var(--g1) 5%,#fff)}
.s-cmn{position:relative;padding:16px;min-width:0}@media (max-width:640px){.s-cmn{padding:14.4px}}
.s-c0{position:absolute;inset:16px;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;color:#5b6880;border:2px dashed #d7dfeb;border-radius:14px;transition:opacity .4s}@media (max-width:640px){.s-c0{inset:14.4px;gap:5.4px;border-radius:12.6px}}
.s-c0 b{color:#14213a;font:700 15px var(--f-display)}@media (max-width:640px){.s-c0 b{font:700 14px var(--f-display)}}.s-c0 svg{color:#b5c1d4}
.s-con.m .s-c0{opacity:0}
.s-c1{display:grid;gap:12px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}@media (max-width:640px){.s-c1{gap:10.8px;transform:translateY(9px)}}
.s-con.m .s-c1{opacity:1;transform:none}
.s-cmh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e1e7f0;border-radius:14px}@media (max-width:640px){.s-cmh{gap:10.8px;padding:10.8px 14.4px;border-radius:12.6px}}
.s-cmh>div{display:flex;align-items:center;gap:10px;font:800 18px var(--f-display)}@media (max-width:640px){.s-cmh>div{gap:9px;font:800 16.2px var(--f-display)}}.s-cmh>div:last-child{justify-content:flex-end}
.s-cmh>.s-cms{display:grid;justify-items:center;gap:4px}@media (max-width:640px){.s-cmh>.s-cms{gap:3.6px}}
.s-cms strong{font-size:34px;line-height:1}@media (max-width:640px){.s-cms strong{font-size:30.6px}}
.s-ctabs{display:flex;gap:6px;flex-wrap:wrap}@media (max-width:640px){.s-ctabs{gap:5.4px}}
.s-ctabs span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;background:#fff;border:1px solid #e1e7f0;font-weight:600;font-size:12.5px;color:#4a5872}@media (max-width:640px){.s-ctabs span{gap:5.4px;padding:5.4px 9.9px;border-radius:8.1px}}
.s-ctabs span i{font:700 13px var(--f-mono);font-style:normal;background:#eef2f8;border-radius:5px;padding:1px 5px}@media (max-width:640px){.s-ctabs span i{border-radius:4.5px;padding:1px 4.5px}}
.s-ctabs .on{background:var(--g1);border-color:var(--g1);color:#fff}.s-ctabs .on i{background:rgba(255,255,255,.22)}
.s-tlw{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:12px 16px 26px}@media (max-width:640px){.s-tlw{gap:12.6px;border-radius:12.6px;padding:10.8px 14.4px 23.4px}}
.s-tlr{display:grid;gap:14px;padding-top:3px;font:700 11.5px var(--f-display)}@media (max-width:640px){.s-tlr{gap:12.6px;padding-top:2.7px}}.s-tlr span{display:flex;align-items:center;gap:6px;height:24px}@media (max-width:640px){.s-tlr span{gap:5.4px;height:21.6px}}
.s-tl{position:relative;height:62px;margin-right:6px}@media (max-width:640px){.s-tl{height:55.8px;margin-right:5.4px}}
.s-tl .ax{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#e1e7f0}
.s-tl .now{position:absolute;top:-4px;bottom:-4px;left:calc(var(--m)/90*100%);width:2px;background:#e5383b}@media (max-width:640px){.s-tl .now{top:-3.6px;bottom:-3.6px}}
.s-ev{position:absolute;left:calc(var(--m)/90*100%);width:24px;height:24px;margin-left:-12px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid #c9d3e3;color:#14213a;transition:transform .3s,background .3s,border-color .3s,color .3s,box-shadow .3s}@media (max-width:640px){.s-ev{width:21.6px;height:21.6px;margin-left:-10.8px}}
.s-ev.top{top:0}.s-ev.bot{bottom:0}
.s-ev.rc{color:#e5383b}.s-ev.rc svg{fill:#e5383b}.s-ev.pm{color:#5b6880}
.s-con.a .s-ev.sel{background:var(--g1);border-color:var(--g1);color:#fff;transform:scale(1.2);box-shadow:0 0 0 5px color-mix(in srgb,var(--g1) 20%,transparent)}
.s-tm{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex;justify-content:space-between;font:600 13px var(--f-mono);color:#5b6880}@media (max-width:640px){.s-tm{top:calc(100% + 7.2px)}}
.s-tm span{width:0;display:flex;justify-content:center}
.s-csl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;opacity:0;transition:opacity .4s}@media (max-width:640px){.s-csl{gap:9px}}
.s-csl b{font:700 13.5px var(--f-display)}.s-csl span{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#5b6880}
.s-angs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px}@media (max-width:640px){.s-angs{gap:10.8px}}
.s-ang{background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:8px;display:grid;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s,border-color .3s,box-shadow .3s}@media (max-width:640px){.s-ang{border-radius:10.8px;padding:7.2px;gap:5.4px;transform:translateY(9px)}}
.s-ang+.s-ang{transition-delay:.12s}
.s-ang>span{font:700 11.5px var(--f-display);padding:0 2px}
.s-ang .s-scr{border-radius:7px}@media (max-width:640px){.s-ang .s-scr{border-radius:6.3px}}
.s-con.a .s-csl,.s-con.a .s-ang{opacity:1;transform:none}
.s-con.p .s-ang[data-t]{border-color:var(--g1);box-shadow:0 0 0 3px color-mix(in srgb,var(--g1) 18%,transparent)}
.s-pv{position:absolute;inset:12px;z-index:5;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(10,20,40,.35),0 0 0 1px #e1e7f0;display:grid;grid-template-rows:auto 1fr auto;opacity:0;transform:scale(.97) translateY(10px);transition:opacity .4s,transform .45s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.s-pv{inset:10.8px;border-radius:14.4px;transform:scale(.97) translateY(9px)}}
.s-con.p .s-pv{opacity:1;transform:none}
.s-pvh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e1e7f0}@media (max-width:640px){.s-pvh{gap:9px;padding:10.8px 14.4px}}
.s-pvt{display:inline-flex;align-items:center;gap:7px;font:700 13.5px var(--f-display)}@media (max-width:640px){.s-pvt{gap:6.3px}}.s-pvt svg{color:var(--g1)}
.s-ed{display:inline-flex;align-items:center;gap:5px;font:700 13px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#fff4dd;color:#9a6700;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}@media (max-width:640px){.s-ed{gap:4.5px;padding:2.7px 7.2px;border-radius:5.4px}}
.s-con.ed .s-ed{opacity:1;transform:none}
.s-pvx{margin-left:auto;color:#5b6880;font-size:18px;line-height:1}@media (max-width:640px){.s-pvx{font-size:16.2px}}
.s-pvs{width:min(100% - 32px,600px);justify-self:center;align-self:center;margin:12px 0 0}@media (max-width:640px){.s-pvs{width:min(100% - 28.8px,540px);margin:10.8px 0 0}}
.s-pv[data-sp=""] .g-sp{display:none}
.s-pv[data-sp="nw"] .g-sp .g-spl:not([data-k="nw"]),.s-pv[data-sp="bp"] .g-sp .g-spl:not([data-k="bp"]),.s-pv[data-sp="ka"] .g-sp .g-spl:not([data-k="ka"]){display:none}
.s-pv:not([data-sp=""]) .g-sp{animation:g-in .5s both}
.s-pvs [data-hd]{border-radius:.3cqw;padding:0 .3cqw;margin:0 -.3cqw;transition:box-shadow .3s,background .3s}
.s-con.e .s-pvs [data-hd]{background:rgba(255,255,255,.16);box-shadow:0 0 0 .25cqw #ffd987}
.s-con.e .s-pvs [data-hd]::after{content:"";display:inline-block;width:.25cqw;height:.85em;background:#fff;vertical-align:-.05em;margin-left:.15cqw;animation:b-blink .8s steps(1) infinite}
.s-pvf{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:14px 16px 16px;flex-wrap:wrap}@media (max-width:640px){.s-pvf{gap:12.6px;padding:12.6px 14.4px 14.4px}}
.s-sps{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width:640px){.s-sps{gap:5.4px}}
.s-sps small{width:100%;font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#5b6880}
.s-sps>span{display:inline-flex;align-items:center;height:34px;padding:0 10px;border-radius:9px;border:1px solid #e1e7f0;background:#f7f9fc;font:600 12px var(--f-display);color:#4a5872;transition:border-color .3s,background .3s,box-shadow .3s}@media (max-width:640px){.s-sps>span{height:30.6px;padding:0 9px;border-radius:8.1px}}
.s-sps>span.on{border-color:var(--g1);background:color-mix(in srgb,var(--g1) 8%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--g1) 15%,transparent)}
.s-sps .g-spl{gap:6px;color:#14213a}@media (max-width:640px){.s-sps .g-spl{gap:5.4px}}.s-sps .g-spl svg{width:18px;height:18px}@media (max-width:640px){.s-sps .g-spl svg{width:16.2px;height:16.2px}}.s-sps .g-spl b{font:700 12.5px/1 var(--f-display)}.s-sps .g-spl i{font-size:6.5px;color:#5b6880}
.s-sps .g-spl[data-k="nw"] path{fill:#e0a526}.s-sps .g-spl[data-k="bp"] path{stroke:#1f8fd1}.s-sps .g-spl[data-k="ka"] path{fill:#f06a3a}
.s-take{display:grid;justify-items:end;gap:7px}@media (max-width:640px){.s-take{gap:6.3px}}
.s-take small{display:flex;align-items:center;gap:5px;font-size:11px;color:#515d74}@media (max-width:640px){.s-take small{gap:4.5px}}
.s-tb{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:10px;background:#e5383b;color:#fff;font:800 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;transition:background .3s;box-shadow:0 8px 20px rgba(229,56,59,.3)}@media (max-width:640px){.s-tb{gap:8.1px;padding:9.9px 16.2px;border-radius:9px}}
.s-tb i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}@media (max-width:640px){.s-tb i{width:8.1px;height:8.1px}}
.s-con.t1 .s-tb{background:#e08a00;box-shadow:0 8px 20px rgba(224,138,0,.3)}
.s-con.air .s-tb{background:#b3141c}.s-con.air .s-tb i{animation:b-blink .8s infinite}
.s-cur{position:absolute;left:0;top:0;z-index:9;pointer-events:none;opacity:0;transition:transform .8s cubic-bezier(.5,0,.2,1),opacity .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.s-cur.on{opacity:1}
.s-cur svg{display:block;transition:transform .15s}
.s-cur::after{content:"";position:absolute;left:-10px;top:-12px;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--g1) 50%,transparent);opacity:0}@media (max-width:640px){.s-cur::after{left:-9px;top:-10.8px;width:25.2px;height:25.2px}}
.s-cur.s-tap svg{transform:scale(.85)}
.s-cur.s-tap::after{animation:s-ck .55s}
@keyframes s-ck{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}

/* GALLERY */
.s-gal{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:start}@media (max-width:640px){.s-gal{gap:clamp(19.8px,3vw,36px)}}
.s-mon{position:relative;padding:9px;border-radius:16px;background:linear-gradient(180deg,#1b2436,#0b0f18);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08),0 0 140px color-mix(in srgb,var(--g1) 22%,transparent);margin-bottom:24px}@media (max-width:640px){.s-mon{padding:8.1px;border-radius:14.4px;margin-bottom:21.6px}}
.s-gb{display:flex;justify-content:space-between;align-items:flex-end;gap:18px 24px;flex-wrap:wrap;margin-top:34px}@media (max-width:640px){.s-gb{gap:16.2px 21.6px;margin-top:30.6px}}
.s-ins{max-width:360px;border-left:3px solid var(--gy);padding:2px 0 2px 14px}@media (max-width:640px){.s-ins{padding:2px 0 2px 12.6px}}
.s-ins small{font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gy)}
.s-ins p{margin:4px 0 0;font:600 16px/1.4 var(--f-display);color:#fff}@media (max-width:640px){.s-ins p{margin:3.6px 0 0;font:600 14.4px/1.4 var(--f-display)}}
.s-look{margin-top:0}
.s-gl{list-style:none;margin:0;padding:0;display:grid;gap:8px}@media (max-width:640px){.s-gl{gap:7.2px}}
.s-gl li{display:grid}
.s-gl button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:38px 1fr;gap:1px 12px;align-items:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:background .3s,border-color .3s}@media (max-width:640px){.s-gl button{grid-template-columns:34.2px 1fr;gap:1px 10.8px;padding:9px 12.6px;border-radius:12.6px}}
.s-gl button:hover{background:rgba(255,255,255,.07)}
.s-gl button:focus-visible{outline:3px solid var(--ga);outline-offset:2px}
.s-gl i{grid-row:1/3;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--ga);transition:background .3s,color .3s}@media (max-width:640px){.s-gl i{width:34.2px;height:34.2px;border-radius:9px}}
.s-gl b{font:700 14.5px/1.3 var(--f-display);color:#fff}@media (max-width:640px){.s-gl b{font:700 14px/1.3 var(--f-display)}}
.s-gl span{font-size:12.5px;color:rgba(255,255,255,.9);line-height:1.4}
.s-gl button[aria-pressed="true"]{background:rgba(255,255,255,.09);border-color:color-mix(in srgb,var(--ga) 55%,transparent)}
.s-gl button[aria-pressed="true"] i{background:linear-gradient(160deg,var(--g1),var(--g2));color:#fff}
.s-gl button::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--ga)}
.s-gl.auto button[aria-pressed="true"]::after{animation:s-prog 4.4s linear forwards}

/* ACROSS THE BROADCAST */
.s-arc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}@media (max-width:640px){.s-arc{gap:clamp(14.4px,2vw,21.6px)}}
.s-ac{padding:18px;display:grid;gap:14px;grid-template-rows:auto 1fr auto;align-content:start}@media (max-width:640px){.s-ac{padding:16.2px;gap:12.6px}}
.s-ach{display:flex;align-items:center;gap:12px}@media (max-width:640px){.s-ach{gap:10.8px}}
.s-ach b{display:block;font:800 17px/1.25 var(--f-display);color:var(--ink)}@media (max-width:640px){.s-ach b{font:800 15.3px/1.25 var(--f-display)}}
.s-ach small{display:block;font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.s-ac>p{font-size:14.5px;line-height:1.55;color:var(--body);margin:0}@media (max-width:640px){.s-ac>p{font-size:14px}}
.s-wall,.s-arcv,.s-post{border-radius:14px;background:linear-gradient(180deg,#0d1b36,#071226);color:#fff;padding:14px;display:grid;gap:12px;align-content:start;font-size:12px;line-height:1.4}@media (max-width:640px){.s-wall,.s-arcv,.s-post{border-radius:12.6px;padding:12.6px;gap:10.8px}}
.s-wh{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.s-wh{gap:3.6px 7.2px;padding-bottom:9px}}
.s-wh small{grid-column:1/-1;font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ga)}
.s-wh b{display:flex;align-items:center;gap:6px;font:800 17px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}@media (max-width:640px){.s-wh b{gap:5.4px;font:800 15.3px/1 "Barlow Condensed",sans-serif}}
.s-wh b i{font-style:normal;color:rgba(255,255,255,.9);font-size:13px}
.s-wh span{font:600 13px var(--f-mono);color:rgba(255,255,255,.9)}
.s-wg{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:640px){.s-wg{gap:10.8px}}
.s-wg small{display:block;font:600 13px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:7px}@media (max-width:640px){.s-wg small{margin-bottom:6.3px}}
.s-wg p{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;margin:0 0 5px}@media (max-width:640px){.s-wg p{grid-template-columns:25.2px 1fr;gap:5.4px;margin:0 0 4.5px}}
.s-wg p em{font:700 13px var(--f-mono);font-style:normal;color:rgba(255,255,255,.9)}
.s-wg .c-l5{gap:2px}.s-wg .c-l5 span{font-size:9px;padding:2px 0;border-radius:4px}@media (max-width:640px){.s-wg .c-l5 span{border-radius:3.6px}}
.s-w3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.s-w3 b{font-size:26px;line-height:1}@media (max-width:640px){.s-w3 b{font-size:23.4px}}
.s-w3 b:first-child{color:var(--ga)}.s-w3 b:last-child{color:var(--gy)}
.s-w3l{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font:600 13px var(--f-mono);text-transform:uppercase;color:rgba(255,255,255,.9);margin-top:3px}@media (max-width:640px){.s-w3l{margin-top:2.7px}}
.s-wd{grid-column:1/-1;background:rgba(255,255,255,.06);border-radius:10px;padding:9px 10px}@media (max-width:640px){.s-wd{border-radius:9px;padding:8.1px 9px}}
.s-wg .s-wd p{display:block;margin:0;font-size:12.5px;line-height:1.45}.s-wd b{color:var(--ga)}
.s-chips2{display:grid;gap:6px}@media (max-width:640px){.s-chips2{gap:5.4px}}
.s-chips2 span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.06);font:600 12px var(--f-display)}@media (max-width:640px){.s-chips2 span{gap:7.2px;padding:7.2px 9px;border-radius:8.1px}}
.s-chips2 svg{color:var(--ga);flex:none}
.s-top{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.s-top{grid-template-columns:46.8px 1fr;gap:10.8px;padding-bottom:9px}}
.s-top .g-av{width:52px;height:52px;border-radius:12px}@media (max-width:640px){.s-top .g-av{width:46.8px;height:46.8px;border-radius:10.8px}}
.s-top small{display:block;font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gy)}
.s-top b{display:block;font:800 20px/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase}@media (max-width:640px){.s-top b{font:800 18px/1.1 "Barlow Condensed",sans-serif}}
.s-top span{font-size:11px;color:rgba(255,255,255,.9)}
.s-tp small{display:block;font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ga);margin-bottom:8px}@media (max-width:640px){.s-tp small{margin-bottom:7.2px}}
.s-tp p{display:grid;grid-template-columns:20px 1fr;gap:8px;margin:0 0 8px;font-size:12.5px;line-height:1.4}@media (max-width:640px){.s-tp p{grid-template-columns:18px 1fr;gap:7.2px;margin:0 0 7.2px}}
.s-tp i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:800 11px var(--f-display);font-style:normal;background:linear-gradient(160deg,var(--g1),var(--g2))}@media (max-width:640px){.s-tp i{width:18px;height:18px;border-radius:5.4px}}

/* BRANDED INSIGHTS FAN */
.s-fan{display:grid;gap:16px}@media (max-width:640px){.s-fan{gap:14.4px}}
.s-fc{padding:6px;border-radius:14px;background:linear-gradient(180deg,#1b2436,#0b0f18);box-shadow:0 20px 44px rgba(10,20,40,.22);filter:saturate(.3) brightness(.78);transform:scale(.97);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s}@media (max-width:640px){.s-fc{padding:5.4px;border-radius:12.6px}}
.s-fc:nth-child(2){margin-left:6%}.s-fc:nth-child(3){margin-left:12%}
.s-fc.on{filter:none;transform:none;box-shadow:0 26px 56px rgba(10,20,40,.32)}
.s-crop{aspect-ratio:100/21;border-radius:8px}@media (max-width:640px){.s-crop{border-radius:7.2px}}
.s-crop .g-x{top:4.6cqw;bottom:auto;left:4cqw;right:4cqw}
.s-crop .g-strip{top:2.6cqw}
.s-fc.on .g-sp{animation:s-spg 1.6s .25s}
@keyframes s-spg{0%,100%{box-shadow:inset 0 0 0 0 rgba(242,193,78,0)}35%{box-shadow:inset 0 0 0 .45cqw rgba(242,193,78,.95)}}

/* SAFE TO AIR */
.s-safe{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}@media (max-width:640px){.s-safe{gap:clamp(21.6px,4vw,50.4px)}}
.s-sfw{position:relative;padding:9px;border-radius:16px;background:linear-gradient(180deg,#1b2436,#0b0f18);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}@media (max-width:640px){.s-sfw{padding:8.1px;border-radius:14.4px}}
.s-sfw .g-l3{bottom:7.5cqw}
.s-sa{position:absolute;z-index:4;border:1.5px dashed rgba(255,255,255,.55);border-radius:2px;pointer-events:none;font-style:normal}
.s-sa.a93{inset:3.5%}.s-sa.t90{inset:5%;border-color:rgba(255,217,135,.85)}
.s-sa em{position:absolute;bottom:.5cqw;left:.7cqw;font:600 1.1cqw/1 var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9);background:rgba(6,13,28,.7);padding:.35cqw .6cqw;border-radius:.3cqw;white-space:nowrap}
.s-sa.t90 em{left:auto;right:.7cqw;color:#ffd987}
.s-wn{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:.6cqw;padding:.7cqw 1.1cqw;border-radius:.6cqw;background:#ffb020;color:#1a1206;font:700 1.5cqw/1 var(--f-display);white-space:nowrap;box-shadow:0 .5cqw 1.5cqw rgba(0,0,0,.35)}
.s-wn svg{width:1.7cqw;height:1.7cqw}
.s-wn::after{content:"";position:absolute;left:2.2cqw;top:100%;border:.8cqw solid transparent;border-top-color:#ffb020}
.s-wn.w1{left:22cqw;bottom:20.5cqw}
.s-wn.w2{right:9cqw;bottom:20.5cqw}.s-wn.w2::after{left:auto;right:3cqw}
.s-lk{position:absolute;z-index:5;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#fff;color:#0a1a38;display:grid;place-items:center;box-shadow:0 .3cqw 1cqw rgba(0,0,0,.35)}
.s-lk svg{width:1.6cqw;height:1.6cqw}
.s-lk.l1{left:5.8cqw;bottom:17cqw}
.s-lk.l2{right:20.5cqw;bottom:17cqw}
.s-sfw.on .s-wn{animation:s-pop 7s infinite both}.s-sfw.on .s-wn.w2{animation-delay:1.2s}
@keyframes s-pop{0%,6%{opacity:0;transform:translateY(30%) scale(.9)}12%,80%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-20%)}}
.s-sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}@media (max-width:640px){.s-sl{gap:19.8px 21.6px}}
.s-sl li{display:grid;gap:6px;align-content:start}@media (max-width:640px){.s-sl li{gap:5.4px}}
.s-sl .s-si{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--ga);margin-bottom:4px}@media (max-width:640px){.s-sl .s-si{width:36px;height:36px;border-radius:10.8px;margin-bottom:3.6px}}
.s-sl b{font:800 15.5px/1.3 var(--f-display);color:#fff}@media (max-width:640px){.s-sl b{font:800 14px/1.3 var(--f-display)}}
.s-sl li>span:last-child{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.9)}

/* SPORTS STATS ASSISTANT */
.s-as{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4.5vw,60px);align-items:center}@media (max-width:640px){.s-as{gap:clamp(25.2px,4.5vw,54px)}}
.s-lap{position:relative}
.s-lsc{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto auto auto 1fr;height:510px;overflow:hidden;border:10px solid #0b0f18;border-radius:16px 16px 4px 4px;background:#fff;box-shadow:0 30px 70px rgba(10,20,40,.28);color:#14213a}@media (max-width:640px){.s-lsc{grid-template-columns:minmax(0,1fr) 252px;height:459px;border-radius:14.4px 14.4px 3.6px 3.6px}}
.s-wnav{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:0 16px;height:44px;background:#0b1630;color:rgba(255,255,255,.9);font:600 12px var(--f-display);white-space:nowrap;overflow:hidden}@media (max-width:640px){.s-wnav{gap:14.4px;padding:0 14.4px;height:39.6px}}
.s-wnav .s-ktv{color:#fff;font-size:16px;margin-right:6px}@media (max-width:640px){.s-wnav .s-ktv{font-size:14.4px;margin-right:5.4px}}
.s-wnav .on{color:#fff;box-shadow:0 2px var(--ga);padding:3px 0}@media (max-width:640px){.s-wnav .on{padding:2.7px 0}}
.s-wnav .lv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#fff;background:#e5383b;padding:3px 9px;border-radius:6px;font:700 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase}@media (max-width:640px){.s-wnav .lv{gap:5.4px;padding:2.7px 8.1px;border-radius:5.4px}}
.s-whero{position:relative;height:150px;overflow:hidden;color:#fff;display:grid;align-content:center;justify-items:center;gap:8px;grid-column:1}@media (max-width:640px){.s-whero{height:135px;gap:7.2px}}
.s-whero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,21,.3),rgba(5,10,21,.7))}
.s-wsb,.s-whero>p{position:relative;z-index:1}
.s-wsb{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}@media (max-width:640px){.s-wsb{gap:14.4px}}
.s-wsb>div{display:flex;align-items:center;gap:8px;font:800 15px var(--f-display)}@media (max-width:640px){.s-wsb>div{gap:7.2px;font:800 14px var(--f-display)}}.s-wsb>div:first-child{justify-content:flex-end}
.s-wsb>div:nth-child(2){display:grid;justify-items:center;gap:2px}
.s-wsb strong{font-size:40px;line-height:1}@media (max-width:640px){.s-wsb strong{font-size:36px}}.s-wsb small{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.s-whero>p{margin:0;font-size:11px;opacity:.85}
.s-wtabs{grid-column:1;display:flex;gap:16px;padding:0 16px;border-bottom:1px solid #e6eaf1;font:600 11.5px var(--f-display);color:#515d74;overflow:hidden;white-space:nowrap}@media (max-width:640px){.s-wtabs{gap:14.4px;padding:0 14.4px}}
.s-wtabs span{padding:10px 0}@media (max-width:640px){.s-wtabs span{padding:9px 0}}.s-wtabs .on{color:#0b1630;box-shadow:inset 0 -2px #0b1630}
.s-wst{grid-column:1;padding:16px 18px;display:grid;gap:12px;align-content:start}@media (max-width:640px){.s-wst{padding:14.4px 16.2px;gap:10.8px}}
.s-wst>b{font:800 14px var(--f-display)}
.s-wst>div{position:relative;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding-bottom:9px;font:800 15px/1 "Barlow Condensed",sans-serif}@media (max-width:640px){.s-wst>div{grid-template-columns:37.8px 1fr 37.8px;padding-bottom:8.1px;font:800 14px/1 "Barlow Condensed",sans-serif}}
.s-wst>div span:last-of-type{text-align:right}
.s-wst em{font:600 13px var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#515d74;text-align:center}
.s-wst i{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:3px;background:linear-gradient(90deg,#0b1630 var(--a),#d5dce7 var(--a))}@media (max-width:640px){.s-wst i{height:3.6px;border-radius:2.7px}}
.s-wa{grid-column:2;grid-row:2/5;border-radius:0;border-left:1px solid #22345e;font-size:12px;min-height:0}
.s-wa .cw-h{padding-bottom:10px;font-size:13px}@media (max-width:640px){.s-wa .cw-h{padding-bottom:9px}}
.s-wai{width:24px;height:24px;border-radius:8px;background:var(--ka);color:var(--ko);display:grid;place-items:center;flex:none}@media (max-width:640px){.s-wai{width:21.6px;height:21.6px;border-radius:7.2px}}
.s-wa .cw-h small.s-wlg{font:600 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--km);border:1px solid var(--kl);border-radius:6px;padding:4px 6px}@media (max-width:640px){.s-wa .cw-h small.s-wlg{border-radius:5.4px;padding:3.6px 5.4px}}
.s-wa .cw-b{overflow:hidden;min-height:0;gap:9px}@media (max-width:640px){.s-wa .cw-b{gap:8.1px}}
.s-wpb{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid var(--kl);background:var(--ks)}@media (max-width:640px){.s-wpb{gap:7.2px;padding:6.3px 12.6px}}
.s-wpb small{font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--km)}
.s-wpb .g-spl{gap:5px}@media (max-width:640px){.s-wpb .g-spl{gap:4.5px}}.s-wpb .g-spl svg{width:15px;height:15px}@media (max-width:640px){.s-wpb .g-spl svg{width:13.5px;height:13.5px}}.s-wpb .g-spl b{font:700 11.5px/1 var(--f-display)}.s-wpb .g-spl i{font-size:6px}
.s-wa .cw-chips{flex-wrap:nowrap;overflow:hidden}.s-wa .cw-chip{white-space:nowrap}
.s-wa .c-ans p{font-size:12.5px;line-height:1.5;margin:0}
.s-wa .c-me{font-size:12px}
.s-wa .c-ev div{grid-template-columns:28px 16px 1fr}@media (max-width:640px){.s-wa .c-ev div{grid-template-columns:25.2px 14.4px 1fr}}
.s-wa .c-tp .av{width:32px;height:32px;font-size:13px}@media (max-width:640px){.s-wa .c-tp .av{width:28.8px;height:28.8px}}
.s-wa .c-tp+.c-tp{padding-top:6px;border-top:1px solid var(--kl)}@media (max-width:640px){.s-wa .c-tp+.c-tp{padding-top:5.4px}}
.s-rcd{display:block;width:9px;height:13px;border-radius:2px;background:#e5383b;justify-self:center}@media (max-width:640px){.s-rcd{width:8.1px;height:11.7px}}
.c-tp .av.s-avr{background:#5b6b7f;color:#fff}
.s-lbase{position:relative;height:14px;margin:0 -3%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#c9d1dd,#97a2b3)}@media (max-width:640px){.s-lbase{height:12.6px;border-radius:0 0 12.6px 12.6px}}
.s-lbase::before{content:"";position:absolute;left:50%;top:0;width:16%;height:5px;margin-left:-8%;border-radius:0 0 6px 6px;background:#a9b3c2}@media (max-width:640px){.s-lbase::before{height:4.5px;border-radius:0 0 5.4px 5.4px}}
.s-qs{align-items:center;margin-top:26px}@media (max-width:640px){.s-qs{margin-top:23.4px}}
.s-qsl{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}@media (max-width:640px){.s-qsl{margin-right:3.6px}}

/* BRANDED INSIGHT: momentum as a lower third */
.g-mbar{left:7cqw;right:7cqw;bottom:5cqw;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:11cqw;background:linear-gradient(180deg,var(--g1),var(--g2))}
.g-mbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:.4cqw;background:var(--ga)}
.g-mbl{display:grid;align-content:center;gap:.7cqw;padding:0 2.6cqw;background:rgba(4,10,24,.28)}
.g-mbl b{font:800 3.3cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.g-mbl small{font:600 1.05cqw/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ga);white-space:nowrap}
.g-mbb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.6cqw;padding:0 2.4cqw;min-width:0}
.g-mbb span{display:flex;align-items:center;gap:1.1cqw}
.g-mbb b{font:800 3.8cqw/1 "Barlow Condensed",sans-serif}
.g-mbb .tcr{width:4.4cqw;height:4.4cqw;border-radius:50%;background:#fff}.g-mbb .tcr svg{width:2.5cqw;height:auto}
.g-mbb i{display:block;height:1.3cqw;border-radius:1cqw;background:linear-gradient(90deg,var(--ga) var(--a),var(--gy) var(--a))}
.g-mbar.on .g-mbb i{animation:g-bar 1s .35s both}

/* YOUTUBE AND DIGITAL SHOWS */
.s-yt{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;max-width:1080px;margin:0 auto;padding:10px;border-radius:20px;background:#0b0f18;box-shadow:0 40px 90px rgba(10,20,40,.3);color:#fff}@media (max-width:640px){.s-yt{grid-template-columns:minmax(0,1fr) 243px;gap:9px;padding:9px;border-radius:18px}}
.s-ytm{display:grid;gap:10px;align-content:start;min-width:0}@media (max-width:640px){.s-ytm{gap:9px}}
.s-ytv{position:relative;container-type:inline-size;aspect-ratio:16/9;overflow:hidden;border-radius:12px;font-family:var(--f-body);line-height:1.2;color:#fff;
  background:radial-gradient(60% 70% at 25% 0,color-mix(in srgb,var(--g1) 42%,transparent),transparent 70%),radial-gradient(50% 60% at 100% 100%,color-mix(in srgb,var(--g1) 24%,transparent),transparent 70%),linear-gradient(160deg,#0d1a36,#050a15)}@media (max-width:640px){.s-ytv{border-radius:10.8px}}
.s-ytv::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3.2cqw),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3.2cqw)}
.y-top{position:absolute;left:3cqw;top:3cqw;display:flex;align-items:center;gap:1.2cqw;font:800 2.2cqw/1 "Barlow Condensed",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.y-top .s-ktv{font-size:2.2cqw}
.y-top b{padding-left:1.2cqw;border-left:1px solid rgba(255,255,255,.3)}
.y-top i{font:700 1.1cqw/1 var(--f-mono);font-style:normal;letter-spacing:.16em;background:#e5383b;padding:.45cqw .8cqw;border-radius:.4cqw}
.y-ins,.y-mom{position:absolute;top:9.5cqw;border-radius:1.2cqw;background:rgba(6,13,28,.74);border:1px solid rgba(255,255,255,.14)}
.y-ins{left:3cqw;width:32cqw;padding:2cqw 2.2cqw;display:grid;gap:.8cqw;align-content:start}
.y-ins small{font:700 1.15cqw/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ga)}
.y-ins b{font:800 7cqw/.9 "Barlow Condensed",sans-serif}
.y-ins span{font:700 1.9cqw/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.y-ins p{margin:0;font-size:1.5cqw;line-height:1.35;color:rgba(255,255,255,.9)}
.y-mom{right:3cqw;width:58cqw;padding:1.8cqw 2cqw 1.4cqw;display:grid;gap:1cqw}
.y-mh{display:flex;align-items:center;justify-content:space-between}
.y-mh b{font:800 2.2cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.y-mh span{display:flex;gap:.8cqw}.y-mh .tcr{width:3cqw;height:3cqw;border-radius:50%;background:#fff}.y-mh .tcr svg{width:1.7cqw;height:auto}
.y-q{position:absolute;left:3cqw;right:3cqw;bottom:3.4cqw;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border-radius:1.2cqw;overflow:hidden;background:linear-gradient(180deg,var(--g1),var(--g2));box-shadow:0 1cqw 3cqw rgba(0,0,0,.4)}
.y-qa{display:flex;align-items:center;gap:1.6cqw;padding:1.8cqw 2.2cqw;min-width:0}
.y-qa>i{width:5cqw;height:5cqw;border-radius:50%;display:grid;place-items:center;flex:none;background:#f2c14e;color:#1a1206;font:800 2.4cqw/1 var(--f-display);font-style:normal}
.y-q small{display:block;font:700 1.1cqw/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:.7cqw}
.y-qa b{display:block;font:700 2.2cqw/1.15 var(--f-display)}
.y-qr{display:flex;align-items:center;gap:1.6cqw;padding:1.8cqw 2.4cqw;background:rgba(4,10,24,.55);min-width:0}
.y-ss{width:4.6cqw;height:4.6cqw;border-radius:1.2cqw;display:grid;place-items:center;flex:none;background:#e8fbec;color:#027a1f}.y-ss svg{width:2.6cqw;height:2.6cqw}
.y-qr small{color:#86e3ab}
.y-qr p{margin:0;font:500 1.9cqw/1.3 var(--f-body)}.y-qr p b{color:var(--ga);font-weight:800}
html.js .y-q{opacity:0;transform:translateY(30%);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.js .y-q.on{opacity:1;transform:none}
html.js .y-qr>*{opacity:0;transform:translateX(-3cqw);transition:opacity .4s,transform .5s}
html.js .y-q.ans .y-qr>*{opacity:1;transform:none}
.s-ytb{display:grid;gap:9px;padding:0 4px 4px}@media (max-width:640px){.s-ytb{gap:8.1px;padding:0 3.6px 3.6px}}
.y-pr{display:block;height:4px;border-radius:2px;background:#e5383b}@media (max-width:640px){.y-pr{height:3.6px}}
.y-ctl{display:flex;align-items:center;gap:12px;min-width:0}@media (max-width:640px){.y-ctl{gap:10.8px}}
.y-lv{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}@media (max-width:640px){.y-lv{gap:5.4px}}
.y-lv::before{content:"";width:8px;height:8px;border-radius:50%;background:#e5383b;animation:b-blink 1.2s infinite}@media (max-width:640px){.y-lv::before{width:7.2px;height:7.2px}}
.y-ctl b{font:700 15px var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width:640px){.y-ctl b{font:700 14px var(--f-display)}}
.y-ctl .s-ktv{margin-left:auto;font-size:15px}@media (max-width:640px){.y-ctl .s-ktv{font-size:14px}}
.s-ytc{display:flex;flex-direction:column;min-height:0;border-radius:12px;background:#121826;border:1px solid rgba(255,255,255,.08);overflow:hidden}@media (max-width:640px){.s-ytc{border-radius:10.8px}}
.y-chh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}@media (max-width:640px){.y-chh{gap:9px;padding:10.8px 12.6px}}
.y-chh b{font:700 14px var(--f-display)}.y-chh small{font-size:11.5px;color:rgba(255,255,255,.9)}
.y-msgs{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px 14px;min-height:0;overflow:hidden}@media (max-width:640px){.y-msgs{gap:5.4px;padding:9px 12.6px}}
.y-m{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;margin:0 -8px;padding:6px 8px;border-radius:10px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.9);transition:background .4s,box-shadow .4s}@media (max-width:640px){.y-m{grid-template-columns:21.6px minmax(0,1fr);gap:8.1px;margin:0 -7.2px;padding:5.4px 7.2px;border-radius:9px}}
.y-m>i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--f-display);font-style:normal;background:var(--c);color:#0b0f18}@media (max-width:640px){.y-m>i{width:21.6px;height:21.6px}}
.y-m b{display:block;font:600 11.5px var(--f-display);color:rgba(255,255,255,.9)}
.y-m em{display:none;width:max-content;margin-top:5px;padding:2px 7px;border-radius:5px;font:700 13px/1.4 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--ga);color:#071226}@media (max-width:640px){.y-m em{margin-top:4.5px;padding:2px 6.3px;border-radius:4.5px}}
.y-m.pk{background:color-mix(in srgb,var(--g1) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ga) 60%,transparent)}
.y-m.pk em{display:block}
html.js .y-m.a{display:none}
html.js .y-m.a.on{display:grid;animation:y-in .45s both}
@keyframes y-in{from{opacity:0;transform:translateY(10px)}}
.y-cin{margin:0 12px 12px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.9)}@media (max-width:640px){.y-cin{margin:0 10.8px 10.8px;padding:9px 12.6px;border-radius:899.1px}}
.s-sh3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px;margin:clamp(30px,4vw,44px) auto 0}@media (max-width:640px){.s-sh3{gap:21.6px;margin:clamp(27px,4vw,39.6px) auto 0}}

/* ONE INSIGHT, MANY OUTPUTS */
.s-many{max-width:1100px;margin:0 auto}
.s-mi{position:relative;z-index:1;display:flex;align-items:center;gap:14px;max-width:600px;margin:0 auto;padding:14px 22px 14px 14px;border-radius:18px;background:var(--surface);border:2px solid var(--edge);box-shadow:var(--sh)}@media (max-width:640px){.s-mi{gap:12.6px;padding:12.6px 19.8px 12.6px 12.6px;border-radius:16.2px}}
.s-mii{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(160deg,#1f9d55,#027a1f);color:#fff}@media (max-width:640px){.s-mii{width:41.4px;height:41.4px;border-radius:11.7px}}
.s-mi small{display:block;font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.s-mi p{margin:3px 0 0;font:700 16.5px/1.4 var(--f-display);color:var(--ink)}@media (max-width:640px){.s-mi p{margin:2.7px 0 0;font:700 14.85px/1.4 var(--f-display)}}
.s-mln{display:block;width:100%;height:64px}@media (max-width:640px){.s-mln{height:57.6px}}
.s-mln path{fill:none;stroke:var(--green);stroke-opacity:.6;stroke-width:2;stroke-dasharray:6 8;animation:s-dash 1.4s linear infinite;vector-effect:non-scaling-stroke}
.s-mos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width:640px){.s-mos{gap:14.4px}}
.s-mo{padding:12px 12px 16px;display:grid;gap:12px;align-content:start}@media (max-width:640px){.s-mo{padding:10.8px 10.8px 14.4px;gap:10.8px}}
.s-moh{display:flex;align-items:center;gap:8px;padding:2px 2px 0}@media (max-width:640px){.s-moh{gap:7.2px}}.s-moh b{font:800 15.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.s-moh b{font:800 14px var(--f-display)}}.s-moh svg{color:var(--green)}
.s-mov{position:relative;aspect-ratio:16/11;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#0d1b36,#050a15);color:#fff;display:grid;place-items:center;padding:10px}@media (max-width:640px){.s-mov{border-radius:10.8px;padding:9px}}
.s-mov .s-scr,.s-myt{width:100%}
.s-mo>p{margin:0;padding:0 2px;font-size:14px;line-height:1.5;color:var(--body)}
.s-lock{position:absolute;inset:0;padding:12px;display:grid;align-content:start;justify-items:center;background:radial-gradient(80% 60% at 50% 0,color-mix(in srgb,var(--g1) 50%,transparent),transparent 75%),linear-gradient(170deg,#14284d,#060c1a)}@media (max-width:640px){.s-lock{padding:10.8px}}
.s-lock>small{font:600 11px var(--f-display);color:rgba(255,255,255,.9)}
.s-lock>b{font:700 34px/1.05 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.s-lock>b{font:700 30.6px/1.05 var(--f-display)}}
.s-push{width:100%;margin-top:10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.17);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left}@media (max-width:640px){.s-push{margin-top:9px;grid-template-columns:25.2px minmax(0,1fr);gap:8.1px;padding:8.1px 9px;border-radius:12.6px}}
.s-pa{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(160deg,var(--ga),var(--g1));font:800 15px/1 "Barlow Condensed",sans-serif}@media (max-width:640px){.s-pa{width:25.2px;height:25.2px;border-radius:7.2px;font:800 14px/1 "Barlow Condensed",sans-serif}}
.s-push small{display:flex;justify-content:space-between;font:600 13px var(--f-mono);letter-spacing:.06em;color:rgba(255,255,255,.9)}.s-push small b{font:inherit;color:#fff}.s-push small em{font-style:normal}
.s-push>div>b{display:block;font:700 12.5px/1.3 var(--f-display);margin-top:2px}
.s-push>div>span{display:block;font-size:11px;line-height:1.35;color:rgba(255,255,255,.9)}
.s-mw{position:absolute;inset:10px;border-radius:8px;background:#fff;color:#14213a;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}@media (max-width:640px){.s-mw{inset:9px;border-radius:7.2px}}
.s-mwn{display:flex;align-items:center;gap:12px;height:26px;padding:0 10px;background:#0b1630;color:#fff;font:600 10px var(--f-display)}@media (max-width:640px){.s-mwn{gap:10.8px;height:23.4px;padding:0 9px}}
.s-mwn .s-ktv{font-size:12px}.s-mwn span{color:rgba(255,255,255,.9);box-shadow:0 2px var(--ga)}
.s-mws{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #e6eaf1;font:800 12px var(--f-display)}@media (max-width:640px){.s-mws{gap:7.2px;padding:5.4px 9px}}
.s-mws span{display:flex;align-items:center;gap:5px}@media (max-width:640px){.s-mws span{gap:4.5px}}.s-mws span:last-child{justify-content:flex-end}.s-mws strong{font-size:18px}@media (max-width:640px){.s-mws strong{font-size:16.2px}}
.s-mwf{margin:7px 10px 8px;padding:7px 10px;border-radius:9px;border-left:3px solid #1f9d55;background:#e8f7ec;align-self:start}@media (max-width:640px){.s-mwf{margin:6.3px 9px 7.2px;padding:6.3px 9px;border-radius:8.1px}}
.s-mwf small{display:block;font:700 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#167a3c}
.s-mwf p{margin:2px 0 0;font-size:11.5px;line-height:1.4;color:#14213a}
.s-myt{display:grid;gap:6px}@media (max-width:640px){.s-myt{gap:5.4px}}
.s-ytv.sm{border-radius:6px}@media (max-width:640px){.s-ytv.sm{border-radius:5.4px}}
.s-ytv.sm .y-top{left:5cqw;top:5cqw;font-size:4.4cqw;gap:2.4cqw}.s-ytv.sm .y-top .s-ktv{font-size:4.6cqw}.s-ytv.sm .y-top i{font-size:2.6cqw;padding:1cqw 1.8cqw;border-radius:.8cqw}
.y-l3{position:absolute;left:5cqw;right:5cqw;bottom:6cqw;padding:3cqw 3.6cqw;border-radius:1.8cqw;background:linear-gradient(180deg,var(--g1),var(--g2));display:grid;gap:1.4cqw}
.y-l3 small{font:700 2.6cqw/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ga)}
.y-l3 b{font:800 6cqw/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
.s-mytb{display:flex;align-items:center;gap:8px}@media (max-width:640px){.s-mytb{gap:7.2px}}.s-mytb i{flex:1;height:3px;border-radius:2px;background:#e5383b}@media (max-width:640px){.s-mytb i{height:2.7px}}
.s-mytb span{display:inline-flex;align-items:center;gap:5px;font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase}@media (max-width:640px){.s-mytb span{gap:4.5px}}.s-mytb span::before{content:"";width:6px;height:6px;border-radius:50%;background:#e5383b}@media (max-width:640px){.s-mytb span::before{width:5.4px;height:5.4px}}

/* A NEW REVENUE CHANNEL */
.s-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,28px)}@media (max-width:640px){.s-rv{gap:clamp(16.2px,2.4vw,25.2px)}}
.s-rc{padding:clamp(20px,2.4vw,28px);border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);display:grid;gap:14px;align-content:start}@media (max-width:640px){.s-rc{padding:clamp(18px,2.4vw,25.2px);border-radius:19.8px;gap:12.6px}}
.s-rch{display:flex;align-items:center;gap:12px}@media (max-width:640px){.s-rch{gap:10.8px}}
.s-rch small{display:block;font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ga)}
.s-rch b{display:block;font:800 19px var(--f-display);color:#fff}@media (max-width:640px){.s-rch b{font:800 17.1px var(--f-display)}}
.s-pi.g{background:linear-gradient(160deg,#1f9d55,#027a1f)}
.s-rc>p{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.9)}@media (max-width:640px){.s-rc>p{font-size:14px}}
.s-rc{grid-template-rows:auto auto 1fr}
.s-rv .s-fan{gap:12px;margin-top:4px;align-self:center}@media (max-width:640px){.s-rv .s-fan{gap:10.8px;margin-top:3.6px}}
.s-fcl{display:block;padding:7px 4px 1px;font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9);transition:color .6s}@media (max-width:640px){.s-fcl{padding:6.3px 3.6px 1px}}
.s-fc.on .s-fcl{color:var(--gy)}
.s-pws{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:20px;align-items:center;margin-top:4px}@media (max-width:640px){.s-pws{gap:18px;margin-top:3.6px}}
.s-pw .cw{box-shadow:0 30px 70px rgba(0,0,0,.45)}
.s-pw .cw-h{padding-bottom:10px}@media (max-width:640px){.s-pw .cw-h{padding-bottom:9px}}
.s-pw .s-wpb{border-radius:0;padding-right:36px}@media (max-width:640px){.s-pw .s-wpb{padding-right:32.4px}}
.s-pw .s-wpb .s-pn{top:50%;right:10px;margin-top:-9.5px}@media (max-width:640px){.s-pw .s-wpb .s-pn{right:9px;margin-top:-8.55px}}
.s-pw .cw-b{gap:9px}@media (max-width:640px){.s-pw .cw-b{gap:8.1px}}
.s-pw .c-me,.s-pw .c-op{font-size:12px}
.s-pw .g-spl{gap:5px;color:#14213a}@media (max-width:640px){.s-pw .g-spl{gap:4.5px}}.s-pw .g-spl svg{width:15px;height:15px}@media (max-width:640px){.s-pw .g-spl svg{width:13.5px;height:13.5px}}.s-pw .g-spl b{font:700 11.5px/1 var(--f-display)}.s-pw .g-spl i{font-size:6px;color:#5b6880}
.s-pw .g-spl[data-k="nw"] path{fill:#e0a526}.s-pw .g-spl[data-k="bp"] path{stroke:#1f8fd1}.s-pw .g-spl[data-k="ka"] path{fill:#f06a3a}
.s-pp{position:relative;transition:box-shadow .35s,background .35s}
.s-pn{position:absolute;top:-8px;right:-8px;z-index:1;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#f2c14e;color:#1a1206;font:800 10.5px/1 var(--f-display);font-style:normal;box-shadow:0 2px 6px rgba(0,0,0,.25)}@media (max-width:640px){.s-pn{top:-7.2px;right:-7.2px;width:17.1px;height:17.1px}}
.s-pban{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;align-items:center;padding:9px 11px;border-radius:10px;background:#fff7e6;border:1px solid #f1dcae}@media (max-width:640px){.s-pban{gap:4.5px 9px;padding:8.1px 9.9px;border-radius:9px}}
.s-pban em,.s-psg em{font:700 13px var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#5b6880}
.s-pban em{grid-column:1/-1}
.s-pban>span:not(.g-spl){font:600 11.5px/1.3 var(--f-display);color:#4a5872}
.cw-chip.s-psg{align-items:center;gap:5px}@media (max-width:640px){.cw-chip.s-psg{gap:4.5px}}
.s-psg svg{width:14px;height:14px;flex:none}@media (max-width:640px){.s-psg svg{width:12.6px;height:12.6px}}.s-psg svg path{fill:#f06a3a}
.s-pwt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--ks);border:1px solid var(--kl);font-size:11.5px;color:var(--km)}@media (max-width:640px){.s-pwt{gap:7.2px;padding:7.2px 9px;border-radius:10.8px}}
.s-pwt b{color:var(--ki)}
.s-pwt .c-dots{padding:0;background:none;border:0;flex:none}
.s-pw[data-on="1"] .s-wpb{box-shadow:inset 0 0 0 2.5px #f2c14e;background:#fff7e6}
.s-pw[data-on="1"] [data-p="1"]:not(.s-wpb),.s-pw[data-on="2"] [data-p="2"],.s-pw[data-on="3"] [data-p="3"],.s-pw[data-on="4"] [data-p="4"]{box-shadow:0 0 0 2.5px #f2c14e,0 0 22px rgba(242,193,78,.45)}
.s-pl{list-style:none;margin:0;padding:0;display:grid;gap:8px}@media (max-width:640px){.s-pl{gap:7.2px}}
.s-pl li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:1px 10px;padding:9px 10px;border-radius:12px;transition:background .35s}@media (max-width:640px){.s-pl li{grid-template-columns:21.6px minmax(0,1fr);gap:1px 9px;padding:8.1px 9px;border-radius:10.8px}}
.s-pl i{grid-row:1/3;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--f-display);font-style:normal;background:rgba(242,193,78,.18);color:#ffd987;transition:background .35s,color .35s}@media (max-width:640px){.s-pl i{width:21.6px;height:21.6px}}
.s-pl b{font:700 14.5px/1.3 var(--f-display);color:#fff}@media (max-width:640px){.s-pl b{font:700 14px/1.3 var(--f-display)}}
.s-pl span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.9)}
.s-pl li.on{background:rgba(255,255,255,.08)}.s-pl li.on i{background:#f2c14e;color:#1a1206}

/* YOUR BRAND */
.s-br{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.s-br{gap:clamp(25.2px,5vw,57.6px)}}
.s-skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}@media (max-width:640px){.s-skins{gap:12.6px}}
.s-skin{display:grid;gap:12px;justify-items:center;min-width:0}@media (max-width:640px){.s-skin{gap:10.8px}}
.s-skin:nth-child(2){margin-top:44px}@media (max-width:640px){.s-skin:nth-child(2){margin-top:39.6px}}
.s-skin .cw{width:100%;min-height:330px;box-shadow:0 24px 50px rgba(10,20,40,.16);border:1px solid var(--kl)}@media (max-width:640px){.s-skin .cw{min-height:297px}}
.s-skin .cw-h{padding-bottom:10px;border-bottom:1px solid var(--kl)}@media (max-width:640px){.s-skin .cw-h{padding-bottom:9px}}
.s-skin .c-op{font-size:12.5px}.s-skin .c-op b{color:var(--ka)}
.s-skl2{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* HOW IT FITS */
.s-flow{position:relative;aspect-ratio:1000/360;max-width:1000px;margin:0 auto}
.s-fl{position:absolute;inset:0;width:100%;height:100%}
.s-fl path{fill:none;stroke:color-mix(in srgb,var(--ga) 70%,transparent);stroke-width:2;stroke-dasharray:6 8;animation:s-dash 1.4s linear infinite;vector-effect:non-scaling-stroke}
.s-fn{position:absolute;transform:translate(-50%,-50%);border-radius:18px;padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);display:grid;gap:6px;align-content:start}@media (max-width:640px){.s-fn{border-radius:16.2px;padding:14.4px;gap:5.4px}}
.s-fn small{font:600 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ga)}
.s-fn.f1{left:11%;top:50%;width:21%}
.s-fn.f1 span{display:block;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.06);font:600 13px var(--f-display)}@media (max-width:640px){.s-fn.f1 span{padding:5.4px 9px;border-radius:7.2px}}
.s-fn.f2{left:50%;top:50%;width:20%;justify-items:center;text-align:center;padding:22px 16px;background:linear-gradient(160deg,var(--g1),var(--g2));border:0;box-shadow:0 0 90px color-mix(in srgb,var(--g1) 45%,transparent)}@media (max-width:640px){.s-fn.f2{padding:19.8px 14.4px}}
.s-fn.f2 b{font:800 18px var(--f-display)}@media (max-width:640px){.s-fn.f2 b{font:800 16.2px var(--f-display)}}.s-fn.f2 small{color:rgba(255,255,255,.9)}
.s-fe{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.15);display:grid;place-items:center;margin-bottom:4px}@media (max-width:640px){.s-fe{width:50.4px;height:50.4px;border-radius:14.4px;margin-bottom:3.6px}}
.s-fo{position:absolute;left:78%;right:0;top:0;bottom:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:12px}@media (max-width:640px){.s-fo{gap:10.8px}}
.s-fo .s-fn{position:relative;transform:none;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;align-content:center;gap:1px 12px;padding:8px 14px}@media (max-width:640px){.s-fo .s-fn{grid-template-columns:34.2px minmax(0,1fr);gap:1px 10.8px;padding:7.2px 12.6px}}
.s-fo .s-fn i{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:var(--ga)}@media (max-width:640px){.s-fo .s-fn i{width:34.2px;height:34.2px;border-radius:9.9px}}
.s-fo .s-fn b{font:800 16px/1.2 var(--f-display);color:#fff}@media (max-width:640px){.s-fo .s-fn b{font:800 14.4px/1.2 var(--f-display)}}
.s-fo .s-fn span{font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.9)}
.s-wf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,56px)}@media (max-width:640px){.s-wf{gap:14.4px;margin-top:clamp(32.4px,5vw,50.4px)}}
.s-wc{padding:20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);display:grid;gap:6px;align-content:start}@media (max-width:640px){.s-wc{padding:18px;border-radius:14.4px;gap:5.4px}}
.s-wc b{font:800 16px var(--f-display);color:#fff}@media (max-width:640px){.s-wc b{font:800 14.4px var(--f-display)}}.s-wc span{font-size:14px;line-height:1.55;color:rgba(255,255,255,.9)}
.s-ctl{text-align:center;margin:30px auto 0;font:600 18px/1.45 var(--f-display);color:rgba(255,255,255,.9);max-width:60ch}@media (max-width:640px){.s-ctl{margin:27px auto 0;font:600 16.2px/1.45 var(--f-display)}}.s-ctl b{color:#fff}
#sm-view .s-cov{color:#fff}#sm-view .s-cov span::before{background:var(--ga)}#sm-view .s-cov a{color:var(--ga)}

/* CTA */
.s-bt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:34px auto 0;text-align:left}@media (max-width:640px){.s-bt{gap:14.4px;margin:30.6px auto 0}}
.s-bt>div{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:grid;gap:4px;align-content:start}@media (max-width:640px){.s-bt>div{padding:16.2px 18px;border-radius:14.4px;gap:3.6px}}
.s-bt b{font:800 16px var(--f-display);color:#fff}@media (max-width:640px){.s-bt b{font:800 14.4px var(--f-display)}}.s-bt span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.9)}
.s-tk{display:flex;align-items:stretch;margin-inline:-20px;height:52px;background:#071226;border-top:3px solid var(--g1);overflow:hidden;text-align:left}@media (max-width:640px){.s-tk{margin-inline:-18px;height:46.8px}}
.s-tkl{flex:none;display:flex;align-items:center;gap:10px;padding:0 18px;background:linear-gradient(180deg,var(--g1),var(--g2));font-size:17px;color:#fff}@media (max-width:640px){.s-tkl{gap:9px;padding:0 16.2px;font-size:15.3px}}
.s-tkl>i{font:700 13px var(--f-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;background:#e5383b;padding:3px 7px;border-radius:5px}@media (max-width:640px){.s-tkl>i{padding:2.7px 6.3px;border-radius:4.5px}}
.s-tkm{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.s-tkm>div{display:flex;width:max-content;animation:b-mq 60s linear infinite;font:700 19px "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap}@media (max-width:640px){.s-tkm>div{font:700 17.1px "Barlow Condensed",sans-serif}}
.s-tkm span{display:inline-flex;align-items:center;gap:28px;padding-right:28px}@media (max-width:640px){.s-tkm span{gap:25.2px;padding-right:25.2px}}.s-tkm span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ga)}@media (max-width:640px){.s-tkm span::after{width:5.4px;height:5.4px}}

@media (max-width:1060px){
  .s-steps span{display:none}
  .s-cb{grid-template-columns:200px minmax(0,1fr)}@media (max-width:640px){.s-cb{grid-template-columns:180px minmax(0,1fr)}}
  .s-clang{display:none}
  .s-lsc{grid-template-columns:minmax(0,1fr) 250px}@media (max-width:640px){.s-lsc{grid-template-columns:minmax(0,1fr) 225px}}
  .s-lbase{margin:0}
  .s-sl{grid-template-columns:1fr}
  .s-skin:nth-child(2){margin-top:24px}@media (max-width:640px){.s-skin:nth-child(2){margin-top:21.6px}}
  .s-rv{grid-template-columns:minmax(0,1fr)}
  .s-rc{max-width:720px;width:100%;margin-inline:auto}
  .s-yt{grid-template-columns:minmax(0,1fr) 230px}@media (max-width:640px){.s-yt{grid-template-columns:minmax(0,1fr) 207px}}
}
@media (max-width:1100px){
  .s-mln{display:none}.s-mi{margin-bottom:22px}@media (max-width:640px){.s-mi{margin-bottom:19.8px}}
  .s-mos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}@media (max-width:640px){.s-mos{gap:10.8px;margin-inline:-18px;padding:3.6px 18px 12.6px}}
  .s-mos::-webkit-scrollbar{display:none}
  .s-mo{flex:0 0 260px;scroll-snap-align:center}@media (max-width:640px){.s-mo{flex:0 0 234px}}
  html.js #sm-view .s-mo.ba{opacity:1;transform:none}
}
@media (max-width:860px){
  .s-hero .c-hg,.s-two,.s-gal,.s-safe,.s-as,.s-br,.s-yt{grid-template-columns:minmax(0,1fr)}
  .s-stage{max-width:600px;width:100%;margin-inline:auto}
  .s-arc,.s-wf,.s-bt,.s-sh3{grid-template-columns:minmax(0,1fr)}
  .s-sh3{max-width:560px}
  .s-ytc{height:260px}@media (max-width:640px){.s-ytc{height:234px}}
  .s-arc .s-ac{max-width:560px;width:100%;margin-inline:auto}
  .s-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@media (max-width:640px){.s-steps{gap:5.4px}}
  .s-steps button{grid-template-columns:1fr;justify-items:center;text-align:center;padding:10px 6px 13px}@media (max-width:640px){.s-steps button{padding:9px 5.4px 11.7px}}
  .s-steps i{grid-row:auto}
  .s-steps b{font-size:12px}
  .s-cb{grid-template-columns:minmax(0,1fr);min-height:0}
  .s-cf{display:flex;gap:8px;overflow:hidden;border-right:0;border-bottom:1px solid #e1e7f0;padding:10px}@media (max-width:640px){.s-cf{gap:7.2px;padding:9px}}
  .s-cf>small,.s-csel,.s-cwk{display:none}
  .s-cm{flex:0 0 170px}@media (max-width:640px){.s-cm{flex:0 0 153px}}
  .s-cmn{min-height:540px}@media (max-width:640px){.s-cmn{min-height:486px}}
  .s-gl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-gl span{display:none}
  .s-gl button{grid-template-columns:34px 1fr;padding:8px 10px}@media (max-width:640px){.s-gl button{grid-template-columns:30.6px 1fr;padding:7.2px 9px}}.s-gl i{grid-row:auto;width:34px;height:34px}@media (max-width:640px){.s-gl i{width:30.6px;height:30.6px}}.s-gl b{font-size:13px}
  .s-sl{grid-template-columns:1fr 1fr}
  .s-flow{aspect-ratio:auto;display:grid;gap:30px;justify-items:center;max-width:420px}@media (max-width:640px){.s-flow{gap:27px}}
  .s-fl{display:none}
  .s-fn,.s-fn.f1,.s-fn.f2{position:relative;left:auto;top:auto;transform:none;width:100%}
  .s-fo{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}@media (max-width:640px){.s-fo{gap:9px}}
  .s-fo .s-fn::after{display:none}
  .s-fn:not(:last-child)::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:30px;background:repeating-linear-gradient(180deg,var(--ga) 0 5px,transparent 5px 10px);opacity:.7}@media (max-width:640px){.s-fn:not(:last-child)::after{height:27px}}
  .s-fn.f1{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.s-fn.f1{gap:5.4px}}.s-fn.f1 small{width:100%}
}
@media (max-width:640px){
  .s-stage{min-height:0;display:grid;padding-top:54px}@media (max-width:640px){.s-stage{padding-top:48.6px}}
  .s-tv{position:relative;top:0;width:100%}
  .s-hph{position:relative;top:auto;right:auto;margin:22px auto 0;width:200px}@media (max-width:640px){.s-hph{margin:19.8px auto 0;width:180px}}
  .s-hph .cw{height:350px}@media (max-width:640px){.s-hph .cw{height:315px}}
  .s-k1{top:4px;left:0}@media (max-width:640px){.s-k1{top:3.6px}}
  .s-k2{display:none}
  .s-badge{border-radius:18px;justify-content:center}@media (max-width:640px){.s-badge{border-radius:16.2px}}
  .s-steps{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:2px 20px 4px;gap:8px}@media (max-width:640px){.s-steps{margin-inline:-18px;padding:2px 18px 3.6px;gap:7.2px}}
  .s-steps::-webkit-scrollbar{display:none}
  .s-steps li{flex:0 0 auto}
  .s-steps button{grid-template-columns:26px auto;justify-items:start;text-align:left;padding:10px 14px 12px}@media (max-width:640px){.s-steps button{grid-template-columns:23.4px auto;padding:9px 12.6px 10.8px}}
  .s-steps i{width:26px;height:26px}@media (max-width:640px){.s-steps i{width:23.4px;height:23.4px}}
  .s-sl li{grid-template-columns:40px 1fr;gap:2px 14px}@media (max-width:640px){.s-sl li{grid-template-columns:36px 1fr;gap:2px 12.6px}}.s-sl .s-si{grid-row:1/3;margin:0}
  .s-fc:nth-child(n){margin-left:0}
  .s-go button{width:100%}
  .s-steps b{display:block;font-size:13px;white-space:nowrap}
  .s-ctop{gap:8px;padding:0 10px}@media (max-width:640px){.s-ctop{gap:7.2px;padding:0 9px}}
  .s-cbr,.s-clk{display:none}
  .s-cmn{padding:10px;min-height:560px}@media (max-width:640px){.s-cmn{padding:9px;min-height:504px}}
  .s-c0{inset:10px}@media (max-width:640px){.s-c0{inset:9px}}
  .s-cmh{padding:10px;gap:6px}@media (max-width:640px){.s-cmh{padding:9px;gap:5.4px}}.s-cmh>div{font-size:14px;gap:6px}@media (max-width:640px){.s-cmh>div{gap:5.4px}}.s-cms strong{font-size:26px}@media (max-width:640px){.s-cms strong{font-size:23.4px}}
  .s-ctabs span:nth-child(n+3){display:none}
  .s-tlw{padding:10px 10px 24px;gap:8px}@media (max-width:640px){.s-tlw{padding:9px 9px 21.6px;gap:7.2px}}.s-tlr span{font-size:0;gap:0}
  .s-angs{grid-template-columns:1fr 1fr;gap:8px}@media (max-width:640px){.s-angs{gap:7.2px}}
  .s-pv{inset:6px}@media (max-width:640px){.s-pv{inset:5.4px}}
  .s-pvs{width:calc(100% - 20px)}@media (max-width:640px){.s-pvs{width:calc(100% - 18px)}}
  .s-pvf{padding:12px 10px}@media (max-width:640px){.s-pvf{padding:10.8px 9px}}
  .s-sps>span{height:30px;padding:0 7px}@media (max-width:640px){.s-sps>span{height:27px;padding:0 6.3px}}.s-sps .g-spl i{display:none}
  .s-take{justify-items:stretch;width:100%}.s-tb{justify-content:center}
  .s-gb{flex-direction:column;align-items:flex-start}
  .s-sl{grid-template-columns:1fr}
  .s-lsc{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;height:auto;border-width:7px}
  .s-wnav>span:not(.s-ktv):not(.on){display:none}.s-wnav .lv{display:inline-flex!important}
  .s-whero{height:120px}@media (max-width:640px){.s-whero{height:108px}}.s-wsb strong{font-size:32px}@media (max-width:640px){.s-wsb strong{font-size:28.8px}}
  .s-wtabs,.s-wst{display:none}
  .s-wa{grid-column:1;grid-row:auto;height:420px;border-left:0}@media (max-width:640px){.s-wa{height:378px}}
  .s-qs button{font-size:13px;padding:8px 13px}@media (max-width:640px){.s-qs button{padding:7.2px 11.7px}}
  .y-ins p{display:none}
  .s-mi{padding:12px 14px 12px 12px;align-items:flex-start}@media (max-width:640px){.s-mi{padding:10.8px 12.6px 10.8px 10.8px}}.s-mi p{font-size:15px}@media (max-width:640px){.s-mi p{font-size:14px}}
  .s-pws{grid-template-columns:minmax(0,1fr)}
  .s-pw{max-width:340px;width:100%;margin:0 auto}
  .s-fo .s-fn{grid-template-columns:minmax(0,1fr);justify-items:start;padding:12px}@media (max-width:640px){.s-fo .s-fn{padding:10.8px}}.s-fo .s-fn i{grid-row:auto;margin-bottom:6px}@media (max-width:640px){.s-fo .s-fn i{margin-bottom:5.4px}}
  .s-skins{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:6px 20px 14px}@media (max-width:640px){.s-skins{gap:10.8px;margin-inline:-18px;padding:5.4px 18px 12.6px}}
  .s-skin{flex:0 0 230px;scroll-snap-align:center}@media (max-width:640px){.s-skin{flex:0 0 207px}}.s-skin:nth-child(2){margin-top:0}
  .s-tkl{padding:0 12px;font-size:15px}@media (max-width:640px){.s-tkl{padding:0 10.8px;font-size:14px}}
}
@media (prefers-reduced-motion:reduce){
  .s-rib path,.s-fl path,.s-mln path,.s-tkm>div,.s-cst i,.s-kd.r,.y-lv::before{animation:none!important}
  .g-x,.g-x.on,.s-fc,.s-cur{transition:none!important}
  .g-x.on *,.g-stats.on .g-sr i,.g-mom.on .g-mc,.s-sfw.on .s-wn,.s-pv .g-sp,.s-fc .g-sp,.y-m.a.on{animation:none!important}
  html.js .y-q,html.js .y-qr>*,.s-pp,.s-pl li{transition:none}
  html.js .s-hm{opacity:1;transform:none;transition:none}
}

/* coverage */
.cvi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#027a1f,#015c17);color:#fff;margin-bottom:6px}@media (max-width:640px){.cvi{width:39.6px;height:39.6px;border-radius:10.8px;margin-bottom:5.4px}}
.cvl{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:860px}@media (max-width:640px){.cvl{gap:9px}}
.cvl li{font:700 16px var(--f-display);padding:11px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--line);transition:border-color .25s,transform .25s}@media (max-width:640px){.cvl li{font:700 14.4px var(--f-display);padding:9.9px 18px;border-radius:899.1px}}
.cvl li:hover{border-color:var(--green);transform:translateY(-2px)}
/* data depth tickets, as in the product deck */
#coverage-view{--edge:#1b2130}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #coverage-view{--edge:#3d5a48}}
:root[data-theme="dark"] #coverage-view{--edge:#3d5a48}
/* about */
.abhero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--green-soft),var(--bg) 70%);margin-inline:-20px;padding-inline:20px;padding-block:clamp(56px,8vw,104px) clamp(48px,6vw,72px)}@media (max-width:640px){.abhero{margin-inline:-18px;padding-inline:18px;padding-block:clamp(50.4px,8vw,93.6px) clamp(43.2px,6vw,64.8px)}}
.abhero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid var(--mint);opacity:.7;pointer-events:none}@media (max-width:640px){.abhero::after{right:-108px;top:-108px;width:378px;height:378px}}
.abhero .wrap{position:relative;z-index:1}
.abhero h1{font:800 clamp(36px,5vw,60px)/1.05 var(--f-display);letter-spacing:-.035em;margin-block:16px 18px;max-width:16ch}@media (max-width:640px){.abhero h1{font:800 clamp(32.4px,5vw,54px)/1.05 var(--f-display);margin-block:14.4px 16.2px}}
.abhero h1 em{font-style:normal;color:var(--green)}
.abhero .lede{max-width:58ch;color:var(--body)}.abhero .lede strong{color:var(--ink)}
.ab2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:start}@media (max-width:640px){.ab2{gap:clamp(21.6px,5vw,64.8px)}}
.ab2 h2{margin-top:12px}@media (max-width:640px){.ab2 h2{margin-top:10.8px}}
.abtxt{display:grid;gap:18px;color:var(--body);font-size:17px}@media (max-width:640px){.abtxt{gap:16.2px;font-size:15.3px}}
.abtxt strong{color:var(--ink);background:linear-gradient(transparent 62%,var(--mint) 62%)}
.abdo{background:var(--surface-2);margin-inline:-20px;padding-inline:20px}@media (max-width:640px){.abdo{margin-inline:-18px;padding-inline:18px}}
/* what we do: three posters, one match told three ways; each opens its solutions page */
.aups{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (max-width:640px){.aups{gap:18px}}
.aups li{display:flex}
.aup{position:relative;flex:1;display:flex;flex-direction:column;gap:22px;min-height:560px;padding:30px 26px 26px;border-radius:30px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}@media (max-width:640px){.aup{gap:19.8px;min-height:504px;padding:27px 23.4px 23.4px;border-radius:27px}}
.aup::before{content:"";position:absolute;right:-30%;bottom:-25%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--gl),transparent 68%);z-index:-1;opacity:.6;transition:opacity .4s,transform .6s}@media (max-width:640px){.aup::before{width:342px;height:342px}}
.aup::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px;-webkit-mask:linear-gradient(#000,transparent 55%);mask:linear-gradient(#000,transparent 55%)}
.aup:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(6,20,12,.28)}@media (max-width:640px){.aup:hover{transform:translateY(-5.4px)}}
.aup:hover::before{opacity:1;transform:scale(1.15)}
.aup:focus-visible{outline:3px solid var(--neon);outline-offset:4px}
.aup-b{background:linear-gradient(165deg,#28324a 0%,#121722 100%);--gl:rgba(61,220,104,.42)}
.aup-c{background:linear-gradient(165deg,#14903f 0%,#053d1b 100%);--gl:rgba(190,255,208,.38)}
.aup-m{background:linear-gradient(165deg,#2152b8 0%,#0a1838 100%);--gl:rgba(124,192,242,.5)}
.aup-h{display:grid;gap:8px}@media (max-width:640px){.aup-h{gap:7.2px}}
.aup-n{font:600 13px var(--f-mono);letter-spacing:.12em;color:rgba(255,255,255,.9)}
.aup-h b{font:800 clamp(26px,2.4vw,32px)/1.05 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.aup-h b{font:800 clamp(23.4px,2.4vw,28.8px)/1.05 var(--f-display)}}
.aup-v{flex:1;display:grid;place-items:center;min-height:210px}@media (max-width:640px){.aup-v{min-height:189px}}
.aup-f{display:grid;gap:14px}@media (max-width:640px){.aup-f{gap:12.6px}}
.aup-f p{color:rgba(255,255,255,.9);font-size:15.5px;line-height:1.55}@media (max-width:640px){.aup-f p{font-size:14px}}
.aup-t{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.aup-t{gap:7.2px}}
.aup-t span{font:600 12.5px var(--f-display);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 11px}@media (max-width:640px){.aup-t span{border-radius:899.1px;padding:5.4px 9.9px}}
.aup-k{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font:700 15px var(--f-display)}@media (max-width:640px){.aup-k{gap:9px;margin-top:3.6px;font:700 14px var(--f-display)}}
.aup-k i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b2130;transition:transform .3s}@media (max-width:640px){.aup-k i{width:28.8px;height:28.8px}}
.aup:hover .aup-k i{transform:translateX(5px)}@media (max-width:640px){.aup:hover .aup-k i{transform:translateX(4.5px)}}
/* poster mocks */
.aum{width:100%;max-width:290px;border-radius:18px;font-size:13px;line-height:1.45;box-shadow:0 20px 44px rgba(0,0,0,.35);animation:auFloat 6s ease-in-out calc(var(--k,0)*-2s) infinite;transition:scale .5s cubic-bezier(.2,.8,.2,1),rotate .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.aum{border-radius:16.2px}}
.aup:hover .aum{scale:1.05;rotate:-1.5deg}
@keyframes auFloat{50%{translate:0 -8px}}
.aum-b{background:#fff;color:#1b2130;padding:14px 16px;display:grid;gap:10px}@media (max-width:640px){.aum-b{padding:12.6px 14.4px;gap:9px}}
.aum-bh{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px}.aum-bh em{font-style:normal;color:#515969;font-size:11.5px}
.aum-b p{font:600 14px/1.4 var(--f-display)}.aum-b p b{color:#027a1f}
.aum-bars{display:flex;align-items:flex-end;gap:5px;height:38px}@media (max-width:640px){.aum-bars{gap:4.5px;height:34.2px}}
.aum-bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:#3ddc68}@media (max-width:640px){.aum-bars i{border-radius:3.6px 3.6px 2px 2px}}.aum-bars i.n{background:#d9dee6}
.aum-bm{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}@media (max-width:640px){.aum-bm{gap:7.2px}}
.aum-bm span:first-child{font-weight:700;color:#027a1f;background:#e8fbec;border-radius:999px;padding:5px 10px}@media (max-width:640px){.aum-bm span:first-child{border-radius:899.1px;padding:4.5px 9px}}
.aum-add{font-weight:700;color:#fff;background:#1b2130;border-radius:10px;padding:7px 10px;white-space:nowrap}@media (max-width:640px){.aum-add{border-radius:9px;padding:6.3px 9px}}
.aum-c{background:#151d2e;color:#fff;padding:14px 16px;display:grid;gap:10px;border:1px solid rgba(255,255,255,.08)}@media (max-width:640px){.aum-c{padding:12.6px 14.4px;gap:9px}}
.aum-ch{display:flex;align-items:center;gap:8px;font-size:13.5px}@media (max-width:640px){.aum-ch{gap:7.2px}}.aum-ch em{font-style:normal;margin-left:auto;color:#98a5bd;font-size:11.5px}
.aum-q{justify-self:end;max-width:86%;background:#3ddc68;color:#06260f;font-weight:600;padding:8px 12px;border-radius:14px 14px 4px 14px}@media (max-width:640px){.aum-q{padding:7.2px 10.8px;border-radius:12.6px 12.6px 3.6px 12.6px}}
.aum-c p{font-size:13.5px;color:#e6ebf3}.aum-c p b{color:#3ddc68}
.aum-m{max-width:300px;box-shadow:none;position:relative;padding-bottom:16px}@media (max-width:640px){.aum-m{padding-bottom:14.4px}}
.aum-m::after{content:"";position:absolute;left:50%;bottom:0;width:90px;height:10px;margin-left:-45px;border-radius:0 0 8px 8px;background:#0b0f17;box-shadow:0 14px 30px rgba(0,0,0,.4)}@media (max-width:640px){.aum-m::after{width:81px;height:9px;margin-left:-40.5px;border-radius:0 0 7.2px 7.2px}}
.aum-tv{position:relative;aspect-ratio:16/10;border:7px solid #0b0f17;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f8f45 0 26px,#2a8240 26px 52px);box-shadow:0 20px 44px rgba(0,0,0,.4)}@media (max-width:640px){.aum-tv{border-radius:14.4px}}
.aum-tv::before{content:"";position:absolute;left:50%;top:-30%;width:58%;aspect-ratio:1;translate:-50% 0;border:2px solid rgba(255,255,255,.35);border-radius:50%}
.aum-bug{position:absolute;left:8px;top:8px;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#fff;color:#1d4ed8;font:800 13px var(--f-display)}@media (max-width:640px){.aum-bug{left:7.2px;top:7.2px;width:19.8px;height:19.8px;border-radius:5.4px}}
.aum-air{position:absolute;right:8px;top:9px;display:flex;align-items:center;gap:5px;font:700 13px var(--f-mono);letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.45);border-radius:6px;padding:4px 7px}@media (max-width:640px){.aum-air{right:7.2px;top:8.1px;gap:4.5px;border-radius:5.4px;padding:3.6px 6.3px}}
.aum-air i{width:7px;height:7px;border-radius:50%;background:#ff3b3b;animation:auAir 1.6s infinite}@media (max-width:640px){.aum-air i{width:6.3px;height:6.3px}}
@keyframes auAir{50%{opacity:.25}}
.aum-lt{position:absolute;left:8px;right:8px;bottom:9px;display:flex;align-items:stretch;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.35)}@media (max-width:640px){.aum-lt{left:7.2px;right:7.2px;bottom:8.1px;border-radius:5.4px}}
.aum-lt>span{display:grid;place-items:center;padding:0 9px;background:#1d4ed8;color:#fff;font:800 11px var(--f-display);letter-spacing:.06em}@media (max-width:640px){.aum-lt>span{padding:0 8.1px}}
.aum-lt>div{flex:1;background:#fff;color:#0b1630;padding:5px 9px;display:grid}@media (max-width:640px){.aum-lt>div{padding:4.5px 8.1px}}
.aum-lt b{font:800 12.5px/1.2 var(--f-display)}.aum-lt em{font-style:normal;font-size:10.5px;color:#4a5670}
/* how we work: three steps travelling round a ring (v42) */
.auhw{margin-inline:-20px;padding-inline:20px;background:radial-gradient(70% 70% at 50% 55%,#0f3d1e 0%,#07140c 62%,#050b07 100%);color:#eef3ef;overflow:hidden}@media (max-width:640px){.auhw{margin-inline:-18px;padding-inline:18px}}
.auhw .eyebrow{color:#5ef08a}.auhw h2{color:#fff}
.auo{position:relative;width:min(480px,100%);aspect-ratio:1;margin:76px auto 34px}@media (max-width:640px){.auo{width:min(432px,100%);margin:68.4px auto 30.6px}}
.auo-s{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.auo-g{fill:none;stroke:rgba(61,220,104,.07);stroke-width:34}
.auo-t{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2;stroke-dasharray:1 9;stroke-linecap:round}
.auo-arm{transform-box:view-box;transform-origin:50% 50%;transition:transform 1.2s cubic-bezier(.65,0,.25,1)}
.auo-tl{fill:none;stroke:url(#auoG);stroke-width:4;stroke-linecap:round}
.auo-d{fill:#3ddc68;filter:drop-shadow(0 0 8px #3ddc68) drop-shadow(0 0 18px rgba(61,220,104,.6))}
.auo-n{all:unset;box-sizing:border-box;position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#0a1a10;border:2px solid rgba(255,255,255,.22);color:#cfe9d6;transition:background .45s,border-color .45s,color .45s,box-shadow .45s,scale .45s;z-index:1}@media (max-width:640px){.auo-n{width:70.2px;height:70.2px}}
.auo-n:hover{border-color:#3ddc68}
.auo-n.on{background:#3ddc68;border-color:#3ddc68;color:#06260f;scale:1.1;box-shadow:0 0 0 9px rgba(61,220,104,.14),0 0 46px rgba(61,220,104,.5)}
.auo-n:focus-visible{outline:3px solid #fff;outline-offset:5px}
.auo-n b{position:absolute;top:calc(100% + 12px);left:50%;translate:-50% 0;white-space:nowrap;font:700 15px var(--f-display);color:#fff;transition:color .45s}@media (max-width:640px){.auo-n b{top:calc(100% + 10.8px);font:700 14px var(--f-display)}}
.auo-n[data-i="0"] b{top:auto;bottom:calc(100% + 12px)}@media (max-width:640px){.auo-n[data-i="0"] b{bottom:calc(100% + 10.8px)}}
.auo-n.on b{color:#5ef08a}
.auo-cs{position:absolute;inset:23% 19% 33%;display:grid;place-items:center;text-align:center}
.auo-c{grid-area:1/1;display:grid;gap:10px;justify-items:center;opacity:0;translate:0 12px;transition:opacity .55s,translate .55s}@media (max-width:640px){.auo-c{gap:9px;translate:0 10.8px}}
.auo-c.on{opacity:1;translate:0 0;transition-delay:.35s}
.auo-c span{font:600 13px var(--f-mono);letter-spacing:.12em;color:#5ef08a}
.auo-c h3{font:800 clamp(19px,2.2vw,25px)/1.15 var(--f-display);letter-spacing:-.025em;color:#fff}@media (max-width:640px){.auo-c h3{font:800 clamp(17.1px,2.2vw,22.5px)/1.15 var(--f-display)}}
.auo-c p{color:#b9c9bf;font-size:clamp(13.5px,1.4vw,15.5px);line-height:1.5}@media (max-width:640px){.auo-c p{font-size:clamp(13.5px,1.4vw,14px)}}
.aucv{margin-top:8px;text-align:center}@media (max-width:640px){.aucv{margin-top:7.2px}}
.aucv a{font:600 16px var(--f-display);color:#cfe1d5;text-decoration:none}@media (max-width:640px){.aucv a{font:600 14.4px var(--f-display)}}
.aucv a span{color:#5ef08a;font-weight:700}.aucv a:hover span{text-decoration:underline}
@media (max-width:1060px){.aup{min-height:520px;padding:26px 20px 22px}@media (max-width:640px){.aup{min-height:468px;padding:23.4px 18px 19.8px}}.aum{max-width:250px}}
@media (max-width:900px){.ab2{grid-template-columns:1fr}.aups{grid-template-columns:1fr}.aup{min-height:0}.aum{max-width:300px}}
@media (max-width:560px){.auo{margin-top:58px;width:min(360px,100%)}@media (max-width:640px){.auo{margin-top:52.2px;width:min(324px,100%)}}.auo-n{width:58px;height:58px}@media (max-width:640px){.auo-n{width:52.2px;height:52.2px}}.auo-n svg{width:21px;height:21px}@media (max-width:640px){.auo-n svg{width:18.9px;height:18.9px}}.auo-n b{font-size:13px;top:calc(100% + 9px)}@media (max-width:640px){.auo-n b{top:calc(100% + 8.1px)}}.auo-n[data-i="0"] b{bottom:calc(100% + 9px)}@media (max-width:640px){.auo-n[data-i="0"] b{bottom:calc(100% + 8.1px)}}.auo-cs{inset:21% 17% 31%}.auo-c{gap:6px}@media (max-width:640px){.auo-c{gap:5.4px}}.auo-c p{font-size:13px}}
@media (prefers-reduced-motion:reduce){.aum,.aum-air i{animation:none!important}.aup,.aum,.aup-k i,.auo-arm,.auo-n,.auo-c{transition:none}}
/* coverage v2: data globe hero, ask-anything explorer, languages */
.cvh{position:relative;overflow:hidden;margin-inline:-20px;padding:clamp(48px,6vw,88px) 20px;background:radial-gradient(60% 80% at 75% 40%,#0f3d1e 0%,#07140c 58%,#050b07 100%);color:#eef3ef}@media (max-width:640px){.cvh{margin-inline:-18px;padding:clamp(43.2px,6vw,79.2px) 18px}}
.cvh-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}@media (max-width:640px){.cvh-g{gap:clamp(21.6px,4vw,50.4px)}}
.cvh .eyebrow{color:#5ef08a}
.cvh h1{font:800 clamp(40px,5.6vw,72px)/1.02 var(--f-display);letter-spacing:-.04em;margin-block:16px 18px;color:#fff;max-width:13ch}@media (max-width:640px){.cvh h1{font:800 clamp(36px,5.6vw,64.8px)/1.02 var(--f-display);margin-block:14.4px 16.2px}}
.cvh h1 em{font-style:normal;color:#3ddc68;font-variant-numeric:tabular-nums}
.cvh-s{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:640px){.cvh-s{margin:27px 0 0;gap:10.8px}}
.cvh-s li{display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}@media (max-width:640px){.cvh-s li{padding:10.8px 14.4px;border-radius:14.4px}}
.cvh-s b{font:800 18px var(--f-display);color:#fff}@media (max-width:640px){.cvh-s b{font:800 16.2px var(--f-display)}}.cvh-s li.one{align-content:center}.cvh-s span{font-size:13px;color:#9fb5a8}
.cvh-v{position:relative;width:min(520px,100%);aspect-ratio:1;justify-self:center}@media (max-width:640px){.cvh-v{width:min(468px,100%)}}
.cvh-v canvas{width:100%;height:100%;display:block}
.cvh-chip{position:absolute;left:0;top:0;font:700 13px var(--f-display);color:#06260f;background:#3ddc68;border-radius:999px;padding:7px 12px;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:opacity .4s;pointer-events:none;will-change:transform;opacity:0}@media (max-width:640px){.cvh-chip{border-radius:899.1px;padding:6.3px 10.8px}}
/* explorer: the assistant as it really answers (v44) */
.cvx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}@media (max-width:640px){.cvx{gap:21.6px}}
.cvx-tabs{position:relative;display:grid;gap:10px;align-content:start}@media (max-width:640px){.cvx-tabs{gap:9px}}
.cvx-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);transition:border-color .3s,box-shadow .3s}@media (max-width:640px){.cvx-tab{gap:12.6px;padding:12.6px 14.4px;border-radius:16.2px}}
.cvx-tab .cvi{margin:0;flex:none;transition:transform .3s}
.cvx-tt{display:grid;gap:2px}.cvx-tt b{font:700 17px var(--f-display);color:var(--ink)}@media (max-width:640px){.cvx-tt b{font:700 15.3px var(--f-display)}}.cvx-tt small{font-size:13.5px;color:var(--muted);line-height:1.4}
.cvx-tab:hover{border-color:var(--green)}
.cvx-tab.on{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft),var(--shadow)}
.cvx-tab.on .cvi{transform:scale(1.06)}
.cvx-tab:focus-visible{outline:3px solid var(--neon);outline-offset:2px}
.cvx-p{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;overflow:hidden}@media (max-width:640px){.cvx-p{border-radius:21.6px}}
.cvx-hd{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}@media (max-width:640px){.cvx-hd{gap:9px;padding:12.6px 18px}}
.cvx-hd img{width:24px;height:24px;display:block}@media (max-width:640px){.cvx-hd img{width:21.6px;height:21.6px}}
.cvx-hd b{font:700 16.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.cvx-hd b{font:700 14.85px var(--f-display)}}
.cvx-mn{margin-left:auto;display:grid;gap:3px;padding:4px}@media (max-width:640px){.cvx-mn{gap:2.7px;padding:3.6px}}.cvx-mn i{width:4px;height:4px;border-radius:50%;background:var(--muted)}@media (max-width:640px){.cvx-mn i{width:3.6px;height:3.6px}}
.cvx-ps{display:grid;grid-template-columns:minmax(0,1fr);padding:20px 20px 18px}@media (max-width:640px){.cvx-ps{padding:18px 18px 16.2px}}
.cvx-a{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}@media (max-width:640px){.cvx-a{gap:12.6px}}
.cvx-a.on{opacity:1;visibility:visible;transition-delay:.16s}
.cvx-q{justify-self:end;max-width:85%;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);color:var(--ink);padding:10px 16px;border-radius:18px;font:500 15px/1.4 var(--f-body);opacity:0;scale:.94;transform-origin:100% 100%;transition:opacity .3s,scale .3s cubic-bezier(.3,1.4,.5,1)}@media (max-width:640px){.cvx-q{padding:9px 14.4px;border-radius:16.2px;font:500 14px/1.4 var(--f-body)}}
.cvx-a.sent .cvx-q{opacity:1;scale:1}
.cvx-th{display:none;gap:5px;padding:4px 2px}@media (max-width:640px){.cvx-th{gap:4.5px;padding:3.6px 2px}}.cvx-a.think .cvx-th{display:flex}
.cvx-th i{width:8px;height:8px;border-radius:50%;background:var(--green);opacity:.35;animation:blink 1s infinite}@media (max-width:640px){.cvx-th i{width:7.2px;height:7.2px}}.cvx-th i:nth-child(2){animation-delay:.15s}.cvx-th i:nth-child(3){animation-delay:.3s}
.cvx-r{display:grid;gap:12px;opacity:0;translate:0 10px;transition:opacity .5s,translate .5s}@media (max-width:640px){.cvx-r{gap:10.8px;translate:0 9px}}
.cvx-a.ans .cvx-r{opacity:1;translate:0 0}
.cvx-r>p{font:400 16px/1.55 var(--f-body);color:var(--ink)}@media (max-width:640px){.cvx-r>p{font:400 14.4px/1.55 var(--f-body)}}.cvx-r>p b{font-weight:700}
.cvx-fu{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}@media (max-width:640px){.cvx-fu{gap:7.2px}}
.cvx-fu span{font:600 13.5px/1.35 var(--f-display);color:var(--green-strong);border:1.5px solid var(--green);border-radius:18px;padding:7px 14px}@media (max-width:640px){.cvx-fu span{border-radius:16.2px;padding:6.3px 12.6px}}
.cvx-in{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}@media (max-width:640px){.cvx-in{gap:9px;padding:10.8px 14.4px}}
.cvx-box{flex:1;min-width:0;display:flex;align-items:center;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:14px;font:400 15px var(--f-body);color:var(--muted);white-space:nowrap;overflow:hidden}@media (max-width:640px){.cvx-box{height:39.6px;padding:0 14.4px;border-radius:12.6px;font:400 14px var(--f-body)}}
.cvx-it{color:var(--ink)}
.cvx-it::after{content:"";display:inline-block;width:2px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:var(--green);animation:cvcar .9s steps(1) infinite}
@keyframes cvcar{50%{opacity:0}}
.cvx-in:not(.ty) .cvx-it,.cvx-in.ty .cvx-ph{display:none}
.cvx-go{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-green)}@media (max-width:640px){.cvx-go{width:39.6px;height:39.6px}}
/* answer cards */
.cvx-cd{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:18px}@media (max-width:640px){.cvx-cd{gap:10.8px;padding:12.6px 14.4px;border-radius:16.2px}}
.cvx-lb{font:600 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cvx-pp{display:flex;align-items:center;gap:12px}@media (max-width:640px){.cvx-pp{gap:10.8px}}
.cvx-av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 16px var(--f-display);letter-spacing:.02em;color:#fff;background:linear-gradient(140deg,#25b062,#0b6b35)}@media (max-width:640px){.cvx-av{width:41.4px;height:41.4px;font:800 14.4px var(--f-display)}}
.cvx-pp b{display:block;font:700 17px var(--f-display);color:var(--ink)}@media (max-width:640px){.cvx-pp b{font:700 15.3px var(--f-display)}}.cvx-pp small{font-size:13px;color:var(--muted)}
.cvx-cd.cvx-pk{padding:0;gap:0;overflow:hidden}
.cvx-pk .cvx-pp{padding:14px 16px;border-bottom:1px solid var(--line)}@media (max-width:640px){.cvx-pk .cvx-pp{padding:12.6px 14.4px}}
.cvx-ss{margin-left:auto;align-self:flex-start;font:700 13px var(--f-display);color:var(--green-strong);background:var(--green-soft);border-radius:999px;padding:5px 11px}@media (max-width:640px){.cvx-ss{border-radius:899.1px;padding:4.5px 9.9px}}
.cvx-ct{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid var(--line)}@media (max-width:640px){.cvx-ct{gap:18px;padding:0 14.4px}}
.cvx-ct span{padding:10px 2px 9px;margin-bottom:-1px;border-bottom:2px solid transparent;font:600 13px var(--f-display);color:var(--muted)}@media (max-width:640px){.cvx-ct span{padding:9px 2px 8.1px}}
.cvx-ct .on{color:var(--ink);border-color:var(--green)}
.cvx-sn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cvx-sn span{display:grid;justify-items:center;gap:4px;padding:16px 8px;font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:0;translate:0 6px;transition:opacity .4s,translate .4s;transition-delay:calc(var(--d)*80ms + .2s)}@media (max-width:640px){.cvx-sn span{gap:3.6px;padding:14.4px 7.2px;translate:0 5.4px}}
.cvx-sn span+span{border-left:1px solid var(--line)}
.cvx-a.ans .cvx-sn span{opacity:1;translate:0 0}
.cvx-sn b{font:800 25px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink)}@media (max-width:640px){.cvx-sn b{font:800 22.5px/1.1 var(--f-display)}}
.cvx-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:640px){.cvx-st{gap:7.2px}}.cvx-st.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cvx-st span{display:grid;justify-items:center;align-content:start;text-align:center;gap:3px;padding:10px 6px;border-radius:12px;background:var(--surface-2);font:600 13px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);opacity:0;translate:0 6px;transition:opacity .4s,translate .4s;transition-delay:calc(var(--d)*70ms + .15s)}@media (max-width:640px){.cvx-st span{gap:2.7px;padding:9px 5.4px;border-radius:10.8px;translate:0 5.4px}}
.cvx-a.ans .cvx-st span{opacity:1;translate:0 0}
.cvx-st b{font:800 25px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-transform:none}@media (max-width:640px){.cvx-st b{font:800 22.5px/1.1 var(--f-display)}}
.cvx-st.kh span:first-child b{color:var(--green)}
.cvx-sg{display:flex;gap:3px;height:10px}@media (max-width:640px){.cvx-sg{gap:2.7px;height:9px}}
.cvx-sg i{flex:var(--f) 1 0;border-radius:5px;background:var(--green);transform-origin:left;scale:0 1;transition:scale .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d)*150ms + .3s)}@media (max-width:640px){.cvx-sg i{border-radius:4.5px}}
.cvx-sg i:nth-child(2){background:#a3adbb}.cvx-sg i:nth-child(3){background:var(--ink)}
.cvx-a.ans .cvx-sg i{scale:1 1}
.cvx-fx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}@media (max-width:640px){.cvx-fx{gap:10.8px;padding-bottom:10.8px}}
.cvx-fx b{font:700 18px var(--f-display);color:var(--ink)}@media (max-width:640px){.cvx-fx b{font:700 16.2px var(--f-display)}}.cvx-fx b:last-child{text-align:right}
.cvx-fx em{font:600 13px var(--f-display);font-style:normal;color:var(--muted)}
.cvx-ko{text-align:center;font-size:14.5px;color:var(--muted)}@media (max-width:640px){.cvx-ko{font-size:14px}}.cvx-ko b{color:var(--ink);font-weight:700}
.cvx-l5{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}@media (max-width:640px){.cvx-l5{gap:10.8px 16.2px}}
.cvx-l5>div{display:grid;gap:8px}@media (max-width:640px){.cvx-l5>div{gap:7.2px}}.cvx-l5 b{font:700 14.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.cvx-l5 b{font:700 14px var(--f-display)}}
.cvx-fm{display:flex;gap:6px}@media (max-width:640px){.cvx-fm{gap:5.4px}}
.cvx-fm i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 12.5px var(--f-display);font-style:normal;color:#fff;background:#1f9d55;scale:0;transition:scale .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--d)*80ms + .25s)}@media (max-width:640px){.cvx-fm i{width:27px;height:27px}}
.cvx-fm i.l{background:#e5383b}.cvx-fm i.d{background:#8a94a6}
.cvx-a.ans .cvx-fm i{scale:1}
.cvx-rk{display:grid;gap:12px}@media (max-width:640px){.cvx-rk{gap:10.8px}}
.cvx-rk>div{display:grid;grid-template-columns:16px minmax(0,11em) 1fr 1.5em;align-items:center;gap:12px;opacity:0;translate:-8px 0;transition:opacity .4s,translate .4s;transition-delay:calc(var(--d)*120ms + .15s)}@media (max-width:640px){.cvx-rk>div{grid-template-columns:14.4px minmax(0,11em) 1fr 1.5em;gap:10.8px;translate:-7.2px 0}}
.cvx-a.ans .cvx-rk>div{opacity:1;translate:0 0}
.cvx-rk .n{font:700 13px var(--f-mono);color:var(--muted)}
.cvx-rk .p{min-width:0}.cvx-rk .p b{display:block;font:700 15px var(--f-display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.cvx-rk .p b{font:700 14px var(--f-display)}}.cvx-rk .p small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvx-rk i{height:10px;border-radius:5px;background:var(--surface-2);position:relative;overflow:hidden}@media (max-width:640px){.cvx-rk i{height:9px;border-radius:4.5px}}
.cvx-rk i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:5px;background:var(--green);transform-origin:left;scale:0 1;transition:scale .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d)*140ms + .35s)}@media (max-width:640px){.cvx-rk i::after{border-radius:4.5px}}
.cvx-a.ans .cvx-rk i::after{scale:1 1}
.cvx-rk .g{font:800 21px var(--f-display);color:var(--ink);text-align:right}@media (max-width:640px){.cvx-rk .g{font:800 18.9px var(--f-display)}}.cvx-rk>div:first-child .g{color:var(--green)}
/* data depth tickets: each one prints in, then its lines tick off (v49) */
html.js .cvtix .b-tk{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.3,.7,.2,1) calc(var(--k)*170ms + .1s),translate .3s}
html.js .cvtix .cvtk.in .b-tk{clip-path:inset(-14px)}
html.js .cvtix .b-tk li{opacity:0;translate:-6px 0;transition:opacity .35s,translate .35s;transition-delay:calc(var(--k)*170ms + var(--j)*80ms + .6s)}@media (max-width:640px){html.js .cvtix .b-tk li{translate:-5.4px 0}}
html.js .cvtix .cvtk.in li{opacity:1;translate:0 0}
.cvtix .b-tk li.mm{--j:5}
.cvtix .b-tk li::after{transition-delay:calc(var(--k,0)*170ms + var(--j)*80ms + .8s)}
.cvtix .cvtk.in li::after,html:not(.js) .cvtix .b-tk li::after{transform:scale(1)}
.cvtix .b-tk:hover{translate:0 -4px}@media (max-width:640px){.cvtix .b-tk:hover{translate:0 -3.6px}}
.cvx-tb{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;font:500 14px var(--f-body);color:var(--ink)}@media (max-width:640px){.cvx-tb{border-radius:12.6px}}
.cvx-tb>div{display:grid;grid-template-columns:22px minmax(0,1fr) repeat(4,24px) 32px;gap:6px;padding:9px 14px;border-top:1px solid var(--line);opacity:0;translate:-8px 0;transition:opacity .4s,translate .4s;transition-delay:calc(var(--d,0)*80ms + .2s)}@media (max-width:640px){.cvx-tb>div{grid-template-columns:19.8px minmax(0,1fr) repeat(4,21.6px) 28.8px;gap:5.4px;padding:8.1px 12.6px;translate:-7.2px 0}}
.cvx-tb>div.h{border-top:0;background:var(--green-soft);font:700 13px var(--f-display);opacity:1;translate:0 0}
.cvx-a.ans .cvx-tb>div{opacity:1;translate:0 0}
.cvx-tb span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cvx-tb span:first-child{text-align:right}.cvx-tb span:nth-child(n+3){text-align:center}.cvx-tb span:last-child{font-weight:700}
.cvx-tb .me{background:color-mix(in srgb,var(--green-soft) 55%,transparent);font-weight:700}
/* languages: one answer in all 12 */
.cvlg{display:grid;gap:26px;justify-items:center}@media (max-width:640px){.cvlg{gap:23.4px}}
.cvlg .cvl li{padding:0;border:0;background:none;transform:none}
.cvl button{all:unset;cursor:pointer;display:inline-block;font:700 16px var(--f-display);padding:11px 20px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:border-color .25s,background .25s,color .25s,transform .25s}@media (max-width:640px){.cvl button{font:700 14.4px var(--f-display);padding:9.9px 18px;border-radius:899.1px}}
.cvl button:hover{border-color:var(--green);transform:translateY(-2px)}
.cvl button.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
.cvl button:focus-visible{outline:3px solid var(--neon);outline-offset:2px}
.cvlc{position:relative;display:grid;width:min(720px,100%);padding:28px 30px;border-radius:24px;background:#0d1211;color:#fff;box-shadow:var(--shadow);overflow:hidden}@media (max-width:640px){.cvlc{width:min(648px,100%);padding:25.2px 27px;border-radius:21.6px}}
.cvlc::before{content:"";position:absolute;right:-12%;bottom:-70%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(61,220,104,.35),transparent 70%)}@media (max-width:640px){.cvlc::before{width:288px;height:288px}}
.cvlc p{grid-area:1/1;position:relative;display:flex;gap:14px;align-items:baseline;font:700 clamp(20px,2.6vw,28px)/1.3 var(--f-display);letter-spacing:-.01em;opacity:0;translate:0 10px;transition:opacity .45s,translate .45s}@media (max-width:640px){.cvlc p{gap:12.6px;font:700 clamp(18px,2.6vw,25.2px)/1.3 var(--f-display);translate:0 9px}}
.cvlc p.on{opacity:1;translate:0 0}
.cvlc p span{flex:none;font:600 13px var(--f-mono);letter-spacing:.1em;color:#5ef08a;padding:4px 8px;border:1px solid rgba(61,220,104,.45);border-radius:8px;translate:0 -4px}@media (max-width:640px){.cvlc p span{padding:3.6px 7.2px;border-radius:7.2px;translate:0 -3.6px}}
@media (max-width:900px){.cvh-g{grid-template-columns:1fr}.cvh-v{width:min(400px,100%)}@media (max-width:640px){.cvh-v{width:min(360px,100%)}}.cvx{grid-template-columns:minmax(0,1fr)}
  .cvx-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:4px 20px;gap:8px}@media (max-width:640px){.cvx-tabs{margin-inline:-18px;padding:3.6px 18px;gap:7.2px}}.cvx-tabs::-webkit-scrollbar{display:none}
  .cvx-tab{flex:none;padding:7px 16px 7px 7px;gap:10px;border-radius:999px}@media (max-width:640px){.cvx-tab{padding:6.3px 14.4px 6.3px 6.3px;gap:9px;border-radius:899.1px}}.cvx-tab .cvi{width:34px;height:34px;border-radius:50%}@media (max-width:640px){.cvx-tab .cvi{width:30.6px;height:30.6px}}.cvx-tab .cvi svg{width:18px;height:18px}@media (max-width:640px){.cvx-tab .cvi svg{width:16.2px;height:16.2px}}.cvx-tt small{display:none}.cvx-tt b{font-size:15px}@media (max-width:640px){.cvx-tt b{font-size:14px}}}
@media (max-width:560px){.cvx-st{grid-template-columns:repeat(2,minmax(0,1fr))}.cvx-st.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cvx-st.c3 span{font-size:9.5px;letter-spacing:.04em}.cvx-ps{padding:16px 14px 14px}@media (max-width:640px){.cvx-ps{padding:14.4px 12.6px 12.6px}}.cvx-hd{padding:12px 16px}@media (max-width:640px){.cvx-hd{padding:10.8px 14.4px}}.cvx-in{padding:10px 12px}@media (max-width:640px){.cvx-in{padding:9px 10.8px}}.cvx-q{font-size:14px}.cvx-r>p{font-size:15px}@media (max-width:640px){.cvx-r>p{font-size:14px}}.cvx-cd{padding:12px 13px}@media (max-width:640px){.cvx-cd{padding:10.8px 11.7px}}.cvx-l5{grid-template-columns:1fr}.cvx-l5>div{grid-template-columns:minmax(0,1fr) auto;align-items:center}.cvx-fm{gap:5px}@media (max-width:640px){.cvx-fm{gap:4.5px}}.cvx-fm i{width:27px;height:27px;font-size:11.5px}@media (max-width:640px){.cvx-fm i{width:24.3px;height:24.3px}}.cvx-fx b{font-size:16px}@media (max-width:640px){.cvx-fx b{font-size:14.4px}}.cvx-rk>div{grid-template-columns:14px minmax(0,1fr) 64px 1.4em;gap:10px}@media (max-width:640px){.cvx-rk>div{grid-template-columns:12.6px minmax(0,1fr) 57.6px 1.4em;gap:9px}}.cvx-tb>div{padding:9px 10px;gap:4px;grid-template-columns:20px minmax(0,1fr) repeat(4,20px) 28px}@media (max-width:640px){.cvx-tb>div{padding:8.1px 9px;gap:3.6px;grid-template-columns:18px minmax(0,1fr) repeat(4,18px) 25.2px}}.cvx-fu span{font-size:13px}.cvlc{padding:22px 20px}@media (max-width:640px){.cvlc{padding:19.8px 18px}}.cvlc p{flex-direction:column;gap:8px}@media (max-width:640px){.cvlc p{gap:7.2px}}.cvh-s li{padding:10px 13px}@media (max-width:640px){.cvh-s li{padding:9px 11.7px}}}
@media (max-width:380px){.cvx-tb .w{display:none}.cvx-tb>div{grid-template-columns:20px minmax(0,1fr) 24px 30px}@media (max-width:640px){.cvx-tb>div{grid-template-columns:18px minmax(0,1fr) 21.6px 27px}}}
@media (prefers-reduced-motion:reduce){.cvx-th i,.cvx-it::after{animation:none!important}.cvx-a,.cvx-q,.cvx-r,.cvx-st span,.cvx-sn span,.cvx-sg i,.cvx-fm i,.cvx-rk i::after,.cvx-tb>div,.cvlc p,.cvl button,.cvx-rk>div{transition:none!important}}

/* v63: one-figure player card; season comparison strip */
.cvx-sn.one{grid-template-columns:minmax(0,1fr)}
.cvx-rk .n{white-space:nowrap}
.cvx-rk>div{grid-template-columns:22px minmax(0,11em) 1fr 1.5em}@media (max-width:640px){.cvx-rk>div{grid-template-columns:19.8px minmax(0,11em) 1fr 1.5em}}
.cvx-rk>div .g{color:var(--green)}
.cvx-cmp{display:flex;align-items:baseline;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}@media (max-width:640px){.cvx-cmp{gap:9px;margin-top:12.6px;padding-top:10.8px}}
.cvx-cmp span{font:600 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cvx-cmp b{flex:1;min-width:0;font:700 14px var(--f-display);color:var(--ink)}
.cvx-cmp em{font:800 21px var(--f-display);font-style:normal;color:var(--ink)}@media (max-width:640px){.cvx-cmp em{font:800 18.9px var(--f-display)}}
@media (max-width:560px){.cvx-cmp{flex-wrap:wrap}.cvx-cmp span{flex-basis:100%}}
/* v64 (Batu): the three hero chips sit on one line */
.cvh-s{flex-wrap:nowrap;gap:10px}@media (max-width:640px){.cvh-s{gap:9px}}
.cvh-s li{padding:11px 14px;white-space:nowrap}@media (max-width:640px){.cvh-s li{padding:9.9px 12.6px}}
.cvh-s b{font-size:16px}@media (max-width:640px){.cvh-s b{font-size:14.4px}}
@media (max-width:1100px){.cvh-s{gap:8px}@media (max-width:640px){.cvh-s{gap:7.2px}}.cvh-s li{padding:10px 12px}@media (max-width:640px){.cvh-s li{padding:9px 10.8px}}.cvh-s b{font-size:14px}}
@media (max-width:980px) and (min-width:901px){.cvh-s li{padding:9px 10px}.cvh-s b{font-size:13px}}
@media (max-width:900px){.cvh-s b{font-size:16px}@media (max-width:640px){.cvh-s b{font-size:14.4px}}.cvh-s li{padding:11px 14px}@media (max-width:640px){.cvh-s li{padding:9.9px 12.6px}}}
@media (max-width:560px){.cvh-s{flex-wrap:wrap}}
/* solutions mega menu (v44, Batu); v46: one column, sector first, products under the line */
.ddp.mega{width:420px;gap:4px;padding:10px;border-radius:22px;box-shadow:0 24px 60px rgba(13,18,17,.14)}@media (max-width:640px){.ddp.mega{width:378px;gap:3.6px;padding:9px;border-radius:19.8px}}
.mega a{gap:4px;padding:14px 16px;border-radius:14px;align-content:start;transition:background .2s}@media (max-width:640px){.mega a{gap:3.6px;padding:12.6px 14.4px;border-radius:12.6px}}
.mega b{font:700 17px var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.mega b{font:700 15.3px var(--f-display)}}
.mega span{font:400 14px/1.45 var(--f-body);color:var(--muted)}
.mega em{font:600 13px/1.5 var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--green-strong);margin-top:4px}@media (max-width:640px){.mega em{margin-top:3.6px}}
@media (max-width:900px){
  .ddp.mega{width:auto;gap:2px;padding:4px 0 10px;border-radius:0;box-shadow:none}@media (max-width:640px){.ddp.mega{padding:3.6px 0 9px}}
  .mega a{padding:12px 12px;gap:2px}@media (max-width:640px){.mega a{padding:10.8px 10.8px}}.mega b{font-size:16px}@media (max-width:640px){.mega b{font-size:14.4px}}.mega span{font-size:13.5px}.mega em{margin-top:3px}@media (max-width:640px){.mega em{margin-top:2.7px}}
}
/* resources: product brochure with the deck on the page (v47) */
.rshero .lede{max-width:52ch}
.rsb{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}@media (max-width:640px){.rsb{gap:10.8px;margin-top:25.2px}}
.rsd{padding-top:0}
.rsv{position:relative;max-width:1200px;margin:0 auto;border:1px solid var(--line);border-radius:24px;background:#f4f4ed;box-shadow:var(--shadow);overflow:hidden;touch-action:pan-y}@media (max-width:640px){.rsv{border-radius:21.6px}}
.rsv:focus-visible{outline:3px solid var(--neon);outline-offset:3px}
.rsv-tr{display:flex;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rsv-tr img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:16/9;display:block;user-select:none;-webkit-user-drag:none}
.rsv-ar{all:unset;box-sizing:border-box;position:absolute;top:50%;translate:0 -50%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#05f140;color:#0d1211;box-shadow:0 8px 20px rgba(10,30,15,.18);transition:opacity .2s,transform .2s}@media (max-width:640px){.rsv-ar{width:41.4px;height:41.4px}}
.rsv-ar:hover{transform:scale(1.06)}
.rsv-ar:disabled{opacity:.35;cursor:default;transform:none}
.rsv-ar:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.rsv-pv{left:14px}@media (max-width:640px){.rsv-pv{left:12.6px}}.rsv-nx{right:14px}@media (max-width:640px){.rsv-nx{right:12.6px}}
.rsv-n{margin-top:16px;text-align:center;font:600 13px var(--f-mono);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width:640px){.rsv-n{margin-top:14.4px}}
.rsd .rsb{justify-content:center;margin-top:16px}@media (max-width:640px){.rsd .rsb{margin-top:14.4px}}
.rs-open{background:#014d13;color:#fff}.rs-open:hover{background:#027a1f}
@media (max-width:560px){.rsv{border-radius:14px}@media (max-width:640px){.rsv{border-radius:12.6px}}.rsv-ar{width:36px;height:36px}@media (max-width:640px){.rsv-ar{width:32.4px;height:32.4px}}.rsv-pv{left:8px}@media (max-width:640px){.rsv-pv{left:7.2px}}.rsv-nx{right:8px}@media (max-width:640px){.rsv-nx{right:7.2px}}}
/* brochure switcher (Club Assistant added 10 Oct) */
.rss{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}@media (max-width:640px){.rss{gap:10.8px;margin-top:28.8px}}
.rss a{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.rss a{gap:10.8px;padding:7.2px 14.4px 7.2px 7.2px;border-radius:14.4px}}
.rss a:hover{border-color:var(--green)}
.rss a[aria-current]{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent)}
.rss img{width:96px;height:54px;border-radius:8px;object-fit:cover;display:block}@media (max-width:640px){.rss img{width:86.4px;height:48.6px;border-radius:7.2px}}
.rss span{display:grid;gap:2px;font:500 12.5px var(--f-body);color:var(--muted)}
.rss b{font:700 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.rss b{font:700 14px var(--f-display)}}
@media (max-width:560px){.rss a{flex:1 1 100%}}
/* each brochure ends with its product page's closing section (Batu, 10 Oct): same tokens as the product pages */
#resources-view{--c1:#f5f4ec;--c2:#d9f1de;--edge:#1b2130;--sh:5px 5px 0 var(--edge);--hl:#4be872;--navy:#1b2130;--dg1:#027a1f;--dg2:#014d13;--red:#e5383b}@media (max-width:640px){#resources-view{--sh:4.5px 4.5px 0 var(--edge)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #resources-view{--c1:#0e1411;--c2:#10201a;--edge:#3d5a48;--navy:#0a0f0d}}
:root[data-theme="dark"] #resources-view{--c1:#0e1411;--c2:#10201a;--edge:#3d5a48;--navy:#0a0f0d}
#resources-view :is(.b-cta,.c-cta) h2{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.04em;line-height:1.02}@media (max-width:640px){#resources-view :is(.b-cta,.c-cta) h2{font-size:clamp(30.6px,4.6vw,50.4px)}}

/* contact */
.cphead{padding-block:clamp(48px,7vw,88px) 40px;background:var(--surface-2);margin-inline:-20px;padding-inline:20px}@media (max-width:640px){.cphead{padding-block:clamp(43.2px,7vw,79.2px) 36px;margin-inline:-18px;padding-inline:18px}}
.cphead h1{font:800 clamp(32px,4.4vw,52px)/1.08 var(--f-display);letter-spacing:-.03em;margin-block:14px 16px;max-width:20ch}@media (max-width:640px){.cphead h1{font:800 clamp(28.8px,4.4vw,46.8px)/1.08 var(--f-display);margin-block:12.6px 14.4px}}
.cphead .lede{max-width:56ch}
.cpbody{padding-top:48px}@media (max-width:640px){.cpbody{padding-top:43.2px}}
.cgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}@media (max-width:640px){.cgrid{gap:25.2px}}
.cform{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(20px,3vw,36px);display:grid;gap:18px}@media (max-width:640px){.cform{border-radius:21.6px;padding:clamp(18px,3vw,32.4px);gap:16.2px}}
.fld{display:grid;gap:7px}@media (max-width:640px){.fld{gap:6.3px}}
.fld label{font:600 14px var(--f-display);color:var(--ink)}.fld label i{font-style:normal;color:#d1334a}
.fld input,.fld textarea{font:400 15px/1.5 var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 16px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.fld input,.fld textarea{font:400 14px/1.5 var(--f-body);border-radius:12.6px;padding:10.8px 14.4px}}
.fld textarea{resize:vertical;min-height:140px}@media (max-width:640px){.fld textarea{min-height:126px}}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}
.fld.err input,.fld.err textarea{border-color:#d1334a}
.cnt{justify-self:end;font:500 13px var(--f-mono);color:var(--muted)}
.csend{justify-content:center;width:100%}
.cok{background:var(--green-soft);color:var(--green-strong);border-radius:12px;padding:12px 14px;font-weight:500}@media (max-width:640px){.cok{border-radius:10.8px;padding:10.8px 12.6px}}
.cerr{background:#fbe4e4;color:#b3261e;border-radius:12px;padding:12px 14px;font-weight:500}@media (max-width:640px){.cerr{border-radius:10.8px;padding:10.8px 12.6px}}
.cside{display:grid;gap:16px}@media (max-width:640px){.cside{gap:14.4px}}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:10px;justify-items:start}@media (max-width:640px){.ccard{border-radius:18px;padding:19.8px;gap:9px}}
.cmail{font:700 clamp(17px,1.6vw,20px) var(--f-display);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}@media (max-width:640px){.cmail{font:700 clamp(15.3px,1.6vw,18px) var(--f-display)}}.cmail:hover{color:var(--green)}
.ccopy{font:600 13px var(--f-display);padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}@media (max-width:640px){.ccopy{padding:7.2px 12.6px;border-radius:899.1px}}
.ccard.dark{background:var(--night);border-color:var(--night);color:var(--night-muted)}.ccard.dark b{color:var(--night-ink);font:700 17px var(--f-display)}@media (max-width:640px){.ccard.dark b{font:700 15.3px var(--f-display)}}.ccard.dark .lbl{color:var(--neon)}
.soc.dk a{border-color:var(--line);color:var(--ink)!important}.soc.dk a:hover{border-color:var(--green);color:var(--green)!important}
@media (max-width:900px){.cgrid{grid-template-columns:1fr}}
/* contact v1 */
#contact-view .cphead{position:relative;overflow:hidden;isolation:isolate;margin:14px -6px 0;border-radius:34px;color:#fff;padding:clamp(48px,6vw,84px) clamp(24px,4vw,56px);
  background:radial-gradient(760px 520px at 82% 30%,rgba(61,220,104,.24),transparent 62%),radial-gradient(640px 460px at 0% 100%,rgba(2,122,31,.6),transparent 62%),linear-gradient(160deg,#024a1b 0%,#01300f 55%,#011c09 100%)}@media (max-width:640px){#contact-view .cphead{margin:12.6px -5.4px 0;border-radius:30.6px;padding:clamp(43.2px,6vw,75.6px) clamp(21.6px,4vw,50.4px)}}
#contact-view .cphead::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%)}
#contact-view .cphead .eyebrow{font:700 15px/1.2 var(--f-display);letter-spacing:.08em;color:#3ddc68}@media (max-width:640px){#contact-view .cphead .eyebrow{font:700 14px/1.2 var(--f-display)}}
#contact-view .cphead h1{font:600 clamp(38px,5vw,66px)/1.03 var(--f-display);letter-spacing:-.045em;color:#fff;max-width:18ch;margin-block:18px 20px}@media (max-width:640px){#contact-view .cphead h1{font:600 clamp(34.2px,5vw,59.4px)/1.03 var(--f-display);margin-block:16.2px 18px}}
#contact-view .cphead .lede{color:#fff;font-size:clamp(17px,1.4vw,19.5px);max-width:none}@media (max-width:640px){#contact-view .cphead .lede{font-size:clamp(15.3px,1.4vw,17.55px)}}
@media (min-width:1000px){#contact-view .cphead .lede{white-space:nowrap}}
#contact-view .cpbody{padding-top:40px}@media (max-width:640px){#contact-view .cpbody{padding-top:36px}}
#contact-view .cgrid{grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto;gap:20px}@media (max-width:640px){#contact-view .cgrid{gap:18px}}
#contact-view .cside{grid-template-columns:1.5fr 1fr;gap:20px}@media (max-width:640px){#contact-view .cside{gap:18px}}
#contact-view .cform{border-radius:28px;gap:20px}@media (max-width:640px){#contact-view .cform{border-radius:25.2px;gap:18px}}
#contact-view .fld label{font:700 15.5px var(--f-display);color:var(--ink)}@media (max-width:640px){#contact-view .fld label{font:700 14px var(--f-display)}}
#contact-view .fld input,#contact-view .fld textarea{font:500 16px/1.5 var(--f-body);border-width:1.5px}@media (max-width:640px){#contact-view .fld input,#contact-view .fld textarea{font:500 14.4px/1.5 var(--f-body)}}
#contact-view .fld input::placeholder,#contact-view .fld textarea::placeholder{color:var(--body);opacity:.75}
#contact-view .cnt{font:600 13px var(--f-display);color:var(--body)}
#contact-view .csend{font-size:16.5px;padding:17px 22px}@media (max-width:640px){#contact-view .csend{font-size:14.85px;padding:15.3px 19.8px}}
#contact-view .cok{color:var(--ink);font-weight:600}
#contact-view .ccard{border-radius:24px;padding:26px;gap:12px;align-content:start}@media (max-width:640px){#contact-view .ccard{border-radius:21.6px;padding:23.4px;gap:10.8px}}
#contact-view .ccard .lbl{font:700 14px/1.2 var(--f-display);letter-spacing:.08em;color:var(--green)}
#contact-view .cmail{font-size:clamp(17px,1.5vw,19px);overflow-wrap:normal}@media (max-width:640px){#contact-view .cmail{font-size:clamp(15.3px,1.5vw,17.1px)}}
#contact-view .ccopy{font-size:14px;border-width:1.5px}
#contact-view .soc.dk a{border-width:1.5px}
@media (max-width:560px){#contact-view .cphead{margin-inline:-4px;border-radius:26px}@media (max-width:640px){#contact-view .cphead{margin-inline:-3.6px;border-radius:23.4px}}#contact-view .cside{grid-template-columns:1fr}}
/* motion */
.dev{cursor:pointer}
html.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k,0)*110ms)}@media (max-width:640px){html.js .rv{transform:translateY(25.2px)}}
html.js .rv.in{opacity:1;transform:none}
html.js .out.rv.in:hover{transform:translateY(-4px);transition-delay:0s}@media (max-width:640px){html.js .out.rv.in:hover{transform:translateY(-3.6px)}}
html.js .svis [data-step]{opacity:0;transform:translateY(16px) scale(.98);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--st)*1ms)}@media (max-width:640px){html.js .svis [data-step]{transform:translateY(14.4px) scale(.98)}}
html.js .svis.play [data-step]{opacity:1;transform:none}
.leg,.mk.tot{transition:opacity .5s,transform .5s}
html.js .svis .coupon .leg,html.js .svis .coupon .tot{opacity:0;transform:translateX(-10px)}@media (max-width:640px){html.js .svis .coupon .leg,html.js .svis .coupon .tot{transform:translateX(-9px)}}
html.js .svis.play .coupon .leg,html.js .svis.play .coupon .tot{opacity:1;transform:none}
.svis.play .coupon .leg:nth-of-type(2){transition-delay:.9s}.svis.play .coupon .leg:nth-of-type(3){transition-delay:1.15s}.svis.play .coupon .leg:nth-of-type(4){transition-delay:1.4s}.svis.play .coupon .tot{transition-delay:1.65s}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(5,241,64,0)}40%{box-shadow:0 0 0 6px rgba(5,241,64,.35)}}
.svis.play .sb .od{animation:pulse 1.2s .7s 2}
.ans .dots{display:none;gap:4px;padding:4px 0}@media (max-width:640px){.ans .dots{gap:3.6px;padding:3.6px 0}}
.ans .dots i{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.4;animation:blink 1s infinite}@media (max-width:640px){.ans .dots i{width:6.3px;height:6.3px}}
.ans .dots i:nth-child(2){animation-delay:.15s}.ans .dots i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:1}}
html.js .ans:not(.done) .dots{display:flex}
html.js .ans:not(.done) .body{display:none}
.ans .body{display:grid;gap:8px;animation:none}@media (max-width:640px){.ans .body{gap:7.2px}}
.ans.done .body{animation:fadeup .5s both}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html.js .draft p{clip-path:inset(0 100% 0 0)}
.draft p{transition:clip-path 1.6s steps(28)}
html.js .svis.play .draft p{clip-path:inset(0 0 0 0);transition-delay:1s}
@media (prefers-reduced-motion:reduce){html.js .rv,html.js .svis [data-step],html.js .svis .coupon .leg,html.js .svis .coupon .tot{opacity:1;transform:none;transition:none}html.js .draft p{clip-path:none}.svis.play .sb .od{animation:none}}
@media (prefers-reduced-motion:reduce){.ill *{transition:none!important;animation:none!important}.ill .br,.ill .end{transform:none!important}.ill .ln{stroke-dasharray:100 0!important}.ill .ring{stroke-dasharray:82 100!important}.ill .area{opacity:1!important}.out{transition:none}.inner{transition:none}.fbar,.ftxt{transition:none}}

/* cta */
.final{background:var(--green-soft);border-radius:32px;padding:clamp(40px,7vw,80px) 24px;text-align:center;display:grid;gap:18px;justify-items:center}@media (max-width:640px){.final{border-radius:28.8px;padding:clamp(36px,7vw,72px) 21.6px;gap:16.2px}}
.final h2{max-width:20ch}
.mail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;font-size:14.5px;color:var(--muted)}@media (max-width:640px){.mail{gap:9px;font-size:14px}}
.mail code{font-family:var(--f-mono);color:var(--ink);user-select:all}
.mail button{font:600 13px var(--f-display);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:6px 12px;border-radius:999px;cursor:pointer}@media (max-width:640px){.mail button{padding:5.4px 10.8px;border-radius:899.1px}}

.ft{background:var(--night);color:var(--night-muted);margin-top:72px;margin-inline:-20px;padding-inline:20px;font-size:14px}@media (max-width:640px){.ft{margin-top:64.8px;margin-inline:-18px;padding-inline:18px}}
.ftop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px;padding-block:64px 48px}@media (max-width:640px){.ftop{gap:43.2px;padding-block:57.6px 43.2px}}
.fabout{display:grid;gap:18px;align-content:start;justify-items:start}@media (max-width:640px){.fabout{gap:16.2px}}
.fabout p{max-width:36ch;line-height:1.6}.fabout b{color:var(--night-ink)}
.btn-neon{background:var(--neon);color:var(--on-neon);padding:11px 18px;font-size:14px}@media (max-width:640px){.btn-neon{padding:9.9px 16.2px}}.btn-neon:hover{background:var(--neon-hover)}
.fcols{display:grid;grid-template-columns:1fr 1.25fr max-content;gap:24px 32px}@media (max-width:640px){.fcols{gap:21.6px 28.8px}}
.fcols>div{display:grid;gap:10px;align-content:start}@media (max-width:640px){.fcols>div{gap:9px}}
.fcols h4 .fh{font:inherit;color:#fff!important}.fcols h4 .fh:hover{text-decoration:underline;text-underline-offset:4px}
.fcols .fhrow{display:flex;flex-wrap:nowrap;gap:4px 22px}@media (max-width:640px){.fcols .fhrow{gap:3.6px 19.8px}}.fcols span{color:var(--night-ink);opacity:.75}.fleg span{opacity:1}
.soc{display:flex;gap:10px}@media (max-width:640px){.soc{gap:9px}}.soc.lbl2{flex-wrap:wrap}.soc.lbl2 a{width:auto;height:auto;padding:10px 16px;gap:8px;display:inline-flex;align-items:center;font:600 14px var(--f-display);border-radius:999px}@media (max-width:640px){.soc.lbl2 a{padding:9px 14.4px;gap:7.2px;border-radius:899.1px}}.soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:var(--night-ink)!important}@media (max-width:640px){.soc a{width:36px;height:36px;border-radius:10.8px}}.soc a:hover{border-color:var(--neon);color:var(--neon)!important}
.fcols h4{font:500 13px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0 0 4px}@media (max-width:640px){.fcols h4{margin:0 0 3.6px}}
.fcols>div{position:relative;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}@media (max-width:640px){.fcols>div{padding-top:16.2px}}.fcols>div::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:2px;border-radius:2px;background:#fff}@media (max-width:640px){.fcols>div::before{width:25.2px}}
.ft .btn-neon{color:var(--on-neon)}.ft .btn-neon:hover{color:var(--on-neon)}
.ft a:not(.btn){color:var(--night-ink);text-decoration:none;overflow-wrap:anywhere}.ft a:not(.btn):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.fcols .li{display:inline-flex;align-items:center;gap:7px}@media (max-width:640px){.fcols .li{gap:6.3px}}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:22px 32px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}@media (max-width:640px){.fbot{gap:10.8px 21.6px;padding-block:19.8px 28.8px}}
.fleg{display:flex;flex-wrap:wrap;gap:8px 20px}@media (max-width:640px){.fleg{gap:7.2px 18px}}.ft .fleg a{color:var(--night-muted)}
@media (max-width:900px){.ftop{grid-template-columns:1fr}.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}.fcols>div:last-child{grid-column:1/-1}.fcols{grid-template-columns:1fr 1fr}}

@media (prefers-reduced-motion:reduce){.dev,.scope li{transition:none}}

/* BO review (10 Oct): corner widget hero, coupon builder, richer tips, fixed ask card */
.b-stage2{position:relative;width:100%;max-width:500px;justify-self:end;min-height:676px;border-radius:28px;border:2px solid var(--edge);box-shadow:8px 8px 0 var(--edge);background:radial-gradient(420px 340px at 88% 92%,rgba(75,232,114,.3),transparent 70%),radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0/22px 22px,linear-gradient(160deg,#027a1f 0%,#014d13 60%,#013a0f 100%)}@media (max-width:640px){.b-stage2{min-height:608.4px;border-radius:25.2px}}
.b-stage2 .b-stk.a{left:-18px;top:-16px}@media (max-width:640px){.b-stage2 .b-stk.a{left:-16.2px;top:-14.4px}}
.b-wg{position:absolute;right:22px;bottom:96px;width:min(calc(100% - 44px),390px);height:556px;background:var(--surface);color:var(--ink);border-radius:20px;border:2px solid var(--edge);box-shadow:0 30px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;transform-origin:100% 100%;transition:transform .7s cubic-bezier(.3,1.25,.5,1),opacity .35s}@media (max-width:640px){.b-wg{right:19.8px;bottom:86.4px;width:min(calc(100% - 39.6px),351px);height:500.4px;border-radius:18px}}
.b-stage2.closed .b-wg{transform:scale(.12);opacity:0}
.b-wgh{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;font:700 14px var(--f-display)}@media (max-width:640px){.b-wgh{gap:7.2px;padding:10.8px 12.6px 9px}}.b-wgh svg{color:var(--green)}.b-wgh .x{margin-left:auto;color:var(--muted);font-size:18px;line-height:1}@media (max-width:640px){.b-wgh .x{font-size:16.2px}}
.b-wtabs{display:flex;gap:2px;padding:0 8px;border-bottom:1px solid var(--line)}@media (max-width:640px){.b-wtabs{padding:0 7.2px}}
.b-wtabs button{all:unset;cursor:pointer;position:relative;font:600 13px var(--f-display);color:var(--muted);padding:8px 10px 11px;display:inline-flex;gap:6px;align-items:center;transition:color .3s}@media (max-width:640px){.b-wtabs button{padding:7.2px 9px 9.9px;gap:5.4px}}
.b-wtabs button:hover,.b-wtabs button[aria-selected="true"]{color:var(--ink)}
.b-wtabs button:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:8px}@media (max-width:640px){.b-wtabs button:focus-visible{border-radius:7.2px}}
.b-wtabs button::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px;background:var(--green);transform:scaleX(0);transform-origin:left}@media (max-width:640px){.b-wtabs button::after{left:7.2px;right:7.2px;height:2.7px;border-radius:2.7px}}
.b-wtabs button[aria-selected="true"]::after{transform:scaleX(1)}
.b-stage2.tick .b-wtabs button[aria-selected="true"]::after{animation:b-wprog 5.6s linear}
@keyframes b-wprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.b-ldot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:b-blink 1.2s infinite}@media (max-width:640px){.b-ldot{width:6.3px;height:6.3px}}
.b-wsc{position:relative;flex:1}
.b-ws{position:absolute;inset:0;padding:14px;display:grid;gap:10px;align-content:start;opacity:0;transform:translateX(18px);transition:opacity .45s,transform .45s;pointer-events:none}@media (max-width:640px){.b-ws{padding:12.6px;gap:9px;transform:translateX(16.2px)}}
.b-ws.on{opacity:1;transform:none;pointer-events:auto}
.b-ws h4{margin:0;font:800 17px/1.2 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-ws h4{font:800 15.3px/1.2 var(--f-display)}}.b-wsub{font-size:12.5px;color:var(--muted);margin-top:2px}
.b-ws .b-pc{gap:7px;padding:12px}@media (max-width:640px){.b-ws .b-pc{gap:6.3px;padding:10.8px}}.b-ws .b-pc .b-tm{font-size:16px}@media (max-width:640px){.b-ws .b-pc .b-tm{font-size:14.4px}}.b-ws .b-st{font-size:12.5px}.b-ws .b-why{font-size:12px;padding:6px 9px}@media (max-width:640px){.b-ws .b-why{padding:5.4px 8.1px}}
.b-ws .b-btn{padding:10px 16px;font-size:13px;justify-self:start}@media (max-width:640px){.b-ws .b-btn{padding:9px 14.4px}}.b-ws .b-pc .b-btn{justify-self:stretch}
.b-ws .b-tile{background:var(--green-soft);border-color:transparent}
html.js .b-ws .wq{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.js .b-ws .wq{transform:translateY(7.2px)}}
html.js .b-ws.on .wq{opacity:1;transform:none;transition:opacity .45s,transform .45s;transition-delay:calc(var(--j)*.22s + .15s)}
html.js .b-ws.chat:not(.done) .wq{opacity:0!important;transform:translateY(8px)!important;transition:none!important}@media (max-width:640px){html.js .b-ws.chat:not(.done) .wq{transform:translateY(7.2px)!important}}
.b-ws .b-scb{padding:10px 12px}@media (max-width:640px){.b-ws .b-scb{padding:9px 10.8px}}.b-ws.b-wlv{gap:9px}@media (max-width:640px){.b-ws.b-wlv{gap:8.1px}}
.b-lin{background:var(--green-soft);border-radius:14px;padding:12px;display:grid;gap:5px}@media (max-width:640px){.b-lin{border-radius:12.6px;padding:10.8px;gap:4.5px}}.b-lin .b-tag{justify-self:start;font-size:10px;padding:3px 8px}@media (max-width:640px){.b-lin .b-tag{padding:2.7px 7.2px}}
.b-lin p{font:800 16px/1.25 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-lin p{font:800 14.4px/1.25 var(--f-display)}}.b-lin small{font-size:12px;color:var(--body)}
.b-ws .b-kv b{font-size:13.5px}
.b-lmk{border:1px solid var(--line);border-radius:12px;padding:9px 11px}@media (max-width:640px){.b-lmk{border-radius:10.8px;padding:8.1px 9.9px}}.b-lmk>span:first-child{font-size:13px!important}
.b-ub{justify-self:end;max-width:86%;background:var(--green);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 12px;font:600 13.5px/1.35 var(--f-body);min-height:1.35em}@media (max-width:640px){.b-ub{border-radius:12.6px 12.6px 3.6px 12.6px;padding:8.1px 10.8px}}
.b-ws.chat:not(.done) .b-ub span::after{content:"";display:inline-block;width:2px;height:1em;vertical-align:-2px;background:#fff;margin-left:2px;animation:b-blink .9s steps(1) infinite}
.b-wa{font-size:14px;line-height:1.45}
.b-pcd{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px}@media (max-width:640px){.b-pcd{border-radius:12.6px;padding:10.8px;gap:9px}}
.b-pch{display:flex;gap:10px;align-items:center}@media (max-width:640px){.b-pch{gap:9px}}.b-pch .av{width:38px;height:38px;border-radius:50%;background:#6cabdd;color:#0d1b2a;display:grid;place-items:center;font:800 13px var(--f-display);font-style:normal;flex:none;border:2px solid var(--edge)}@media (max-width:640px){.b-pch .av{width:34.2px;height:34.2px}}
.b-pch b{display:block;font:800 15px var(--f-display)}@media (max-width:640px){.b-pch b{font:800 14px var(--f-display)}}.b-pch span{font-size:12px;color:var(--muted)}
.b-pst{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.b-pst{gap:5.4px}}.b-pst div{background:var(--surface-2);border-radius:10px;padding:7px 8px;display:grid}@media (max-width:640px){.b-pst div{border-radius:9px;padding:6.3px 7.2px}}.b-pst b{font:800 18px/1.1 var(--f-display)}@media (max-width:640px){.b-pst b{font:800 16.2px/1.1 var(--f-display)}}.b-pst span{font-size:10.5px;color:var(--muted)}
.b-win{display:flex;align-items:center;justify-content:space-between;margin:0 12px 12px;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 14px;font-size:12.5px;color:var(--muted)}@media (max-width:640px){.b-win{margin:0 10.8px 10.8px;border-radius:899.1px;padding:7.2px 7.2px 7.2px 12.6px}}
.b-win i{width:26px;height:26px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px}@media (max-width:640px){.b-win i{width:23.4px;height:23.4px}}
.b-fab{position:absolute;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;border:2px solid var(--edge);box-shadow:0 12px 26px rgba(0,0,0,.35);z-index:2}@media (max-width:640px){.b-fab{right:19.8px;bottom:19.8px;width:52.2px;height:52.2px}}
.b-fab::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #fff;animation:b-ring 2.2s ease-out infinite}
@keyframes b-ring{from{transform:scale(1);opacity:.8}to{transform:scale(1.55);opacity:0}}
.b-bub{position:absolute;right:22px;bottom:96px;width:230px;background:var(--surface);color:var(--ink);border:2px solid var(--edge);border-radius:16px;padding:12px;display:grid;gap:7px;box-shadow:0 18px 36px rgba(0,0,0,.3);transform-origin:100% 100%;opacity:0;transform:scale(.6);transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1);pointer-events:none}@media (max-width:640px){.b-bub{right:19.8px;bottom:86.4px;width:207px;border-radius:14.4px;padding:10.8px;gap:6.3px}}
.b-bub b{font:700 13.5px var(--f-display)}.b-bub span{font:600 12.5px var(--f-display);color:var(--green-strong);border:1px solid color-mix(in srgb,var(--green) 40%,transparent);border-radius:10px;padding:8px 10px;background:var(--green-soft)}@media (max-width:640px){.b-bub span{border-radius:9px;padding:7.2px 9px}}
.b-stage2.closed .b-bub{opacity:1;transform:none;transition-delay:.25s}
@media (max-width:860px){.b-stage2{justify-self:center}}
@media (max-width:640px){.b-stage2{min-height:630px}@media (max-width:640px){.b-stage2{min-height:567px}}.b-wg{left:12px;right:12px;width:auto;bottom:88px;height:520px}@media (max-width:640px){.b-wg{left:10.8px;right:10.8px;bottom:79.2px;height:468px}}.b-fab{right:14px;bottom:16px;width:54px;height:54px}@media (max-width:640px){.b-fab{right:12.6px;bottom:14.4px;width:48.6px;height:48.6px}}.b-bub{right:14px;bottom:84px}@media (max-width:640px){.b-bub{right:12.6px;bottom:75.6px}}.b-stage2 .b-stk.a{left:-4px;top:-14px}@media (max-width:640px){.b-stage2 .b-stk.a{left:-3.6px;top:-12.6px}}}
/* coupon builder ways */
.b-way{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start;padding:16px 18px;border-radius:18px;background:var(--surface);border:2px solid var(--line);transition:border-color .3s,box-shadow .3s,transform .3s}@media (max-width:640px){.b-way{grid-template-columns:36px 1fr;gap:3.6px 12.6px;padding:14.4px 16.2px;border-radius:16.2px}}
.b-way i{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 16px var(--f-display);font-style:normal;background:var(--navy);color:#fff;transition:background .3s,color .3s}@media (max-width:640px){.b-way i{width:36px;height:36px;font:800 14.4px var(--f-display)}}
.b-way b{font:800 17px var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-way b{font:800 15.3px var(--f-display)}}.b-way span{font-size:14px;color:var(--body)}
.b-way u{grid-column:2;height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:8px;display:block;text-decoration:none;opacity:0}@media (max-width:640px){.b-way u{height:2.7px;border-radius:2.7px;margin-top:7.2px}}
.b-way u::before{content:"";display:block;height:100%;width:0;background:var(--green)}
.b-way[aria-selected="true"]{border-color:var(--edge);box-shadow:var(--sh);transform:translate(-2px,-2px)}
.b-way[aria-selected="true"] i{background:var(--hl);color:#0d1211}
.b-way[aria-selected="true"] u{opacity:1}
#b-cpw.tick .b-way[aria-selected="true"] u::before{animation:b-prog 6s linear forwards}
#b-cpw.hold .b-way[aria-selected="true"] u::before{width:100%}
.b-way:hover{border-color:var(--edge)}.b-way:focus-visible{outline:3px solid var(--green);outline-offset:3px}
#b-cpw .b-con path{opacity:.35;transition:opacity .3s,stroke .3s}#b-cpw .b-con path.on{opacity:1;stroke:var(--green);stroke-width:3}
.b-src{position:relative;height:104px;border-bottom:2px dashed var(--line)}@media (max-width:640px){.b-src{height:93.6px}}
.b-srs{position:absolute;inset:0 0 12px;display:grid;gap:8px;align-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}@media (max-width:640px){.b-srs{inset:0 0 10.8px;gap:7.2px;transform:translateY(7.2px)}}
.b-srs.on{opacity:1;transform:none;pointer-events:auto}
.b-srs .b-ub{justify-self:end;font-size:14px}
.b-ab{justify-self:start;max-width:92%;background:var(--surface-2);border-radius:14px 14px 14px 4px;padding:10px 12px;font:500 14px/1.4 var(--f-body)}@media (max-width:640px){.b-ab{border-radius:12.6px 12.6px 12.6px 3.6px;padding:9px 10.8px}}
.b-mt{display:flex;align-items:center;gap:10px}@media (max-width:640px){.b-mt{gap:9px}}.b-mt i{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:700}@media (max-width:640px){.b-mt i{width:23.4px;height:23.4px}}.b-mt b{font:800 16px var(--f-mono)}@media (max-width:640px){.b-mt b{font:800 14.4px var(--f-mono)}}
.b-cpc .b-tg small{display:none}
/* personalised tips: fuller feed, fixed phone */
.b-pbody{height:528px;overflow:hidden;display:grid;gap:9px;align-content:start;transition:opacity .3s,transform .3s}@media (max-width:640px){.b-pbody{height:475.2px;gap:8.1px}}
.b-pbody.out{opacity:0;transform:translateY(10px)}@media (max-width:640px){.b-pbody.out{transform:translateY(9px)}}
.b-pbody .b-gr{font-size:12.5px;line-height:1.4}.b-pbody .b-gr b{font-family:var(--f-display)}
.b-pbody .b-why{font-size:11.5px;padding:6px 9px}@media (max-width:640px){.b-pbody .b-why{padding:5.4px 8.1px}}
.b-tp{border:1px solid var(--line);border-radius:12px;padding:9px 10px;display:grid;gap:4px;animation:b-in .45s both;animation-delay:calc(var(--j)*110ms)}@media (max-width:640px){.b-tp{border-radius:10.8px;padding:8.1px 9px;gap:3.6px}}
.b-tp .b-lb{font-size:9.5px}.b-tpm{font:800 14px/1.2 var(--f-display);letter-spacing:-.01em}
.b-tp .b-mk>span:first-child{font-size:12.5px}.b-tp .b-od{font-size:13.5px}
.b-tps{font-size:11.5px;line-height:1.35;color:var(--body);display:flex;gap:6px}@media (max-width:640px){.b-tps{gap:5.4px}}.b-tps::before{content:"▮";color:var(--green);font-size:9px;line-height:1.6}
.b-tpc{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:12px;padding:9px 10px 9px 12px;animation:b-in .45s both;animation-delay:.33s}@media (max-width:640px){.b-tpc{gap:9px;border-radius:10.8px;padding:8.1px 9px 8.1px 10.8px}}
.b-tpc div{display:grid}.b-tpc span:not(.b-btn){font-size:11px;color:#c9d2de}.b-tpc b{font:800 18px var(--f-mono)}@media (max-width:640px){.b-tpc b{font:800 16.2px var(--f-mono)}}
.b-tpc .b-btn{padding:9px 14px;font-size:12.5px}@media (max-width:640px){.b-tpc .b-btn{padding:8.1px 12.6px}}
@media (prefers-reduced-motion:reduce){.b-tp,.b-tpc{animation:none}.b-fab::after{animation:none}}
/* ask: the card keeps one size */
.b-ask .k{height:440px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;overflow:hidden}@media (max-width:640px){.b-ask .k{height:396px}}
.b-ans{align-content:start}
@media (max-width:640px){.b-ask .k{height:470px}@media (max-width:640px){.b-ask .k{height:423px}}}

/* BO review round 2 (10 Oct) */
.b-wg{height:592px}@media (max-width:640px){.b-wg{height:532.8px}}.b-stage2{min-height:712px}@media (max-width:640px){.b-stage2{min-height:640.8px}}
@media (max-width:640px){.b-wg{height:660px}@media (max-width:640px){.b-wg{height:594px}}.b-stage2{min-height:768px}@media (max-width:640px){.b-stage2{min-height:691.2px}}}
.b-wsc{overflow:hidden}
.b-ws .b-pc{gap:6px;padding:10px 12px}@media (max-width:640px){.b-ws .b-pc{gap:5.4px;padding:9px 10.8px}}.b-ws .b-pc .b-tm{font-size:15px}@media (max-width:640px){.b-ws .b-pc .b-tm{font-size:14px}}
.b-ws .b-st{padding:6px 9px;font-size:12px}@media (max-width:640px){.b-ws .b-st{padding:5.4px 8.1px}}
.b-bub p{font-size:12.5px;color:var(--muted);margin-top:-4px}@media (max-width:640px){.b-bub p{margin-top:-3.6px}}
.b-vs{display:grid;gap:6px}@media (max-width:640px){.b-vs{gap:5.4px}}
.b-vs>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1px 8px}@media (max-width:640px){.b-vs>div{gap:1px 7.2px}}
.b-vs b{font:700 13px var(--f-mono);font-variant-numeric:tabular-nums;color:var(--muted);min-width:30px}
.b-vs b:last-of-type{text-align:right}
.b-vs>div>span{text-align:center;font:600 10.5px var(--f-display);color:var(--muted)}
.b-vs em{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4px}@media (max-width:640px){.b-vs em{gap:3.6px}}
.b-vs em i{height:5px;border-radius:5px;background:var(--line);width:var(--a);transform-origin:right;transition:transform .7s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.b-vs em i{height:4.5px;border-radius:4.5px}}
.b-vs em i:first-child{justify-self:end}.b-vs em i:last-child{transform-origin:left}
.b-vs .lw b:first-of-type,.b-vs .rw b:last-of-type{color:var(--ink)}
.b-vs .lw em i:first-child{background:var(--green)}.b-vs .rw em i:last-child{background:color-mix(in srgb,var(--ink) 72%,transparent)}
html.js .b-ws:not(.on) .b-vs em i,html.js .b-s:not(.on) .b-vsf em i{transform:scaleX(0)}
.b-ws .b-lin{padding:10px 12px}@media (max-width:640px){.b-ws .b-lin{padding:9px 10.8px}}.b-ws .b-lin p{font-size:14px}
.b-lmk .b-btn{padding:8px 12px!important;font-size:12px!important;margin-left:4px}@media (max-width:640px){.b-lmk .b-btn{padding:7.2px 10.8px!important;margin-left:3.6px}}
.b-lmk{gap:8px}@media (max-width:640px){.b-lmk{gap:7.2px}}.b-lmk>span:first-child{margin-right:auto}
.b-vsf{gap:7px}@media (max-width:640px){.b-vsf{gap:6.3px}}.b-vsf b{font-size:12px}.b-vsf>div>span{font-size:11px}
/* personas */
.b-uav,.b-pav{overflow:hidden;padding:0!important;background:none!important}
.b-uav svg,.b-pav svg,.b-uav img,.b-pav img{width:100%;height:100%;display:block;object-fit:cover}
.b-gra{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}@media (max-width:640px){.b-gra{grid-template-columns:30.6px 1fr;gap:9px}}
.b-pav{display:block;width:34px;height:34px;border-radius:50%;border:2px solid var(--edge);font-style:normal}@media (max-width:640px){.b-pav{width:30.6px;height:30.6px}}
/* favourites: followed markets */
.b-pinm{gap:7px}@media (max-width:640px){.b-pinm{gap:6.3px}}.b-board{align-items:start}
.b-fmk{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:var(--surface)}@media (max-width:640px){.b-fmk{border-radius:9px;padding:6.3px 8.1px}}
.b-fmk .b-lb{font-size:9.5px}.b-fmk .b-mk{border:0!important;padding:0!important}
.b-fmk .b-mk>span:first-child{font-size:12.5px!important;font-weight:700!important}
.b-fmk .b-od{font-size:13px}
.b-fms{font-size:11px;color:var(--body);display:flex;gap:5px}@media (max-width:640px){.b-fms{gap:4.5px}}.b-fms::before{content:"▮";color:var(--green);font-size:8px;line-height:1.7}
/* ask: text first */
.b-atx{font-size:15px;line-height:1.5;color:var(--ink)}@media (max-width:640px){.b-atx{font-size:14px}}
/* brick by brick */
.b-bk{position:relative;display:grid;grid-template-columns:44% 56%;max-width:1000px;margin:0 auto}
.b-bki{grid-column:2;position:relative;z-index:1;width:100%;height:auto;max-width:100%}
.b-bkl{position:absolute;right:calc(56% + 22px);top:var(--y);transform:translateY(-50%);display:grid;gap:2px;justify-items:end;text-align:right;z-index:2;cursor:default}@media (max-width:640px){.b-bkl{right:calc(56% + 19.8px)}}
.b-bkl b{font:800 clamp(17px,1.9vw,22px)/1.15 var(--f-display);letter-spacing:-.02em;transition:color .3s}@media (max-width:640px){.b-bkl b{font:800 clamp(15.3px,1.9vw,19.8px)/1.15 var(--f-display)}}
.b-bkl span{font-size:13.5px;color:var(--muted)}
.b-bkn{position:absolute;z-index:0;left:calc(44% - 14px);top:var(--y);width:calc(56% * var(--xf) + 20px);height:2px;background:var(--edge);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1),height .2s,background .3s}@media (max-width:640px){.b-bkn{left:calc(44% - 12.6px);width:calc(56% * var(--xf) + 18px)}}
.b-bkn::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--edge)}@media (max-width:640px){.b-bkn::before{left:-3.6px;top:-2.7px;width:7.2px;height:7.2px}}
html.js .b-bk .b-bkn{transform:scaleX(0)}
html.js .b-bk .b-bkl{opacity:0;transform:translate(-14px,-50%);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){html.js .b-bk .b-bkl{transform:translate(-12.6px,-50%)}}
html.js .b-bk .b-bki{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .8s,transform .9s cubic-bezier(.3,1.3,.5,1)}@media (max-width:640px){html.js .b-bk .b-bki{transform:translateY(27px) scale(.97)}}
html.js .b-bk.on .b-bki{opacity:1;transform:none}
html.js .b-bk.on .b-bkn{transform:none;transition-delay:calc(.5s + var(--j)*.18s)}
html.js .b-bk.on .b-bkl{opacity:1;transform:translateY(-50%);transition-delay:calc(.6s + var(--j)*.18s)}
.b-bkl:hover b{color:var(--green)}
.b-bk:has(.b-bkl:hover) .b-bkn{opacity:.35}
.b-ioc{display:flex;justify-content:center;margin-top:28px}@media (max-width:640px){.b-ioc{margin-top:25.2px}}
@media (max-width:760px){
  .b-bk{grid-template-columns:1fr;gap:18px}@media (max-width:640px){.b-bk{gap:16.2px}}
  .b-bki{grid-column:1;grid-row:1;width:min(88%,420px);justify-self:center}@media (max-width:640px){.b-bki{width:min(88%,378px)}}
  .b-bkn{display:none}
  .b-bkl{position:static;transform:none!important;justify-items:start;text-align:left;border-bottom:1px dashed var(--line);padding-bottom:8px}@media (max-width:640px){.b-bkl{padding-bottom:7.2px}}
  html.js .b-bk .b-bkl{transform:none}
}
/* integration: no rebuild */
.b-nrb{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;margin-top:22px;padding:16px 18px;border-radius:18px;background:var(--surface);border:2px solid var(--edge);box-shadow:var(--sh)}@media (max-width:640px){.b-nrb{grid-template-columns:39.6px 1fr;gap:12.6px;margin-top:19.8px;padding:14.4px 16.2px;border-radius:16.2px}}
.b-nrc{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}@media (max-width:640px){.b-nrc{width:39.6px;height:39.6px}}
.b-nrb b{display:block;font:800 clamp(20px,2.2vw,26px)/1.15 var(--f-display);letter-spacing:-.025em}@media (max-width:640px){.b-nrb b{font:800 clamp(18px,2.2vw,23.4px)/1.15 var(--f-display)}}
.b-nrb small{display:block;margin-top:6px;font-size:14.5px;color:var(--body)}@media (max-width:640px){.b-nrb small{margin-top:5.4px;font-size:14px}}
.b-nrb .b-hl{white-space:normal}
.b-nrs{right:-14px;top:-22px;--r:4deg;transform:rotate(4deg)}@media (max-width:640px){.b-nrs{right:-12.6px;top:-19.8px}}
@media (max-width:640px){.b-nrs{right:-4px}@media (max-width:640px){.b-nrs{right:-3.6px}}}
/* commercial value */
.b-3 .b-cv{padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .25s,box-shadow .25s}@media (max-width:640px){.b-3 .b-cv{padding:18px;gap:9px}}
.b-cv:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--edge)}@media (max-width:640px){.b-cv:hover{transform:translate(-2.7px,-2.7px)}}
.b-cv h3{font-size:22px}@media (max-width:640px){.b-cv h3{font-size:19.8px}}.b-cvs{font:700 14.5px/1.4 var(--f-display);color:var(--green-strong)}@media (max-width:640px){.b-cvs{font:700 14px/1.4 var(--f-display)}}
.b-cv ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;color:var(--body)}@media (max-width:640px){.b-cv ul{padding-left:16.2px;gap:3.6px}}
.b-3 .b-cv em{align-self:flex-start;margin-top:auto;font:700 12.5px var(--f-display);font-style:normal;border:2px solid var(--edge);border-radius:999px;padding:6px 12px}@media (max-width:640px){.b-3 .b-cv em{border-radius:899.1px;padding:5.4px 10.8px}}
.b-cv em::before{content:"→ "}
.b-cvv{position:relative;height:96px;border-radius:12px;background:var(--surface-2);padding:10px 12px 22px;overflow:hidden}@media (max-width:640px){.b-cvv{height:86.4px;border-radius:10.8px;padding:9px 10.8px 19.8px}}
.b-cvt{position:absolute;left:12px;bottom:6px;font:600 13px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media (max-width:640px){.b-cvt{left:10.8px;bottom:5.4px}}
.b-cvl svg{width:100%;height:100%;overflow:visible}
.b-cvl .ar{fill:var(--mint);opacity:0;transition:opacity .8s .9s}
.b-cvl .ln{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1) .3s}
.b-cvl circle{fill:var(--hl);stroke:var(--edge);stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1) 1.5s}
.ba.on .b-cvl .ar{opacity:1}.ba.on .b-cvl .ln{stroke-dashoffset:0}.ba.on .b-cvl circle{transform:none}
.b-cvb{display:flex;align-items:flex-end;gap:8px}@media (max-width:640px){.b-cvb{gap:7.2px}}
.b-cvb i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:var(--green);border:2px solid var(--edge);border-bottom:0;transform-origin:bottom;transform:scaleY(.08);transition:transform .7s cubic-bezier(.3,1.3,.5,1);transition-delay:calc(.2s + var(--j)*.1s)}@media (max-width:640px){.b-cvb i{border-radius:5.4px 5.4px 0 0}}
.b-cvb i:last-child{background:var(--hl)}
.ba.on .b-cvb i{transform:none}
.b-cvr>div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:100%;align-items:center}@media (max-width:640px){.b-cvr>div{gap:5.4px}}
.b-cvr i{aspect-ratio:1;max-width:34px;width:100%;justify-self:center;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:background .4s,border-color .4s,color .4s;transition-delay:calc(.3s + var(--j)*.15s)}
.b-cvr b{font:700 13px var(--f-mono);color:var(--muted)}
.ba.on .b-cvr i:not(:nth-child(4)){background:var(--green);border-color:var(--edge)}.ba.on .b-cvr i:not(:nth-child(4)) b{color:#fff}
.b-tgt2{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:clamp(22px,3vw,34px) clamp(22px,3vw,40px);border-radius:24px;background:var(--c2);border:2px solid var(--edge);box-shadow:var(--sh)}@media (max-width:640px){.b-tgt2{margin-top:25.2px;gap:21.6px;padding:clamp(19.8px,3vw,30.6px) clamp(19.8px,3vw,36px);border-radius:21.6px}}
.b-tgt2>div{display:grid;gap:10px}@media (max-width:640px){.b-tgt2>div{gap:9px}}
.b-tgt2 b{font:800 clamp(28px,3.6vw,46px)/1.05 var(--f-display);letter-spacing:-.035em}@media (max-width:640px){.b-tgt2 b{font:800 clamp(25.2px,3.6vw,41.4px)/1.05 var(--f-display)}}
.b-tgt2 p{color:var(--body);font-size:16px}@media (max-width:640px){.b-tgt2 p{font-size:14.4px}}
.b-tgt2 img{width:clamp(200px,24vw,300px);height:auto;max-width:100%}@media (max-width:640px){.b-tgt2 img{width:clamp(180px,24vw,270px)}}
@media (max-width:760px){.b-tgt2{grid-template-columns:1fr;justify-items:center;text-align:center}.b-tgt2>div{justify-items:center}}
/* closing */
.b-fin{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:8px;max-width:980px;margin:34px auto 30px}@media (max-width:640px){.b-fin{grid-template-columns:minmax(0,1fr) 48.6px minmax(0,1fr) 48.6px minmax(0,1fr);gap:7.2px;margin:30.6px auto 27px}}
.b-fc{padding:16px;display:grid;gap:14px;text-align:left;transition:transform .25s,box-shadow .25s}@media (max-width:640px){.b-fc{padding:14.4px;gap:12.6px}}
.b-fc:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--edge)}@media (max-width:640px){.b-fc:hover{transform:translate(-2.7px,-2.7px)}}
.b-fc>b{font:800 17px/1.2 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.b-fc>b{font:800 15.3px/1.2 var(--f-display)}}
.b-fv{height:92px;border-radius:12px;background:var(--surface-2);padding:12px;display:grid;align-content:center;gap:6px}@media (max-width:640px){.b-fv{height:82.8px;border-radius:10.8px;padding:10.8px;gap:5.4px}}
.b-fu{display:flex;gap:10px;align-items:center}@media (max-width:640px){.b-fu{gap:9px}}.b-fu .b-pav{width:44px;height:44px}@media (max-width:640px){.b-fu .b-pav{width:39.6px;height:39.6px}}.b-fu b{display:block;font:800 15px var(--f-display)}@media (max-width:640px){.b-fu b{font:800 14px var(--f-display)}}.b-fu small{font-size:12px;color:var(--green-strong);font-weight:600}
.b-fv .b-mk{background:var(--surface);border-radius:10px;padding:8px 10px}@media (max-width:640px){.b-fv .b-mk{border-radius:9px;padding:7.2px 9px}}.b-fv .b-mk>span:first-child{font-size:13.5px}
.b-fv .b-st{font-size:12px;padding:6px 9px;background:var(--surface)}@media (max-width:640px){.b-fv .b-st{padding:5.4px 8.1px}}
.b-fbt{position:relative;justify-self:center;display:inline-grid;min-width:170px;padding:13px 18px}@media (max-width:640px){.b-fbt{min-width:153px;padding:11.7px 16.2px}}
.b-fbt span{grid-area:1/1;text-align:center;transition:opacity .35s,transform .35s}
.b-fbt .y{opacity:0;transform:translateY(8px)}@media (max-width:640px){.b-fbt .y{transform:translateY(7.2px)}}
.b-fa{width:54px;height:20px}@media (max-width:640px){.b-fa{width:48.6px;height:18px}}.b-fa path{fill:none;stroke:var(--edge);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 6;animation:b-ants 1s linear infinite}
.b-fa path+path{stroke-dasharray:none;animation:none}
html.js .b-fin .b-fc{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .7s cubic-bezier(.3,1.3,.5,1);transition-delay:calc(var(--j)*.2s)}@media (max-width:640px){html.js .b-fin .b-fc{transform:translateY(21.6px)}}
html.js .b-cta.on .b-fin .b-fc{opacity:1;transform:none}
html.js .b-cta.on .b-fin .b-fc:hover{transform:translate(-3px,-3px);transition-delay:0s}@media (max-width:640px){html.js .b-cta.on .b-fin .b-fc:hover{transform:translate(-2.7px,-2.7px)}}
.b-cta.on .b-fbt{animation:b-fbg 4s 1.4s infinite}
.b-cta.on .b-fbt .x{animation:b-fx 4s 1.4s infinite}.b-cta.on .b-fbt .y{animation:b-fy 4s 1.4s infinite}
@keyframes b-fbg{0%,40%,100%{background:var(--green)}48%,90%{background:var(--green-strong)}}
@keyframes b-fx{0%,40%{opacity:1;transform:none}48%,90%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes b-fy{0%,40%{opacity:0;transform:translateY(8px)}48%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(8px)}}
@media (max-width:860px){.b-fin{grid-template-columns:minmax(0,1fr);max-width:380px}.b-fa{justify-self:center;transform:rotate(90deg)}}
@media (prefers-reduced-motion:reduce){
  html.js .b-bk .b-bkn,html.js .b-bk .b-bkl,html.js .b-bk .b-bki,html.js .b-fin .b-fc{opacity:1!important;transform:none!important;transition:none!important}
  html.js .b-bk .b-bkl{transform:translateY(-50%)!important}
  .b-cvb i,.b-cvl circle{transform:none!important;transition:none!important}.b-cvl .ln{stroke-dashoffset:0!important}.b-cvl .ar{opacity:1}
  .b-fa path,.b-cta.on .b-fbt,.b-cta.on .b-fbt span{animation:none!important}
}
@media (prefers-reduced-motion:reduce) and (max-width:760px){html.js .b-bk .b-bkl{transform:none!important}}

/* BO round 3 (10 Oct) */
.b-wcb{gap:9px}@media (max-width:640px){.b-wcb{gap:8.1px}}
.b-cbf{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.b-cbf{gap:5.4px}}
.b-cbf span{font:600 11.5px/1 var(--f-display);padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--body)}@media (max-width:640px){.b-cbf span{padding:5.4px 9px;border-radius:899.1px}}
.b-cbf span b{color:var(--ink)}.b-cbf span.on{background:var(--navy);color:#fff}
.b-cbl{display:grid;border:1px solid var(--line);border-radius:12px;padding:2px 11px}@media (max-width:640px){.b-cbl{border-radius:10.8px;padding:2px 9.9px}}
.b-cbl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;padding:7px 0;border-bottom:1px dashed var(--line)}@media (max-width:640px){.b-cbl>div{gap:1px 9px;padding:6.3px 0}}
.b-cbl>div:last-child{border-bottom:0}
.b-cbl b{font:700 13.5px/1.25 var(--f-display)}
.b-cbl small{font-size:11.5px;line-height:1.35;color:var(--muted)}.b-cbl small em{font-style:normal;font-weight:600;color:var(--green-strong)}
.b-cbl .b-od{grid-column:2;grid-row:1/3;align-self:center;font-size:13.5px}
.b-cbt{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:12px;padding:9px 11px;background:var(--green-soft)}@media (max-width:640px){.b-cbt{gap:9px;border-radius:10.8px;padding:8.1px 9.9px}}
.b-cbt span{font-size:12px;color:var(--body)}.b-cbt strong{display:block;font:800 22px/1.1 var(--f-mono);color:var(--green-strong);letter-spacing:-.02em}@media (max-width:640px){.b-cbt strong{font:800 19.8px/1.1 var(--f-mono)}}
.b-ws .b-cbt .b-btn{padding:10px 18px}@media (max-width:640px){.b-ws .b-cbt .b-btn{padding:9px 16.2px}}
.b-wtabs button{padding:8px 9px 11px}@media (max-width:640px){.b-wtabs button{padding:7.2px 8.1px 9.9px}}
.b-stage2.pz .b-wtabs button[aria-selected="true"]::after{animation-play-state:paused}
#b-cpc>.b-tot,#b-cpc>.b-btn{transition:opacity .45s,transform .45s}
#b-cpc.pend>.b-tot,#b-cpc.pend>.b-btn{opacity:0;transform:translateY(10px)}@media (max-width:640px){#b-cpc.pend>.b-tot,#b-cpc.pend>.b-btn{transform:translateY(9px)}}
.b-cl.slow>div{animation-delay:calc(var(--j)*380ms)}
.b-cl.slow small{animation:b-in .45s both;animation-delay:calc(var(--j)*380ms + 220ms)}
.b-board{align-items:stretch}
.b-board .b-pin{display:flex;flex-direction:column}
.b-board .b-pin>.b-bi:nth-last-child(2){margin-top:auto}
#bo-view .b-cta .cta{margin-top:clamp(28px,4vw,40px)}@media (max-width:640px){#bo-view .b-cta .cta{margin-top:clamp(25.2px,4vw,36px)}}
@media (max-width:380px){.b-wtabs button{padding:8px 7px 11px;font-size:12.5px}@media (max-width:640px){.b-wtabs button{padding:7.2px 6.3px 9.9px}}}

/* bn look */
/* betting page new look (12 Oct): generated from the sticker rules */
#bo-view.bn .k{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-tag{border:1px solid var(--line)}
#bo-view.bn .b-ic{border:1px solid var(--line)}
#bo-view.bn .b-book{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-wd{border:1px solid var(--line)}
#bo-view.bn .b-toast{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-stk{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-pil li:hover{box-shadow:var(--bn-sh2)}
#bo-view.bn .b-tab i{border:1px solid var(--line)}
#bo-view.bn .b-tab[aria-selected="true"]{border-color:var(--bn-ed);box-shadow:var(--bn-sh2)}
#bo-view.bn .b-dev{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-u .av{border:1px solid var(--line)}
#bo-view.bn .b-u[aria-selected="true"]{border-color:var(--bn-ed);box-shadow:var(--bn-sh2)}
#bo-view.bn .b-ph{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-lv{border-color:var(--bn-ed)}
#bo-view.bn .b-board{box-shadow:var(--bn-sh)}
#bo-view.bn .b-pin::before{border:1px solid var(--line)}
#bo-view.bn .b-qin{border:1px solid var(--line)}
#bo-view.bn .b-pills span{border:1px solid var(--line)}
#bo-view.bn .b-mq span{border:1px solid var(--line)}
#bo-view.bn .b-tk{filter:drop-shadow(0 12px 24px rgba(16,24,40,.08))}
#bo-view.bn .b-lyl i{border:1px solid var(--line)}
#bo-view.bn .b-sl{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-sl.top{box-shadow:var(--bn-sh)}
#bo-view.bn .b-ioa{border:1px solid var(--line)}
#bo-view.bn .b-skins button{border:1px solid var(--line)}
#bo-view.bn .b-62{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-3 em{border:1px solid var(--line)}
#bo-view.bn .b-also{border:1px solid var(--line)}
#bo-view.bn .b-code{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-fly{border:1px solid var(--line)}
#bo-view.bn .b-form span{border:1px solid var(--line)}
#bo-view.bn .b-stage2{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-wg{border:1px solid var(--line)}
#bo-view.bn .b-pch .av{border:1px solid var(--line)}
#bo-view.bn .b-fab{border:1px solid var(--line)}
#bo-view.bn .b-bub{border:1px solid var(--line)}
#bo-view.bn .b-way[aria-selected="true"]{border-color:var(--bn-ed);box-shadow:var(--bn-sh2)}
#bo-view.bn .b-way:hover{border-color:var(--bn-ed)}
#bo-view.bn .b-pav{border:1px solid var(--line)}
#bo-view.bn .b-nrb{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-cv:hover{box-shadow:var(--bn-sh2)}
#bo-view.bn .b-3 .b-cv em{border:1px solid var(--line)}
#bo-view.bn .b-cvb i{border:1px solid var(--line)}
#bo-view.bn .ba.on .b-cvr i:not(:nth-child(4)){border-color:var(--bn-ed)}
#bo-view.bn .b-tgt2{border:1px solid var(--line);box-shadow:var(--bn-sh)}
#bo-view.bn .b-fc:hover{box-shadow:var(--bn-sh2)}
/* betting page new look (preview, 12 Oct): homepage type and cards, plain page, navy as the page colour */
#bo-view.bn{--c1:var(--bg);--c2:var(--bg);--nv-soft:#eceff6;--nv-ink:#2b3650;--bn-ed:#c6cddb;--bn-mint:#3ddc68;
  --bn-sh:0 1px 2px rgba(16,24,40,.05),0 14px 34px -14px rgba(16,24,40,.16);
  --bn-sh2:0 2px 4px rgba(16,24,40,.06),0 26px 50px -20px rgba(16,24,40,.26);
  --bn-deep:radial-gradient(720px 480px at 94% 100%,rgba(61,220,104,.15),transparent 62%),radial-gradient(640px 440px at 0% 0%,rgba(118,140,196,.22),transparent 60%),linear-gradient(160deg,#2b3650 0%,#1b2236 55%,#121722 100%)}@media (max-width:640px){#bo-view.bn{--bn-sh:0 1px 2px rgba(16,24,40,.05),0 12.6px 30.6px -12.6px rgba(16,24,40,.16);--bn-sh2:0 2px 3.6px rgba(16,24,40,.06),0 23.4px 45px -18px rgba(16,24,40,.26);--bn-deep:radial-gradient(648px 432px at 94% 100%,rgba(61,220,104,.15),transparent 62%),radial-gradient(576px 396px at 0% 0%,rgba(118,140,196,.22),transparent 60%),linear-gradient(160deg,#2b3650 0%,#1b2236 55%,#121722 100%)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bo-view.bn{--c1:var(--bg);--c2:var(--bg);--nv-soft:#1b2232;--nv-ink:#c3cde6;--bn-ed:#3a4660;
  --bn-sh:0 1px 2px rgba(0,0,0,.3),0 14px 34px -14px rgba(0,0,0,.55);--bn-sh2:0 2px 4px rgba(0,0,0,.35),0 26px 50px -20px rgba(0,0,0,.65)}@media (max-width:640px){:root:not([data-theme="light"]) #bo-view.bn{--bn-sh:0 1px 2px rgba(0,0,0,.3),0 12.6px 30.6px -12.6px rgba(0,0,0,.55);--bn-sh2:0 2px 3.6px rgba(0,0,0,.35),0 23.4px 45px -18px rgba(0,0,0,.65)}}}
:root[data-theme="dark"] #bo-view.bn{--c1:var(--bg);--c2:var(--bg);--nv-soft:#1b2232;--nv-ink:#c3cde6;--bn-ed:#3a4660;
  --bn-sh:0 1px 2px rgba(0,0,0,.3),0 14px 34px -14px rgba(0,0,0,.55);--bn-sh2:0 2px 4px rgba(0,0,0,.35),0 26px 50px -20px rgba(0,0,0,.65)}@media (max-width:640px){:root[data-theme="dark"] #bo-view.bn{--bn-sh:0 1px 2px rgba(0,0,0,.3),0 12.6px 30.6px -12.6px rgba(0,0,0,.55);--bn-sh2:0 2px 3.6px rgba(0,0,0,.35),0 23.4px 45px -18px rgba(0,0,0,.65)}}

/* which parts belong to which look */
#bo-view:not(.bn) .bn-only{display:none!important}
#bo-view.bn [data-bn="hero"],#bo-view.bn [data-bn="cta"],#bo-view.bn .b-4{display:none!important}

/* type: the homepage's Plus Jakarta Sans 600, tight */
#bo-view.bn h2{font-weight:600;letter-spacing:-.045em;font-size:clamp(32px,4.3vw,54px);line-height:1.04}@media (max-width:640px){#bo-view.bn h2{font-size:clamp(28.8px,4.3vw,48.6px)}}
#bo-view.bn .b-fl h2{font-size:clamp(30px,3.4vw,44px)!important}@media (max-width:640px){#bo-view.bn .b-fl h2{font-size:clamp(27px,3.4vw,39.6px)!important}}
#bo-view.bn h3{font-weight:600;letter-spacing:-.025em}
#bo-view.bn .eyebrow{font-weight:600;letter-spacing:.14em;color:var(--green)}
#bo-view.bn :is(.b-al b,.b-tab b,.b-u b,.b-fl2 b,.b-abc b,.b-cvn b,.b-lyl b,.b-bkl b,.b-nrb b,.b-wl b,.b-wc b,.b-tgt2 b,.b-state,.b-catch,.b-foot,.b-ioa,.b-cpc h3){font-weight:600}
#bo-view.bn :is(.b-cvn b,.b-wc b,.b-tgt2 b){letter-spacing:-.045em}
#bo-view.bn .b-state{letter-spacing:-.04em}

/* a plain page: no section colours, no doodles, no marker highlights */
#bo-view.bn .b-s{padding-block:clamp(56px,7.5vw,100px)}@media (max-width:640px){#bo-view.bn .b-s{padding-block:clamp(50.4px,7.5vw,90px)}}
#bo-view.bn .b-dd{display:none}
#bo-view.bn .b-hl{color:var(--green);padding:0;margin:0;white-space:normal}
#bo-view.bn .b-hl::before{display:none}

/* cards and labels the homepage way */
#bo-view.bn .k{border-radius:22px}@media (max-width:640px){#bo-view.bn .k{border-radius:19.8px}}
#bo-view.bn .b-tag{background:var(--nv-soft);color:var(--nv-ink);border:0;padding:5px 10px}@media (max-width:640px){#bo-view.bn .b-tag{padding:4.5px 9px}}
#bo-view.bn .b-ic{border:0;background:var(--nv-soft);color:var(--nv-ink);border-radius:13px}@media (max-width:640px){#bo-view.bn .b-ic{border-radius:11.7px}}
#bo-view.bn .b-pers{background:var(--nv-soft);color:var(--nv-ink)}
#bo-view.bn .b-u b em,#bo-view.bn .b-u[aria-selected="true"] b em{background:var(--green-soft);color:var(--green-strong)}
#bo-view.bn .b-u,#bo-view.bn .b-way,#bo-view.bn .b-mt i,#bo-view.bn .b-cvr i{border-width:1px}
#bo-view.bn .b-way[aria-selected="true"]{transform:none}
#bo-view.bn .b-way[aria-selected="true"] i{background:var(--green);color:var(--on-green)}
#bo-view.bn .b-u[aria-selected="true"]{transform:none}
#bo-view.bn .b-tab[aria-selected="true"] i{background:var(--nv-soft);color:var(--nv-ink)}
#bo-view.bn .b-side span.on{background:var(--nv-soft);color:var(--nv-ink)}
#bo-view.bn .b-mq span:nth-child(3n),#bo-view.bn .b-form .w,#bo-view.bn .b-fly{background:var(--nv-soft);color:var(--nv-ink)}
#bo-view.bn .b-fr.g i::before,#bo-view.bn .b-cvb i:last-child{background:var(--green)}
#bo-view.bn .b-cvl circle{fill:var(--green);stroke:var(--surface)}
#bo-view.bn .b-cvb i{border:0}
#bo-view.bn .ba.on .b-cvr i:not(:nth-child(4)){border-color:var(--green)}
#bo-view.bn .b-cv:hover{transform:translateY(-3px)}@media (max-width:640px){#bo-view.bn .b-cv:hover{transform:translateY(-2.7px)}}
#bo-view.bn .b-ann [data-p].act{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 30%,transparent)}
#bo-view.bn .b-stk{--r:0deg!important;transform:none;border-radius:999px;font-weight:600;padding:7px 14px 7px 8px}@media (max-width:640px){#bo-view.bn .b-stk{border-radius:899.1px;padding:6.3px 12.6px 6.3px 7.2px}}
#bo-view.bn .b-pv{transform:translateX(-50%)}
#bo-view.bn .b-also{border:0;background:var(--nv-soft);color:var(--nv-ink);padding:6px 12px}@media (max-width:640px){#bo-view.bn .b-also{padding:5.4px 10.8px}}
#bo-view.bn .b-book,#bo-view.bn .b-nrb{border-radius:22px}@media (max-width:640px){#bo-view.bn .b-book,#bo-view.bn .b-nrb{border-radius:19.8px}}
#bo-view.bn .b-code{border:0;box-shadow:var(--bn-sh2)}
#bo-view.bn .b-nrb b .b-g{color:var(--green)}
#bo-view.bn .b-62{--r:0deg;transform:scale(1);border-radius:16px}@media (max-width:640px){#bo-view.bn .b-62{border-radius:14.4px}}

/* favourites: a soft panel instead of the cork board */
#bo-view.bn .b-board{border:0;border-radius:28px;box-shadow:none;background:var(--surface-2) radial-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1.5px) 0 0/18px 18px}@media (max-width:640px){#bo-view.bn .b-board{border-radius:25.2px}}
#bo-view.bn .b-pin{--r:0deg!important;border-radius:20px}@media (max-width:640px){#bo-view.bn .b-pin{border-radius:18px}}
#bo-view.bn .b-bi{border-width:1px}
#bo-view.bn .b-pin::before{display:none}
html.js #bo-view.bn .b-board.on .b-pin:hover{animation:none}

/* coverage: plain cards instead of tickets */
#bo-view.bn .b-tk{-webkit-mask:none;mask:none;filter:none;border:1px solid var(--line);border-radius:22px;box-shadow:var(--bn-sh)}@media (max-width:640px){#bo-view.bn .b-tk{border-radius:19.8px}}
#bo-view.bn .b-tk h3{border-bottom:1px solid var(--line);font-weight:600}

/* commercial value: the target card */
#bo-view.bn .b-tgt2{border:0;box-shadow:none;border-radius:28px;background:linear-gradient(120deg,var(--nv-soft),var(--surface-2))}@media (max-width:640px){#bo-view.bn .b-tgt2{border-radius:25.2px}}
#bo-view.bn .b-tgt2 .b-hl{color:var(--green)}

/* two navy panels, the way the homepage uses its green ones: Follow & Live, Why now */
#bo-view.bn :is([data-bn="live"],[data-bn="why"])>.wrap{position:relative;isolation:isolate;overflow:hidden;border-radius:34px;padding:clamp(48px,6vw,84px) clamp(22px,4.4vw,60px);background:var(--bn-deep);color:#fff}@media (max-width:640px){#bo-view.bn :is([data-bn="live"],[data-bn="why"])>.wrap{border-radius:30.6px;padding:clamp(43.2px,6vw,75.6px) clamp(19.8px,4.4vw,54px)}}
#bo-view.bn :is([data-bn="live"],[data-bn="why"])>.wrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 30% 20%,#000,transparent 70%);mask:radial-gradient(ellipse at 30% 20%,#000,transparent 70%)}
#bo-view.bn :is([data-bn="live"],[data-bn="why"]) :is(h2,.b-catch){color:#fff}
#bo-view.bn :is([data-bn="live"],[data-bn="why"]) .lede{color:rgba(255,255,255,.9)}
#bo-view.bn :is([data-bn="live"],[data-bn="why"]) .eyebrow{color:var(--bn-mint)}
#bo-view.bn [data-bn="live"] .b-fs b{color:var(--bn-mint)}
#bo-view.bn [data-bn="live"] .b-fs span{color:rgba(255,255,255,.9)}
#bo-view.bn [data-bn="live"] :is(.b-ph,.b-not){color:var(--ink);border-color:rgba(255,255,255,.14);box-shadow:0 30px 60px -24px rgba(0,0,0,.5)}
#bo-view.bn [data-bn="why"] .b-wl b{color:var(--bn-mint)}
#bo-view.bn [data-bn="why"] .b-wave path{stroke:#3ddc68}
#bo-view.bn [data-bn="why"] .b-wave circle{fill:#1b2236;stroke:var(--bn-mint)}
#bo-view.bn [data-bn="why"] .b-wc li.k{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:none}
#bo-view.bn [data-bn="why"] .b-wc b{color:var(--bn-mint)}
#bo-view.bn [data-bn="why"] .b-wc li>span{color:rgba(255,255,255,.9)}

/* hero: the homepage hero in navy, with the homepage betting screens */
#bo-view.bn .bn-hx{display:block}
.hx-hero.bn-hero{background:radial-gradient(820px 560px at 50% 72%,rgba(61,220,104,.17),transparent 62%),radial-gradient(640px 460px at 0% 100%,rgba(118,140,196,.3),transparent 62%),linear-gradient(160deg,#2b3650 0%,#1b2236 55%,#121722 100%)}
.bn-hero h1{font-size:clamp(40px,5vw,72px);max-width:13.5em}@media (max-width:640px){.bn-hero h1{font-size:clamp(36px,5vw,64.8px)}}
.bn-hero .hx-pill{color:#dbe3f5}
.bn-hero .hx-b1{color:#121722}
.bn-proof{grid-template-columns:repeat(4,minmax(0,1fr))}
.bn-proof div{padding-right:18px}@media (max-width:640px){.bn-proof div{padding-right:16.2px}}
.bn-proof b{font-size:clamp(22px,2.2vw,30px)}@media (max-width:640px){.bn-proof b{font-size:clamp(19.8px,2.2vw,27px)}}
.bn-proof span{font-size:14px;line-height:1.5;max-width:30ch}

/* integration: the four points as the homepage panels, in navy */
.bn-igx{margin-top:clamp(36px,5vw,56px)}@media (max-width:640px){.bn-igx{margin-top:clamp(32.4px,5vw,50.4px)}}
.bn-igx .ig-tx h3{font-size:clamp(20px,1.8vw,25px);line-height:1.12}@media (max-width:640px){.bn-igx .ig-tx h3{font-size:clamp(18px,1.8vw,22.5px)}}
.bn-igx .ig-p::before{background:radial-gradient(460px 320px at 88% 0%,rgba(61,220,104,.2),transparent 64%),linear-gradient(160deg,#2b3650 0%,#1b2236 55%,#121722 100%)}
.bn-igx .ig-p:not(.on):hover{border-color:var(--nv-ink)}
.bn-igx .ig-ic{background:var(--nv-soft);color:var(--nv-ink)}
.bn-igx .ig-p.on .ig-ic{background:rgba(255,255,255,.1);color:var(--bn-mint)}
#bo-view.bn .b-skins button{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 1px var(--line)}
#bo-view.bn .b-skins button[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px var(--ink)}

/* closing: the homepage band, in navy */
.hx-ctas.bn-ctas{background:linear-gradient(180deg,transparent 72%,#0c1019 99%),radial-gradient(1000px 420px at 50% 82%,rgba(61,220,104,.16),transparent 70%),linear-gradient(180deg,#2b3650 0%,#1b2236 50%,#0c1019 100%)}
section.hx-ctas.bn-ctas::after{background:linear-gradient(transparent,#0c1019)}
.bn-ctas .hx-b1{color:#121722}

@media (max-width:960px){.bn-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-proof div:nth-child(3){border-left:0;padding-left:0}}
@media (max-width:640px){
  #bo-view.bn :is([data-bn="live"],[data-bn="why"])>.wrap{margin-inline:-8px;border-radius:28px;padding:40px 18px}@media (max-width:640px){#bo-view.bn :is([data-bn="live"],[data-bn="why"])>.wrap{margin-inline:-7.2px;border-radius:25.2px;padding:36px 16.2px}}
  .bn-proof span{font-size:13px}
  #bo-view.bn .b-int .b-wd{left:10px;right:10px;width:auto}@media (max-width:640px){#bo-view.bn .b-int .b-wd{left:9px;right:9px}}
  #bo-view.bn .b-nrs{top:-18px}@media (max-width:640px){#bo-view.bn .b-nrs{top:-16.2px}}
}

/* Batu's nine points (12 Oct, v95) */
#bo-view.bn{--bn-band:color-mix(in srgb,var(--nv-soft) 62%,var(--bg));--bn-frame:#c3cbdb;--bn-bez:#1b2236;--bn-bar:linear-gradient(180deg,#2b3650,#1b2236);
  --bn-scr:0 0 0 1px var(--bn-frame),0 2px 4px rgba(16,24,40,.06),0 34px 70px -28px rgba(16,24,40,.42)}@media (max-width:640px){#bo-view.bn{--bn-scr:0 0 0 1px var(--bn-frame),0 2px 3.6px rgba(16,24,40,.06),0 30.6px 63px -25.2px rgba(16,24,40,.42)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #bo-view.bn{--bn-frame:#3d4a66;--bn-bez:#2c3752;--bn-bar:linear-gradient(180deg,#34405e,#253049);--bn-scr:0 0 0 1px var(--bn-frame),0 34px 70px -28px rgba(0,0,0,.75)}@media (max-width:640px){:root:not([data-theme="light"]) #bo-view.bn{--bn-scr:0 0 0 1px var(--bn-frame),0 30.6px 63px -25.2px rgba(0,0,0,.75)}}}
:root[data-theme="dark"] #bo-view.bn{--bn-frame:#3d4a66;--bn-bez:#2c3752;--bn-bar:linear-gradient(180deg,#34405e,#253049);--bn-scr:0 0 0 1px var(--bn-frame),0 34px 70px -28px rgba(0,0,0,.75)}@media (max-width:640px){:root[data-theme="dark"] #bo-view.bn{--bn-scr:0 0 0 1px var(--bn-frame),0 30.6px 63px -25.2px rgba(0,0,0,.75)}}

/* 3: sections alternate between the page and a soft band */
#bo-view.bn :is([data-bn="coupon"],[data-bn="fav"],[data-bn="cov"],[data-bn="int"],[data-bn="api"]).b-s{background:var(--bn-band)}
#bo-view.bn :is([data-bn="coupon"],[data-bn="fav"],[data-bn="cov"],[data-bn="int"],[data-bn="api"]) .k:not(.b-pin){background:var(--surface)}

/* 1: assistant screens: a navy app bar and a clear frame */
.bn-bar{display:flex;align-items:center;gap:8px;background:var(--bn-bar);color:#fff;font:600 13px var(--f-display);padding:11px 16px;margin:calc(-1*var(--bp,20px)) calc(-1*var(--bpx,var(--bp,20px))) 4px;border-radius:21px 21px 0 0}@media (max-width:640px){.bn-bar{gap:7.2px;padding:9.9px 14.4px;margin:calc(-1*var(--bp,18px)) calc(-1*var(--bpx,var(--bp,18px))) 3.6px;border-radius:18.9px 18.9px 0 0}}
.bn-bar svg{color:var(--bn-mint)}
.bn-bar small{margin-left:auto;display:flex;gap:4px;font:600 11px var(--f-display);color:rgba(255,255,255,.9)}@media (max-width:640px){.bn-bar small{gap:3.6px}}
.bn-bar small span{padding:4px 9px;border-radius:999px}@media (max-width:640px){.bn-bar small span{padding:3.6px 8.1px;border-radius:899.1px}}.bn-bar small span.on{background:rgba(255,255,255,.14);color:#fff}
#bo-view.bn :is(.b-ann .k,.b-cpc,#b-ask,.b-pin,.b-dash){border:0;box-shadow:var(--bn-scr);overflow:hidden}
#bo-view.bn #b-ask{grid-template-rows:auto auto minmax(0,1fr);height:470px}@media (max-width:640px){#bo-view.bn #b-ask{height:423px}}
#bo-view.bn .b-pin{--bp:16px;--bpx:14px}@media (max-width:640px){#bo-view.bn .b-pin{--bp:14.4px;--bpx:12.6px}}
#bo-view.bn .b-book{box-shadow:var(--bn-scr);border:0}
/* phones: a navy bezel round a white screen */
#bo-view.bn .b-ph{background:var(--bn-bez);border:0;padding:10px;border-radius:46px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2px 4px rgba(16,24,40,.08),0 40px 80px -30px rgba(16,24,40,.55)}@media (max-width:640px){#bo-view.bn .b-ph{padding:9px;border-radius:41.4px}}
#bo-view.bn .b-ph::before{top:20px;z-index:2;background:var(--bn-bez)}@media (max-width:640px){#bo-view.bn .b-ph::before{top:18px}}
#bo-view.bn .b-ph>.b-phs{background:var(--surface);border-radius:36px;padding:44px 14px 18px;min-height:100%}@media (max-width:640px){#bo-view.bn .b-ph>.b-phs{border-radius:32.4px;padding:39.6px 12.6px 16.2px}}
#bo-view.bn .b-ph>.b-tag{z-index:3}
#bo-view.bn [data-bn="live"] .b-ph{background:#0c1019;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -24px rgba(0,0,0,.6)}
#bo-view.bn [data-bn="live"] .b-ph::before{background:#0c1019}

/* 2: one-click action: numbered steps both sides, one clearly active */
#bo-view.bn .b-ann .k{--bp:20px}@media (max-width:640px){#bo-view.bn .b-ann .k{--bp:18px}}
#bo-view.bn .b-ann [data-p]{position:relative;transition:box-shadow .35s,background .35s}
#bo-view.bn .b-ann .k .b-n{display:none}
#bo-view.bn .b-n{width:26px;height:26px;border-radius:50%;place-items:center;font:700 13px var(--f-mono);font-style:normal;background:var(--surface);color:var(--muted);box-shadow:0 0 0 1px var(--bn-frame);transition:background .35s,color .35s,box-shadow .35s}@media (max-width:640px){#bo-view.bn .b-n{width:23.4px;height:23.4px}}
#bo-view.bn .b-ann .act>.b-n,#bo-view.bn .b-ann .act .b-n{background:var(--green);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 22%,transparent)}
#bo-view.bn .b-ann [data-p].act{box-shadow:0 0 0 2px var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface))}
#bo-view.bn .b-ann .b-btn[data-p].act{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 28%,transparent)}
#bo-view.bn .b-al{grid-template-columns:minmax(0,1fr) 26px;column-gap:12px;padding:12px 0}@media (max-width:640px){#bo-view.bn .b-al{grid-template-columns:minmax(0,1fr) 23.4px;column-gap:10.8px;padding:10.8px 0}}
#bo-view.bn .b-al.r{grid-template-columns:26px minmax(0,1fr)}@media (max-width:640px){#bo-view.bn .b-al.r{grid-template-columns:23.4px minmax(0,1fr)}}
#bo-view.bn .b-al .b-n{display:grid;grid-row:1/3;align-self:start;margin-top:1px}
#bo-view.bn .b-al.l .b-n{grid-column:2}#bo-view.bn .b-al.l :is(b,span){grid-column:1}
#bo-view.bn .b-al.r .b-n{grid-column:1}#bo-view.bn .b-al.r :is(b,span){grid-column:2}
#bo-view.bn .b-al b{color:var(--ink);transition:color .35s}
#bo-view.bn .b-al span{color:var(--body)}
#bo-view.bn .b-ann.cyc .b-al{opacity:.5}
#bo-view.bn .b-ann.cyc .b-al.act{opacity:1}
#bo-view.bn .b-ann.cyc .b-al.act b{color:var(--green)}
#bo-view.bn .b-al::after{top:13px;height:2px;background:var(--bn-frame)}@media (max-width:640px){#bo-view.bn .b-al::after{top:11.7px}}
#bo-view.bn .b-al.l::after{right:-40px;width:40px}@media (max-width:640px){#bo-view.bn .b-al.l::after{right:-36px;width:36px}}#bo-view.bn .b-al.r::after{left:-40px;width:40px}@media (max-width:640px){#bo-view.bn .b-al.r::after{left:-36px;width:36px}}
#bo-view.bn .b-ann.cyc .b-al.act::after{background:var(--green)}
#bo-view.bn .b-ann{column-gap:40px}@media (max-width:640px){#bo-view.bn .b-ann{column-gap:36px}}

/* 4: the user list rotates, the selected one shows its progress */
#bo-view.bn .b-u{position:relative;overflow:hidden}
#bo-view.bn .b-u[aria-selected="true"]{border-color:var(--green);box-shadow:var(--bn-sh2)}
#bo-view.bn .b-u[aria-selected="true"]::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--up,0)*100%);background:var(--green)}@media (max-width:640px){#bo-view.bn .b-u[aria-selected="true"]::after{height:2.7px}}

/* 5: favourites: copy on top, two wide screens below */
#bo-view.bn .b-fav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;row-gap:clamp(32px,4vw,48px)}@media (max-width:640px){#bo-view.bn .b-fav{row-gap:clamp(28.8px,4vw,43.2px)}}
#bo-view.bn .b-fav>.ba{display:contents}
#bo-view.bn .b-fav>.ba>.b-h{grid-column:1;margin-bottom:0!important}
#bo-view.bn .b-fav .b-fl2{grid-column:2;align-self:end}
#bo-view.bn .b-fav .b-catch{display:none}
#bo-view.bn .b-fav .b-board{grid-column:1/-1;background:none;padding:0;gap:clamp(18px,2.6vw,32px);max-width:1040px;width:100%;justify-self:center}@media (max-width:640px){#bo-view.bn .b-fav .b-board{gap:clamp(16.2px,2.6vw,28.8px)}}
#bo-view.bn .b-pin{padding:16px 14px 14px}@media (max-width:640px){#bo-view.bn .b-pin{padding:14.4px 12.6px 12.6px}}
#bo-view.bn .b-pin .b-tm{display:flex;align-items:center;gap:6px}@media (max-width:640px){#bo-view.bn .b-pin .b-tm{gap:5.4px}}
.bn-saved{margin-left:auto;font:600 11px var(--f-display);color:var(--green-strong);background:var(--green-soft);padding:4px 9px;border-radius:999px}@media (max-width:640px){.bn-saved{padding:3.6px 8.1px;border-radius:899.1px}}
#bo-view.bn .b-fmk{position:relative;padding-right:34px}@media (max-width:640px){#bo-view.bn .b-fmk{padding-right:30.6px}}
.bn-star{position:absolute;right:10px;top:9px;font-style:normal;font-size:15px;line-height:1;color:var(--green)}@media (max-width:640px){.bn-star{right:9px;top:8.1px;font-size:14px}}
#bo-view.bn .b-fol{color:var(--green)}
html.js #bo-view.bn .b-board :is(.bn-star,.bn-saved){transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
html.js #bo-view.bn .b-board.on :is(.bn-star,.bn-saved){transform:none}
html.js #bo-view.bn .b-board.on .b-fmk:nth-of-type(2) .bn-star{transition-delay:.45s}html.js #bo-view.bn .b-board.on .b-fmk:nth-of-type(3) .bn-star{transition-delay:.6s}
html.js #bo-view.bn .b-board.on .b-fmk:nth-of-type(4) .bn-star{transition-delay:.75s}html.js #bo-view.bn .b-board.on .b-fmk:nth-of-type(5) .bn-star{transition-delay:.9s}
html.js #bo-view.bn .b-board.on .bn-saved{transition-delay:.3s}

/* 6: the operator panel at full width under its heading */
#bo-view.bn .b-op{grid-template-columns:1fr;row-gap:clamp(32px,4vw,48px)}@media (max-width:640px){#bo-view.bn .b-op{row-gap:clamp(28.8px,4vw,43.2px)}}
#bo-view.bn .b-op .b-side>b{display:none}
#bo-view.bn .b-op .b-h h2{max-width:none}
#bo-view.bn .b-op .b-h{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(28px,5vw,64px);align-items:end}@media (max-width:640px){#bo-view.bn .b-op .b-h{column-gap:clamp(25.2px,5vw,57.6px)}}
#bo-view.bn .b-op .b-h .eyebrow{grid-column:1/-1}
#bo-view.bn .b-op .b-h .lede{margin:0}
#bo-view.bn .b-dash{grid-template-columns:200px minmax(0,1fr);font-size:15px}@media (max-width:640px){#bo-view.bn .b-dash{grid-template-columns:180px minmax(0,1fr);font-size:14px}}
#bo-view.bn .b-dash>.bn-win{grid-column:1/-1;--bp:0px;margin:0;border-radius:0;gap:7px;padding:12px 16px}@media (max-width:640px){#bo-view.bn .b-dash>.bn-win{gap:6.3px;padding:10.8px 14.4px}}
.bn-win i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28)}@media (max-width:640px){.bn-win i{width:9px;height:9px}}.bn-win b{margin-left:8px}@media (max-width:640px){.bn-win b{margin-left:7.2px}}
#bo-view.bn .b-side{font-size:14px;padding:20px 14px}@media (max-width:640px){#bo-view.bn .b-side{padding:18px 12.6px}}
#bo-view.bn .b-dm{padding:22px 24px}@media (max-width:640px){#bo-view.bn .b-dm{padding:19.8px 21.6px}}
#bo-view.bn .b-kp b{font-size:clamp(24px,2.4vw,32px)}@media (max-width:640px){#bo-view.bn .b-kp b{font-size:clamp(21.6px,2.4vw,28.8px)}}

/* 7: why now: a full-width navy band */
#bo-view.bn [data-bn="why"].b-s{position:relative;isolation:isolate;background:var(--bn-deep);color:#fff;padding-block:clamp(72px,9vw,120px)}@media (max-width:640px){#bo-view.bn [data-bn="why"].b-s{padding-block:clamp(64.8px,9vw,108px)}}
#bo-view.bn [data-bn="why"]>.wrap{background:none;border-radius:0;overflow:visible;padding:0}
#bo-view.bn [data-bn="why"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 30% 20%,#000,transparent 70%);mask:radial-gradient(ellipse at 30% 20%,#000,transparent 70%)}
#bo-view.bn [data-bn="why"]>.wrap::before{display:none}

/* 9: the target: three drivers flowing into one rising line */
#bo-view.bn .b-tgt2{display:none}
.bn-tgt{position:relative;isolation:isolate;overflow:hidden;margin-top:28px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(36px,5vw,64px) clamp(24px,4.4vw,60px);border-radius:32px;background:var(--bn-deep);color:#fff}@media (max-width:640px){.bn-tgt{margin-top:25.2px;gap:clamp(21.6px,4vw,50.4px);padding:clamp(32.4px,5vw,57.6px) clamp(21.6px,4.4vw,54px);border-radius:28.8px}}
.bn-tgt::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 20% 30%,#000,transparent 70%);mask:radial-gradient(ellipse at 20% 30%,#000,transparent 70%)}
.bn-tgc{display:grid;gap:14px}@media (max-width:640px){.bn-tgc{gap:12.6px}}
.bn-tgc .eyebrow{color:var(--bn-mint)!important}
.bn-tgc b{font:600 clamp(34px,4.4vw,62px)/1 var(--f-display);letter-spacing:-.05em;text-wrap:balance}@media (max-width:640px){.bn-tgc b{font:600 clamp(30.6px,4.4vw,55.8px)/1 var(--f-display)}}
.bn-tgc b em{font-style:normal;background:linear-gradient(90deg,#3ddc68,#b9ffcb);-webkit-background-clip:text;background-clip:text;color:transparent}
.bn-tgc p{color:rgba(255,255,255,.9);font-size:16px;max-width:34ch}@media (max-width:640px){.bn-tgc p{font-size:14.4px}}
.bn-tgs{width:100%;height:auto;overflow:visible}
.bn-tgg path{stroke:rgba(255,255,255,.08);stroke-width:1;fill:none}
.bn-tgi{fill:none;stroke:rgba(255,255,255,.42);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.bn-tgt1{font:500 13px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;fill:rgba(255,255,255,.72)}
.bn-tgt2{font:600 15px var(--f-display);fill:#b9ffcb}@media (max-width:640px){.bn-tgt2{font:600 14px var(--f-display)}}
.bn-tgar{fill:url(#bn-tga)}
.bn-tgo{fill:none;stroke:url(#bn-tgl);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.bn-tgb{stroke-width:14;opacity:.45;filter:url(#bn-tgf);stroke-dasharray:none}
.bn-tgd{fill:#1b2236;stroke:#fff;stroke-width:2.5}
.bn-tge{fill:#b9ffcb}
.bn-tgp{fill:#3ddc68;opacity:.3;transform-origin:624px 34px;transform-box:view-box}
html.js #bo-view.bn .bn-tgt .bn-tgi,html.js #bo-view.bn .bn-tgt .bn-tgo:not(.bn-tgb){stroke-dashoffset:1}
html.js #bo-view.bn .bn-tgt :is(.bn-tgar,.bn-tgb,.bn-tge,.bn-tgp,.bn-tgt2){opacity:0}
html.js #bo-view.bn .bn-tgt.on .bn-tgi{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.5,0,.3,1) calc(.3s + var(--d,0s))}
html.js #bo-view.bn .bn-tgt.on .bn-tgo:not(.bn-tgb){stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.4,0,.2,1) 1.4s}
html.js #bo-view.bn .bn-tgt.on .bn-tgar{opacity:1;transition:opacity 1s 2.2s}
html.js #bo-view.bn .bn-tgt.on .bn-tgb{opacity:.45;transition:opacity 1s 2.2s}
html.js #bo-view.bn .bn-tgt.on :is(.bn-tge,.bn-tgt2){opacity:1;transition:opacity .5s 2.6s}
html.js #bo-view.bn .bn-tgt.on .bn-tgp{opacity:.3;transition:opacity .5s 2.6s;animation:bnPulse 2.4s ease-out 3s infinite}
@keyframes bnPulse{0%{transform:scale(.6);opacity:.45}100%{transform:scale(2.4);opacity:0}}

@media (max-width:960px){
  #bo-view.bn .b-fav,#bo-view.bn .b-op .b-h{grid-template-columns:1fr}
  #bo-view.bn .b-fav .b-fl2{grid-column:1}
  .bn-tgt{grid-template-columns:1fr}
  #bo-view.bn .b-dash{grid-template-columns:160px minmax(0,1fr)}@media (max-width:640px){#bo-view.bn .b-dash{grid-template-columns:144px minmax(0,1fr)}}
}
@media (max-width:640px){
  #bo-view.bn .b-fav .b-board{grid-template-columns:1fr}
  #bo-view.bn .b-dash{grid-template-columns:1fr}
  #bo-view.bn [data-bn="why"]>.wrap{margin-inline:auto;padding:0}
  #bo-view.bn .b-ann .k .b-n{display:grid;position:absolute;right:-8px;top:-8px}@media (max-width:640px){#bo-view.bn .b-ann .k .b-n{right:-7.2px;top:-7.2px}}
  #bo-view.bn .b-al,#bo-view.bn .b-al.r,#bo-view.bn .b-al.l{grid-template-columns:26px minmax(0,1fr)}@media (max-width:640px){#bo-view.bn .b-al,#bo-view.bn .b-al.r,#bo-view.bn .b-al.l{grid-template-columns:23.4px minmax(0,1fr)}}
  #bo-view.bn .b-al.l .b-n{grid-column:1}#bo-view.bn .b-al.l :is(b,span){grid-column:2}
  #bo-view.bn .b-ph{padding:8px;border-radius:40px}@media (max-width:640px){#bo-view.bn .b-ph{padding:7.2px;border-radius:36px}}
  .bn-tgt{padding:32px 20px;border-radius:26px}@media (max-width:640px){.bn-tgt{padding:28.8px 18px;border-radius:23.4px}}
}

/* 8: commercial value, design A: three big statements (Batu, 12 Oct) */
#bo-view.bn .bn-cvo,#bo-view.bn .b-cv3{display:none}
.bn-cva{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,48px)}@media (max-width:640px){.bn-cva{gap:clamp(18px,3vw,36px);margin-top:clamp(28.8px,4vw,43.2px)}}
.bn-cvi{position:relative;display:grid;gap:12px;align-content:start;padding-top:26px;border-top:1px solid var(--line)}@media (max-width:640px){.bn-cvi{gap:10.8px;padding-top:23.4px}}
.bn-cvi::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:56px;background:var(--green)}@media (max-width:640px){.bn-cvi::before{width:50.4px}}
.bn-cvn{font:500 13px var(--f-mono);letter-spacing:.1em;color:var(--green)}
.bn-cvi h3{font:600 clamp(26px,2.7vw,38px)/1.05 var(--f-display);letter-spacing:-.04em;text-wrap:balance}@media (max-width:640px){.bn-cvi h3{font:600 clamp(23.4px,2.7vw,34.2px)/1.05 var(--f-display)}}
.bn-cvi p{font-size:17px;color:var(--body);max-width:30ch}@media (max-width:640px){.bn-cvi p{font-size:15.3px}}
html.js #bo-view.bn .bn-cvi::before{width:0;transition:width .9s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--i,0)*.12s)}
html.js #bo-view.bn .bn-cvi.on::before{width:56px}@media (max-width:640px){html.js #bo-view.bn .bn-cvi.on::before{width:50.4px}}
@media (max-width:960px){.bn-cva{grid-template-columns:1fr}}

/* one-click action: curved arrows from each label to the part it names (Batu, 12 Oct) */
#bo-view.bn .b-ann{position:relative}
.bn-arw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}
.bn-arw path{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;opacity:.78;transition:stroke .35s,opacity .35s,stroke-width .35s}
.bn-arw marker path{fill:var(--ink);stroke:none;opacity:1}
#bo-view.bn .b-ann.cyc .bn-arw path.on{stroke:var(--green);stroke-width:3.2;opacity:1}
#bo-view.bn .b-ann.cyc .bn-arw path:not(.on){opacity:.32}
#bo-view.bn .b-ann.bn-ar .b-al::after{display:none}
#bo-view.bn .b-ann.bn-ar .b-al .b-n{display:none}
#bo-view.bn .b-ann.bn-ar .b-al,#bo-view.bn .b-ann.bn-ar .b-al.r{grid-template-columns:minmax(0,1fr)}
#bo-view.bn .b-ann.bn-ar .b-al :is(b,span){grid-column:1!important}
#bo-view.bn .b-ann.bn-ar{column-gap:clamp(70px,8vw,120px)}@media (max-width:640px){#bo-view.bn .b-ann.bn-ar{column-gap:clamp(63px,8vw,108px)}}
#bo-view.bn .b-ann.bn-ar .b-al b{font-size:clamp(24px,2.2vw,30px);font-weight:700;color:var(--green)}@media (max-width:640px){#bo-view.bn .b-ann.bn-ar .b-al b{font-size:clamp(21.6px,2.2vw,27px)}}
html.js #bo-view.bn .b-ann .bn-arw path.ln{stroke-dasharray:1;stroke-dashoffset:1}
html.js #bo-view.bn .b-ann.on .bn-arw path.ln{stroke-dashoffset:0;transition:stroke-dashoffset .9s cubic-bezier(.5,0,.3,1) calc(.4s + var(--k,0)*.15s),stroke .35s,opacity .35s}
@media (max-width:860px){.bn-arw{display:none}}

/* /bn look */
/* ss intro */
/* opening roll */
.ss-in{position:fixed;inset:0;z-index:300;display:grid;align-content:center;background:radial-gradient(70% 60% at 50% 110%,rgba(16,150,60,.22),transparent 70%),#06140b;color:#fff;padding:0 20px;will-change:transform}@media (max-width:640px){.ss-in{padding:0 18px}}
.ss-in[hidden]{display:none}
.ss-iw{width:100%;max-width:1160px;margin-inline:auto;display:grid;gap:clamp(18px,2.4vw,30px)}@media (max-width:640px){.ss-iw{gap:clamp(16.2px,2.4vw,27px)}}
.ss-il{height:clamp(42px,4.8vw,66px);width:auto;justify-self:start;opacity:0}@media (max-width:640px){.ss-il{height:clamp(37.8px,4.8vw,59.4px)}}
.ss-l1{font:600 clamp(22px,3.1vw,44px)/1.1 var(--f-display);letter-spacing:-.04em;opacity:0}@media (max-width:640px){.ss-l1{font:600 clamp(19.8px,3.1vw,39.6px)/1.1 var(--f-display)}}
.ss-rl{position:relative;height:1.1em;font:700 clamp(46px,8.6vw,132px)/1.1 var(--f-display);letter-spacing:-.055em;margin-top:-.08em}@media (max-width:640px){.ss-rl{font:700 clamp(41.4px,8.6vw,118.8px)/1.1 var(--f-display)}}
.ss-rl span{position:absolute;left:0;top:0;white-space:nowrap;opacity:0;background:linear-gradient(100deg,#0c8f35 0%,#16b04a 45%,#2ccf63 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(22,176,74,.28));padding-bottom:.12em}
.ss-sk{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));font:600 14px var(--f-display);color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 16px;cursor:pointer}@media (max-width:640px){.ss-sk{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));border-radius:899.1px;padding:8.1px 14.4px}}
.ss-sk:hover{background:rgba(255,255,255,.14)}
.ss-in.go .ss-il{animation:ssIn .7s cubic-bezier(.2,.8,.2,1) .1s both}
.ss-in.go .ss-l1{animation:ssIn .8s cubic-bezier(.2,.8,.2,1) .45s both}
.ss-in.go .ss-rl span:nth-child(1){animation:ssIn .55s cubic-bezier(.2,.8,.2,1) 1.05s both,ssOut .45s cubic-bezier(.6,0,.8,.3) 2s forwards}
.ss-in.go .ss-rl span:nth-child(2){animation:ssIn .55s cubic-bezier(.2,.8,.2,1) 2.3s both,ssOut .45s cubic-bezier(.6,0,.8,.3) 3.25s forwards}
.ss-in.go .ss-rl span:nth-child(3){animation:ssIn .55s cubic-bezier(.2,.8,.2,1) 3.55s both}
.ss-in.go .ss-iw{animation:ssFade .35s ease 4.7s forwards}
.ss-in.go{animation:ssLift .8s cubic-bezier(.7,0,.3,1) 4.85s forwards}
.ss-in.go .ss-sk{animation:ssFade .3s ease 4.7s forwards}
@keyframes ssIn{from{opacity:0;transform:translateY(.45em);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes ssOut{from{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-.35em);filter:blur(10px)}}
@keyframes ssFade{to{opacity:0}}
@keyframes ssLift{to{transform:translateY(-100%)}}
html.ss-lock,html.ss-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ss-in{display:none!important}}
/* /ss intro */
/* bnf */
/* betting hero flow (trial) */
#bo-view .bn-hero,#home .hx-hero,#cl-view .cn-hero,#sm-view .cn-hero{overflow:clip}
.bnf-pin .hx-hw{display:block;position:static}
.bnf-sc{position:relative}
.bnf-sc .hx-hc{text-align:center;max-width:900px;margin-inline:auto;display:grid;justify-items:center}
.bnf-sc .hx-hc h1{margin-inline:auto}
.bnf-sc .hx-lede{margin-inline:auto;max-width:60ch}
.bnf-sc .hx-stage{width:min(880px,100%);margin-inline:auto}@media (max-width:640px){.bnf-sc .hx-stage{width:min(792px,100%)}}
html.bnf-on .bnf-sc .hx-hc>*{opacity:0}
html.bnf-on .bnf-go .hx-hc>*{animation:bnfIn .9s cubic-bezier(.2,.8,.2,1) both}
html.bnf-on .bnf-go .hx-hc>:nth-child(2){animation-delay:.18s}html.bnf-on .bnf-go .hx-hc>:nth-child(3){animation-delay:.42s}html.bnf-on .bnf-go .hx-hc>:nth-child(4){animation-delay:.6s}
@keyframes bnfIn{from{opacity:0;transform:translateY(24px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@media (min-width:900px){
  html.bnf-on .bnf-pin{height:calc(240svh - 80px)}
  html.bnf-on .bnf-sc{position:sticky;top:70px;height:calc(100svh - 84px);min-height:600px;overflow:hidden}
  html.bnf-on .bnf-sc .hx-hc,html.bnf-on .bnf-sc .hx-stage{position:absolute;left:50%;top:0;margin:0;will-change:transform,opacity}
  html.bnf-on .bnf-sc .hx-hc{width:min(900px,calc(100% - 40px))}
  html.bnf-on .bnf-sc .hx-stage{transform-origin:50% 0}
  .bnf-hint{position:absolute;left:50%;bottom:18px;translate:-50% 0;font:600 13px var(--f-display);color:rgba(255,255,255,.9);display:flex;gap:8px;align-items:center;transition:opacity .4s}
  .bnf-hint i{width:18px;height:28px;border:1.5px solid rgba(255,255,255,.5);border-radius:10px;position:relative}
  .bnf-hint i::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:bnfDot 1.6s infinite}
  @keyframes bnfDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(9px)}}
}
@media (max-width:899px){
  html.bnf-on .bnf-sc .hx-hc{min-height:calc(100svh - 120px);align-content:center}@media (max-width:640px){html.bnf-on .bnf-sc .hx-hc{min-height:calc(100svh - 108px)}}
  html.bnf-on .bnf-sc .hx-stage{opacity:0;transform:translateY(60px) scale(.96);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){html.bnf-on .bnf-sc .hx-stage{transform:translateY(54px) scale(.96)}}
  html.bnf-on .bnf-sc .hx-stage.bnf-in{opacity:1;transform:none}
  .bnf-hint{display:none}
}
@media (prefers-reduced-motion:reduce){html.bnf-on .bnf-sc .hx-hc>*{opacity:1;animation:none!important}}
/* /bnf */
/* legible (v104) */
.ddp{width:320px;padding:10px}@media (max-width:640px){.ddp{width:288px;padding:9px}}
.ddp a,.ddi{padding:12px 14px;gap:3px}@media (max-width:640px){.ddp a,.ddi{padding:10.8px 12.6px;gap:2.7px}}
.ddp b{font:700 16.5px/1.3 var(--f-display);letter-spacing:-.005em}@media (max-width:640px){.ddp b{font:700 14.85px/1.3 var(--f-display)}}
.ddp span{font:500 14.5px/1.45 var(--f-body);color:var(--body)}@media (max-width:640px){.ddp span{font:500 14px/1.45 var(--f-body)}}
.ddp.mega{width:440px}@media (max-width:640px){.ddp.mega{width:396px}}
.mega b{font-size:18px}@media (max-width:640px){.mega b{font-size:16.2px}}
.mega span{font:500 15px/1.45 var(--f-body);color:var(--body)}@media (max-width:640px){.mega span{font:500 14px/1.45 var(--f-body)}}
.mega em{font:700 12px/1.5 var(--f-display);letter-spacing:.04em;color:var(--green-strong)}
@media (max-width:900px){.ddp b,.mega b{font-size:17px}@media (max-width:640px){.ddp b,.mega b{font-size:15.3px}}.ddp span,.mega span{font-size:15px}@media (max-width:640px){.ddp span,.mega span{font-size:14px}}}
.hxs-no{display:none}
.hxs-h{display:flex;align-items:center}
.hx-wn-o .hx-wn-t{color:#b9c7bf}.hx-wn-o .hx-wn-d{color:#aebdb5}
/* /legible */

/* about v106 */
#about-view .ab-hero{margin-top:14px;padding:clamp(64px,8vw,112px) 26px clamp(64px,8vw,104px)}@media (max-width:640px){#about-view .ab-hero{margin-top:12.6px;padding:clamp(57.6px,8vw,100.8px) 23.4px clamp(57.6px,8vw,93.6px)}}
#about-view .ab-hero .hx-hw{display:block}
#about-view .ab-hero .hx-hc{margin-inline:auto}
#about-view .ab-hero h1{max-width:11em}
#about-view .ab-hero .hx-lede strong{color:#fff}
.ab-who{padding-block:clamp(72px,9vw,128px)}@media (max-width:640px){.ab-who{padding-block:clamp(64.8px,9vw,115.2px)}}
.ab-who{padding-block:clamp(72px,9vw,128px)}@media (max-width:640px){.ab-who{padding-block:clamp(64.8px,9vw,115.2px)}}
.ab-big{max-width:24em}
.ab-big{font:600 clamp(28px,3.4vw,46px)/1.16 var(--f-display);letter-spacing:-.03em;color:var(--ink);margin:18px 0 0;text-wrap:balance}@media (max-width:640px){.ab-big{font:600 clamp(25.2px,3.4vw,41.4px)/1.16 var(--f-display);margin:16.2px 0 0}}
.ab-big em{font-style:normal;color:var(--green)}
.ab-sub{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--body);max-width:44em;margin:28px 0 0}@media (max-width:640px){.ab-sub{font-size:clamp(15.3px,1.4vw,18px);margin:25.2px 0 0}}
.ab-sub strong{color:var(--ink)}
#about-view .ab-sol{margin-inline:-20px;padding-inline:20px}@media (max-width:640px){#about-view .ab-sol{margin-inline:-18px;padding-inline:18px}}
.ab-mis{margin-inline:-20px;padding:clamp(80px,10vw,140px) 20px;text-align:center;color:#fff;
  background:radial-gradient(900px 420px at 50% 100%,rgba(61,220,104,.18),transparent 70%),linear-gradient(180deg,#2b3650,#1b2236)}@media (max-width:640px){.ab-mis{margin-inline:-18px;padding:clamp(72px,10vw,126px) 18px}}
.ab-mis .wrap{display:grid;justify-items:center;gap:22px}@media (max-width:640px){.ab-mis .wrap{gap:19.8px}}
.ab-mis .hx-eb{color:var(--hx-mint)}
.ab-mis p{font:600 clamp(30px,4.2vw,58px)/1.08 var(--f-display);letter-spacing:-.04em;max-width:18em;margin:0;text-wrap:balance;color:#fff}@media (max-width:640px){.ab-mis p{font:600 clamp(27px,4.2vw,52.2px)/1.08 var(--f-display)}}
.ab-mis p em{font-style:normal;color:var(--hx-mint)}
/* section labels everywhere: bigger, in the display face */
.eyebrow,.hx-eb{font-family:var(--f-display)!important;font-weight:700!important;font-size:15px!important;letter-spacing:.1em!important}@media (max-width:640px){.eyebrow,.hx-eb{font-size:14px!important}}
@media (min-width:761px){.eyebrow,.hx-eb{font-size:16px!important}}
/* /about v106 */

/* about round 3 */
.ab-why{padding-block:clamp(80px,10vw,136px)}@media (max-width:640px){.ab-why{padding-block:clamp(72px,10vw,122.4px)}}
.ab-wh{text-align:center;display:grid;justify-items:center;gap:12px}@media (max-width:640px){.ab-wh{gap:10.8px}}
.ab-wh h2{margin:0}
.ab-wc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(40px,5vw,60px)}@media (max-width:640px){.ab-wc{gap:18px;margin-top:clamp(36px,5vw,54px)}}
.ab-w{display:grid;align-content:start;gap:10px;padding:22px 22px 26px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px rgba(13,18,17,.06)}@media (max-width:640px){.ab-w{gap:9px;padding:19.8px 19.8px 23.4px;border-radius:19.8px}}
.ab-w b{font:700 clamp(19px,1.6vw,22px)/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink);margin-top:8px}@media (max-width:640px){.ab-w b{font:700 clamp(17.1px,1.6vw,19.8px)/1.2 var(--f-display);margin-top:7.2px}}
.ab-w p{margin:0;color:var(--body);font-size:16px;line-height:1.55}@media (max-width:640px){.ab-w p{font-size:14.4px}}
.ab-wv{height:132px;border-radius:16px;background:var(--green-soft);display:grid;align-content:center;justify-items:center;gap:10px;padding:16px}@media (max-width:640px){.ab-wv{height:118.8px;border-radius:14.4px;gap:9px;padding:14.4px}}
.ab-bub{justify-self:end;background:var(--green);color:#fff;font:600 14.5px var(--f-display);padding:9px 14px;border-radius:16px 16px 4px 16px}@media (max-width:640px){.ab-bub{font:600 14px var(--f-display);padding:8.1px 12.6px;border-radius:14.4px 14.4px 3.6px 14.4px}}
.ab-ans{justify-self:start;background:var(--surface);color:var(--ink);font:500 14.5px var(--f-body);padding:9px 14px;border-radius:16px 16px 16px 4px;border:1px solid var(--line)}@media (max-width:640px){.ab-ans{font:500 14px var(--f-body);padding:8.1px 12.6px;border-radius:14.4px 14.4px 14.4px 3.6px}}
.ab-frm{display:flex;gap:6px}@media (max-width:640px){.ab-frm{gap:5.4px}}
.ab-frm i{font:700 14px var(--f-display);font-style:normal;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--green)}@media (max-width:640px){.ab-frm i{width:28.8px;height:28.8px;border-radius:8.1px}}
.ab-frm i.d{background:#8a93a3}
.ab-mean{font:700 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.ab-mean{font:700 14px var(--f-display)}}
.ab-act{display:grid;gap:7px;width:100%;max-width:230px}@media (max-width:640px){.ab-act{gap:6.3px}}
.ab-act span{font:700 14px var(--f-display);text-align:center;padding:8px 12px;border-radius:999px;background:var(--surface);color:var(--green-strong);border:1px solid var(--line)}@media (max-width:640px){.ab-act span{padding:7.2px 10.8px;border-radius:899.1px}}
.ab-act span:first-child{background:var(--green);color:#fff;border-color:var(--green)}
.ab-br{margin:clamp(28px,4vw,44px) auto 0;max-width:62em;padding:22px 26px;border-radius:20px;background:var(--surface-2);border-left:4px solid var(--green);color:var(--body);font-size:clamp(16.5px,1.3vw,18.5px);line-height:1.6}@media (max-width:640px){.ab-br{margin:clamp(25.2px,4vw,39.6px) auto 0;padding:19.8px 23.4px;border-radius:18px;font-size:clamp(14.85px,1.3vw,16.65px)}}
.ab-br strong{color:var(--ink)}
@media (max-width:860px){.ab-wc{grid-template-columns:1fr}}
/* how we work, light */
#about-view .auhw{background:radial-gradient(60% 70% at 50% 55%,var(--green-soft) 0%,var(--surface-2) 70%);color:var(--ink)}
#about-view .auhw .eyebrow{color:var(--green)}
#about-view .auhw h2{color:var(--ink)}
#about-view .auo-g{stroke:rgba(2,122,31,.08)}
#about-view .auo-t{stroke:rgba(2,122,31,.4)}
#about-view .auo-d{fill:var(--green);filter:drop-shadow(0 0 6px rgba(2,122,31,.5))}
#about-view .auo-n{background:var(--surface);border-color:rgba(2,122,31,.3);color:var(--green)}
#about-view .auo-n.on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 9px rgba(2,122,31,.12),0 14px 36px rgba(2,122,31,.35)}
#about-view .auo-n b{color:var(--ink)}
#about-view .auo-n.on b{color:var(--green)}
#about-view .auo-c span{color:var(--green);font:700 13px var(--f-display);letter-spacing:.1em}
#about-view .auo-c h3{color:var(--ink)}
#about-view .auo-c p{color:var(--body)}
#about-view .ab-hero{margin:0 -20px;border-radius:0}@media (max-width:640px){#about-view .ab-hero{margin:0 -18px}}
#about-view .auhw{margin-bottom:clamp(20px,2.4vw,32px)}@media (max-width:640px){#about-view .auhw{margin-bottom:clamp(18px,2.4vw,28.8px)}}
/* /about round 3 */

/* cta pitch (v105) */
section.pd{position:relative;isolation:isolate;overflow:hidden}
section.pd>.wrap{position:relative}
section.pd .hx-pitch{bottom:-8%}
html.hx-js .pd:not(.in) .hx-fl,html.hx-js .pd:not(.in) .hx-sky::after{opacity:0}
html.hx-js .pd.in .hx-sky::after{animation:hxOn 1.5s linear both}
html.hx-js .pd:not(.in) .hx-ln>*{stroke-dashoffset:1}
html.hx-js .pd:not(.in) :is(.hx-mow,.hx-sp){opacity:0}
html.hx-js .pd.in .hx-fl{animation:hxOn 1.5s linear both,hxSway 12s ease-in-out infinite alternate}
html.hx-js .pd.in .hx-fr{animation-name:hxOn,hxSwayR;animation-delay:.12s,-6s}
html.hx-js .pd.in .hx-ln>*{transition:stroke-dashoffset 1.8s cubic-bezier(.45,0,.2,1) calc(.6s + var(--d,0s))}
html.hx-js .pd.in .hx-mow{transition:opacity 1.4s .5s}
html.hx-js .pd.in .hx-sp{transition:opacity .6s 2.4s}
section.pd.b-cta .hx-ln>*{stroke:rgba(2,122,31,.42)}
section.pd.b-cta .hx-mow rect{fill:rgba(2,122,31,.05)}
section.pd.b-cta .hx-sp{fill:rgba(2,122,31,.6)}
section.pd.b-cta .hx-fl,section.pd.b-cta .hx-sky::after{display:none}
section.pd.b-cta .hx-sky::before{background-image:radial-gradient(rgba(2,122,31,.12) 1px,transparent 1.4px)}
/* /cta pitch */

/* accent v1 */
.hx-hero h1 em,.ab-mis p em,.hx-l3 em,.hx-bug em,.cvh h1 em,.hx-fin h2 em{color:#024a1b!important;background:#fff!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;padding:0 .14em;margin-inline:-.02em;border-radius:.16em;line-height:1.02;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hx-eng .hx-eb,.hx-fnum,.hx-quote span,.hx-fin .hx-eb,.hx-wn-head .hx-eb,#contact-view .cphead .eyebrow,#bo-view.bn :is([data-bn="live"],[data-bn="why"]) .eyebrow,#bo-view.bn [data-bn="live"] .b-fs b,#bo-view.bn [data-bn="why"] .b-wl b,#bo-view.bn [data-bn="why"] .b-wc b,.bn-tgc .eyebrow,.ab-mis .hx-eb,.hx-pill{color:#fff!important}
.hx-hero h1,.ab-mis p,.hx-fin h2,.cvh h1{line-height:1.16!important}
.hx-hero h1 em,.cvh h1 em{display:inline-block;margin-top:.06em}
/* /accent v1 */

/* no mono (v115) */
:root{--f-mono:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif}
body{font-variant-numeric:tabular-nums}
code,pre,kbd,samp{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.hx-wn-n .hx-wn-d{color:#fff;font-size:16.5px}@media (max-width:640px){.hx-wn-n .hx-wn-d{font-size:14.85px}}
.hx-wn-o .hx-wn-d{font-size:16px}@media (max-width:640px){.hx-wn-o .hx-wn-d{font-size:14.4px}}
.hx-wn-cap{font-size:14px!important;letter-spacing:.08em!important}
#contact-view .cphead{margin:0 -20px!important;border-radius:0!important}@media (max-width:640px){#contact-view .cphead{margin:0 -18px!important}}
/* every hero is a full-width band with square corners (Batu, 12 Oct) */
.hx-hero,.hx>.hx-hero,#contact-view .cphead,#about-view .ab-hero{margin-left:-20px!important;margin-right:-20px!important;margin-top:0!important;border-radius:0!important}@media (max-width:640px){.hx-hero,.hx>.hx-hero,#contact-view .cphead,#about-view .ab-hero{margin-left:-18px!important;margin-right:-18px!important}}
/* /no mono */

/* coverage v2 */
@media (min-width:901px){
.cvx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}
.cvx-tabs{grid-template-rows:repeat(5,minmax(0,1fr));gap:12px;align-content:stretch;height:100%}
.cvx-tab{position:relative;padding:18px 24px;gap:20px;border-radius:20px;border:1.5px solid var(--line);min-height:0}
.cvx-tab .cvi{width:58px;height:58px;border-radius:16px}
.cvx-tab .cvi svg{width:27px;height:27px}
.cvx-tt{gap:5px}
.cvx-tt b{font:800 22px/1.15 var(--f-display);letter-spacing:-.02em}
.cvx-tt small{font-size:15.5px;line-height:1.45;color:var(--body)}
.cvx-tab:hover{border-color:var(--green);background:color-mix(in srgb,var(--green-soft) 45%,var(--surface))}
.cvx-tab.on{background:var(--green-soft);border-color:var(--green);box-shadow:var(--shadow)}
.cvx-tab.on .cvx-tt b{color:var(--green-strong)}
.cvx-tab.on::after{content:"";position:absolute;right:-11px;top:50%;width:18px;height:18px;margin-top:-9px;background:var(--green-soft);border-top:1.5px solid var(--green);border-right:1.5px solid var(--green);transform:rotate(45deg);border-radius:0 3px 0 0}
.cvx-p{align-self:stretch}
}
@media (min-width:901px) and (max-width:1120px){
.cvx-tab{padding:14px 18px;gap:14px}
.cvx-tab .cvi{width:48px;height:48px;border-radius:14px}
.cvx-tab .cvi svg{width:23px;height:23px}
.cvx-tt b{font-size:19px}
.cvx-tt small{font-size:14.5px}
}
@media (max-width:900px){
.cvx-tt b{font-size:16px}@media (max-width:640px){.cvx-tt b{font-size:14.4px}}
.cvx-tab.on{background:var(--green-soft)}
}
/* /coverage v2 */

/* cn look */
/* clubs v2: soft cards generated from the sticker rules */
:is(#cl-view,#sm-view).cn .c-kit.dk button{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-kit.dk button[aria-pressed="true"]{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-tgl{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-you{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-tones button[aria-pressed="true"]{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-trk button i{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-scr{box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-qs button[aria-pressed="true"]{border-color:var(--cn-ed);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-aw{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-gl .k:hover{box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-gw{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-lb{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-site{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-val li::before{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-sqc span{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-tags span{border:1px solid var(--line)}
html.js :is(#cl-view,#sm-view).cn .c-ly.on{box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-lk i{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-gc>.cw{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-sd.md{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-idata{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-iarr{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-wd{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-wd.md{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-or.w .c-dw i.on{border-color:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .c-brc{border:1px solid var(--line);box-shadow:var(--cn-sh)}
:is(#cl-view,#sm-view).cn .c-gt6{border:1px solid var(--line)}
:is(#cl-view,#sm-view).cn .c-web{border:1px solid var(--line);box-shadow:var(--cn-sh)}
/* clubs v2 (Batu, 12 Oct): the homepage and betting look, with motion in every section */
:is(#cl-view,#sm-view).cn{--cn-ed:#c9d6cd;--cn-band:var(--surface-2);--km:#dfe6f0;
  --cn-sh:0 1px 2px rgba(16,24,40,.05),0 14px 34px -14px rgba(16,24,40,.16);
  --cn-sh2:0 2px 4px rgba(16,24,40,.06),0 26px 50px -20px rgba(16,24,40,.26);
  --cn-deep:radial-gradient(900px 520px at 50% 0%,rgba(61,220,104,.16),transparent 62%),radial-gradient(700px 480px at 0% 100%,rgba(2,122,31,.5),transparent 62%),var(--hx-deep)}@media (max-width:640px){:is(#cl-view,#sm-view).cn{--cn-sh:0 1px 2px rgba(16,24,40,.05),0 12.6px 30.6px -12.6px rgba(16,24,40,.16);--cn-sh2:0 2px 3.6px rgba(16,24,40,.06),0 23.4px 45px -18px rgba(16,24,40,.26);--cn-deep:radial-gradient(810px 468px at 50% 0%,rgba(61,220,104,.16),transparent 62%),radial-gradient(630px 432px at 0% 100%,rgba(2,122,31,.5),transparent 62%),var(--hx-deep)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(#cl-view,#sm-view).cn{--cn-ed:#33443a;--cn-sh:0 1px 2px rgba(0,0,0,.3),0 14px 34px -14px rgba(0,0,0,.55);--cn-sh2:0 2px 4px rgba(0,0,0,.35),0 26px 50px -20px rgba(0,0,0,.65)}@media (max-width:640px){:root:not([data-theme="light"]) :is(#cl-view,#sm-view).cn{--cn-sh:0 1px 2px rgba(0,0,0,.3),0 12.6px 30.6px -12.6px rgba(0,0,0,.55);--cn-sh2:0 2px 3.6px rgba(0,0,0,.35),0 23.4px 45px -18px rgba(0,0,0,.65)}}}
:root[data-theme="dark"] :is(#cl-view,#sm-view).cn{--cn-ed:#33443a;--cn-sh:0 1px 2px rgba(0,0,0,.3),0 14px 34px -14px rgba(0,0,0,.55);--cn-sh2:0 2px 4px rgba(0,0,0,.35),0 26px 50px -20px rgba(0,0,0,.65)}@media (max-width:640px){:root[data-theme="dark"] :is(#cl-view,#sm-view).cn{--cn-sh:0 1px 2px rgba(0,0,0,.3),0 12.6px 30.6px -12.6px rgba(0,0,0,.55);--cn-sh2:0 2px 3.6px rgba(0,0,0,.35),0 23.4px 45px -18px rgba(0,0,0,.65)}}
:is(#cl-view,#sm-view).cn .c-num{font-family:var(--f-display)}
:is(#cl-view,#sm-view).cn .cw-l{color:var(--km)}

/* sections: white, a light grey band, or a deep green band */
:is(#cl-view,#sm-view).cn .cn-s{position:relative;isolation:isolate;margin-inline:-20px;padding:clamp(64px,8vw,112px) 20px;overflow:clip}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-s{margin-inline:-18px;padding:clamp(57.6px,8vw,100.8px) 18px}}
:is(#cl-view,#sm-view).cn .cn-bw{background:var(--bg)}
:is(#cl-view,#sm-view).cn .cn-bg{background:var(--cn-band)}
:is(#cl-view,#sm-view).cn .cn-bd{background:var(--cn-deep);color:#fff}
:is(#cl-view,#sm-view).cn .cn-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 50% 0%,#000,transparent 72%);mask:radial-gradient(ellipse at 50% 0%,#000,transparent 72%)}

/* headings: the betting type, green words on light, a white block on dark */
:is(#cl-view,#sm-view).cn .cn-hd{display:grid;gap:14px;margin-bottom:clamp(32px,4vw,52px);max-width:780px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-hd{gap:12.6px;margin-bottom:clamp(28.8px,4vw,46.8px)}}
:is(#cl-view,#sm-view).cn .cn-hd.ctr{text-align:center;justify-items:center;margin-inline:auto}
:is(#cl-view,#sm-view).cn .cn-hd h2{font:600 clamp(32px,4.3vw,54px)/1.08 var(--f-display);letter-spacing:-.045em;color:var(--ink);margin:0;text-wrap:balance;max-width:none}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-hd h2{font:600 clamp(28.8px,4.3vw,48.6px)/1.08 var(--f-display)}}
:is(#cl-view,#sm-view).cn .cn-hd .lede{font-size:18px;line-height:1.55;color:var(--body);margin:0;max-width:58ch}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-hd .lede{font-size:16.2px}}
:is(#cl-view,#sm-view).cn .cn-hd .eyebrow{color:var(--green)}
:is(#cl-view,#sm-view).cn .cn-hl{color:var(--green)}
:is(#cl-view,#sm-view).cn .cn-bd .cn-hd h2{color:#fff}
:is(#cl-view,#sm-view).cn .cn-bd .cn-hd .lede{color:rgba(255,255,255,.92)}
:is(#cl-view,#sm-view).cn .cn-bd .cn-hd .eyebrow{color:#fff}
:is(#cl-view,#sm-view).cn .cn-hd h2 em{font-style:normal;color:#024a1b;background:#fff;padding:0 .14em;border-radius:.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline-block;margin-top:.06em;line-height:1.08}
html.hx-js :is(#cl-view,#sm-view).cn .cn-w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(6px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1),filter .6s;transition-delay:calc(.1s + var(--k)*.055s)}
html.hx-js :is(#cl-view,#sm-view).cn .on .cn-w{opacity:1;transform:none;filter:none}
html.hx-js :is(#cl-view,#sm-view).cn .cn-hd>:not(h2){opacity:0;transform:translateY(14px);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){html.hx-js :is(#cl-view,#sm-view).cn .cn-hd>:not(h2){transform:translateY(12.6px)}}
html.hx-js :is(#cl-view,#sm-view).cn .cn-hd>.lede{transition-delay:.45s}
html.hx-js :is(#cl-view,#sm-view).cn .on .cn-hd>:not(h2){opacity:1;transform:none}

/* 1 hero */
:is(#cl-view,#sm-view).cn .cn-hx{display:block}
.cn-hero h1{font-size:clamp(40px,5vw,72px);max-width:13.5em}@media (max-width:640px){.cn-hero h1{font-size:clamp(36px,5vw,64.8px)}}
.cn-hero .hx-b1{color:#015c17}
.cn-proof span{color:rgba(255,255,255,.9)}

/* 2 the shift */
.cn-shh{display:flex;justify-content:space-between;align-items:end;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(28px,3.5vw,44px)}@media (max-width:640px){.cn-shh{gap:21.6px 36px;margin-bottom:clamp(25.2px,3.5vw,39.6px)}}
:is(#cl-view,#sm-view).cn .cn-shh .cn-hd{margin-bottom:0}
.cn-sw{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.cn-sw{padding:4.5px;border-radius:899.1px}}
.cn-sw button{all:unset;cursor:pointer;position:relative;z-index:1;padding:12px 20px;font:700 15px var(--f-display);color:var(--ink);text-align:center;border-radius:999px;transition:color .45s;white-space:nowrap}@media (max-width:640px){.cn-sw button{padding:10.8px 18px;font:700 14px var(--f-display);border-radius:899.1px}}
.cn-sw button[aria-pressed="true"]{color:var(--bg)}
#cn-shift[data-m="1"] .cn-sw button[aria-pressed="true"]{color:var(--on-green)}
.cn-sw button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.cn-sw>i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ink);transition:transform .6s cubic-bezier(.6,0,.2,1),background .6s}@media (max-width:640px){.cn-sw>i{top:4.5px;bottom:4.5px;left:4.5px;width:calc(50% - 4.5px);border-radius:899.1px}}
#cn-shift[data-m="1"] .cn-sw>i{transform:translateX(100%);background:var(--green)}
.cn-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;perspective:1400px}@media (max-width:640px){.cn-days{gap:10.8px}}
.cn-day{position:relative;height:192px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.5,0,.2,1);transition-delay:calc(var(--j)*90ms)}@media (max-width:640px){.cn-day{height:172.8px}}
#cn-shift[data-m="1"] .cn-day{transform:rotateY(180deg)}
.cn-f{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;display:grid;justify-items:center;align-content:center;gap:10px;padding:16px 8px;text-align:center}@media (max-width:640px){.cn-f{border-radius:18px;gap:9px;padding:14.4px 7.2px}}
.cn-f b{font:700 14px var(--f-display);letter-spacing:.08em;text-transform:uppercase}
.cn-f i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}@media (max-width:640px){.cn-f i{width:41.4px;height:41.4px}}
.cn-f span{font:700 15.5px/1.25 var(--f-display)}@media (max-width:640px){.cn-f span{font:700 14px/1.25 var(--f-display)}}
.cn-f small{font:600 13px/1.3 var(--f-display)}
.cn-f.a{background:var(--surface);border:1.5px dashed var(--cn-ed);color:var(--ink)}
.cn-f.a i{background:var(--surface-2);color:var(--ink)}
.cn-f.a small{color:var(--body)}
.cn-f.b{transform:rotateY(180deg);background:linear-gradient(160deg,#08902a,#015c17);color:#fff;box-shadow:0 18px 40px -18px rgba(2,122,31,.65)}
.cn-f.b i{background:rgba(255,255,255,.16);color:#fff}
.cn-f.b small{color:#fff}
.cn-day.md .cn-f.b{background:linear-gradient(160deg,#024a1b,#01300f);box-shadow:0 0 0 2px #3ddc68,0 18px 40px -18px rgba(2,74,27,.7)}
.cn-day.md .cn-f.b i{background:#3ddc68;color:#06260f}
.cn-mtr{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 28px;align-items:center;padding:18px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.cn-mtr{margin-top:19.8px;gap:14.4px 25.2px;padding:16.2px 21.6px;border-radius:18px}}
.cn-mtt{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}@media (max-width:640px){.cn-mtt{gap:10.8px}}
.cn-mtt b{font:700 30px/1 var(--f-display);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}@media (max-width:640px){.cn-mtt b{font:700 27px/1 var(--f-display)}}
.cn-mtt>span{font-size:15.5px;color:var(--body)}@media (max-width:640px){.cn-mtt>span{font-size:14px}}
.cn-mtb{height:12px;border-radius:99px;background:var(--surface-2);overflow:hidden}@media (max-width:640px){.cn-mtb{height:10.8px;border-radius:89.1px}}
.cn-mtb i{display:block;height:100%;width:0;border-radius:99px;background:var(--ink);transition:width 1.3s cubic-bezier(.5,0,.2,1) .35s,background .6s .35s}@media (max-width:640px){.cn-mtb i{border-radius:89.1px}}
#cn-shift[data-m="1"] .cn-mtb i{width:100%;background:linear-gradient(90deg,#027a1f,#3ddc68)}


/* 4 every moment of the match */
.cn-m3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);justify-items:center;align-items:start;padding-top:16px}@media (max-width:640px){.cn-m3{gap:clamp(14.4px,3vw,36px);padding-top:14.4px}}
.cn-mp{cursor:pointer;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:scale(.93)}
.cn-mp.on{transform:translateY(-14px) scale(1.03)}@media (max-width:640px){.cn-mp.on{transform:translateY(-12.6px) scale(1.03)}}
.cn-mp .c-iph{--pw:292px;transition:box-shadow .6s}@media (max-width:640px){.cn-mp .c-iph{--pw:262.8px}}
.cn-mp .c-ips{height:600px;display:flex;flex-direction:column;border-radius:40px;overflow:hidden}@media (max-width:640px){.cn-mp .c-ips{height:540px;border-radius:36px}}
.cn-mp .c-ips>.cw{flex:1;min-height:0;border-radius:0}
.cn-mp.on .c-iph{box-shadow:0 50px 90px rgba(0,0,0,.5),0 0 0 2px rgba(61,220,104,.6),0 0 90px rgba(61,220,104,.35)}
.cn-tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:40px}@media (max-width:640px){.cn-tl{gap:clamp(14.4px,3vw,36px);margin-top:36px}}
.cn-tll{position:absolute;left:16.66%;right:16.66%;top:13px;height:3px;border-radius:3px;background:rgba(255,255,255,.2)}@media (max-width:640px){.cn-tll{top:11.7px;height:2.7px;border-radius:2.7px}}
.cn-tll i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*1%);border-radius:3px;background:#3ddc68;box-shadow:0 0 14px rgba(61,220,104,.8);transition:width 1s cubic-bezier(.6,0,.2,1)}@media (max-width:640px){.cn-tll i{border-radius:2.7px}}
.cn-tn{all:unset;cursor:pointer;position:relative;display:grid;justify-items:center;text-align:center;gap:6px}@media (max-width:640px){.cn-tn{gap:5.4px}}
.cn-td{width:28px;height:28px;box-sizing:border-box;border-radius:50%;background:#01300f;border:3px solid rgba(255,255,255,.4);transition:background .4s,border-color .4s;position:relative}@media (max-width:640px){.cn-td{width:25.2px;height:25.2px}}
.cn-tn.on .cn-td,.cn-tn.done .cn-td{border-color:#3ddc68;background:#3ddc68}
.cn-tn.on .cn-td::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid #3ddc68;animation:cnRing 1.6s infinite}@media (max-width:640px){.cn-tn.on .cn-td::after{inset:-9px}}
.cn-tn b{font:700 22px var(--f-display);letter-spacing:-.02em;color:#fff;margin-top:8px;transition:color .4s}@media (max-width:640px){.cn-tn b{font:700 19.8px var(--f-display);margin-top:7.2px}}
.cn-tn.on b{color:#3ddc68}
.cn-tn>span:last-child{font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.92);max-width:30ch}@media (max-width:640px){.cn-tn>span:last-child{font-size:14px}}
.cn-tn:focus-visible{outline:3px solid #fff;outline-offset:6px;border-radius:12px}@media (max-width:640px){.cn-tn:focus-visible{border-radius:10.8px}}
.cn-more{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:44px}@media (max-width:640px){.cn-more{gap:12.6px;margin-top:39.6px}}
.cn-more>div{display:flex;gap:12px;align-items:center;padding:14px 20px 14px 14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}@media (max-width:640px){.cn-more>div{gap:10.8px;padding:12.6px 18px 12.6px 12.6px;border-radius:16.2px}}
.cn-more i{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(61,220,104,.18);color:#3ddc68}@media (max-width:640px){.cn-more i{width:37.8px;height:37.8px;border-radius:10.8px}}
.cn-more p{margin:0;display:grid;gap:2px}.cn-more b{font:700 16px var(--f-display);color:#fff}@media (max-width:640px){.cn-more b{font:700 14.4px var(--f-display)}}.cn-more span{font-size:14.5px;color:rgba(255,255,255,.92)}@media (max-width:640px){.cn-more span{font-size:14px}}

/* 5 match insights */
.cn-ih{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 48px;align-items:end;margin-bottom:clamp(32px,4vw,48px)}@media (max-width:640px){.cn-ih{gap:21.6px 43.2px;margin-bottom:clamp(28.8px,4vw,43.2px)}}
:is(#cl-view,#sm-view).cn .cn-ih .cn-hd{margin:0}
.cn-chips{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.cn-chips{gap:7.2px}}
.cn-chips span{font:600 14px var(--f-display);padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}@media (max-width:640px){.cn-chips span{padding:7.2px 12.6px;border-radius:899.1px}}
.cn-io{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1.1fr);align-items:center}@media (max-width:640px){.cn-io{grid-template-columns:minmax(0,1fr) 99px minmax(0,1.1fr)}}
.cn-card{background:var(--surface);border-radius:24px;box-shadow:0 0 0 1px var(--line),var(--cn-sh2);overflow:hidden;min-width:0}@media (max-width:640px){.cn-card{border-radius:21.6px}}
.cn-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,#24304a,#151d2e);color:#fff;font:700 14px var(--f-display)}@media (max-width:640px){.cn-bar{gap:7.2px;padding:10.8px 14.4px}}
.cn-bar small{margin-left:auto;display:flex;gap:4px;font:600 12.5px var(--f-display)}@media (max-width:640px){.cn-bar small{gap:3.6px}}
.cn-bar small span{padding:4px 10px;border-radius:999px;color:#fff}@media (max-width:640px){.cn-bar small span{padding:3.6px 9px;border-radius:899.1px}}.cn-bar small span.on{background:rgba(255,255,255,.18)}
.cn-bar.g{background:linear-gradient(180deg,#078a27,#015c17)}
.cn-bar.g>span{color:#b9ffcb}
.cn-wr{opacity:0;transition:opacity .3s}
.cn-wr i{font-style:normal;animation:cnBl 1s infinite}.cn-wr i:nth-child(2){animation-delay:.15s}.cn-wr i:nth-child(3){animation-delay:.3s}
.cn-io.p2:not(.p3) .cn-wr{opacity:1}
.cn-sbd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px 6px;text-align:center}@media (max-width:640px){.cn-sbd{padding:16.2px 18px 5.4px}}
.cn-sbd>span{display:grid;justify-items:center;gap:6px;font:700 14px var(--f-display);color:var(--ink)}@media (max-width:640px){.cn-sbd>span{gap:5.4px}}
.cn-sbd strong{display:block;font:800 40px/1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}@media (max-width:640px){.cn-sbd strong{font:800 36px/1 var(--f-display)}}
.cn-sbd small{display:block;margin-top:4px;font:700 12px var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}@media (max-width:640px){.cn-sbd small{margin-top:3.6px}}
.cn-rows{display:grid;gap:12px;padding:12px 20px}@media (max-width:640px){.cn-rows{gap:10.8px;padding:10.8px 18px}}
.cn-rw{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:5px 10px}@media (max-width:640px){.cn-rw{grid-template-columns:50.4px 1fr 50.4px;gap:4.5px 9px}}
.cn-rw b{font:700 15px var(--f-display);color:var(--ink)}@media (max-width:640px){.cn-rw b{font:700 14px var(--f-display)}}.cn-rw b:last-of-type{text-align:right}
.cn-rw span{text-align:center;font:600 13.5px var(--f-display);color:var(--body)}
.cn-rw>i{grid-column:1/-1;display:block;height:7px;border-radius:9px;background:color-mix(in srgb,var(--ink) 13%,transparent);overflow:hidden}@media (max-width:640px){.cn-rw>i{height:6.3px;border-radius:8.1px}}
.cn-rw>i em{display:block;height:100%;width:var(--a);background:var(--green);border-radius:9px;transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) calc(var(--j)*.12s)}@media (max-width:640px){.cn-rw>i em{border-radius:8.1px}}
html.hx-js .cn-io:not(.p1) .cn-rw>i em{transform:scaleX(0)}
.cn-t3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px 20px 20px}@media (max-width:640px){.cn-t3{gap:9px;padding:7.2px 18px 18px}}
.cn-t3 div{display:grid;justify-items:center;padding:12px 6px;border-radius:14px;background:var(--surface-2)}@media (max-width:640px){.cn-t3 div{padding:10.8px 5.4px;border-radius:12.6px}}
.cn-t3 b{font:800 24px var(--f-display);color:var(--ink)}@media (max-width:640px){.cn-t3 b{font:800 21.6px var(--f-display)}}.cn-t3 span{font:600 12.5px var(--f-display);color:var(--body);text-align:center}
.cn-flow{position:relative;align-self:stretch;display:grid;place-items:center}
.cn-fl{position:absolute;left:6px;right:6px;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--cn-ed) 0 6px,transparent 6px 12px)}@media (max-width:640px){.cn-fl{left:5.4px;right:5.4px}}
.cn-fl i{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);opacity:0}@media (max-width:640px){.cn-fl i{top:-3.6px;width:9px;height:9px}}
.cn-io.p2 .cn-fl i{animation:cnRun 1.5s linear infinite}
.cn-io.p2 .cn-fl i:nth-child(2){animation-delay:.5s}.cn-io.p2 .cn-fl i:nth-child(3){animation-delay:1s}
.cn-ai{position:relative;z-index:1;font:800 13px var(--f-display);color:#fff;background:var(--green);padding:8px 13px;border-radius:999px;box-shadow:0 0 0 6px var(--green-soft);transform:scale(.75);opacity:.5;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .5s}@media (max-width:640px){.cn-ai{padding:7.2px 11.7px;border-radius:899.1px}}
.cn-io.p2 .cn-ai{transform:none;opacity:1;animation:cnGlow 1.8s infinite}
.cn-stb{padding:20px 22px 22px;display:grid;gap:12px}@media (max-width:640px){.cn-stb{padding:18px 19.8px 19.8px;gap:10.8px}}
.cn-st{font:700 24px/1.2 var(--f-display);letter-spacing:-.02em;margin:0;color:var(--ink);min-height:1.2em}@media (max-width:640px){.cn-st{font:700 21.6px/1.2 var(--f-display)}}
.cn-io.p3:not(.p4) .cn-st::after{content:"";display:inline-block;width:2px;height:.9em;margin-left:3px;vertical-align:-2px;background:var(--green);animation:cnCar .8s steps(1) infinite}@media (max-width:640px){.cn-io.p3:not(.p4) .cn-st::after{margin-left:2.7px}}
.cn-sp{margin:0;font-size:16px;line-height:1.6;color:var(--body)}@media (max-width:640px){.cn-sp{font-size:14.4px}}
html.hx-js .cn-io:not(.p4) .cn-sp span{opacity:0}
.cn-sp span{transition:opacity .3s calc(var(--w)*32ms)}
.cn-ir{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;padding-top:12px;border-top:1px solid var(--line);transition:opacity .5s calc(1s + var(--r)*.22s),transform .5s calc(1s + var(--r)*.22s)}@media (max-width:640px){.cn-ir{grid-template-columns:36px minmax(0,1fr);gap:10.8px;padding-top:10.8px}}
html.hx-js .cn-io:not(.p4) .cn-ir{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .cn-io:not(.p4) .cn-ir{transform:translateY(9px)}}
.cn-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-strong)}@media (max-width:640px){.cn-ic{width:36px;height:36px;border-radius:10.8px}}
.cn-ir small{display:block;font:700 12px var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:2px}
.cn-ir b{font:700 16px var(--f-display);color:var(--ink);margin-right:6px}@media (max-width:640px){.cn-ir b{font:700 14.4px var(--f-display);margin-right:5.4px}}.cn-ir span{font-size:15px;line-height:1.5;color:var(--body)}@media (max-width:640px){.cn-ir span{font-size:14px}}

/* 6 rich answers: the Coverage explorer layout */
.cn-ax{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}@media (max-width:640px){.cn-ax{gap:25.2px}}
.cn-axs{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:10px}@media (max-width:640px){.cn-axs{gap:9px}}
.cn-axb{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .3s,background .3s,box-shadow .3s}@media (max-width:640px){.cn-axb{gap:16.2px;padding:16.2px 19.8px;border-radius:18px}}
.cn-axb:hover{border-color:var(--green)}
.cn-axb.on{background:var(--green-soft);border-color:var(--green);box-shadow:var(--cn-sh)}
.cn-axi{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#027a1f,#015c17);color:#fff;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}@media (max-width:640px){.cn-axi{width:50.4px;height:50.4px;border-radius:14.4px}}
.cn-axb.on .cn-axi{transform:scale(1.06) rotate(-5deg)}
.cn-axt{display:grid;gap:5px}@media (max-width:640px){.cn-axt{gap:4.5px}}
.cn-axt b{font:800 22px/1.15 var(--f-display);letter-spacing:-.02em;color:var(--ink);transition:color .3s}@media (max-width:640px){.cn-axt b{font:800 19.8px/1.15 var(--f-display)}}
.cn-axb.on .cn-axt b{color:var(--green-strong)}
.cn-axt small{font-size:15.5px;line-height:1.4;color:var(--body)}@media (max-width:640px){.cn-axt small{font-size:14px}}
.cn-axp{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--p,0)*100%);background:var(--green)}@media (max-width:640px){.cn-axp{height:2.7px}}
.cn-axb:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.cn-axw{border-radius:26px;box-shadow:0 0 0 1px #2a364c,0 40px 80px -30px rgba(16,24,40,.55);min-height:560px;font-size:14px}@media (max-width:640px){.cn-axw{border-radius:23.4px;min-height:504px}}
.cn-axw .cw-h{padding:14px 16px 0}@media (max-width:640px){.cn-axw .cw-h{padding:12.6px 14.4px 0}}
.cn-axa{flex:1;display:grid;padding:16px;min-height:0}@media (max-width:640px){.cn-axa{padding:14.4px}}
.cn-a{grid-area:1/1;display:grid;gap:12px;align-content:start;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}@media (max-width:640px){.cn-a{gap:10.8px}}
.cn-a.on{opacity:1;visibility:visible}
.cn-axa .cn-q{justify-self:end;max-width:85%;transform-origin:100% 100%;transition:opacity .35s,transform .45s cubic-bezier(.3,1.4,.5,1)}
html.hx-js .cn-a:not(.sent) .cn-q{opacity:0;transform:scale(.9) translateY(6px)}@media (max-width:640px){html.hx-js .cn-a:not(.sent) .cn-q{transform:scale(.9) translateY(5.4px)}}
.cn-axa .c-dots{display:none;gap:5px;padding:4px 2px}@media (max-width:640px){.cn-axa .c-dots{gap:4.5px;padding:3.6px 2px}}
.cn-axa .c-dots i{width:8px;height:8px;border-radius:50%;background:var(--km);animation:cnBl 1s infinite}@media (max-width:640px){.cn-axa .c-dots i{width:7.2px;height:7.2px}}
.cn-axa .c-dots i:nth-child(2){animation-delay:.15s}.cn-axa .c-dots i:nth-child(3){animation-delay:.3s}
.cn-a.think .c-dots{display:flex}
.cn-r{display:grid;gap:12px}@media (max-width:640px){.cn-r{gap:10.8px}}
.cn-r>*{transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.cn-r>:nth-child(2){transition-delay:.15s}.cn-r>:nth-child(3){transition-delay:.3s}.cn-r>:nth-child(4){transition-delay:.45s}
html.hx-js .cn-a:not(.ans) .cn-r>*{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .cn-a:not(.ans) .cn-r>*{transform:translateY(9px)}}
.cn-r>p{margin:0;font-size:14.5px;line-height:1.5}@media (max-width:640px){.cn-r>p{font-size:14px}}
:is(#cl-view,#sm-view).cn .cn-axw .c-tb{font-size:13.5px}:is(#cl-view,#sm-view).cn .cn-axw .c-tb div{grid-template-columns:22px minmax(0,1fr) 40px 56px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-axw .c-tb div{grid-template-columns:19.8px minmax(0,1fr) 36px 50.4px}}:is(#cl-view,#sm-view).cn .cn-axw .c-tb.c5 div{grid-template-columns:22px minmax(0,1fr) 30px 40px 40px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-axw .c-tb.c5 div{grid-template-columns:19.8px minmax(0,1fr) 27px 36px 36px}}
.cn-in{margin:0 16px 16px}@media (max-width:640px){.cn-in{margin:0 14.4px 14.4px}}
.cn-in:not(.ty) .cn-it,.cn-in.ty .cn-ph{display:none}
.cn-it{color:var(--ki)}
.cn-it::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:-.2em;background:var(--ka);animation:cnCar .8s steps(1) infinite}

/* 7 club history */
#cn-hist .c-otds{position:relative}
html.hx-js #cn-hist .c-gls>div{opacity:0;transform:translateX(-12px);transition:opacity .45s,transform .45s}@media (max-width:640px){html.hx-js #cn-hist .c-gls>div{transform:translateX(-10.8px)}}
html.hx-js #cn-hist .c-gls>div.in{opacity:1;transform:none}
#cn-hist .c-gls>div.us.in{animation:cnGoal 1.2s}
#cn-hist .c-otds strong{display:inline-block}
#cn-hist .c-otds strong.bump{animation:cnBump .5s}
.cn-burst{position:absolute;left:50%;top:34%;width:0;height:0;pointer-events:none}
.cn-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#3ddc68;opacity:0}@media (max-width:640px){.cn-burst i{left:-3.6px;top:-3.6px;width:7.2px;height:7.2px}}
.cn-burst i:nth-child(3n){background:#fff}
#cn-hist .c-otds.win .cn-burst i{animation:cnBurst 1.1s cubic-bezier(.2,.8,.2,1) forwards}
html.hx-js #cn-hist .c-bar50 i{width:0!important;transition:width 1.8s cubic-bezier(.2,.8,.2,1) .7s}
html.hx-js #cn-hist.on .c-bar50 i{width:var(--p)!important}
#cn-hist .c-ago{animation:none}
html.hx-js #cn-hist .c-ago{transform:scale(.6) rotate(-40deg);opacity:0;transition:transform 1s cubic-bezier(.3,1.4,.5,1) .5s,opacity .6s .5s}
html.hx-js #cn-hist.on .c-ago{transform:none;opacity:1}

/* 8 daily games */
.cn-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,32px);align-items:stretch}@media (max-width:640px){.cn-g3{gap:clamp(16.2px,2.6vw,28.8px)}}
.cn-gm{display:grid;grid-template-rows:1fr auto;gap:22px;justify-items:center}@media (max-width:640px){.cn-gm{gap:19.8px}}
:is(#cl-view,#sm-view).cn .cn-gm>.cw{display:flex;flex-direction:column}:is(#cl-view,#sm-view).cn .cn-gm>.cw>.cw-b{flex:1}
:is(#cl-view,#sm-view).cn .cn-gm>.cw{width:100%;max-width:340px;border:0;border-radius:30px;box-shadow:0 0 0 8px #0f1522,0 0 0 9px rgba(255,255,255,.1),0 40px 80px -30px rgba(16,24,40,.6)}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-gm>.cw{border-radius:27px}}
html.hx-js :is(#cl-view,#sm-view).cn .cn-gm.on>.cw{animation:cnBob 6s ease-in-out infinite;animation-delay:calc(var(--i)*-2s)}
.cn-gcap{text-align:center;display:grid;gap:5px}@media (max-width:640px){.cn-gcap{gap:4.5px}}
.cn-gcap b{font:700 20px var(--f-display);letter-spacing:-.01em;color:var(--ink);display:inline-flex;gap:10px;align-items:center;justify-content:center}@media (max-width:640px){.cn-gcap b{font:700 18px var(--f-display);gap:9px}}
.cn-gcap>span{font-size:15.5px;color:var(--body)}@media (max-width:640px){.cn-gcap>span{font-size:14px}}
.cn-try{font:700 12.5px var(--f-display);color:#fff;background:var(--green);padding:4px 10px;border-radius:999px;animation:cnGlow 1.8s infinite}@media (max-width:640px){.cn-try{padding:3.6px 9px;border-radius:899.1px}}
html.hx-js #cn-grid .c-bg .f{transform:scale(0)}
#cn-grid.go .c-bg .f{animation:cnPop .55s cubic-bezier(.3,1.6,.5,1) forwards;animation-delay:calc(.4s + var(--k)*.45s)}
html.hx-js #cn-mys .c-mt>span:is(.g,.x,.a){transform:rotateX(90deg)}
#cn-mys.go .c-mt>span:is(.g,.x,.a){animation:cnTile .5s forwards;animation-delay:calc(.3s + var(--k)*.12s)}
:is(#cl-view,#sm-view).cn #cn-mys .cw-b{grid-template-rows:auto auto auto minmax(0,1fr) auto}:is(#cl-view,#sm-view).cn #cn-mys .c-fin{align-self:end}
#cn-mys .c-hint{transition:opacity .5s 1.8s,transform .5s 1.8s}
html.hx-js #cn-mys:not(.go) .c-hint{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js #cn-mys:not(.go) .c-hint{transform:translateY(7.2px)}}

/* 9 plugs into your app and website */
.cn-pl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}@media (max-width:640px){.cn-pl{gap:clamp(25.2px,5vw,57.6px)}}
:is(#cl-view,#sm-view).cn .cn-plt .cn-hd{margin-bottom:26px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-plt .cn-hd{margin-bottom:23.4px}}
.cn-nrb{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh);margin:0}@media (max-width:640px){.cn-nrb{gap:12.6px;padding:14.4px 16.2px;border-radius:18px}}
.cn-nrc{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}@media (max-width:640px){.cn-nrc{width:36px;height:36px}}
.cn-nrb b{display:block;font:700 18px var(--f-display);color:var(--ink)}@media (max-width:640px){.cn-nrb b{font:700 16.2px var(--f-display)}}
.cn-nrb small{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--body)}@media (max-width:640px){.cn-nrb small{margin-top:3.6px;font-size:14px}}
.cn-kits{display:flex;align-items:center;gap:12px;margin-top:24px;font:700 14.5px var(--f-display);color:var(--ink)}@media (max-width:640px){.cn-kits{gap:10.8px;margin-top:21.6px;font:700 14px var(--f-display)}}
.cn-kits span{margin-right:4px}@media (max-width:640px){.cn-kits span{margin-right:3.6px}}
.cn-kits button{all:unset;cursor:pointer;width:32px;height:32px;border-radius:50%;background:var(--a);box-shadow:inset 0 0 0 3px var(--surface),0 0 0 1px var(--line);transition:transform .3s,box-shadow .3s}@media (max-width:640px){.cn-kits button{width:28.8px;height:28.8px}}
.cn-kits button[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px var(--ink);transform:scale(1.12)}
.cn-kits button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.cn-webw{--kb:#151d2e;--ks:#1e283b;--ki:#fff;--ka:#3ddc68;--ko:#06260f;--km:#dfe6f0;--kl:#2a364c;transition:--kb .7s,--ks .7s,--ki .7s,--ka .7s,--ko .7s,--km .7s,--kl .7s}
.cn-webw[data-kit="red"]{--kb:#ffffff;--ks:#f6f2f2;--ki:#1d1d1f;--ka:#c8102e;--ko:#fff;--km:#4d4d52;--kl:#ebe3e3}
.cn-webw[data-kit="sky"]{--kb:#0f1b33;--ks:#182a4d;--ki:#fff;--ka:#7cc0f2;--ko:#0f1b33;--km:#d6e2f2;--kl:#26395f}
.cn-webw[data-kit="amber"]{--kb:#14120d;--ks:#211d15;--ki:#fff;--ka:#f5a524;--ko:#16130e;--km:#e6dfcf;--kl:#332d22}
:is(#cl-view,#sm-view).cn .cn-web{border:0;border-radius:22px;box-shadow:0 0 0 1px var(--line),0 40px 80px -30px rgba(16,24,40,.45);min-height:470px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-web{border-radius:19.8px;min-height:423px}}
.cn-web .c-wn{background:var(--kb);color:var(--ki)}
.cn-web .c-wh{background:linear-gradient(120deg,var(--kb) 15%,color-mix(in srgb,var(--ka) 55%,var(--kb)));color:var(--ki)}
.cn-web .c-wh small,.cn-web .c-wh span{color:var(--ka)}
.cn-web .c-lau{background:var(--kb)}
.cn-web .c-lau::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ka);opacity:0}@media (max-width:640px){.cn-web .c-lau::after{inset:-5.4px}}
.cn-webw:not(.w1) .c-lau::after{animation:cnRing 1.6s infinite}
:is(#cl-view,#sm-view).cn .cn-wp{border:0;box-shadow:0 0 0 1px var(--kl),0 24px 50px rgba(0,0,0,.35);transition:opacity .55s,transform .6s cubic-bezier(.3,1.3,.5,1)}
html.hx-js .cn-webw:not(.w1) .cn-wp{opacity:0;transform:translateY(24px) scale(.9);transform-origin:100% 100%}@media (max-width:640px){html.hx-js .cn-webw:not(.w1) .cn-wp{transform:translateY(21.6px) scale(.9)}}
.cn-wp .c-me,.cn-wp .c-op,.cn-wp .c-tap{transition:opacity .4s,transform .45s cubic-bezier(.3,1.4,.5,1)}
html.hx-js .cn-webw:not(.w2) .cn-wp .c-me{opacity:0;transform:scale(.9)}
html.hx-js .cn-webw:not(.w4) .cn-wp :is(.c-op,.c-tap){opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .cn-webw:not(.w4) .cn-wp :is(.c-op,.c-tap){transform:translateY(7.2px)}}
.cn-wp .c-tap{transition-delay:.2s}
.cn-wp .c-dots{display:none;gap:5px;padding:2px}@media (max-width:640px){.cn-wp .c-dots{gap:4.5px}}
.cn-wp .c-dots i{width:7px;height:7px;border-radius:50%;background:var(--km);animation:cnBl 1s infinite}@media (max-width:640px){.cn-wp .c-dots i{width:6.3px;height:6.3px}}
.cn-wp .c-dots i:nth-child(2){animation-delay:.15s}.cn-wp .c-dots i:nth-child(3){animation-delay:.3s}
html.hx-js .cn-webw.w3:not(.w4) .cn-wp .c-dots{display:flex}
.cn-igx{margin-top:clamp(36px,5vw,56px)}@media (max-width:640px){.cn-igx{margin-top:clamp(32.4px,5vw,50.4px)}}
.cn-igx .ig-tx h3{font-size:clamp(20px,1.8vw,25px);line-height:1.12}@media (max-width:640px){.cn-igx .ig-tx h3{font-size:clamp(18px,1.8vw,22.5px)}}

/* 10 built brick by brick */
:is(#cl-view,#sm-view).cn .cn-bk .b-bkl span{color:var(--body);font-size:14.5px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-bk .b-bkl span{font-size:14px}}
:is(#cl-view,#sm-view).cn .cn-bk .b-bkn,:is(#cl-view,#sm-view).cn .cn-bk .b-bkn::before{background:var(--cn-ed)}
:is(#cl-view,#sm-view).cn .cn-bk .b-bkl.hi b{color:var(--green)}
:is(#cl-view,#sm-view).cn .cn-bk .b-bkn:has(+ .b-bkl.hi),:is(#cl-view,#sm-view).cn .cn-bk .b-bkn:has(+ .b-bkl.hi)::before{background:var(--green)}
:is(#cl-view,#sm-view).cn #cn-brick .b-ioc{text-align:center;margin-top:24px}@media (max-width:640px){:is(#cl-view,#sm-view).cn #cn-brick .b-ioc{margin-top:21.6px}}
:is(#cl-view,#sm-view).cn #cn-brick .b-ioa{display:inline-flex;align-items:center;gap:10px;font:700 16px var(--f-display);color:var(--ink);padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}@media (max-width:640px){:is(#cl-view,#sm-view).cn #cn-brick .b-ioa{gap:9px;font:700 14.4px var(--f-display);padding:9px 16.2px;border-radius:899.1px}}

/* 11 trust */
#cn-trust .c-trc p{font-size:15.5px;color:rgba(255,255,255,.92)}@media (max-width:640px){#cn-trust .c-trc p{font-size:14px}}
#cn-trust .c-trc>b{font-size:19px}@media (max-width:640px){#cn-trust .c-trc>b{font-size:17.1px}}
#cn-trust .c-trv{font-size:13.5px}
#cn-trust .c-trs{font-size:12.5px;color:var(--km)}
#cn-trust .c-trv :is(.c-me,.c-op,.c-l5 span,.c-ver,.c-lr){transition:opacity .5s,transform .55s cubic-bezier(.3,1.4,.5,1)}
html.hx-js #cn-trust:not(.on) .c-trv :is(.c-me,.c-op,.c-l5 span,.c-lr){opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js #cn-trust:not(.on) .c-trv :is(.c-me,.c-op,.c-l5 span,.c-lr){transform:translateY(9px)}}
html.hx-js #cn-trust:not(.on) .c-trv .c-ver{opacity:0;transform:scale(1.6) rotate(-8deg)}
#cn-trust .c-trv .c-me{transition-delay:.7s}#cn-trust .c-trv .c-op{transition-delay:1.4s}
#cn-trust .c-trv .c-l5 span{transition-delay:calc(1.7s + var(--n,0)*.08s)}
#cn-trust .c-trv .c-l5 span:nth-child(2){--n:1}#cn-trust .c-trv .c-l5 span:nth-child(3){--n:2}#cn-trust .c-trv .c-l5 span:nth-child(4){--n:3}#cn-trust .c-trv .c-l5 span:nth-child(5){--n:4}
#cn-trust .c-trv .c-ver{transition-delay:1.6s}
#cn-trust .c-trv .c-lr{transition-delay:1.1s}

/* 12 value */
.cn-cva{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.6vw,36px)}@media (max-width:640px){.cn-cva{gap:clamp(16.2px,2.6vw,32.4px)}}
.cn-cvi{position:relative;display:grid;gap:12px;align-content:start;padding-top:24px;border-top:1px solid var(--line)}@media (max-width:640px){.cn-cvi{gap:10.8px;padding-top:21.6px}}
.cn-cvi::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:56px;background:var(--green)}@media (max-width:640px){.cn-cvi::before{width:50.4px}}
html.hx-js :is(#cl-view,#sm-view).cn .cn-cvi::before{width:0;transition:width .9s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i,0)*.12s)}
html.hx-js :is(#cl-view,#sm-view).cn .cn-cvi.on::before{width:56px}@media (max-width:640px){html.hx-js :is(#cl-view,#sm-view).cn .cn-cvi.on::before{width:50.4px}}
.cn-cvi h3{font:600 clamp(24px,2.3vw,32px)/1.08 var(--f-display);letter-spacing:-.04em;margin:0;color:var(--ink)}@media (max-width:640px){.cn-cvi h3{font:600 clamp(21.6px,2.3vw,28.8px)/1.08 var(--f-display)}}
.cn-cvi p{margin:0;font-size:16.5px;line-height:1.55;color:var(--body);max-width:30ch}@media (max-width:640px){.cn-cvi p{font-size:14.85px}}
.cn-goal{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(36px,4.4vw,56px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(32px,4.6vw,60px);border-radius:32px;background:var(--cn-deep);color:#fff}@media (max-width:640px){.cn-goal{margin-top:clamp(32.4px,4.4vw,50.4px);gap:clamp(21.6px,4vw,50.4px);padding:clamp(28.8px,4.6vw,54px);border-radius:28.8px}}
.cn-goal::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/22px 22px;-webkit-mask:radial-gradient(ellipse at 20% 30%,#000,transparent 70%);mask:radial-gradient(ellipse at 20% 30%,#000,transparent 70%)}
.cn-glc{display:grid;gap:14px}@media (max-width:640px){.cn-glc{gap:12.6px}}
:is(#cl-view,#sm-view).cn .cn-glc .eyebrow{color:#fff}
.cn-glc b{font:600 clamp(30px,3.4vw,46px)/1.1 var(--f-display);letter-spacing:-.045em}@media (max-width:640px){.cn-glc b{font:600 clamp(27px,3.4vw,41.4px)/1.1 var(--f-display)}}
.cn-glc b em{font-style:normal;color:#024a1b;background:#fff;padding:0 .14em;border-radius:.16em;display:inline-block;margin-top:.08em;line-height:1.08;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cn-glc p{font-size:17px;color:rgba(255,255,255,.92);margin:0;max-width:36ch}@media (max-width:640px){.cn-glc p{font-size:15.3px}}
.cn-gls{width:100%;height:auto;overflow:visible}
.cn-glg path{stroke:rgba(255,255,255,.12);stroke-width:1;fill:none}
.cn-wo{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2.5;stroke-dasharray:5 6;stroke-linecap:round;transition:opacity .8s .3s}
.cn-wa{fill:rgba(61,220,104,.16);transition:opacity 1s 1.6s}
.cn-wl{fill:none;stroke:#3ddc68;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(61,220,104,.7));stroke-dasharray:1;transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1) .6s}
html.hx-js :is(#cl-view,#sm-view).cn .cn-goal:not(.on) :is(.cn-wo,.cn-wa){opacity:0}
html.hx-js :is(#cl-view,#sm-view).cn .cn-goal:not(.on) .cn-wl{stroke-dashoffset:1}
.cn-wd{fill:#01300f;stroke:#3ddc68;stroke-width:2.5;transform-box:fill-box;transform-origin:center;transition:opacity .4s calc(.7s + var(--j)*.22s),transform .5s cubic-bezier(.3,1.6,.5,1) calc(.7s + var(--j)*.22s)}
html.hx-js :is(#cl-view,#sm-view).cn .cn-goal:not(.on) .cn-wd{opacity:0;transform:scale(.2)}
.cn-wt{font:600 12px var(--f-display);fill:#fff}
.cn-wk1{font:700 13px var(--f-display);fill:#3ddc68}
.cn-wk2{font:600 13px var(--f-display);fill:#fff}

/* 13 book a demo: the homepage band */
.cn-ctas .hx-b1{color:#015c17}
#cl-view .cn-ctas .hx-fin h2 em,#sm-view .cn-ctas .hx-fin h2 em{display:inline-block;margin-top:.08em}

/* matchday tracker as its own section (comparison picture only) */
.cn-trb{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;justify-items:center}@media (max-width:640px){.cn-trb{gap:clamp(21.6px,4vw,50.4px)}}
.cn-tco{display:grid;gap:28px}@media (max-width:640px){.cn-tco{gap:25.2px}}
.cn-tco.l{text-align:right;justify-self:end}.cn-tco.r{justify-self:start}
.cn-tco div{display:grid;gap:4px}@media (max-width:640px){.cn-tco div{gap:3.6px}}
.cn-tco b{font:700 clamp(22px,2.2vw,28px) var(--f-display);color:var(--green);letter-spacing:-.02em}@media (max-width:640px){.cn-tco b{font:700 clamp(19.8px,2.2vw,25.2px) var(--f-display)}}
.cn-tco span{font-size:16px;color:var(--body);max-width:24ch}@media (max-width:640px){.cn-tco span{font-size:14.4px}}
#cn-trk .c-iph{--pw:300px}@media (max-width:640px){#cn-trk .c-iph{--pw:270px}}


/* v119: Before phone with both top scorers (text a size down), During with a real momentum bar chart */
#cn-m3 .c-tkb{gap:8px!important}@media (max-width:640px){#cn-m3 .c-tkb{gap:7.2px!important}}
#cn-m3 .c-trh{font-size:19px}@media (max-width:640px){#cn-m3 .c-trh{font-size:17.1px}}
#cn-m3 .c-mdp{font-size:11.5px;padding:2px 8px}@media (max-width:640px){#cn-m3 .c-mdp{padding:2px 7.2px}}
#cn-m3 .c-fxc{font-size:12.5px}
#cn-m3 .c-cdb{gap:6px}@media (max-width:640px){#cn-m3 .c-cdb{gap:5.4px}}#cn-m3 .c-cdb div{padding:6px 0 5px;border-radius:10px}@media (max-width:640px){#cn-m3 .c-cdb div{padding:5.4px 0 4.5px;border-radius:9px}}
#cn-m3 .c-cdb b{font-size:27px}@media (max-width:640px){#cn-m3 .c-cdb b{font-size:24.3px}}#cn-m3 .c-cdb small{font-size:11.5px}
#cn-m3 .c-vb p{font-size:11.5px;padding:6px 10px}@media (max-width:640px){#cn-m3 .c-vb p{padding:5.4px 9px}}
#cn-m3 .c-tap span{padding:7px 4px}@media (max-width:640px){#cn-m3 .c-tap span{padding:6.3px 3.6px}}#cn-m3 .c-tap span svg{display:none}
#cn-m3 .c-tkb .cw-l{letter-spacing:.05em}#cn-m3 .c-tkb .cw-r .cw-l{white-space:nowrap;font-size:11.5px}
#cn-m3 .c-trh{font-size:18px}@media (max-width:640px){#cn-m3 .c-trh{font-size:16.2px}}#cn-m3 .c-tkb .c-ven{margin-top:-2px}
#cn-m3 .c-l5 span{font-size:11.5px;padding:3px 0}@media (max-width:640px){#cn-m3 .c-l5 span{padding:2.7px 0}}
#cn-m3 .cw-c{padding:8px 10px}@media (max-width:640px){#cn-m3 .cw-c{padding:7.2px 9px}}
.cn-ts{display:grid;gap:7px}@media (max-width:640px){.cn-ts{gap:6.3px}}
.cn-tsr{display:grid;grid-template-columns:20px minmax(0,1fr) 54px 18px;gap:8px;align-items:center}@media (max-width:640px){.cn-tsr{grid-template-columns:18px minmax(0,1fr) 48.6px 16.2px;gap:7.2px}}
.cn-tsc{display:grid;place-items:center}
.cn-tsp{font:700 12.5px/1.2 var(--f-display);color:var(--ki)}.cn-tsp small{display:block;font:600 11.5px var(--f-body);color:var(--km)}
.cn-tsr i{height:6px;border-radius:6px;background:var(--kl);overflow:hidden}@media (max-width:640px){.cn-tsr i{height:5.4px;border-radius:5.4px}}
.cn-tsr i em{display:block;height:100%;width:var(--v);border-radius:6px;background:var(--ka);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1) .3s}@media (max-width:640px){.cn-tsr i em{border-radius:5.4px}}
.cn-tsr+.cn-tsr i em{background:var(--km);transition-delay:.45s}
html.hx-js #cn-m3 .cw:not(.on) .cn-tsr i em{transform:scaleX(0)}
.cn-tsr>b{font:800 17px var(--f-display);color:var(--ka);text-align:right}@media (max-width:640px){.cn-tsr>b{font:800 15.3px var(--f-display)}}.cn-tsr+.cn-tsr>b{color:var(--ki)}
.cn-mo{display:grid;gap:8px}@media (max-width:640px){.cn-mo{gap:7.2px}}
.cn-mob{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:8px;height:64px}@media (max-width:640px){.cn-mob{grid-template-columns:16.2px minmax(0,1fr);column-gap:7.2px;height:57.6px}}
.cn-mol{grid-column:1;grid-row:1;display:grid;place-items:center}.cn-mol.d{grid-row:2}
.cn-mos{grid-column:2;grid-row:1/3;position:relative;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px}
.cn-mos::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--kl)}
.cn-mos i{position:relative}
.cn-mos i::before{content:"";position:absolute;left:0;right:0;height:calc(var(--h)/2);border-radius:2px;transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(.2s + var(--j)*.05s)}
.cn-mos i.u::before{bottom:50%;background:var(--ka);transform-origin:bottom}
.cn-mos i.d::before{top:50%;background:var(--km);transform-origin:top}
html.hx-js #cn-m3 .cw:not(.on) .cn-mos i::before{transform:scaleY(0)}

/* v119: follow-up questions as normal-size chips */
:is(#cl-view,#sm-view).cn .cn-axw .c-fu{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-axw .c-fu{gap:5.4px}}
:is(#cl-view,#sm-view).cn .cn-axw .c-fub{width:auto;justify-content:flex-start;gap:6px;border-radius:999px;padding:6px 12px;font-size:12.5px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-axw .c-fub{gap:5.4px;border-radius:899.1px;padding:5.4px 10.8px}}

/* v119: the goal, the club's digital home with supporters around it */
.cn-hub{position:relative;width:100%;max-width:520px;justify-self:center;aspect-ratio:1.18}
.cn-hubl{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cn-hubl line{stroke:rgba(255,255,255,.28);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:3 6;transition:stroke .4s}
html.hx-js :is(#cl-view,#sm-view).cn .cn-goal.on .cn-hubl line{animation:cnFlow 1.2s linear infinite}
.cn-hubl line.hi{stroke:#3ddc68;stroke-width:2.5}
.cn-hubr{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3);animation:cnSpin 40s linear infinite}
.cn-hubc{position:absolute;left:50%;top:50%;translate:-50% -50%;width:30%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;background:#fff;color:#024a1b;box-shadow:0 0 0 8px rgba(61,220,104,.18),0 20px 50px rgba(0,0,0,.35)}@media (max-width:640px){.cn-hubc{gap:3.6px}}
.cn-hubc::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid #3ddc68;animation:cnRing 2.4s infinite}@media (max-width:640px){.cn-hubc::after{inset:-7.2px}}
.cn-hubc b{font:800 15px/1 var(--f-display)}@media (max-width:640px){.cn-hubc b{font:800 14px/1 var(--f-display)}}.cn-hubc small{font:600 11.5px/1.2 var(--f-body);color:#024a1b}
.cn-hn{position:absolute;translate:-50% -50%;display:grid;justify-items:center;gap:6px;text-align:center;width:max-content;max-width:13ch;transition:opacity .5s calc(.4s + var(--j)*.15s),scale .55s cubic-bezier(.3,1.6,.5,1) calc(.4s + var(--j)*.15s)}@media (max-width:640px){.cn-hn{gap:5.4px}}
html.hx-js :is(#cl-view,#sm-view).cn .cn-goal:not(.on) .cn-hn{opacity:0;scale:.4}
.cn-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#06260f;font:800 17px var(--f-display);box-shadow:0 0 0 4px rgba(255,255,255,.12);transition:box-shadow .4s,transform .4s}@media (max-width:640px){.cn-av{width:37.8px;height:37.8px;font:800 15.3px var(--f-display)}}
.cn-hn em{font:700 13.5px/1.25 var(--f-display);font-style:normal;color:#fff}
.cn-hn.hi .cn-av{transform:scale(1.15);box-shadow:0 0 0 5px #fff}
@keyframes cnFlow{to{stroke-dashoffset:-9}}
@keyframes cnSpin{to{rotate:360deg}}
@media (max-width:560px){.cn-hn em{font-size:12px;max-width:10ch}.cn-av{width:34px;height:34px;font-size:14px}@media (max-width:640px){.cn-av{width:30.6px;height:30.6px}}.cn-hubc b{font-size:13px}.cn-hubc small{display:none}}

@keyframes cnCar{50%{opacity:0}}
@keyframes cnBl{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes cnPl{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes cnFlip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
@keyframes cnFlame{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95) rotate(5deg)}100%{transform:none}}
@keyframes cnRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.5);opacity:0}}
@keyframes cnRun{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
@keyframes cnRunV{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 10px);opacity:0}}
@keyframes cnGlow{0%,100%{box-shadow:0 0 0 0 rgba(61,220,104,.45)}50%{box-shadow:0 0 0 8px rgba(61,220,104,0)}}
@keyframes cnGoal{0%{background:rgba(61,220,104,0)}25%{background:rgba(61,220,104,.28)}100%{background:rgba(61,220,104,0)}}
@keyframes cnBump{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes cnBurst{0%{opacity:1;transform:rotate(var(--a)) translateX(0)}100%{opacity:0;transform:rotate(var(--a)) translateX(84px)}}
@keyframes cnBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes cnPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes cnTile{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}

@media (max-width:1100px){
  .cn-axt b{font-size:19px}@media (max-width:640px){.cn-axt b{font-size:17.1px}}.cn-axt small{font-size:14.5px}@media (max-width:640px){.cn-axt small{font-size:14px}}.cn-axb{padding:14px 18px;gap:14px}@media (max-width:640px){.cn-axb{padding:12.6px 16.2px;gap:12.6px}}.cn-axi{width:48px;height:48px}@media (max-width:640px){.cn-axi{width:43.2px;height:43.2px}}
  .cn-mp{zoom:.88}
}
@media (max-width:960px){
  .cn-ih,.cn-pl,.cn-goal{grid-template-columns:minmax(0,1fr)}
  .cn-cva{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cn-jobs{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
  .cn-g3{grid-template-columns:minmax(0,1fr);max-width:380px;margin-inline:auto}
  .cn-io{grid-template-columns:minmax(0,1fr)}
  .cn-flow{height:72px}@media (max-width:640px){.cn-flow{height:64.8px}}
  .cn-fl{left:50%;right:auto;top:4px;bottom:4px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--cn-ed) 0 6px,transparent 6px 12px)}@media (max-width:640px){.cn-fl{top:3.6px;bottom:3.6px}}
  .cn-fl i{left:-4px}@media (max-width:640px){.cn-fl i{left:-3.6px}}
  .cn-io.p2 .cn-fl i{animation-name:cnRunV}
  .cn-trb{grid-template-columns:minmax(0,1fr)}.cn-tco.l,.cn-tco.r{justify-self:center;text-align:center}
}
@media (max-width:900px){
  .cn-ax{grid-template-columns:minmax(0,1fr)}
  .cn-axs{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding:4px 20px;gap:8px}@media (max-width:640px){.cn-axs{margin-inline:-18px;padding:3.6px 18px;gap:7.2px}}
  .cn-axs::-webkit-scrollbar{display:none}
  .cn-axb{flex:none;padding:7px 16px 7px 7px;gap:10px;border-radius:999px}@media (max-width:640px){.cn-axb{padding:6.3px 14.4px 6.3px 6.3px;gap:9px;border-radius:899.1px}}
  .cn-axi{width:38px;height:38px;border-radius:50%}@media (max-width:640px){.cn-axi{width:34.2px;height:34.2px}}.cn-axi svg{width:18px;height:18px}@media (max-width:640px){.cn-axi svg{width:16.2px;height:16.2px}}
  .cn-axt small{display:none}.cn-axt b{font-size:15.5px}@media (max-width:640px){.cn-axt b{font-size:14px}}
  .cn-axw{min-height:0}
  .cn-m3{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-20px;padding:24px 20px 30px;gap:12px}@media (max-width:640px){.cn-m3{margin-inline:-18px;padding:21.6px 18px 27px;gap:10.8px}}
  .cn-m3::-webkit-scrollbar{display:none}
  .cn-mp{flex:none;scroll-snap-align:center}
  .cn-mp{zoom:1}
}
@media (max-width:760px){
  .cn-days{grid-template-columns:repeat(7,112px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-20px;padding:4px 20px 14px}@media (max-width:640px){.cn-days{grid-template-columns:repeat(7,100.8px);margin-inline:-18px;padding:3.6px 18px 12.6px}}
  .cn-days::-webkit-scrollbar{display:none}
  .cn-day{scroll-snap-align:start;height:176px}@media (max-width:640px){.cn-day{height:158.4px}}
  .cn-mtr{grid-template-columns:minmax(0,1fr)}
  .cn-sw{width:100%}.cn-sw button{padding:11px 10px;font-size:14.5px}@media (max-width:640px){.cn-sw button{padding:9.9px 9px;font-size:14px}}
  .cn-shh{display:grid}
  .cn-tn>span:last-child{display:none}.cn-tn b{font-size:18px}@media (max-width:640px){.cn-tn b{font-size:16.2px}}
  .cn-cva{grid-template-columns:minmax(0,1fr)}
  .cn-goal{padding:30px 20px;border-radius:26px}@media (max-width:640px){.cn-goal{padding:27px 18px;border-radius:23.4px}}
  .cn-more>div{width:100%}
  #cn-hist .c-ago{width:auto;height:auto;border-radius:999px;padding:8px 16px;display:flex;align-items:center;gap:10px;justify-self:start}@media (max-width:640px){#cn-hist .c-ago{border-radius:899.1px;padding:7.2px 14.4px;gap:9px}}
  #cn-hist .c-ago span{max-width:none}#cn-hist .c-ago b{font-size:28px}@media (max-width:640px){#cn-hist .c-ago b{font-size:25.2px}}
  :is(#cl-view,#sm-view).cn .cn-web{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  :is(#cl-view,#sm-view).cn *{animation:none!important}
  :is(#cl-view,#sm-view).cn .cn-day,:is(#cl-view,#sm-view).cn .cn-mtb i,:is(#cl-view,#sm-view).cn .cn-mp{transition:none}
}
/* v120: the digital club line under the week */
.cn-shl{margin:22px 0 0;text-align:center;font:700 clamp(18px,1.8vw,22px)/1.3 var(--f-display);letter-spacing:-.01em;color:var(--ink)}@media (max-width:640px){.cn-shl{margin:19.8px 0 0;font:700 clamp(16.2px,1.8vw,19.8px)/1.3 var(--f-display)}}
.cn-shl b{color:var(--green)}
/* v121: match angles in the Before phone, the For you answer in Rich answers */
.cn-ang{display:grid;gap:3px}@media (max-width:640px){.cn-ang{gap:2.7px}}
.cn-ang p{margin:0;font-size:11.5px;line-height:1.4;color:var(--ki);padding-left:10px;position:relative}@media (max-width:640px){.cn-ang p{padding-left:9px}}
.cn-ang p::before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:var(--ka)}@media (max-width:640px){.cn-ang p::before{width:3.6px;height:3.6px}}
.cn-fy{display:grid;gap:8px}@media (max-width:640px){.cn-fy{gap:7.2px}}
.cn-fy>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center}@media (max-width:640px){.cn-fy>div{grid-template-columns:25.2px minmax(0,1fr);gap:9px}}
.cn-fy p{margin:0;font-size:13.5px;line-height:1.4}.cn-fy b{color:var(--ka)}
.cn-fyi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--ka) 18%,transparent);color:var(--ka)}@media (max-width:640px){.cn-fyi{width:25.2px;height:25.2px;border-radius:7.2px}}
.cn-fyf{display:flex;flex-wrap:wrap;align-items:center;gap:6px}@media (max-width:640px){.cn-fyf{gap:5.4px}}
.cn-fyf .cw-l{margin-right:4px}@media (max-width:640px){.cn-fyf .cw-l{margin-right:3.6px}}
.cn-fyf span:not(.cw-l){font:700 12px var(--f-display);padding:4px 10px;border-radius:999px;background:var(--ks);border:1px solid var(--kl)}@media (max-width:640px){.cn-fyf span:not(.cw-l){padding:3.6px 9px;border-radius:899.1px}}
:is(#cl-view,#sm-view).cn .cn-axb{padding-block:14px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-axb{padding-block:12.6px}}
/* v122: three moments after the Hull deck screens */
#cn-m3 .cn-pb{gap:7px;padding:8px 12px 10px}@media (max-width:640px){#cn-m3 .cn-pb{gap:6.3px;padding:7.2px 10.8px 9px}}
#cn-m3 .cw-h{padding:12px 14px 6px;border-bottom:1px solid var(--kl)}@media (max-width:640px){#cn-m3 .cw-h{padding:10.8px 12.6px 5.4px}}
.cn-po{margin:0;font:600 13px/1.35 var(--f-display);color:var(--ki)}.cn-po b{color:var(--ka);font-weight:700}
.cn-ko{grid-template-columns:1fr auto;align-items:center}
.cn-kot{display:flex;align-items:flex-start;gap:3px}@media (max-width:640px){.cn-kot{gap:2.7px}}.cn-kot div{display:grid;justify-items:center}
.cn-kot b{font:800 24px/1 var(--f-display);color:var(--ka);font-variant-numeric:tabular-nums}@media (max-width:640px){.cn-kot b{font:800 21.6px/1 var(--f-display)}}
.cn-kot small{font:600 9.5px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--km);margin-top:2px}
.cn-kot>i{font:800 22px/1 var(--f-display);color:var(--ka);font-style:normal;animation:cnBlink 1s steps(2) infinite}@media (max-width:640px){.cn-kot>i{font:800 19.8px/1 var(--f-display)}}
@keyframes cnBlink{50%{opacity:.25}}
.cn-nx .c-fx{font-size:12.5px}.cn-nx small{font-size:11.5px;color:var(--km);text-align:center}
.cn-l5{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (max-width:640px){.cn-l5{gap:5.4px}}.cn-l5>div{display:grid;gap:3px}@media (max-width:640px){.cn-l5>div{gap:2.7px}}
.cn-l5h{display:flex;align-items:center;gap:5px;font:700 11.5px var(--f-display);color:var(--ki);margin-bottom:1px}@media (max-width:640px){.cn-l5h{gap:4.5px}}
.cn-rr{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;border-radius:6px;padding:2px 7px 2px 3px;font:700 11.5px var(--f-display);color:var(--ki);font-variant-numeric:tabular-nums}@media (max-width:640px){.cn-rr{grid-template-columns:14.4px 1fr auto;gap:5.4px;border-radius:5.4px;padding:2px 6.3px 2px 2.7px}}
.cn-rr b{display:grid;place-items:center;height:16px;border-radius:4px;font-size:10px;color:#fff}@media (max-width:640px){.cn-rr b{height:14.4px;border-radius:3.6px}}
.cn-rr small{font:600 10.5px var(--f-display);color:var(--km)}
.cn-rr.w{background:rgba(31,157,85,.22)}.cn-rr.w b{background:#1f9d55}
.cn-rr.d{background:rgba(255,255,255,.08)}.cn-rr.d b{background:#7b8394}
.cn-rr.l{background:rgba(214,69,69,.2)}.cn-rr.l b{background:#d64545}
.cn-h2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (max-width:640px){.cn-h2{gap:5.4px}}
.cn-h2 div{display:grid;justify-items:center;background:rgba(255,255,255,.05);border-radius:8px;padding:4px 0}@media (max-width:640px){.cn-h2 div{border-radius:7.2px;padding:3.6px 0}}
.cn-h2 b{font:800 19px/1.1 var(--f-display);color:var(--ki)}@media (max-width:640px){.cn-h2 b{font:800 17.1px/1.1 var(--f-display)}}.cn-h2 div:first-child b{color:var(--ka)}
.cn-h2 small{font:600 10px var(--f-display);letter-spacing:.05em;text-transform:uppercase;color:var(--km)}
.cn-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px;font:700 10.5px var(--f-display);letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.1);color:var(--ki)}@media (max-width:640px){.cn-tag{gap:4.5px;border-radius:899.1px;padding:2px 8.1px}}
.cn-tag.ht{background:#d64545;color:#fff}.cn-tag.ht::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff}@media (max-width:640px){.cn-tag.ht::before{width:4.5px;height:4.5px}}
.cn-tag.w{background:var(--ka);color:var(--ko)}
.cn-scb{gap:5px}@media (max-width:640px){.cn-scb{gap:4.5px}}.cn-scb .c-sb strong{font-size:30px}@media (max-width:640px){.cn-scb .c-sb strong{font-size:27px}}
.cn-scl{display:flex;justify-content:center;align-items:center;gap:5px;font-size:11.5px;color:var(--km)}@media (max-width:640px){.cn-scl{gap:4.5px}}
.cn-ev{display:grid;gap:4px}@media (max-width:640px){.cn-ev{gap:3.6px}}
.cn-evr{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:6px;font:600 11.5px var(--f-display);color:var(--ki)}@media (max-width:640px){.cn-evr{grid-template-columns:1fr 30.6px 1fr;gap:5.4px}}
.cn-evr span{display:flex;align-items:center;gap:5px}@media (max-width:640px){.cn-evr span{gap:4.5px}}.cn-evr.s span:first-child{justify-content:flex-end}
.cn-evr em{font-style:normal;text-align:center;border-radius:999px;padding:2px 0;font:700 10.5px var(--f-display);background:rgba(255,255,255,.1);color:var(--ki)}@media (max-width:640px){.cn-evr em{border-radius:899.1px}}
.cn-evr.s em{background:var(--ka);color:var(--ko)}
.cn-evr .c-yc{flex:none}
.cn-dus{gap:5px}@media (max-width:640px){.cn-dus{gap:4.5px}}
.cn-du{display:grid;gap:3px}@media (max-width:640px){.cn-du{gap:2.7px}}
.cn-dur{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:baseline;font:600 10px var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--km);text-align:center}@media (max-width:640px){.cn-dur{gap:5.4px}}
.cn-dur b{font:700 11.5px var(--f-display);letter-spacing:0;text-transform:none;color:var(--ki);font-variant-numeric:tabular-nums}.cn-dur b:first-child{color:var(--ka)}
.cn-du i{display:block;height:5px;border-radius:5px;background:var(--km);overflow:hidden}@media (max-width:640px){.cn-du i{height:4.5px;border-radius:4.5px}}
.cn-du i em{display:block;height:100%;width:var(--a);background:var(--ka);border-right:2px solid var(--ks);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1) .2s}
html.hx-js #cn-m3 .cw:not(.on) .cn-du i em{transform:scaleX(0)}
.cn-mlg{display:flex;justify-content:center;gap:14px;font:600 11px var(--f-display);color:var(--ki)}@media (max-width:640px){.cn-mlg{gap:12.6px}}
.cn-mlg span{display:flex;align-items:center;gap:5px}@media (max-width:640px){.cn-mlg span{gap:4.5px}}.cn-mlg i{width:9px;height:9px;border-radius:3px;background:var(--ka)}@media (max-width:640px){.cn-mlg i{width:8.1px;height:8.1px;border-radius:2.7px}}.cn-mlg .d i{background:var(--km)}
#cn-m3 .cn-mob{height:52px}@media (max-width:640px){#cn-m3 .cn-mob{height:46.8px}}
.cn-gl{display:grid;gap:4px}@media (max-width:640px){.cn-gl{gap:3.6px}}
.cn-gl div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;font:600 12px var(--f-display);color:var(--ki)}@media (max-width:640px){.cn-gl div{grid-template-columns:14.4px 1fr auto;gap:5.4px}}
.cn-gl div.s svg{color:var(--ka)}.cn-gl div.r{color:var(--km)}
.cn-gl em{font-style:normal;font-weight:700}
.cn-tp>div{display:flex;align-items:center;gap:8px}@media (max-width:640px){.cn-tp>div{gap:7.2px}}
.cn-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ka);color:var(--ko);font:800 11px var(--f-display)}@media (max-width:640px){.cn-av{width:25.2px;height:25.2px}}
.cn-tp b{font:700 13px var(--f-display);color:var(--ki)}
.cn-tp em{margin-left:auto;font-style:normal;font:800 13px var(--f-display);color:var(--ko);background:var(--ka);border-radius:8px;padding:3px 8px}@media (max-width:640px){.cn-tp em{border-radius:7.2px;padding:2.7px 7.2px}}
#cn-m3 .cn-pb{grid-template-columns:minmax(0,1fr)}
#cn-m3 .cn-pb>*{min-width:0}
.cn-evr{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}@media (max-width:640px){.cn-evr{grid-template-columns:minmax(0,1fr) 30.6px minmax(0,1fr)}}
.cn-evr span{white-space:nowrap}
.cn-dur{grid-template-columns:auto minmax(0,1fr) auto}
.cn-l5{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#cn-m3 .cn-mp .c-ips{height:640px}@media (max-width:640px){#cn-m3 .cn-mp .c-ips{height:576px}}
.cn-nx .cn-ko{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--kl)}@media (max-width:640px){.cn-nx .cn-ko{gap:7.2px;padding-bottom:5.4px}}
.cn-nx .cn-ko .cw-l{line-height:1.5}
.cn-nx{gap:7px}@media (max-width:640px){.cn-nx{gap:6.3px}}
.cn-rr{padding-block:1px}.cn-l5>div{gap:2px}
.cn-h2 div{padding:3px 0}@media (max-width:640px){.cn-h2 div{padding:2.7px 0}}.cn-h2 b{font-size:17px}@media (max-width:640px){.cn-h2 b{font-size:15.3px}}
#cn-m3 .cn-mob{height:42px}@media (max-width:640px){#cn-m3 .cn-mob{height:37.8px}}
.cn-tp{gap:4px}@media (max-width:640px){.cn-tp{gap:3.6px}}.cn-av{width:24px;height:24px;font-size:10px}@media (max-width:640px){.cn-av{width:21.6px;height:21.6px}}
#cn-m3 .cn-pb{gap:6px}@media (max-width:640px){#cn-m3 .cn-pb{gap:5.4px}}
.cn-nx{gap:5px}@media (max-width:640px){.cn-nx{gap:4.5px}}.cn-nx .cn-ko{padding-bottom:4px}@media (max-width:640px){.cn-nx .cn-ko{padding-bottom:3.6px}}.cn-kot b{font-size:22px}@media (max-width:640px){.cn-kot b{font-size:19.8px}}
/* v122: what it is, the Club Assistant welcome screen and what it does for supporters and the club */
:is(#cl-view,#sm-view).cn .cn-wh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-wh{gap:clamp(36px,7vw,99px)}}
:is(#cl-view,#sm-view).cn .cn-whc .cn-hd{margin-bottom:30px}@media (max-width:640px){:is(#cl-view,#sm-view).cn .cn-whc .cn-hd{margin-bottom:27px}}
.cn-whp .c-iph{--pw:300px}@media (max-width:640px){.cn-whp .c-iph{--pw:270px}}
.cn-whp .c-ips{height:620px;display:flex;flex-direction:column;border-radius:40px;overflow:hidden}@media (max-width:640px){.cn-whp .c-ips{height:558px;border-radius:36px}}
.cn-whp .c-ips>.cw{flex:1;min-height:0;border-radius:0;display:flex;flex-direction:column}
.cn-wc .cw-h{padding:12px 16px 10px}@media (max-width:640px){.cn-wc .cw-h{padding:10.8px 14.4px 9px}}
.cn-wls{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ks);color:var(--ki)!important;letter-spacing:0!important}@media (max-width:640px){.cn-wls{width:27px;height:27px}}
.cn-wlt{display:flex;align-items:center;gap:7px;padding:9px 16px;border-block:1px solid var(--kl);font:700 13px var(--f-display);color:var(--ki)}@media (max-width:640px){.cn-wlt{gap:6.3px;padding:8.1px 14.4px}}
.cn-wlt svg{color:var(--ka)}
.cn-wlb{padding:18px 16px;gap:16px}@media (max-width:640px){.cn-wlb{padding:16.2px 14.4px;gap:14.4px}}
.cn-wlg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}@media (max-width:640px){.cn-wlg{gap:8.1px}}
.cn-wlg p{margin:0;background:var(--ks);border:1px solid var(--kl);border-radius:4px 16px 16px 16px;padding:11px 13px;font:500 13.5px/1.5 var(--f-body);color:var(--ki)}@media (max-width:640px){.cn-wlg p{border-radius:3.6px 14.4px 14.4px 14.4px;padding:9.9px 11.7px}}
.cn-wlg b{color:var(--ka)}
.cn-wlq{display:grid;gap:8px;justify-items:start}@media (max-width:640px){.cn-wlq{gap:7.2px}}
.cn-wlq span{border:1.5px solid var(--ka);color:var(--ki);border-radius:999px;padding:7px 13px;font:600 12.5px var(--f-display);transition:background .3s,color .3s,opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){.cn-wlq span{border-radius:899.1px;padding:6.3px 11.7px}}
.cn-wlq span.hi{background:var(--ka);color:var(--ko)}
html.hx-js #cn-what:not(.on) .cn-wlg,html.hx-js #cn-what:not(.on) .cn-wlq span{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js #cn-what:not(.on) .cn-wlg,html.hx-js #cn-what:not(.on) .cn-wlq span{transform:translateY(9px)}}
.cn-wlg{transition:opacity .6s .2s,transform .6s cubic-bezier(.2,.8,.2,1) .2s}
#cn-what .cn-wlq span{transition-delay:0s,0s,calc(.6s + var(--j)*.12s),calc(.6s + var(--j)*.12s)}
.cn-wc .cw-in{margin:0 14px 10px}@media (max-width:640px){.cn-wc .cw-in{margin:0 12.6px 9px}}
.cn-wltb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--kl);padding:8px 6px 14px}@media (max-width:640px){.cn-wltb{padding:7.2px 5.4px 12.6px}}
.cn-wltb span{display:grid;justify-items:center;gap:3px;font:600 10.5px var(--f-display);color:var(--km);text-align:center}@media (max-width:640px){.cn-wltb span{gap:2.7px}}
.cn-wltb span.on{color:var(--ka)}
.cn-for{display:grid;gap:16px}@media (max-width:640px){.cn-for{gap:14.4px}}
.cn-fo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:22px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.cn-fo{gap:16.2px;padding:19.8px 21.6px;border-radius:19.8px}}
.cn-fo i{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--green-strong);color:#fff}@media (max-width:640px){.cn-fo i{width:46.8px;height:46.8px;border-radius:13.5px}}
.cn-fo p{margin:0;display:grid;gap:6px}@media (max-width:640px){.cn-fo p{gap:5.4px}}
.cn-fo b{font:700 21px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink)}@media (max-width:640px){.cn-fo b{font:700 18.9px/1.2 var(--f-display)}}
.cn-fo span{font-size:17px;line-height:1.55;color:var(--body);max-width:52ch}@media (max-width:640px){.cn-fo span{font-size:15.3px}}
@media (max-width:900px){
  :is(#cl-view,#sm-view).cn .cn-wh{grid-template-columns:minmax(0,1fr)}
  .cn-whp{justify-self:center;order:2}
  .cn-fo{padding:18px;gap:14px}@media (max-width:640px){.cn-fo{padding:16.2px;gap:12.6px}}.cn-fo i{width:44px;height:44px}@media (max-width:640px){.cn-fo i{width:39.6px;height:39.6px}}
  .cn-fo b{font-size:19px}@media (max-width:640px){.cn-fo b{font-size:17.1px}}.cn-fo span{font-size:16px}@media (max-width:640px){.cn-fo span{font-size:14.4px}}
}
/* v123: the screen fills the frame; a fixed height must not widen it through the aspect ratio */
.cn-mp .c-ips,.cn-whp .c-ips{aspect-ratio:auto}
.cn-mp .c-iph{--pw:314px}@media (max-width:640px){.cn-mp .c-iph{--pw:282.6px}}
/* v123: After is the story of the match */
.cn-fts{padding-block:8px}@media (max-width:640px){.cn-fts{padding-block:7.2px}}.cn-fts .c-sb strong{font-size:28px}@media (max-width:640px){.cn-fts .c-sb strong{font-size:25.2px}}
.cn-ftm{display:grid;justify-items:center;gap:4px}@media (max-width:640px){.cn-ftm{gap:3.6px}}
.cn-sty p{margin:0;font-size:12px;line-height:1.45;color:var(--ki)}
.cn-kis ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}@media (max-width:640px){.cn-kis ul{gap:3.6px}}
.cn-kis li{position:relative;padding-left:12px;font-size:11.5px;line-height:1.4;color:var(--ki)}@media (max-width:640px){.cn-kis li{padding-left:10.8px}}
.cn-kis li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--ka)}@media (max-width:640px){.cn-kis li::before{width:4.5px;height:4.5px}}
.cn-lb{gap:5px}@media (max-width:640px){.cn-lb{gap:4.5px}}
.cn-lb div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;font-size:11.5px;line-height:1.35;color:var(--ki)}@media (max-width:640px){.cn-lb div{grid-template-columns:30.6px minmax(0,1fr);gap:7.2px}}
.cn-lb em{font-style:normal;text-align:center;border-radius:999px;padding:2px 0;font:700 10.5px var(--f-display);background:rgba(255,255,255,.1);color:var(--ki)}@media (max-width:640px){.cn-lb em{border-radius:899.1px}}
.cn-lb div.s em{background:var(--ka);color:var(--ko)}
html.hx-js #cn-m3 .cw:not(.on) .cn-lb div,html.hx-js #cn-m3 .cw:not(.on) .cn-kis li{opacity:0;transform:translateX(-8px)}@media (max-width:640px){html.hx-js #cn-m3 .cw:not(.on) .cn-lb div,html.hx-js #cn-m3 .cw:not(.on) .cn-kis li{transform:translateX(-7.2px)}}
.cn-lb div,.cn-kis li{transition:opacity .45s,transform .45s}
.cn-kis li:nth-child(2){transition-delay:.15s}.cn-kis li:nth-child(3){transition-delay:.3s}
.cn-lb div:nth-of-type(1){transition-delay:.5s}.cn-lb div:nth-of-type(2){transition-delay:.65s}.cn-lb div:nth-of-type(3){transition-delay:.8s}
@media (min-width:901px){.cn-io{grid-template-columns:minmax(0,1fr) 172px minmax(0,1.1fr)}}
.cn-ai{white-space:nowrap;font-size:12.5px}

/* /cn look */

/* sm v3 */
/* Sports Media v3 (Batu, 13 Oct): one engine, three experiences, in the clubs look. The site's own colours stay green;
   Kickoff TV, the media company in every screen, has its own navy and blue. */
html.js #sm-view.cn .ba{opacity:1!important;transform:none!important;transition:none!important}
#sm-view.cn .cn-s .wrap{position:relative}
.sv-kt{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:linear-gradient(160deg,#67c7ff,#2f86d9);color:#fff;font:800 17px/1 "Barlow Condensed",var(--f-display),sans-serif;font-style:normal;letter-spacing:0}@media (max-width:640px){.sv-kt{width:25.2px;height:25.2px;border-radius:7.2px;font:800 15.3px/1 "Barlow Condensed",var(--f-display),sans-serif}}
@keyframes svBlink{50%{opacity:.35}}
@keyframes svFlowX{to{background-position:24px 0}}
@keyframes svFlowY{to{background-position:0 24px}}
@keyframes svPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
@keyframes svDot{0%,80%,100%{opacity:.3}40%{opacity:1}}

/* ============ 1 hero ============ */
/* the widget skin: Kickoff TV's navy header and blue accent */
.hk{--kb:#0b1630;--kc:#0b1630;--ks:#13224a;--ka:#5bb4ff;--ko:#0b1630;--kt:#1d6fc2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hk{--kt:#8cc8ff;--kc:#1b2a4a}}
:root[data-theme="dark"] .hk{--kt:#8cc8ff;--kc:#1b2a4a}
.sv-reel .hb-rn button:focus-visible{outline-color:#fff}
/* 1 · the website */
.sv-sitek .s-ktv{font-size:17px;color:#fff}@media (max-width:640px){.sv-sitek .s-ktv{font-size:15.3px}}
.sv-ltv{gap:8px!important}@media (max-width:640px){.sv-ltv{gap:7.2px!important}}
.sv-ltv i{width:8px!important;height:8px!important;background:#ff4d4f!important;box-shadow:0 0 0 3px rgba(255,77,79,.28);animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-ltv i{width:7.2px!important;height:7.2px!important}}
.sv-hc{background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(91,180,255,.16) 46px 92px),linear-gradient(160deg,#13224a,#0b1630)!important}
.sv-k1 .hc-nr small{color:#1d6fc2}
.sv-k1 .hcn-lt.us{background:#e6f1fd}.sv-k1 .hcn-lt.us em,.sv-k1 .hcn-lt.us strong{color:#1d6fc2}
.sv-k1 .hb-lch{box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 4px rgba(91,180,255,.38)}
.sv-k1 .hb-lch .sv-kt{width:30px;height:30px;font-size:19px}@media (max-width:640px){.sv-k1 .hb-lch .sv-kt{width:27px;height:27px;font-size:17.1px}}
.sv-k1.s1:not(.s3) .hb-lch::after{border-color:#5bb4ff}
.sv-k1 .hb-h .sv-kt{width:32px;height:32px;font-size:20px}@media (max-width:640px){.sv-k1 .hb-h .sv-kt{width:28.8px;height:28.8px;font-size:18px}}
.sv-lv{display:inline-flex;align-items:center;gap:5px;color:#d63031}@media (max-width:640px){.sv-lv{gap:4.5px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sv-lv{color:#ff7b7b}}
:root[data-theme="dark"] .sv-lv{color:#ff7b7b}
.sv-lv i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-lv i{width:5.4px;height:5.4px}}
.hc-pm .hc-fx em.sv-fxs{font:800 17px/1 var(--f-display);color:var(--kt);letter-spacing:-.01em}@media (max-width:640px){.hc-pm .hc-fx em.sv-fxs{font:800 15.3px/1 var(--f-display)}}
/* match stats: Lions' share on the left in their green, Rovers' on the right in their blue */
.sv-ms,.sv-ab{display:grid;gap:8px}@media (max-width:640px){.sv-ms,.sv-ab{gap:7.2px}}
.sv-ms>div,.sv-ab>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;font:700 12.5px var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-ms>div,.sv-ab>div{gap:3.6px 7.2px}}
.sv-ms span,.sv-ab span{text-align:center;font-weight:600;font-size:11.5px;color:var(--body)}
.sv-ms i,.sv-ab i{grid-column:1/-1;height:5px;border-radius:3px;background:linear-gradient(90deg,#1f9d55 calc(var(--a) - 2px),transparent 0 calc(var(--a) + 2px),#2f5fd0 0)}@media (max-width:640px){.sv-ms i,.sv-ab i{height:4.5px;border-radius:2.7px}}
.sv-ab>div{font-size:14px}.sv-ab span{color:var(--km);font-size:12.5px}.sv-ab i{height:6px}@media (max-width:640px){.sv-ab i{height:5.4px}}
/* the player card under the answer */
.sv-pcw{gap:10px}@media (max-width:640px){.sv-pcw{gap:9px}}
.sv-pc{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px}@media (max-width:640px){.sv-pc{gap:3.6px 10.8px}}
.sv-pc>div{display:grid;line-height:1.15}
.sv-pc small{font:600 11.5px var(--f-display);color:var(--body)}
.sv-pc b{font:800 21px "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}@media (max-width:640px){.sv-pc b{font:800 18.9px "Barlow Condensed",var(--f-display),sans-serif}}
.sv-pct{grid-column:2;justify-self:start;font:700 10.5px var(--f-display);letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--ka);color:var(--ko)}@media (max-width:640px){.sv-pct{padding:2.7px 7.2px;border-radius:899.1px}}
.sv-av{grid-row:1/3;width:46px!important;height:50px!important;background:linear-gradient(160deg,#2bb56a,#0d5c30)!important}@media (max-width:640px){.sv-av{width:41.4px!important;height:45px!important}}
.sv-av svg{width:44px!important;height:44px!important}@media (max-width:640px){.sv-av svg{width:39.6px!important;height:39.6px!important}}

/* 2 · AI Content Engine, the editorial team's tool */
.hb-reel .hb-scn>.hb-v.sv-cv,.hb-reel .hb-scn>.hb-v.sv-ov{width:100%}
.sv-cv,.sv-ov{position:relative;display:grid;justify-items:center}
.sv-ed,.sv-nr{width:100%;border-radius:18px;background:#f3f5f8;color:#1b2130;overflow:hidden;text-align:left;font-size:13px;box-shadow:0 32px 64px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12)}@media (max-width:640px){.sv-ed,.sv-nr{border-radius:16.2px}}
.sv-ed{max-width:780px}
/* the mock windows size from the stage, not their content: intrinsic sizing of these grids cost 400ms a layout */
.sv-ed,.sv-air{contain:inline-size layout}
.sv-edt,.sv-nrt{display:flex;align-items:center;gap:14px;padding:11px 16px;background:#0b1630;color:#fff;font:600 12.5px var(--f-display);white-space:nowrap}@media (max-width:640px){.sv-edt,.sv-nrt{gap:12.6px;padding:9.9px 14.4px}}
.sv-edl{display:inline-flex;align-items:center;gap:9px;font:700 14px var(--f-display)}@media (max-width:640px){.sv-edl{gap:8.1px}}
.sv-edl i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#5bb4ff;color:#0b1630}@media (max-width:640px){.sv-edl i{width:23.4px;height:23.4px;border-radius:7.2px}}
.sv-edm{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-edm{gap:6.3px;padding:4.5px 9.9px;border-radius:899.1px}}
.sv-edm>i{width:7px;height:7px;border-radius:50%;background:#ff4d4f;animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-edm>i{width:6.3px;height:6.3px}}
.sv-edm b{font-weight:600}
.sv-edr{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#fff}@media (max-width:640px){.sv-edr{gap:7.2px}}
.sv-edr .sv-kt{width:24px;height:24px;font-size:15px;border-radius:7px}@media (max-width:640px){.sv-edr .sv-kt{width:21.6px;height:21.6px;font-size:14px;border-radius:6.3px}}
.sv-sw{display:inline-grid}.sv-sw>span{grid-area:1/1;transition:opacity .3s,transform .4s}
.sv-sw .b{opacity:0;transform:translateY(5px)}@media (max-width:640px){.sv-sw .b{transform:translateY(4.5px)}}
.sv-edb{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:14px;padding:14px 16px 16px;height:540px}@media (max-width:640px){.sv-edb{grid-template-columns:minmax(0,261px) minmax(0,1fr);gap:12.6px;padding:12.6px 14.4px 14.4px;height:486px}}
.sv-feed{overflow:hidden}
/* the story feed: newest on top */
.sv-feed,.sv-nrf{display:flex;flex-direction:column;padding:12px 12px 6px;border-radius:14px;background:#fff;border:1px solid #e1e6ee;min-width:0}@media (max-width:640px){.sv-feed,.sv-nrf{padding:10.8px 10.8px 5.4px;border-radius:12.6px}}
.sv-fh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 2px 8px;font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1b2130}@media (max-width:640px){.sv-fh{gap:7.2px;padding:0 2px 7.2px}}
.sv-fh em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;font-size:12px;color:#4a5466}
.sv-fi{display:grid;grid-template-columns:66px minmax(0,1fr);gap:3px 10px;align-items:start;padding:9px 10px;margin-bottom:6px;border-radius:11px;border:1px solid #e9edf3;background:#fff;transition:border-color .4s,background .4s,box-shadow .4s}@media (max-width:640px){.sv-fi{grid-template-columns:59.4px minmax(0,1fr);gap:2.7px 9px;padding:8.1px 9px;margin-bottom:5.4px;border-radius:9.9px}}
.sv-fi>em{grid-row:1/3;font:700 11.5px/1 var(--f-display);font-style:normal;text-align:center;padding:5px 0;border-radius:6px;background:#eef3fa;color:#1d4f8f;white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-fi>em{padding:4.5px 0;border-radius:5.4px}}
.sv-fi>div{display:grid;gap:2px;min-width:0}
.sv-fi small{font:700 10px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#1d6fc2}
.sv-fi b{font:700 12.5px/1.3 var(--f-display);color:#1b2130}
.sv-fst{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:5px;font:600 11px var(--f-display);padding:2px 8px;border-radius:999px;background:#fff4dc;color:#7a4f00}@media (max-width:640px){.sv-fst{gap:4.5px;padding:2px 7.2px;border-radius:899.1px}}
.sv-fst::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}@media (max-width:640px){.sv-fst::before{width:5.4px;height:5.4px}}
.sv-fst.n,.sv-cv .f5 .sv-fst{background:#e6f1fd;color:#1557a0}
.sv-fst.p{background:#e3f6e9;color:#17803d}
.sv-fi.on,.sv-cv .sv-fi.f5{border-color:#5bb4ff;background:#f4f9ff;box-shadow:0 0 0 3px rgba(91,180,255,.18)}
/* the draft */
.sv-draft,.sv-nrd{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;border-radius:14px;background:#fff;border:1px solid #e1e6ee;min-width:0}@media (max-width:640px){.sv-draft,.sv-nrd{gap:10.8px;padding:14.4px 16.2px 16.2px;border-radius:12.6px}}
.sv-dh,.sv-nrh{display:flex;justify-content:space-between;align-items:center;gap:10px}@media (max-width:640px){.sv-dh,.sv-nrh{gap:9px}}
.sv-dk{font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1d6fc2}
.sv-ds{display:inline-grid;font:700 12px var(--f-display)}
.sv-ds>span{grid-area:1/1;display:inline-flex;align-items:center;justify-self:end;gap:6px;padding:4px 10px;border-radius:999px;transition:opacity .3s,transform .4s}@media (max-width:640px){.sv-ds>span{gap:5.4px;padding:3.6px 9px;border-radius:899.1px}}
.sv-ds .a{background:#eef3fa;color:#1d4f8f}.sv-ds .b{background:#e3f6e9;color:#17803d;opacity:0;transform:scale(.9)}
.sv-ds .c-dots{display:inline-flex;gap:3px;padding:0;background:none;border:0}@media (max-width:640px){.sv-ds .c-dots{gap:2.7px}}
.sv-ds .c-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:svDot 1s infinite}@media (max-width:640px){.sv-ds .c-dots i{width:4.5px;height:4.5px}}
.sv-ds .c-dots i:nth-child(2){animation-delay:.15s}.sv-ds .c-dots i:nth-child(3){animation-delay:.3s}
.sv-dt{font:800 22px/1.15 var(--f-display);letter-spacing:-.025em;color:#0f1726;text-wrap:balance}@media (max-width:640px){.sv-dt{font:800 19.8px/1.15 var(--f-display)}}
.sv-dp{margin:0;font-size:14px;line-height:1.6;color:#2c3343}
.sv-dkf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width:640px){.sv-dkf{gap:7.2px}}
.sv-dkf span{display:grid;gap:3px;align-content:start;padding:10px 11px;border-radius:11px;background:#f4f7fb;border:1px solid #e9edf3;font:600 11.5px/1.35 var(--f-display);color:#2c3343}@media (max-width:640px){.sv-dkf span{gap:2.7px;padding:9px 9.9px;border-radius:9.9px}}
.sv-dkf b{font:800 21px/1 var(--f-display);color:#1d6fc2;font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-dkf b{font:800 18.9px/1 var(--f-display)}}
.sv-dfo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #eef1f5}@media (max-width:640px){.sv-dfo{gap:5.4px;padding-top:10.8px}}
.sv-dfo small{width:100%;font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1b2130}
.sv-dfo span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#e6f1fd;color:#1557a0;font:700 12px var(--f-display)}@media (max-width:640px){.sv-dfo span{gap:4.5px;padding:4.5px 8.1px;border-radius:899.1px}}
.sv-dfo svg{width:12px;height:12px}@media (max-width:640px){.sv-dfo svg{width:10.8px;height:10.8px}}
.sv-drv{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px dashed #c9d3e0}@media (max-width:640px){.sv-drv{gap:9px;padding:9px 10.8px;border-radius:10.8px}}
.sv-drv i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b1630;color:#fff;font:700 11px var(--f-display);font-style:normal}@media (max-width:640px){.sv-drv i{width:27px;height:27px}}
.sv-drv span{display:grid;line-height:1.25}.sv-drv b{font:700 12.5px var(--f-display);color:#0f1726}.sv-drv small{font-size:11.5px;color:#2c3343}
.sv-drv em{margin-left:auto;font:700 11.5px var(--f-display);font-style:normal;color:#1557a0}
html.hx-js .sv-cv:not(.s7) .sv-drv{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .sv-cv:not(.s7) .sv-drv{transform:translateY(7.2px)}}
.sv-cv .sv-drv{transition:opacity .45s .36s,transform .5s cubic-bezier(.2,.8,.2,1) .36s}
/* the skeleton the draft is written over */
.sv-draft::after{content:"";position:absolute;left:18px;right:18px;top:58px;height:150px;pointer-events:none;background:linear-gradient(#e9eef5 0 0) 0 0/78% 18px no-repeat,linear-gradient(#e9eef5 0 0) 0 30px/55% 18px no-repeat,linear-gradient(#f0f3f8 0 0) 0 70px/100% 10px no-repeat,linear-gradient(#f0f3f8 0 0) 0 90px/96% 10px no-repeat,linear-gradient(#f0f3f8 0 0) 0 110px/88% 10px no-repeat,linear-gradient(#f0f3f8 0 0) 0 130px/62% 10px no-repeat;transition:opacity .4s}@media (max-width:640px){.sv-draft::after{left:16.2px;right:16.2px;top:52.2px;height:135px}}
/* steps: s1 to s5 the stories arrive, s6 the draft is written, s7 it is ready, s8 its formats */
html.hx-js .sv-cv .sv-fi{transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),max-height .55s cubic-bezier(.2,.8,.2,1),padding .55s,margin .55s,border-color .4s,background .4s,box-shadow .4s;max-height:90px;overflow:hidden}@media (max-width:640px){html.hx-js .sv-cv .sv-fi{max-height:81px}}
html.hx-js .sv-cv:not(.s1) .f1,html.hx-js .sv-cv:not(.s2) .f2,html.hx-js .sv-cv:not(.s3) .f3,html.hx-js .sv-cv:not(.s4) .f4,html.hx-js .sv-cv:not(.s5) .f5{opacity:0;transform:translateY(-8px);max-height:0;padding-block:0;margin-bottom:0;border-width:0}@media (max-width:640px){html.hx-js .sv-cv:not(.s1) .f1,html.hx-js .sv-cv:not(.s2) .f2,html.hx-js .sv-cv:not(.s3) .f3,html.hx-js .sv-cv:not(.s4) .f4,html.hx-js .sv-cv:not(.s5) .f5{transform:translateY(-7.2px)}}
html.hx-js .sv-cv:not(.s5) .sv-edm .sv-sw .b,.sv-cv.s5 .sv-edm .sv-sw .a{opacity:0}
.sv-cv.s5 .sv-edm .sv-sw .b{opacity:1;transform:none}
html.hx-js .sv-cv:not(.s5) .sv-fh em{opacity:.0}
html.hx-js .sv-cv:not(.s6) .sv-draft>*{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .sv-cv:not(.s6) .sv-draft>*{transform:translateY(7.2px)}}
html.hx-js .sv-cv.s6 .sv-draft>*{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.hx-js .sv-cv.s6 .sv-dt{transition-delay:.15s}html.hx-js .sv-cv.s6 .sv-dp{transition-delay:.55s}
html.hx-js .sv-cv.s6 .sv-draft::after{opacity:0}
html.hx-js .sv-cv:not(.s7) .sv-dkf span{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .sv-cv:not(.s7) .sv-dkf span{transform:translateY(7.2px)}}
.sv-cv .sv-dkf span{transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.sv-cv.s7 .sv-dkf span:nth-child(2){transition-delay:.12s}.sv-cv.s7 .sv-dkf span:nth-child(3){transition-delay:.24s}
.sv-cv.s7 .sv-ds .a{opacity:0;transform:scale(.9)}.sv-cv.s7 .sv-ds .b{opacity:1;transform:none}
html.hx-js .sv-cv:not(.s8) .sv-dfo span{opacity:0;transform:scale(.85)}
.sv-cv .sv-dfo span{transition:opacity .4s calc(var(--j)*.14s),transform .5s cubic-bezier(.3,1.5,.5,1) calc(var(--j)*.14s)}
html.hx-js .sv-cv:not(.s8) .sv-dfo small{opacity:0}
.sv-cv .sv-dfo small{transition:opacity .4s}
html:not(.hx-js) .sv-draft::after{display:none}

/* 3 · Studio, on air */
.sv-air{position:relative;width:100%;max-width:780px;display:grid;gap:12px;text-align:left}@media (max-width:640px){.sv-air{gap:10.8px}}
.sv-tv{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:16px;overflow:hidden;background:#0b1630;box-shadow:0 32px 64px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.14);container-type:inline-size}@media (max-width:640px){.sv-tv{border-radius:14.4px}}
.sv-tvp{position:absolute;inset:0;width:100%;height:100%}
.sv-bug{position:absolute;left:3%;top:5%;display:flex;align-items:center;gap:1.1cqw;padding:.6cqw 1.3cqw .6cqw .6cqw;border-radius:1cqw;background:rgba(11,22,48,.94);color:#fff;font:800 2.1cqw/1 var(--f-display);letter-spacing:.02em;box-shadow:0 1cqw 3cqw rgba(0,0,0,.3)}
.sv-bug .sv-kt{width:3.4cqw;height:3.4cqw;font-size:2.4cqw;border-radius:.7cqw}
.sv-bs{display:inline-flex;align-items:center;gap:.3cqw;padding:.45cqw .9cqw;border-radius:.6cqw;background:#fff;color:#0b1630;font-variant-numeric:tabular-nums}
.sv-bug em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;margin-left:.3cqw}
.sv-tally{position:absolute;right:3%;top:5%;display:inline-flex;align-items:center;gap:.8cqw;padding:.7cqw 1.4cqw;border-radius:99px;background:#e5383b;color:#fff;font:800 1.6cqw/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase}@media (max-width:640px){.sv-tally{border-radius:89.1px}}
.sv-tally i{width:1cqw;height:1cqw;border-radius:50%;background:#fff;animation:svBlink 1.4s infinite}
.sv-gf{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);opacity:0;font:800 9cqw/1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 1cqw 4cqw rgba(0,0,0,.45)}
.sv-l3{position:absolute;left:4%;right:4%;bottom:7%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;border-radius:1.2cqw;overflow:hidden;background:#fff;color:#0b1630;box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.35)}
.sv-l3m{display:grid;place-items:center;align-content:center;gap:.6cqw;padding:0 2cqw;background:linear-gradient(160deg,#2f86d9,#0b1630);color:#fff}
.sv-l3m b{font:800 2.4cqw/1 var(--f-display);font-variant-numeric:tabular-nums}
.sv-l3m .hb-cr{width:3.6cqw;height:3.6cqw;font-size:1.8cqw}
.sv-l3c{display:grid;gap:.5cqw;align-content:center;padding:1.5cqw 2.2cqw;min-width:0}
.sv-l3c small{font:800 1.45cqw/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:#1d6fc2}
.sv-l3c b{font:800 3.3cqw/1.05 var(--f-display);letter-spacing:-.02em}
.sv-l3c span{font:500 1.75cqw/1.35 var(--f-body);color:#2c3343}
.sv-l3s{display:grid;align-content:center;gap:.4cqw;padding:0 2.2cqw;border-left:1px solid #e1e6ee;background:#f6f8fb;text-align:left}
.sv-l3s small{font:700 1.3cqw/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:#2c3343}
.sv-l3s b{font:800 2.2cqw/1 var(--f-display);color:#0b1630;white-space:nowrap}
/* the producer's panel under the programme picture */
.sv-stc{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;grid-template-areas:"h h h" "k p a";gap:10px 16px;align-items:center;padding:12px 16px 14px;border-radius:16px;background:#f3f5f8;color:#1b2130;box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.12)}@media (max-width:640px){.sv-stc{gap:9px 14.4px;padding:10.8px 14.4px 12.6px;border-radius:14.4px}}
.sv-sth{grid-area:h;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e1e6ee;font:700 14px var(--f-display)}@media (max-width:640px){.sv-sth{gap:9px;padding-bottom:9px}}
.sv-sth>span:first-child{display:inline-flex;align-items:center;gap:9px}@media (max-width:640px){.sv-sth>span:first-child{gap:8.1px}}
.sv-sth>span:first-child i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#0b1630;color:#5bb4ff}@media (max-width:640px){.sv-sth>span:first-child i{width:23.4px;height:23.4px;border-radius:7.2px}}
.sv-lvb{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fde8e8;color:#b42318;font:700 12px var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-lvb{gap:5.4px;padding:3.6px 9px;border-radius:899.1px}}
.sv-lvb i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-lvb i{width:5.4px;height:5.4px}}
.sv-stk{grid-area:k;list-style:none;margin:0;padding:0;display:grid;gap:7px;align-self:start}@media (max-width:640px){.sv-stk{gap:6.3px}}
.sv-stk li{display:flex;align-items:center;gap:8px;font:600 12.5px/1.3 var(--f-display);color:#1b2130}@media (max-width:640px){.sv-stk li{gap:7.2px}}
.sv-stk li>i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#17803d;color:#fff}@media (max-width:640px){.sv-stk li>i{width:18px;height:18px}}
.sv-stk li>i svg{width:11px;height:11px}@media (max-width:640px){.sv-stk li>i svg{width:9.9px;height:9.9px}}
.sv-stp{grid-area:p;position:relative;align-self:stretch;display:grid;align-items:center;min-height:74px;padding:8px;border-radius:12px;background:#0b1630 radial-gradient(120% 90% at 30% 0%,#1a4a7a,transparent 70%);container-type:inline-size}@media (max-width:640px){.sv-stp{min-height:66.6px;padding:7.2px;border-radius:10.8px}}
.sv-stp::before{content:"Waiting for the next moment";position:absolute;inset:8px;display:grid;place-items:center;border:1.5px dashed rgba(255,255,255,.3);border-radius:8px;font:600 12px var(--f-display);color:#fff;transition:opacity .35s}@media (max-width:640px){.sv-stp::before{inset:7.2px;border-radius:7.2px}}
.sv-l3.sm{position:relative;left:auto;right:auto;bottom:auto;border-radius:3cqw}
.sv-l3.sm .sv-l3m{padding:0 4cqw;gap:1.2cqw}.sv-l3.sm .sv-l3m b{font-size:5.4cqw}.sv-l3.sm .sv-l3m .hb-cr{width:7.5cqw;height:7.5cqw;font-size:3.8cqw}
.sv-l3.sm .sv-l3c{padding:3.4cqw 4cqw;gap:1.2cqw}.sv-l3.sm .sv-l3c small{font-size:3.3cqw}.sv-l3.sm .sv-l3c b{font-size:4.7cqw;line-height:1.12;text-wrap:balance}
.sv-l3.sm .sv-l3s{padding:0 3cqw}.sv-l3.sm .sv-l3s b{font-size:3.9cqw}
.sv-sta{grid-area:a;display:grid;justify-items:end;gap:8px;align-self:center}@media (max-width:640px){.sv-sta{gap:7.2px}}
.sv-sta>span:first-child{font:600 12px var(--f-display);color:#2c3343;white-space:nowrap}
.sv-btn{display:inline-grid;padding:10px 18px;border-radius:999px;background:#1d6fc2;color:#fff;font:700 13.5px var(--f-display);white-space:nowrap;transition:background .3s,transform .25s,box-shadow .3s}@media (max-width:640px){.sv-btn{padding:9px 16.2px;border-radius:899.1px}}
.sv-btn>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:opacity .25s}@media (max-width:640px){.sv-btn>span{gap:6.3px}}
.sv-btn .b{opacity:0}.sv-btn .b i{width:7px;height:7px;border-radius:50%;background:#fff;animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-btn .b i{width:6.3px;height:6.3px}}
/* steps: s1 the goal, s2 to s4 the panel finds it, s5 the preview, s6 the producer takes it, s7 on air */
html.hx-js .sv-ov:not(.s1) .sv-sw .b,.sv-ov.s1 .sv-sw .a{opacity:0}
.sv-ov.s1 .sv-sw .b{opacity:1;transform:none}
.sv-ov.s1:not(.s3) .sv-gf{animation:svPop 1.9s cubic-bezier(.2,.8,.2,1) forwards}
html.hx-js .sv-ov:not(.s2) .t1,html.hx-js .sv-ov:not(.s3) .t2,html.hx-js .sv-ov:not(.s4) .t3{opacity:0;transform:translateX(-8px)}@media (max-width:640px){html.hx-js .sv-ov:not(.s2) .t1,html.hx-js .sv-ov:not(.s3) .t2,html.hx-js .sv-ov:not(.s4) .t3{transform:translateX(-7.2px)}}
.sv-stk li{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
html.hx-js .sv-ov:not(.s5) .sv-stp .sv-l3{opacity:0;transform:translateY(8px) scale(.96)}@media (max-width:640px){html.hx-js .sv-ov:not(.s5) .sv-stp .sv-l3{transform:translateY(7.2px) scale(.96)}}
.sv-stp .sv-l3{transition:opacity .45s,transform .55s cubic-bezier(.3,1.3,.5,1)}
.sv-ov.s5 .sv-stp::before{opacity:0}
html:not(.hx-js) .sv-stp::before{display:none}
html.hx-js .sv-ov:not(.s5) .sv-btn{background:#9fb3cc;box-shadow:none}
html.hx-js .sv-ov:not(.s5) .sv-sta>span:first-child{opacity:0}
.sv-ov.s5:not(.s7) .sv-btn{box-shadow:0 0 0 4px rgba(29,111,194,.25)}
.sv-ov.s6 .sv-btn{transform:scale(.94)}
.sv-ov.s7 .sv-btn{transform:none;background:#e5383b;box-shadow:0 0 0 4px rgba(229,56,59,.22)}
.sv-ov.s7 .sv-btn .a{opacity:0}.sv-ov.s7 .sv-btn .b{opacity:1}
html.hx-js .sv-ov:not(.s7) .sv-tv>.sv-l3{opacity:0;transform:translateY(30%);clip-path:inset(0 100% 0 0 round 1.2cqw)}
.sv-tv>.sv-l3{transition:opacity .3s,transform .6s cubic-bezier(.2,.8,.2,1),clip-path .8s cubic-bezier(.6,0,.2,1) .15s;clip-path:inset(0 0 0 0 round 1.2cqw)}
@media (max-width:900px){
  .sv-edb{grid-template-columns:minmax(0,1fr);height:auto}
  .sv-edr{display:none}
  .sv-feed .f1,.sv-feed .f2{display:none}
  .sv-stc{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h h" "k k" "p p" "a a"}
  .sv-sta{grid-template-columns:minmax(0,1fr) auto;justify-items:start;align-items:center;width:100%}
  .sv-sta .sv-btn{justify-self:end}
  .sv-stp{min-height:86px}@media (max-width:640px){.sv-stp{min-height:77.4px}}
}
@media (max-width:640px){
  .sv-edt{gap:10px;padding:10px 12px}@media (max-width:640px){.sv-edt{gap:9px;padding:9px 10.8px}}.sv-edl{font-size:13px}.sv-edl i{width:22px;height:22px}@media (max-width:640px){.sv-edl i{width:19.8px;height:19.8px}}
  .sv-edb{padding:10px;gap:10px}@media (max-width:640px){.sv-edb{padding:9px;gap:9px}}
  .sv-draft{padding:14px}@media (max-width:640px){.sv-draft{padding:12.6px}}.sv-dt{font-size:19px}@media (max-width:640px){.sv-dt{font-size:17.1px}}.sv-dp{font-size:13px}
  .sv-dkf span{padding:8px;font-size:10.5px}@media (max-width:640px){.sv-dkf span{padding:7.2px}}.sv-dkf b{font-size:18px}@media (max-width:640px){.sv-dkf b{font-size:16.2px}}
  .sv-dfo small{width:100%}
  .sv-l3c span{display:none}
}
@media (max-width:420px){.sv-edm{padding:4px 9px;font-size:11.5px}@media (max-width:640px){.sv-edm{padding:3.6px 8.1px}}.sv-edl{font-size:0;gap:0}.sv-edl i{font-size:13px}}
/* phone: the feed and the draft share one card, so the scene stays one screen tall; the feed gives way to the draft at s6 */
@media (max-width:640px){
  .sv-cv .sv-edb>*{grid-area:1/1}
  .sv-cv .sv-feed{transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
  html.hx-js .sv-cv.s6 .sv-feed{opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .4s,transform .5s,visibility 0s .5s}@media (max-width:640px){html.hx-js .sv-cv.s6 .sv-feed{transform:translateY(-9px)}}
  .sv-cv .sv-draft{transition:opacity .45s .2s}
  html.hx-js .sv-cv:not(.s6) .sv-draft{opacity:0}
  #sm-view .sv-cv .sv-feed .sv-fi{display:grid}
}

/* ============ 2 one engine, three experiences ============ */
.sv-oe{display:grid;justify-items:center;gap:0}
.sv-oeg{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;padding:14px 26px 14px 14px;border-radius:22px;background:var(--cn-deep);color:#fff;box-shadow:var(--cn-sh2);text-align:left}@media (max-width:640px){.sv-oeg{gap:14.4px;padding:12.6px 23.4px 12.6px 12.6px;border-radius:19.8px}}
.sv-oei{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#024a1b}@media (max-width:640px){.sv-oei{width:46.8px;height:46.8px;border-radius:13.5px}}
.sv-oeg b{display:block;font:700 21px/1.2 var(--f-display);letter-spacing:-.02em}@media (max-width:640px){.sv-oeg b{font:700 18.9px/1.2 var(--f-display)}}
.sv-oeg small{display:block;font-size:15px;line-height:1.4;color:rgba(255,255,255,.92)}@media (max-width:640px){.sv-oeg small{font-size:14px}}
.sv-oel{display:none}
.sv-oec{--g:clamp(16px,2vw,28px);position:relative;width:100%;margin-top:72px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}@media (max-width:640px){.sv-oec{--g:clamp(14.4px,2vw,25.2px);margin-top:64.8px}}
/* the connectors: the engine feeds each experience */
.sv-oec::before{content:"";position:absolute;top:-36px;left:calc((100% - 2*var(--g))/6);right:calc((100% - 2*var(--g))/6);height:2px;background:repeating-linear-gradient(90deg,var(--green) 0 8px,transparent 8px 16px);opacity:.7}@media (max-width:640px){.sv-oec::before{top:-32.4px}}
.sv-oec::after{content:"";position:absolute;top:-72px;left:50%;width:2px;height:36px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--green) 0 8px,transparent 8px 16px);opacity:.7}@media (max-width:640px){.sv-oec::after{top:-64.8px;height:32.4px}}
.sv-xc::before{content:"";position:absolute;top:-36px;left:50%;width:2px;height:36px;margin-left:-1px;background:repeating-linear-gradient(180deg,var(--green) 0 8px,transparent 8px 16px);opacity:.7}@media (max-width:640px){.sv-xc::before{top:-32.4px;height:32.4px}}
.sv-xc::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft);z-index:1}@media (max-width:640px){.sv-xc::after{top:-5.4px;width:10.8px;height:10.8px;margin-left:-5.4px}}
html.hx-js #sv-one.on .sv-oec::before{animation:svFlowX 1.2s linear infinite}
html.hx-js #sv-one.on .sv-oec::after,html.hx-js #sv-one.on .sv-xc::before{animation:svFlowY 1.2s linear infinite}
.sv-xc{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}@media (max-width:640px){.sv-xc{border-radius:23.4px}}
.sv-xc:hover{transform:translateY(-4px);box-shadow:var(--cn-sh2)}@media (max-width:640px){.sv-xc:hover{transform:translateY(-3.6px)}}
.sv-xm{position:relative;height:210px;margin:8px 8px 0;border-radius:19px;overflow:hidden;display:grid;align-content:center;gap:8px;padding:18px;font-size:13px;text-align:left}@media (max-width:640px){.sv-xm{height:189px;margin:7.2px 7.2px 0;border-radius:17.1px;gap:7.2px;padding:16.2px}}
.sv-xm1{background:linear-gradient(160deg,#13224a,#0b1630);color:#fff}
.sv-xq{justify-self:end;max-width:86%;padding:8px 12px;border-radius:14px 14px 4px 14px;background:#5bb4ff;color:#0b1630;font:600 13px/1.35 var(--f-display)}@media (max-width:640px){.sv-xq{padding:7.2px 10.8px;border-radius:12.6px 12.6px 3.6px 12.6px}}
.sv-xa{justify-self:start;max-width:92%;padding:9px 12px;border-radius:4px 14px 14px 14px;background:#13224a;border:1px solid #2a4170;font-size:13px;line-height:1.45}@media (max-width:640px){.sv-xa{padding:8.1px 10.8px;border-radius:3.6px 12.6px 12.6px 12.6px}}
.sv-xa b{color:#8cc8ff}
.sv-xf{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.sv-xf{gap:5.4px}}
.sv-xf i{font:600 11.5px var(--f-display);font-style:normal;padding:4px 10px;border-radius:999px;border:1.5px solid #5bb4ff;color:#fff}@media (max-width:640px){.sv-xf i{padding:3.6px 9px;border-radius:899.1px}}
.sv-xm2{background:#e6ebf2;padding:16px 18px}@media (max-width:640px){.sv-xm2{padding:14.4px 16.2px}}
.sv-xdoc{display:grid;gap:7px;padding:14px 16px;border-radius:14px;background:#fff;color:#1b2130;box-shadow:0 10px 24px rgba(11,22,48,.12)}@media (max-width:640px){.sv-xdoc{gap:6.3px;padding:12.6px 14.4px;border-radius:12.6px}}
.sv-xk{display:flex;justify-content:space-between;align-items:center;gap:8px}@media (max-width:640px){.sv-xk{gap:7.2px}}
.sv-xk b{font:700 10.5px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1d6fc2}
.sv-xk em{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--f-display);font-style:normal;padding:3px 8px;border-radius:999px;background:#e3f6e9;color:#17803d}@media (max-width:640px){.sv-xk em{gap:4.5px;padding:2.7px 7.2px;border-radius:899.1px}}
.sv-xk svg{width:11px;height:11px}@media (max-width:640px){.sv-xk svg{width:9.9px;height:9.9px}}
.sv-xt{font:800 16px/1.2 var(--f-display);letter-spacing:-.02em;color:#0f1726}@media (max-width:640px){.sv-xt{font:800 14.4px/1.2 var(--f-display)}}
.sv-xp{font-size:12.5px;line-height:1.5;color:#2c3343}
.sv-xm2 .sv-xf i{border:0;background:#e6f1fd;color:#1557a0;padding:4px 9px}@media (max-width:640px){.sv-xm2 .sv-xf i{padding:3.6px 8.1px}}
.sv-xm3{padding:0;background:#0b1630;container-type:inline-size}
.sv-xm3 svg{position:absolute;inset:0;width:100%;height:100%}
.sv-xbug{position:absolute;left:5%;top:7%;display:flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:7px;background:rgba(11,22,48,.94);color:#fff;font:800 12px/1 var(--f-display);letter-spacing:.02em}@media (max-width:640px){.sv-xbug{gap:5.4px;padding:3.6px 8.1px 3.6px 3.6px;border-radius:6.3px}}
.sv-xbug .sv-kt{width:20px;height:20px;font-size:13px;border-radius:5px}@media (max-width:640px){.sv-xbug .sv-kt{width:18px;height:18px;border-radius:4.5px}}
.sv-xbug b{padding:3px 6px;border-radius:4px;background:#fff;color:#0b1630}@media (max-width:640px){.sv-xbug b{padding:2.7px 5.4px;border-radius:3.6px}}
.sv-xbug em{font-style:normal;font-weight:600}
.sv-xon{position:absolute;right:5%;top:7%;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#e5383b;color:#fff;font:800 10px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase}@media (max-width:640px){.sv-xon{gap:4.5px;padding:4.5px 8.1px;border-radius:89.1px}}
.sv-xon i{width:5px;height:5px;border-radius:50%;background:#fff;animation:svBlink 1.4s infinite}@media (max-width:640px){.sv-xon i{width:4.5px;height:4.5px}}
.sv-xl3{position:absolute;left:5%;right:5%;bottom:9%;display:grid;grid-template-columns:auto minmax(0,1fr);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.35)}@media (max-width:640px){.sv-xl3{border-radius:7.2px}}
.sv-xl3 i{display:grid;place-items:center;padding:0 12px;background:linear-gradient(160deg,#2f86d9,#0b1630);color:#fff;font:800 13px var(--f-display);font-style:normal}@media (max-width:640px){.sv-xl3 i{padding:0 10.8px}}
.sv-xl3 b{padding:10px 12px;font:800 15px/1.1 var(--f-display);letter-spacing:-.01em;color:#0b1630}@media (max-width:640px){.sv-xl3 b{padding:9px 10.8px;font:800 14px/1.1 var(--f-display)}}
.sv-xb{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 24px 24px}@media (max-width:640px){.sv-xb{gap:9px;padding:19.8px 21.6px 21.6px}}
.sv-xb small{display:inline-flex;align-items:center;gap:9px;font:700 13px var(--f-display);letter-spacing:.05em;text-transform:uppercase;color:var(--green-strong)}@media (max-width:640px){.sv-xb small{gap:8.1px}}
.sv-xb small i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-strong)}@media (max-width:640px){.sv-xb small i{width:27px;height:27px}}
.sv-xb h3{margin:4px 0 0;font:600 clamp(24px,2.3vw,30px)/1.1 var(--f-display);letter-spacing:-.035em;color:var(--ink)}@media (max-width:640px){.sv-xb h3{margin:3.6px 0 0;font:600 clamp(21.6px,2.3vw,27px)/1.1 var(--f-display)}}
.sv-xb p{margin:0;font-size:16.5px;line-height:1.55;color:var(--body)}@media (max-width:640px){.sv-xb p{font-size:14.85px}}
.sv-xg{all:unset;box-sizing:border-box;cursor:pointer;margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1.5px solid var(--green);color:var(--green-strong);font:700 15px var(--f-display);transition:background .25s,color .25s,gap .25s}@media (max-width:640px){.sv-xg{gap:7.2px;padding:9.9px 16.2px;border-radius:899.1px;font:700 14px var(--f-display)}}
.sv-xb p+.sv-xg{margin-top:max(6px,auto)}@media (max-width:640px){.sv-xb p+.sv-xg{margin-top:max(5.4px,auto)}}
.sv-xg:hover{background:var(--green);color:#fff;gap:11px}@media (max-width:640px){.sv-xg:hover{gap:9.9px}}
.sv-xg:focus-visible{outline:3px solid var(--green);outline-offset:3px}
html.hx-js #sv-one:not(.on) .sv-oeg{opacity:0;transform:translateY(14px) scale(.96)}@media (max-width:640px){html.hx-js #sv-one:not(.on) .sv-oeg{transform:translateY(12.6px) scale(.96)}}
html.hx-js #sv-one .sv-oeg{transition:opacity .6s .2s,transform .7s cubic-bezier(.3,1.3,.5,1) .2s}
html.hx-js #sv-one:not(.on) .sv-xc{opacity:0;transform:translateY(26px)}@media (max-width:640px){html.hx-js #sv-one:not(.on) .sv-xc{transform:translateY(23.4px)}}
html.hx-js #sv-one .sv-xc{transition:opacity .7s calc(.5s + var(--j)*.14s),transform .8s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--j)*.14s),box-shadow .4s}
html.hx-js #sv-one.on .sv-xc:hover{transition-delay:0s}
html.hx-js #sv-one:not(.on) .sv-oec::before,html.hx-js #sv-one:not(.on) .sv-oec::after{opacity:0}
.sv-oec::before,.sv-oec::after{transition:opacity .6s .45s}
@media (max-width:980px){
  .sv-oec{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;margin-top:56px;gap:36px}@media (max-width:640px){.sv-oec{margin-top:50.4px;gap:32.4px}}
  .sv-oec::before{display:none}
  .sv-oec::after{top:-56px;height:56px}@media (max-width:640px){.sv-oec::after{top:-50.4px;height:50.4px}}
  .sv-xc::before{top:-36px}@media (max-width:640px){.sv-xc::before{top:-32.4px}}
  .sv-xc:first-child::before{display:none}
}
@media (max-width:560px){.sv-oeg{padding:12px 16px 12px 12px;gap:12px;border-radius:18px}@media (max-width:640px){.sv-oeg{padding:10.8px 14.4px 10.8px 10.8px;gap:10.8px;border-radius:16.2px}}.sv-oei{width:44px;height:44px}@media (max-width:640px){.sv-oei{width:39.6px;height:39.6px}}.sv-oeg b{font-size:18px}@media (max-width:640px){.sv-oeg b{font-size:16.2px}}.sv-oeg small{font-size:13.5px}
  .sv-xb{padding:18px 18px 20px}@media (max-width:640px){.sv-xb{padding:16.2px 16.2px 18px}}.sv-xm{height:196px}@media (max-width:640px){.sv-xm{height:176.4px}}}

/* ============ 3 Sports Stats Assistant: what it is ============ */
.sv-wc .cw-h{gap:10px}@media (max-width:640px){.sv-wc .cw-h{gap:9px}}
.sv-wc .cw-h .sv-kt{width:30px;height:30px;font-size:19px}@media (max-width:640px){.sv-wc .cw-h .sv-kt{width:27px;height:27px;font-size:17.1px}}
.sv-wc .cn-wlav .sv-kt{width:30px;height:30px}@media (max-width:640px){.sv-wc .cn-wlav .sv-kt{width:27px;height:27px}}
html.hx-js #sv-as:not(.on) .cn-wlg,html.hx-js #sv-as:not(.on) .cn-wlq span{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js #sv-as:not(.on) .cn-wlg,html.hx-js #sv-as:not(.on) .cn-wlq span{transform:translateY(9px)}}
#sv-as .cn-wlq span{transition-delay:0s,0s,calc(.6s + var(--j)*.12s),calc(.6s + var(--j)*.12s)}
#sm-view .cn-fo i{background:var(--green-strong)}

/* ============ 4 rich answers ============ */
.sv-axw .cw-h .sv-kt{width:30px;height:30px;font-size:19px}@media (max-width:640px){.sv-axw .cw-h .sv-kt{width:27px;height:27px;font-size:17.1px}}
.sv-asc{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:8px;font:700 14px var(--f-display)}@media (max-width:640px){.sv-asc{gap:7.2px}}
.sv-asc strong{justify-self:center;font:800 22px/1 var(--f-display);color:var(--ki);font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-asc strong{font:800 19.8px/1 var(--f-display)}}
.sv-asc .hb-cr{width:24px;height:24px;font-size:11px}@media (max-width:640px){.sv-asc .hb-cr{width:21.6px;height:21.6px}}
.sv-aev{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--kl)}@media (max-width:640px){.sv-aev{gap:3.6px;padding-top:7.2px}}
.sv-aev>div{display:grid;grid-template-columns:34px 14px minmax(0,1fr);align-items:center;gap:8px;font:600 12.5px var(--f-display);color:var(--ki)}@media (max-width:640px){.sv-aev>div{grid-template-columns:30.6px 12.6px minmax(0,1fr);gap:7.2px}}
.sv-aev>div.r{grid-template-columns:minmax(0,1fr) 14px 34px;text-align:right}@media (max-width:640px){.sv-aev>div.r{grid-template-columns:minmax(0,1fr) 12.6px 30.6px}}
.sv-aev>div.r em{order:3}.sv-aev>div.r span{order:1}.sv-aev>div.r i{order:2}
.sv-aev em{font-style:normal;color:var(--km);font-variant-numeric:tabular-nums}
.sv-e{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--ka)}@media (max-width:640px){.sv-e{width:10.8px;height:10.8px}}
.sv-e.red{width:9px;height:13px;border-radius:2px;background:#e5383b;box-shadow:none;justify-self:center}@media (max-width:640px){.sv-e.red{width:8.1px;height:11.7px}}
.sv-apc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media (max-width:640px){.sv-apc{gap:5.4px}}
.sv-apc div{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:var(--kb);border:1px solid var(--kl)}@media (max-width:640px){.sv-apc div{padding:7.2px 3.6px;border-radius:9px}}
.sv-apc b{font:800 20px/1 var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){.sv-apc b{font:800 18px/1 var(--f-display)}}
.sv-apc span{font:600 11px var(--f-display);color:var(--km)}
.sv-apc .w{background:color-mix(in srgb,var(--ka) 22%,var(--kb));border-color:color-mix(in srgb,var(--ka) 50%,transparent)}.sv-apc .w b{color:var(--ka)}
.sv-al5{display:flex;align-items:center;gap:6px;padding-top:4px}@media (max-width:640px){.sv-al5{gap:5.4px;padding-top:3.6px}}
.sv-al5 span{font:600 11.5px var(--f-display);color:var(--km);margin-right:auto}
.sv-al5 i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:800 12px var(--f-display);font-style:normal;background:var(--kb);border:1px solid var(--kl);color:var(--km)}@media (max-width:640px){.sv-al5 i{width:23.4px;height:23.4px;border-radius:7.2px}}
.sv-al5 i.on{background:var(--ka);border-color:var(--ka);color:var(--ko)}
.sv-ar5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}@media (max-width:640px){.sv-ar5{gap:5.4px}}
.sv-ar5 div{display:grid;justify-items:center;gap:4px;padding:7px 2px;border-radius:10px;background:var(--kb);border:1px solid var(--kl)}@media (max-width:640px){.sv-ar5 div{gap:3.6px;padding:6.3px 2px;border-radius:9px}}
.sv-ar5 i{width:22px;height:20px;border-radius:6px;display:grid;place-items:center;font:800 11px var(--f-display);font-style:normal;color:#fff;background:#7b8394}@media (max-width:640px){.sv-ar5 i{width:19.8px;height:18px;border-radius:5.4px}}
.sv-ar5 .w i{background:#1f9d4c}.sv-ar5 .l i{background:#d6455d}
.sv-ar5 b{font:700 13px var(--f-display);font-variant-numeric:tabular-nums}
#sm-view .sv-axw .c-h2h.c4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ============ 5 AI Content Engine: the newsroom ============ */
.sv-nr{max-width:1100px;margin-inline:auto;box-shadow:0 50px 100px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.14)}
.sv-nrt{padding:13px 20px}@media (max-width:640px){.sv-nrt{padding:11.7px 18px}}
.sv-nrb{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px;padding:16px 18px 18px}@media (max-width:640px){.sv-nrb{grid-template-columns:minmax(0,306px) minmax(0,1fr);gap:14.4px;padding:14.4px 16.2px 16.2px}}
.sv-nrf{padding:14px 14px 8px}@media (max-width:640px){.sv-nrf{padding:12.6px 12.6px 7.2px}}
.sv-nrf .sv-fi{margin-bottom:8px;padding:11px 12px}@media (max-width:640px){.sv-nrf .sv-fi{margin-bottom:7.2px;padding:9.9px 10.8px}}
.sv-nrf .sv-fi b{font-size:13.5px}
.sv-nrd{padding:18px 22px 20px;gap:14px}@media (max-width:640px){.sv-nrd{padding:16.2px 19.8px 18px;gap:12.6px}}
.sv-nrtb{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:14px;background:#eef1f5;align-self:start}@media (max-width:640px){.sv-nrtb{gap:5.4px;padding:3.6px;border-radius:12.6px}}
.sv-nrtb button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;padding:8px 14px;border-radius:10px;font:700 13.5px var(--f-display);color:#2c3343;transition:background .25s,color .25s,box-shadow .25s}@media (max-width:640px){.sv-nrtb button{padding:7.2px 12.6px;border-radius:9px}}
.sv-nrtb button:hover{color:#0b1630;background:rgba(255,255,255,.6)}
.sv-nrtb button[aria-pressed="true"]{background:#fff;color:#0b1630;box-shadow:0 1px 2px rgba(16,24,40,.08),0 4px 12px -4px rgba(16,24,40,.18)}
.sv-nrtb button i{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:#1d6fc2;transform-origin:left;transform:scaleX(var(--p,0));opacity:0}@media (max-width:640px){.sv-nrtb button i{left:9px;right:9px;bottom:2.7px}}
.sv-nrtb button[aria-pressed="true"] i{opacity:.7}
.sv-nrtb button:focus-visible{outline:3px solid #1d6fc2;outline-offset:2px}
.sv-nrp{display:grid;min-height:250px}@media (max-width:640px){.sv-nrp{min-height:225px}}
.sv-np{grid-area:1/1;display:grid;gap:10px;align-content:start;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}@media (max-width:640px){.sv-np{gap:9px;transform:translateY(5.4px)}}
.sv-np.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.sv-np p{margin:0;font-size:15px;line-height:1.6;color:#2c3343;max-width:62ch}@media (max-width:640px){.sv-np p{font-size:14px}}
.sv-npk{font:700 11.5px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1d6fc2}
.sv-nph{min-height:1.15em;font:800 clamp(22px,2.4vw,30px)/1.15 var(--f-display);letter-spacing:-.03em;color:#0f1726;text-wrap:balance}@media (max-width:640px){.sv-nph{font:800 clamp(19.8px,2.4vw,27px)/1.15 var(--f-display)}}
.sv-np .sv-nps{font:600 16.5px/1.5 var(--f-display);color:#1b2130}@media (max-width:640px){.sv-np .sv-nps{font:600 14.85px/1.5 var(--f-display)}}
.sv-lb1{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;padding:11px 12px;border-radius:12px;background:#f6f8fb;border:1px solid #e9edf3}@media (max-width:640px){.sv-lb1{grid-template-columns:43.2px minmax(0,1fr);gap:10.8px;padding:9.9px 10.8px;border-radius:10.8px}}
.sv-lb1 em{font:700 12.5px/1 var(--f-display);font-style:normal;text-align:center;padding:6px 0;border-radius:7px;background:#eef3fa;color:#1d4f8f}@media (max-width:640px){.sv-lb1 em{padding:5.4px 0;border-radius:6.3px}}
.sv-lb1 p{font-size:14px!important}
.sv-lb1.g{border-color:#5bb4ff;background:#f4f9ff}.sv-lb1.g em{background:#1d6fc2;color:#fff}
.sv-lb1.r em{background:#fde8e8;color:#b42318}
.sv-post{display:grid;gap:10px;max-width:440px;padding:16px;border-radius:16px;border:1px solid #e1e6ee;background:#fff;box-shadow:0 10px 24px -10px rgba(16,24,40,.2)}@media (max-width:640px){.sv-post{gap:9px;padding:14.4px;border-radius:14.4px}}
.sv-poh{display:flex;align-items:center;gap:10px}@media (max-width:640px){.sv-poh{gap:9px}}
.sv-poh .sv-kt{width:36px;height:36px;font-size:22px;border-radius:50%}@media (max-width:640px){.sv-poh .sv-kt{width:32.4px;height:32.4px;font-size:19.8px}}
.sv-poh span{display:grid;line-height:1.2}.sv-poh b{font:700 14px var(--f-display);color:#0f1726}.sv-poh small{font-size:12.5px;color:#4a5466}
.sv-post p{font-size:14.5px!important;color:#1b2130!important}@media (max-width:640px){.sv-post p{font-size:14px!important}}
.sv-poc{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:16px 18px;border-radius:12px;background:linear-gradient(140deg,#13224a,#0b1630);color:#fff}@media (max-width:640px){.sv-poc{gap:2px 12.6px;padding:14.4px 16.2px;border-radius:10.8px}}
.sv-poc b{grid-row:1/3;font:800 52px/1 "Barlow Condensed",var(--f-display),sans-serif;color:#5bb4ff}@media (max-width:640px){.sv-poc b{font:800 46.8px/1 "Barlow Condensed",var(--f-display),sans-serif}}
.sv-poc span{font:700 16px/1.2 var(--f-display)}@media (max-width:640px){.sv-poc span{font:700 14.4px/1.2 var(--f-display)}}.sv-poc em{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.9)}
.sv-nsh ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:sv}@media (max-width:640px){.sv-nsh ol{gap:7.2px}}
.sv-nsh li{counter-increment:sv;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:12px;background:#f6f8fb;border:1px solid #e9edf3;font-size:14.5px;line-height:1.5;color:#2c3343}@media (max-width:640px){.sv-nsh li{grid-template-columns:27px minmax(0,1fr);gap:10.8px;padding:10.8px 12.6px;border-radius:10.8px;font-size:14px}}
.sv-nsh li::before{content:counter(sv);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b1630;color:#fff;font:800 13px var(--f-display)}@media (max-width:640px){.sv-nsh li::before{width:27px;height:27px}}
.sv-nsh li b{color:#0f1726}
.sv-nra{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #eef1f5}@media (max-width:640px){.sv-nra{gap:10.8px;padding-top:12.6px}}
.sv-nrk{display:flex;flex-wrap:wrap;align-items:center;gap:6px}@media (max-width:640px){.sv-nrk{gap:5.4px}}
.sv-nrk small{width:100%;font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1b2130}
.sv-nrk>span{display:inline-flex;align-items:baseline;gap:5px;padding:5px 10px;border-radius:999px;background:#f4f7fb;border:1px solid #e9edf3;font:600 12.5px var(--f-display);color:#2c3343}@media (max-width:640px){.sv-nrk>span{gap:4.5px;padding:4.5px 9px;border-radius:899.1px}}
.sv-nrk>span b{font-weight:800;color:#1d6fc2}
.sv-nrx{display:flex;gap:8px}@media (max-width:640px){.sv-nrx{gap:7.2px}}
.sv-nrx span{padding:9px 16px;border-radius:999px;border:1.5px solid #c9d3e0;font:700 13.5px var(--f-display);color:#0b1630;cursor:default}@media (max-width:640px){.sv-nrx span{padding:8.1px 14.4px;border-radius:899.1px}}
.sv-nrx span.p{background:#1d6fc2;border-color:#1d6fc2;color:#fff}
/* motion: the feed fills, then the draft is written */
html.hx-js .sv-nr:not(.go) .sv-fi{opacity:0}
html.hx-js .sv-nr .sv-fi{transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),max-height .55s cubic-bezier(.2,.8,.2,1),padding .55s,margin .55s,border-color .4s,background .4s,box-shadow .4s;max-height:110px;overflow:hidden}@media (max-width:640px){html.hx-js .sv-nr .sv-fi{max-height:99px}}
html.hx-js .sv-nr.go .sv-fi:not(.in){opacity:0;transform:translateY(-8px);max-height:0;padding-block:0;margin-bottom:0;border-width:0}@media (max-width:640px){html.hx-js .sv-nr.go .sv-fi:not(.in){transform:translateY(-7.2px)}}
html.hx-js .sv-nr:not(.dr) .sv-nrp,html.hx-js .sv-nr:not(.ok) .sv-nra{opacity:0;transform:translateY(8px)}@media (max-width:640px){html.hx-js .sv-nr:not(.dr) .sv-nrp,html.hx-js .sv-nr:not(.ok) .sv-nra{transform:translateY(7.2px)}}
.sv-nrp,.sv-nra{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
html.hx-js .sv-nr:not(.ok) .sv-np:not([data-f="0"]){visibility:hidden}
html.hx-js .sv-nr:not(.ok) .sv-np[data-f="0"]>:not(.sv-nph):not(.sv-npk){opacity:0;transform:translateY(6px)}@media (max-width:640px){html.hx-js .sv-nr:not(.ok) .sv-np[data-f="0"]>:not(.sv-nph):not(.sv-npk){transform:translateY(5.4px)}}
.sv-np[data-f="0"]>*{transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.sv-nr.ok .sv-np[data-f="0"] .sv-nps+p{transition-delay:.25s}
html.hx-js .sv-nr:not(.ok) .sv-nrtb{opacity:.45;pointer-events:none}
.sv-nrtb{transition:opacity .4s}
.sv-nr .sv-ds .b{opacity:0;transform:scale(.9)}
.sv-nr.ok .sv-ds .a{opacity:0;transform:scale(.9)}.sv-nr.ok .sv-ds .b{opacity:1;transform:none}
html:not(.hx-js) .sv-nr .sv-ds .a{opacity:0}html:not(.hx-js) .sv-nr .sv-ds .b{opacity:1;transform:none}
/* the three promises, on the deep band */
.sv-cep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);max-width:1100px;margin:clamp(40px,5vw,64px) auto 0}@media (max-width:640px){.sv-cep{gap:clamp(16.2px,3vw,36px);margin:clamp(36px,5vw,57.6px) auto 0}}
.sv-cep>div{position:relative;display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}@media (max-width:640px){.sv-cep>div{gap:9px;padding-top:19.8px}}
.sv-cep>div::before{content:"";position:absolute;left:0;top:-1px;width:56px;height:2px;background:#fff}@media (max-width:640px){.sv-cep>div::before{width:50.4px}}
.sv-cep i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff}@media (max-width:640px){.sv-cep i{width:39.6px;height:39.6px;border-radius:11.7px}}
.sv-cep b{font:600 clamp(21px,2vw,26px)/1.15 var(--f-display);letter-spacing:-.03em;color:#fff}@media (max-width:640px){.sv-cep b{font:600 clamp(18.9px,2vw,23.4px)/1.15 var(--f-display)}}
.sv-cep span{font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.92);max-width:34ch}@media (max-width:640px){.sv-cep span{font-size:14.85px}}
html.hx-js #sv-ce .sv-cep>div::before{width:0;transition:width .9s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i,0)*.12s)}
html.hx-js #sv-ce.on .sv-cep>div::before{width:56px}@media (max-width:640px){html.hx-js #sv-ce.on .sv-cep>div::before{width:50.4px}}
@media (max-width:980px){.sv-nrb{grid-template-columns:minmax(0,1fr)}.sv-nrf .sv-fi:nth-of-type(n+4){display:none}.sv-cep{grid-template-columns:minmax(0,1fr);max-width:560px}}
@media (max-width:640px){.sv-nrt{padding:11px 14px}@media (max-width:640px){.sv-nrt{padding:9.9px 12.6px}}.sv-nrt .sv-edr{display:none}.sv-nrb{padding:10px;gap:10px}@media (max-width:640px){.sv-nrb{padding:9px;gap:9px}}.sv-nrd{padding:14px}@media (max-width:640px){.sv-nrd{padding:12.6px}}
  .sv-nrtb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch}.sv-nrtb button{text-align:center;padding:8px 6px}@media (max-width:640px){.sv-nrtb button{padding:7.2px 5.4px}}
  .sv-nrp{min-height:300px}@media (max-width:640px){.sv-nrp{min-height:270px}}.sv-nrx{width:100%}.sv-nrx span{flex:1;text-align:center;padding:9px 10px}@media (max-width:640px){.sv-nrx span{padding:8.1px 9px}}}
@media (max-width:420px){.sv-nrt .sv-edm{display:none}.sv-nrt .sv-edl{font-size:13px;gap:8px}@media (max-width:640px){.sv-nrt .sv-edl{gap:7.2px}}}

/* ============ 6 what it writes ============ */
.sv-cw3{--g:clamp(16px,2vw,28px);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);padding-top:40px}@media (max-width:640px){.sv-cw3{--g:clamp(14.4px,2vw,25.2px);padding-top:36px}}
.sv-cw3::before,.sv-cw3::after{content:"";position:absolute;top:13px;left:calc((100% - 2*var(--g))/6);right:calc((100% - 2*var(--g))/6);height:2px;border-radius:2px;background:var(--line)}@media (max-width:640px){.sv-cw3::before,.sv-cw3::after{top:11.7px}}
.sv-cw3::after{background:var(--green);transform-origin:left;transition:transform 1.6s cubic-bezier(.6,0,.2,1) .2s}
html.hx-js .sv-cw3:not(.go)::after{transform:scaleX(0)}
.sv-cwc{position:relative;display:grid;gap:12px;align-content:start;padding:22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.sv-cwc{gap:10.8px;padding:19.8px;border-radius:21.6px}}
.sv-cwc::before{content:"";position:absolute;top:-34px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--surface);border:3px solid var(--green);box-sizing:border-box;transition:background .4s calc(.3s + var(--j)*.6s)}@media (max-width:640px){.sv-cwc::before{top:-30.6px;width:14.4px;height:14.4px;margin-left:-7.2px}}
.sv-cw3.go .sv-cwc::before{background:var(--green)}
.sv-cwh{display:flex;align-items:center;gap:12px;padding-bottom:4px}@media (max-width:640px){.sv-cwh{gap:10.8px;padding-bottom:3.6px}}
.sv-cwh i{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-strong)}@media (max-width:640px){.sv-cwh i{width:39.6px;height:39.6px;border-radius:11.7px}}
.sv-cwh span{display:grid;gap:2px}
.sv-cwh b{font:600 22px/1.15 var(--f-display);letter-spacing:-.03em;color:var(--ink)}@media (max-width:640px){.sv-cwh b{font:600 19.8px/1.15 var(--f-display)}}
.sv-cwh small{font-size:15px;color:var(--body)}@media (max-width:640px){.sv-cwh small{font-size:14px}}
.sv-cwi{display:grid;gap:5px;padding:14px 16px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}@media (max-width:640px){.sv-cwi{gap:4.5px;padding:12.6px 14.4px;border-radius:13.5px}}
.sv-cwi small{justify-self:start;font:700 12px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--green-strong)}
.sv-cwi p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink)}@media (max-width:640px){.sv-cwi p{font-size:14px}}
html.hx-js .sv-cw3:not(.go) .sv-cwi{opacity:0;transform:translateY(12px)}@media (max-width:640px){html.hx-js .sv-cw3:not(.go) .sv-cwi{transform:translateY(10.8px)}}
html.hx-js .sv-cw3 .sv-cwi{transition:opacity .5s calc(.3s + var(--k)*.13s),transform .6s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--k)*.13s)}
.sv-cwl{margin:clamp(32px,4vw,48px) auto 0;text-align:center;font:600 clamp(19px,1.8vw,23px)/1.4 var(--f-display);letter-spacing:-.02em;color:var(--ink);max-width:46ch;text-wrap:balance}@media (max-width:640px){.sv-cwl{margin:clamp(28.8px,4vw,43.2px) auto 0;font:600 clamp(17.1px,1.8vw,20.7px)/1.4 var(--f-display)}}
.sv-cwl b{color:var(--green)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sv-cwl b,:root:not([data-theme="light"]) .sv-cwi small,:root:not([data-theme="light"]) .sv-xb small{color:var(--green)}}
:root[data-theme="dark"] .sv-cwl b,:root[data-theme="dark"] .sv-cwi small,:root[data-theme="dark"] .sv-xb small{color:var(--green)}
@media (max-width:980px){.sv-cw3{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;padding-top:0;padding-left:34px}@media (max-width:640px){.sv-cw3{padding-left:30.6px}}
  .sv-cw3::before,.sv-cw3::after{top:8px;bottom:8px;left:7px;right:auto;width:2px;height:auto}@media (max-width:640px){.sv-cw3::before,.sv-cw3::after{top:7.2px;bottom:7.2px;left:6.3px}}
  .sv-cw3::after{transform-origin:top}html.hx-js .sv-cw3:not(.go)::after{transform:scaleY(0)}
  .sv-cwc::before{top:24px;left:-34px;margin-left:0}@media (max-width:640px){.sv-cwc::before{top:21.6px;left:-30.6px}}}

/* ============ 7 Studio: what it does ============ */
#sm-view.cn .sv-sta2{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,5vw,80px);align-items:center}@media (max-width:640px){#sm-view.cn .sv-sta2{gap:clamp(32.4px,5vw,72px)}}
#sm-view.cn .sv-stt .cn-hd{margin-bottom:30px}@media (max-width:640px){#sm-view.cn .sv-stt .cn-hd{margin-bottom:27px}}
.sv-stl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:640px){.sv-stl{gap:12.6px}}
.sv-stl li{display:grid;gap:8px;align-content:start;padding:18px 18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.sv-stl li{gap:7.2px;padding:16.2px 16.2px 18px;border-radius:18px}}
.sv-stl i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--green-strong);color:#fff}@media (max-width:640px){.sv-stl i{width:37.8px;height:37.8px;border-radius:10.8px}}
.sv-stl b{font:700 17.5px/1.25 var(--f-display);letter-spacing:-.015em;color:var(--ink)}@media (max-width:640px){.sv-stl b{font:700 15.75px/1.25 var(--f-display)}}
.sv-stl span{font-size:15px;line-height:1.5;color:var(--body)}@media (max-width:640px){.sv-stl span{font-size:14px}}
.sv-stv{position:relative;padding-bottom:30px}@media (max-width:640px){.sv-stv{padding-bottom:27px}}
#sm-view .sv-stv .s-tv{position:relative;left:auto;top:0;width:100%}
html.hx-js #sv-st:not(.on) .sv-stl li{opacity:0;transform:translateY(14px)}@media (max-width:640px){html.hx-js #sv-st:not(.on) .sv-stl li{transform:translateY(12.6px)}}
html.hx-js #sv-st .sv-stl li{transition:opacity .6s calc(.5s + var(--i)*.1s),transform .7s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--i)*.1s)}
html.hx-js #sv-st:not(.on) .sv-stv{opacity:0;transform:translateY(24px) scale(.97)}@media (max-width:640px){html.hx-js #sv-st:not(.on) .sv-stv{transform:translateY(21.6px) scale(.97)}}
html.hx-js #sv-st .sv-stv{transition:opacity .8s .3s,transform .9s cubic-bezier(.2,.8,.2,1) .3s}
@media (max-width:980px){#sm-view.cn .sv-sta2{grid-template-columns:minmax(0,1fr)}.sv-stv{order:-1;max-width:680px;width:100%;justify-self:center}}
@media (max-width:520px){.sv-stl{grid-template-columns:minmax(0,1fr)}.sv-stl li{grid-template-columns:auto minmax(0,1fr);column-gap:14px}@media (max-width:640px){.sv-stl li{column-gap:12.6px}}.sv-stl li i{grid-row:1/3}}

/* ============ 8 Studio, step by step: the old panel on the deep band ============ */
#s-studio .s-steps{margin-bottom:22px}@media (max-width:640px){#s-studio .s-steps{margin-bottom:19.8px}}
#s-studio .s-steps button{border-color:rgba(255,255,255,.16)}
#s-studio .s-steps button[aria-pressed="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}
#s-studio .s-steps button[aria-pressed="true"] i{background:#fff;color:#024a1b}
#s-studio .s-steps button.dn i{background:rgba(255,255,255,.28)}
#s-studio .s-prog{background:#fff}
#s-studio .s-steps button:focus-visible{outline-color:#fff}

/* ============ 9 why it matters ============ */
.sv-hubc{gap:3px}@media (max-width:640px){.sv-hubc{gap:2.7px}}
.sv-hubc .sv-kt{width:34px;height:34px;font-size:21px;margin-bottom:2px}@media (max-width:640px){.sv-hubc .sv-kt{width:30.6px;height:30.6px;font-size:18.9px}}
.sv-hubc b{font-size:14px}
.sv-hubc small{max-width:12ch;line-height:1.25}
#sv-hub .cn-av{width:42px;height:42px;background:var(--c);color:#06260f;font:800 16px var(--f-display)}@media (max-width:640px){#sv-hub .cn-av{width:37.8px;height:37.8px;font:800 14.4px var(--f-display)}}
@media (max-width:560px){#sv-hub .cn-av{width:34px;height:34px;font-size:14px}@media (max-width:640px){#sv-hub .cn-av{width:30.6px;height:30.6px}}}

/* ============ 10 a new revenue channel, on the light band ============ */
#s-rev .s-rv{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}@media (max-width:640px){#s-rev .s-rv{gap:clamp(16.2px,2.4vw,25.2px)}}
#s-rev .s-rc{max-width:none;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh);border-radius:26px}@media (max-width:640px){#s-rev .s-rc{border-radius:23.4px}}
#s-rev .s-rch small{color:var(--green-strong)}
#s-rev .s-rch b{color:var(--ink);font-size:21px}@media (max-width:640px){#s-rev .s-rch b{font-size:18.9px}}
#s-rev .s-rc>p{color:var(--body);font-size:16px}@media (max-width:640px){#s-rev .s-rc>p{font-size:14.4px}}
#s-rev .s-pi{background:var(--green-soft);color:var(--green-strong)}
#s-rev .s-fc{box-shadow:0 14px 30px rgba(10,20,40,.16)}
#s-rev .s-pl b{color:var(--ink)}
#s-rev .s-pl span{color:var(--body)}
#s-rev .s-pl i{background:#fdf0cc;color:#6b4600}
#s-rev .s-pl li.on{background:var(--surface-2)}
#s-rev .s-pl li.on i{background:#f2c14e;color:#1a1206}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #s-rev .s-pl i{background:rgba(242,193,78,.18);color:#ffd987}:root:not([data-theme="light"]) #s-rev .s-rch small{color:var(--green)}}
:root[data-theme="dark"] #s-rev .s-pl i{background:rgba(242,193,78,.18);color:#ffd987}:root[data-theme="dark"] #s-rev .s-rch small{color:var(--green)}
.sv-ad{margin-top:clamp(36px,4.4vw,56px)}@media (max-width:640px){.sv-ad{margin-top:clamp(32.4px,4.4vw,50.4px)}}
.sv-ad h3{margin:0 0 18px;font:600 clamp(24px,2.3vw,30px)/1.1 var(--f-display);letter-spacing:-.035em;color:var(--ink);text-align:center}@media (max-width:640px){.sv-ad h3{margin:0 0 16.2px;font:600 clamp(21.6px,2.3vw,27px)/1.1 var(--f-display)}}
.sv-adg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:640px){.sv-adg{gap:12.6px}}
.sv-adc{display:grid;gap:8px;align-content:start;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.sv-adc{gap:7.2px;padding:18px;border-radius:18px}}
.sv-adc i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f2c14e;color:#1a1206;font:800 14px var(--f-display);font-style:normal}@media (max-width:640px){.sv-adc i{width:28.8px;height:28.8px}}
.sv-adc b{font:700 18px/1.25 var(--f-display);letter-spacing:-.015em;color:var(--ink)}@media (max-width:640px){.sv-adc b{font:700 16.2px/1.25 var(--f-display)}}
.sv-adc span{font-size:15px;line-height:1.5;color:var(--body)}@media (max-width:640px){.sv-adc span{font-size:14px}}
.sv-adl{margin:28px auto 0;text-align:center;font:600 18px/1.45 var(--f-display);color:var(--ink);max-width:60ch;text-wrap:balance}@media (max-width:640px){.sv-adl{margin:25.2px auto 0;font:600 16.2px/1.45 var(--f-display)}}
.sv-adl b{color:var(--green)}
html.hx-js #s-rev:not(.on) .sv-adc{opacity:0;transform:translateY(14px)}@media (max-width:640px){html.hx-js #s-rev:not(.on) .sv-adc{transform:translateY(12.6px)}}
html.hx-js #s-rev .sv-adc{transition:opacity .6s calc(.4s + var(--i)*.1s),transform .7s cubic-bezier(.2,.8,.2,1) calc(.4s + var(--i)*.1s)}
@media (max-width:980px){#s-rev .s-rv{grid-template-columns:minmax(0,1fr)}#s-rev .s-rc{max-width:720px;margin-inline:auto}.sv-adg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sv-adg{grid-template-columns:minmax(0,1fr)}}

/* ============ 11 book a demo ============ */
#sm-view .cn-ctas .hx-fin h2{font-size:clamp(34px,4.6vw,60px);line-height:1.08}@media (max-width:640px){#sm-view .cn-ctas .hx-fin h2{font-size:clamp(30.6px,4.6vw,54px)}}
#sm-view .cn-ctas .hx-fin h2 em{font-style:normal}

@media (prefers-reduced-motion:reduce){.sv-oec::before,.sv-oec::after,.sv-xc::before,.sv-edm>i,.sv-tally i,.sv-lv i,.sv-ltv i,.sv-lvb i,.sv-xon i{animation:none!important}}
/* studio console, phone: match cards wide enough for "Live 63'" + "Suggested" */
#sm-view .s-cm .f{white-space:nowrap;color:#4a5670}
@media (max-width:860px){#sm-view .s-cm{flex-basis:205px}@media (max-width:640px){#sm-view .s-cm{flex-basis:184.5px}}}
/* phone: a shorter assistant, so the three screens are about one screen tall */
@media (max-width:640px){#sm-view .sv-reel{--hbh:540px}@media (max-width:640px){#sm-view .sv-reel{--hbh:486px}}
  /* the site keeps its news under the story, and the assistant rises over it as a sheet, the way it opens on a phone */
  #sm-view .sv-k1 .hc-site{position:relative;min-height:calc(var(--hbh) + 60px);overflow:hidden}@media (max-width:640px){#sm-view .sv-k1 .hc-site{min-height:calc(var(--hbh) + 54px)}}
  #sm-view .sv-k1 .hc-nw{display:grid;margin-top:10px}@media (max-width:640px){#sm-view .sv-k1 .hc-nw{margin-top:9px}}
  #sm-view .sv-k1 .hb-dock.hc-dock{position:absolute;left:0;right:0;bottom:0;width:auto;margin:0}
  #sm-view .sv-k1 .hc-dock .hb-w{border-radius:20px 20px 0 0;box-shadow:0 -18px 40px rgba(11,22,48,.28)}@media (max-width:640px){#sm-view .sv-k1 .hc-dock .hb-w{border-radius:18px 18px 0 0}}
  html.hx-js #sm-view .sv-k1:not(.s3) .hb-wc{transform:translateY(40%)}
  #sm-view .sv-k1 .hb-wc{transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
}
/* no language picker in the Studio console: the copy says multilingual instead */
#sm-view .s-clang{display:none}
/* hero label: product names, then the audience; on phones the audience takes its own line */
.sv-pill em{font-style:normal}
@media (max-width:640px){.sv-pill{padding:9px 16px;border-radius:18px;text-align:center}@media (max-width:640px){.sv-pill{padding:8.1px 14.4px;border-radius:16.2px}}.sv-pill>i,.sv-pill em{display:none}
  .sv-pt{display:grid;justify-items:center;gap:1px;font-size:13.5px}.sv-pt>span:first-child{font-weight:700}}
/* hero, text only (Batu 15 Oct: the three experiences are shown further down) */
#sm-view .sv-hero .hx-hw{min-height:min(70svh,680px);align-content:center;padding-block:clamp(24px,4vh,48px) clamp(72px,11vh,130px)}@media (max-width:640px){#sm-view .sv-hero .hx-hw{min-height:min(70svh,612px);padding-block:clamp(21.6px,4vh,43.2px) clamp(64.8px,11vh,117px)}}
#sm-view .sv-hero .hx-hc{display:grid;justify-items:center;max-width:900px;margin-inline:auto;text-align:center}
#sm-view .sv-hero .hx-lede{max-width:60ch;margin-inline:auto}
html.hx-js #sm-view .sv-hero .hx-hc>*{animation:bnfIn .9s cubic-bezier(.2,.8,.2,1) both}
#sm-view .sv-hero .hx-hc>:nth-child(2){animation-delay:.18s}#sm-view .sv-hero .hx-hc>:nth-child(3){animation-delay:.42s}#sm-view .sv-hero .hx-hc>:nth-child(4){animation-delay:.6s}
@media (max-width:640px){#sm-view .sv-hero .hx-hw{min-height:0;padding-block:40px 64px}@media (max-width:640px){#sm-view .sv-hero .hx-hw{padding-block:36px 57.6px}}}
/* product tag on both sections of a product (Batu 15 Oct) */
.sv-pt2{display:inline-flex;width:fit-content;max-width:100%;align-items:center;gap:10px;margin-bottom:16px;padding:7px 16px 7px 7px;border-radius:999px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--green) 35%,var(--line));box-shadow:var(--cn-sh);font:700 16px var(--f-display);color:var(--ink);letter-spacing:-.01em}@media (max-width:640px){.sv-pt2{gap:9px;margin-bottom:14.4px;padding:6.3px 14.4px 6.3px 6.3px;border-radius:899.1px;font:700 14.4px var(--f-display)}}
.sv-pt2>i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}@media (max-width:640px){.sv-pt2>i{width:28.8px;height:28.8px}}
.sv-pt2 em{font-style:normal;font-weight:600;color:var(--green-strong);padding-left:10px;border-left:1.5px solid var(--line)}@media (max-width:640px){.sv-pt2 em{padding-left:9px}}
.sv-pd{display:inline-flex;gap:4px;margin-left:2px}@media (max-width:640px){.sv-pd{gap:3.6px}}.sv-pd i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--green) 25%,transparent)}@media (max-width:640px){.sv-pd i{width:6.3px;height:6.3px}}.sv-pd i.on{background:var(--green)}
.cn-bd .sv-pt2{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);box-shadow:none;color:#fff}
.cn-bd .sv-pt2>i{background:#fff;color:#024a1b}
.cn-bd .sv-pt2 em{color:#fff;border-left-color:rgba(255,255,255,.3)}
.cn-bd .sv-pd i{background:rgba(255,255,255,.35)}.cn-bd .sv-pd i.on{background:#fff}
@media (max-width:420px){.sv-pt2{font-size:14px;gap:8px;padding-right:12px}@media (max-width:640px){.sv-pt2{gap:7.2px;padding-right:10.8px}}.sv-pt2 em{padding-left:8px}@media (max-width:640px){.sv-pt2 em{padding-left:7.2px}}}

/* one-engine cards: option A, picked by Batu on 15 Oct (power flows from the engine) */
@keyframes vaPop{from{opacity:0;transform:scale(.88)}}
@keyframes vaDrawY{from{transform:scaleY(0)}}
@keyframes vaDrawX{from{transform:scaleX(0)}}
@keyframes vaDot{from{transform:scale(0)}}
@keyframes vaDrop{from{opacity:0;transform:translateY(-28px) scale(.96)}}
@keyframes vaWake{from{filter:brightness(.15) saturate(0)}}
@keyframes vaUp{from{opacity:0;transform:translateY(10px)}}
html.hx-js #sv-one[data-v] :is(.sv-oeg,.sv-xc,.sv-xm,.sv-xb>*){transition:none}
html.hx-js #sv-one[data-v] :is(.sv-oec,.sv-xc)::before,html.hx-js #sv-one[data-v] :is(.sv-oec,.sv-xc)::after{transition:none}
html.hx-js #sv-one[data-v]:not(.go) .sv-oeg,html.hx-js #sv-one[data-v]:not(.go) .sv-xc{opacity:0;transform:none}

/* A · power flows from the engine: the lines draw down and out, each card arrives where its line lands */
html.hx-js #sv-one[data-v="a"].go .sv-oeg{animation:vaPop .7s cubic-bezier(.3,1.4,.5,1) .1s backwards}
html.hx-js #sv-one[data-v="a"]:not(.go) :is(.sv-oec,.sv-xc)::before,html.hx-js #sv-one[data-v="a"]:not(.go) :is(.sv-oec,.sv-xc)::after{opacity:0}
html.hx-js #sv-one[data-v="a"].go .sv-oec::after{transform-origin:top;animation:vaDrawY .4s .6s cubic-bezier(.5,0,.5,1) backwards,svFlowY 1.2s linear 2.4s infinite}
html.hx-js #sv-one[data-v="a"].go .sv-oec::before{transform-origin:center;animation:vaDrawX .55s 1s cubic-bezier(.5,0,.3,1) backwards,svFlowX 1.2s linear 2.4s infinite}
html.hx-js #sv-one[data-v="a"].go .sv-xc::before{transform-origin:top;animation:vaDrawY .3s calc(1.45s + var(--o)*.12s) ease-out backwards,svFlowY 1.2s linear 2.4s infinite}
html.hx-js #sv-one[data-v="a"].go .sv-xc::after{animation:vaDot .4s calc(1.7s + var(--o)*.12s) cubic-bezier(.3,1.8,.5,1) backwards}
html.hx-js #sv-one[data-v="a"].go .sv-xc{animation:vaDrop .8s calc(1.65s + var(--o)*.12s) cubic-bezier(.2,.8,.2,1) backwards}
html.hx-js #sv-one[data-v="a"].go .sv-xm{animation:vaWake .9s calc(1.95s + var(--o)*.12s) ease-out backwards}
html.hx-js #sv-one[data-v="a"].go .sv-xb>*{animation:vaUp .5s calc(2.1s + var(--o)*.12s + var(--q)*.08s) ease-out backwards}

/* one column: the cards arrive top to bottom */
@media (max-width:980px){#sv-one[data-v] .sv-xc{--o:var(--j)!important}}
/* rich answers in a real phone (Batu 15 Oct: the wide panel did not read as a phone) */
#sm-view #sv-ax{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(28px,5vw,72px)}@media (max-width:640px){#sm-view #sv-ax{gap:clamp(25.2px,5vw,64.8px)}}
#sm-view .sv-axp{display:grid;justify-items:center}
#sm-view .sv-axph{--pw:368px}@media (max-width:640px){#sm-view .sv-axph{--pw:331.2px}}
#sm-view .sv-axph .c-ips{display:flex;flex-direction:column}
#sm-view .sv-axph .sv-axw{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:0;box-shadow:none;font-size:13px}
#sm-view .sv-axph .cn-axa{flex:1;min-height:0;overflow:hidden}
#sm-view .sv-axph .c-sbar{color:#fff}
#sm-view .sv-axph .cw-in{margin:8px 12px 14px}@media (max-width:640px){#sm-view .sv-axph .cw-in{margin:7.2px 10.8px 12.6px}}
#sm-view .sv-axw .sv-ab>div{padding-block:1px}
#sm-view .sv-axw .sv-apc{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){#sm-view #sv-ax{grid-template-columns:minmax(0,1fr)}#sm-view .sv-axph{--pw:340px}@media (max-width:640px){#sm-view .sv-axph{--pw:306px}}}
#sm-view .sv-axph .sv-ab{gap:5px}@media (max-width:640px){#sm-view .sv-axph .sv-ab{gap:4.5px}}
#sm-view .sv-axph .sv-ab>div{font-size:12.5px;gap:2px 8px;padding:0}@media (max-width:640px){#sm-view .sv-axph .sv-ab>div{gap:2px 7.2px}}
#sm-view .sv-axph .sv-ab span{font-size:11.5px}
#sm-view .sv-axph .sv-ab i{height:4px}@media (max-width:640px){#sm-view .sv-axph .sv-ab i{height:3.6px}}
#sm-view .sv-axph .cw-c{padding:9px 11px}@media (max-width:640px){#sm-view .sv-axph .cw-c{padding:8.1px 9.9px}}
#sm-view .sv-axph .cn-r{gap:8px}@media (max-width:640px){#sm-view .sv-axph .cn-r{gap:7.2px}}
#sm-view .sv-axph .c-h2h span{font-size:9.5px;letter-spacing:.02em;overflow-wrap:anywhere}
#sm-view .sv-mt{display:block;font-weight:600;color:var(--ink,#141a2b);margin-bottom:6px}@media (max-width:640px){#sm-view .sv-mt{margin-bottom:5.4px}}
/* section reveal */
#sm-view.sv-rvon .sv-ru{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--ri,0)*.11s)}@media (max-width:640px){#sm-view.sv-rvon .sv-ru{transform:translateY(28.8px)}}
#sm-view.sv-rvon .sv-ru.in{opacity:1;transform:none}
/* revenue, rebuilt at reading size (Batu 15 Oct) */
#s-rev .rv2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);align-items:stretch}@media (max-width:640px){#s-rev .rv2{gap:clamp(16.2px,2.4vw,25.2px)}}
#s-rev .rv-c{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(22px,2.6vw,34px);border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){#s-rev .rv-c{gap:12.6px;padding:clamp(19.8px,2.6vw,30.6px);border-radius:25.2px}}
#s-rev .rv-c>p{margin:0;font-size:16px;line-height:1.55;color:var(--body);max-width:52ch}@media (max-width:640px){#s-rev .rv-c>p{font-size:14.4px}}
.rv-lo{display:inline-grid;place-items:center;flex:none}.rv-lo svg{width:20px;height:20px}@media (max-width:640px){.rv-lo svg{width:18px;height:18px}}
.rv-lo[data-k="nw"] path{fill:#e0a526}
.rv-lo[data-k="bp"] path{fill:none;stroke:#1f8fd1;stroke-width:2.6;stroke-linecap:round}
.rv-lo[data-k="ka"] path{fill:#f06a3a}
.rv-gb .rv-lo[data-k="bp"] path{stroke:#7fd6ff}.rv-gb .rv-lo[data-k="ka"] path{fill:#ff8a5c}
.rv-gs{flex:1;display:grid;gap:20px;align-content:center;margin-top:8px}@media (max-width:640px){.rv-gs{gap:18px;margin-top:7.2px}}
.rv-g{display:grid;gap:9px;min-width:0}@media (max-width:640px){.rv-g{gap:8.1px}}
.rv-gl{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}@media (max-width:640px){.rv-gl{gap:3.6px 9px}}
.rv-gl b{font:800 13px/1.2 var(--f-display);letter-spacing:.09em;text-transform:uppercase;color:var(--green-strong)}
.rv-gl span{font-size:15px;line-height:1.4;color:var(--body)}@media (max-width:640px){.rv-gl span{font-size:14px}}
.rv-gb{display:grid;align-items:center;column-gap:16px;min-height:80px;border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(100deg,#3388e8,#1b4fae);box-shadow:0 14px 28px -18px rgba(15,40,90,.7)}@media (max-width:640px){.rv-gb{column-gap:14.4px;min-height:72px;border-radius:10.8px}}
.rv-gk{grid-template-columns:auto auto minmax(0,1fr) auto}
.rv-gm,.rv-gi{grid-template-columns:auto minmax(0,1fr) auto}
.rv-ini{align-self:stretch;display:grid;place-items:center;width:62px;background:#0e1d3c;font:800 25px/1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.04em}@media (max-width:640px){.rv-ini{width:55.8px;font:800 22.5px/1 "Barlow Condensed",var(--f-display),sans-serif}}
.rv-n{font:800 44px/1 "Barlow Condensed",var(--f-display),sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:640px){.rv-n{font:800 39.6px/1 "Barlow Condensed",var(--f-display),sans-serif}}
.rv-n em{font-style:normal;opacity:.75;margin-inline:2px}
.rv-gi .rv-n,.rv-gm .rv-t{padding-left:20px}@media (max-width:640px){.rv-gi .rv-n,.rv-gm .rv-t{padding-left:18px}}
.rv-t{display:grid;gap:4px;min-width:0;padding-block:13px}@media (max-width:640px){.rv-t{gap:3.6px;padding-block:11.7px}}
.rv-t b{font:800 19px/1.1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}@media (max-width:640px){.rv-t b{font:800 17.1px/1.1 "Barlow Condensed",var(--f-display),sans-serif}}
.rv-t small{font-size:13.5px;line-height:1.3;font-weight:600;color:#fff}
.rv-mb{display:grid;grid-template-columns:auto minmax(36px,1fr) auto;align-items:center;gap:10px;padding-block:13px;min-width:0}@media (max-width:640px){.rv-mb{grid-template-columns:auto minmax(32.4px,1fr) auto;gap:9px;padding-block:11.7px}}
.rv-mb>span{display:flex;align-items:center;gap:7px}@media (max-width:640px){.rv-mb>span{gap:6.3px}}
.rv-mb b{font:800 24px/1 "Barlow Condensed",var(--f-display),sans-serif}@media (max-width:640px){.rv-mb b{font:800 21.6px/1 "Barlow Condensed",var(--f-display),sans-serif}}
.rv-mb>i{height:8px;border-radius:99px;background:linear-gradient(90deg,#fff var(--a),rgba(255,255,255,.3) var(--a))}@media (max-width:640px){.rv-mb>i{height:7.2px;border-radius:89.1px}}
.rv-sp{align-self:stretch;display:grid;align-content:center;gap:6px;padding:12px 18px;background:#0e1d3c;min-width:128px}@media (max-width:640px){.rv-sp{gap:5.4px;padding:10.8px 16.2px;min-width:115.2px}}
.rv-sp small{font:800 10.5px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#f2b84b}
.rv-sp>span{display:flex;align-items:center;gap:8px}@media (max-width:640px){.rv-sp>span{gap:7.2px}}
.rv-sp b{display:grid;gap:3px;font:700 16px/1 var(--f-display);color:#fff}@media (max-width:640px){.rv-sp b{gap:2.7px;font:700 14.4px/1 var(--f-display)}}
.rv-sp b em{font:700 9.5px/1 var(--f-display);letter-spacing:.26em;text-transform:uppercase;font-style:normal;color:#fff}
.rv-on{flex:1;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;align-items:center;margin-top:8px}@media (max-width:640px){.rv-on{grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:19.8px;margin-top:7.2px}}
.rv-ph{display:flex;flex-direction:column;border-radius:32px;border:8px solid #10161f;background:#fff;overflow:hidden;box-shadow:0 24px 48px -26px rgba(16,22,31,.55);color:#1b2130;font-size:14px}@media (max-width:640px){.rv-ph{border-radius:28.8px}}
.rv-pt{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:16px 16px 12px;border-bottom:1px solid #e3e8ef}@media (max-width:640px){.rv-pt{column-gap:9px;padding:14.4px 14.4px 10.8px}}
.rv-k{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#2f7fe0;color:#fff;display:grid;place-items:center;font:800 17px/1 var(--f-display)}@media (max-width:640px){.rv-k{width:30.6px;height:30.6px;border-radius:8.1px;font:800 15.3px/1 var(--f-display)}}
.rv-pt b{font:700 15px/1.2 var(--f-display)}@media (max-width:640px){.rv-pt b{font:700 14px/1.2 var(--f-display)}}.rv-pt small{font-size:12.5px;font-weight:600;color:#2563c9}
.rv-pp{position:relative;transition:box-shadow .35s,background .35s}
.rv-pn{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#f2b84b;color:#1b2130;font:800 12px/22px var(--f-display);text-align:center;font-style:normal;box-shadow:0 0 0 3px #fff}@media (max-width:640px){.rv-pn{top:-8.1px;right:-8.1px;width:19.8px;height:19.8px;font:800 12px/19.8px var(--f-display)}}
.rv-pow{display:flex;align-items:center;gap:10px;padding:10px 44px 10px 16px;background:#fff6e2;border-bottom:1px solid #f1dfb6}@media (max-width:640px){.rv-pow{gap:9px;padding:9px 39.6px 9px 14.4px}}
.rv-pow small{font:800 10.5px/1 var(--f-display);letter-spacing:.13em;text-transform:uppercase;color:#6b5418}
.rv-pow>span{display:flex;align-items:center;gap:6px}@media (max-width:640px){.rv-pow>span{gap:5.4px}}.rv-pow b{font:700 14px/1 var(--f-display)}
.rv-pow .rv-pn{top:50%;right:14px;margin-top:-11px;box-shadow:none}@media (max-width:640px){.rv-pow .rv-pn{right:12.6px;margin-top:-9.9px}}
.rv-pb{display:grid;gap:12px;padding:16px}@media (max-width:640px){.rv-pb{gap:10.8px;padding:14.4px}}
.rv-me{justify-self:end;max-width:86%;background:#2f7fe0;color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;font-weight:600;line-height:1.35}@media (max-width:640px){.rv-me{border-radius:14.4px 14.4px 3.6px 14.4px;padding:9px 12.6px}}
.rv-op{margin:0;line-height:1.5}.rv-op b{color:#2563c9}
.rv-ban{display:grid;gap:5px;padding:11px 13px;border:1px solid #efd7a2;background:#fffaf0;border-radius:12px}@media (max-width:640px){.rv-ban{gap:4.5px;padding:9.9px 11.7px;border-radius:10.8px}}
.rv-ban em{font:800 10.5px/1 var(--f-display);letter-spacing:.13em;text-transform:uppercase;font-style:normal;color:#6b5418}
.rv-ban>span{display:flex;align-items:center;gap:6px}@media (max-width:640px){.rv-ban>span{gap:5.4px}}.rv-ban b{font:700 14.5px/1.2 var(--f-display)}@media (max-width:640px){.rv-ban b{font:700 14px/1.2 var(--f-display)}}
.rv-ban p{margin:0;font-size:13.5px;line-height:1.4;color:#434b5a}
.rv-chips{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.rv-chips{gap:7.2px}}
.rv-chips>span{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #2f7fe0;color:#2563c9;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}@media (max-width:640px){.rv-chips>span{gap:5.4px;border-radius:89.1px;padding:5.4px 10.8px}}
.rv-sq .rv-lo svg{width:15px;height:15px}@media (max-width:640px){.rv-sq .rv-lo svg{width:13.5px;height:13.5px}}
.rv-sq em{font:800 9.5px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:#6b5418;margin-left:2px}
.rv-wt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f1f4f8;font-size:13.5px;line-height:1.35;color:#434b5a}@media (max-width:640px){.rv-wt{gap:9px;padding:9px 10.8px;border-radius:10.8px}}
.rv-wt b{color:#1b2130}
.rv-in{display:flex;align-items:center;justify-content:space-between;margin:0 12px 12px;padding:9px 9px 9px 16px;border:1px solid #dde3ec;border-radius:99px;font-size:13.5px;color:#434b5a}@media (max-width:640px){.rv-in{margin:0 10.8px 10.8px;padding:8.1px 8.1px 8.1px 14.4px;border-radius:89.1px}}
.rv-in i{width:28px;height:28px;border-radius:50%;background:#2f7fe0;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700}@media (max-width:640px){.rv-in i{width:25.2px;height:25.2px}}
#s-pw[data-on="1"] [data-p="1"],#s-pw[data-on="2"] [data-p="2"],#s-pw[data-on="3"] [data-p="3"],#s-pw[data-on="4"] [data-p="4"]{box-shadow:0 0 0 2.5px #f2b84b,0 0 0 7px rgba(242,184,75,.22)}
#s-pw[data-on="1"] .rv-pow{box-shadow:inset 0 0 0 2.5px #f2b84b}
#sm-view #s-rev .rv-pl{list-style:none;margin:0;padding:0;display:grid;gap:6px}@media (max-width:640px){#sm-view #s-rev .rv-pl{gap:5.4px}}
#sm-view #s-rev .rv-pl li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:11px 12px;border-radius:14px;background:none;opacity:1;transition:background .35s}@media (max-width:640px){#sm-view #s-rev .rv-pl li{grid-template-columns:25.2px minmax(0,1fr);column-gap:10.8px;padding:9.9px 10.8px;border-radius:12.6px}}
#sm-view #s-rev .rv-pl li.on{background:#fff3d6}
#sm-view #s-rev .rv-pl i{grid-row:1/3;width:26px;height:26px;border-radius:50%;background:#f2b84b;color:#1b2130;font:800 13px/26px var(--f-display);text-align:center;font-style:normal}@media (max-width:640px){#sm-view #s-rev .rv-pl i{width:23.4px;height:23.4px;font:800 13px/23.4px var(--f-display)}}
#sm-view #s-rev .rv-pl b{font:700 16px/1.3 var(--f-display);color:var(--ink)}@media (max-width:640px){#sm-view #s-rev .rv-pl b{font:700 14.4px/1.3 var(--f-display)}}
#sm-view #s-rev .rv-pl span{font-size:14.5px;line-height:1.45;color:var(--body)}@media (max-width:640px){#sm-view #s-rev .rv-pl span{font-size:14px}}
@media (max-width:1180px){.rv-on{grid-template-columns:minmax(0,1fr)}.rv-ph{width:min(100%,320px);justify-self:center}@media (max-width:640px){.rv-ph{width:min(100%,288px)}}#sm-view #s-rev .rv-pl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){#s-rev .rv2{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}.rv-on{grid-template-columns:minmax(0,320px) minmax(0,1fr)}@media (max-width:640px){.rv-on{grid-template-columns:minmax(0,288px) minmax(0,1fr)}}.rv-ph{width:auto}#sm-view #s-rev .rv-pl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.rv-on{grid-template-columns:minmax(0,1fr)}.rv-ph{width:min(100%,320px)}@media (max-width:640px){.rv-ph{width:min(100%,288px)}}
  .rv-gk{grid-template-columns:auto auto minmax(0,1fr)}.rv-gm,.rv-gi{grid-template-columns:auto minmax(0,1fr)}
  .rv-gm{grid-template-columns:minmax(0,1fr)}.rv-gm .rv-t{padding-bottom:0}.rv-gm .rv-mb{padding:6px 20px 14px}@media (max-width:640px){.rv-gm .rv-mb{padding:5.4px 18px 12.6px}}
  .rv-sp{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:10px 16px}@media (max-width:640px){.rv-sp{padding:9px 14.4px}}
  .rv-n{font-size:38px}@media (max-width:640px){.rv-n{font-size:34.2px}}.rv-ini{width:54px}@media (max-width:640px){.rv-ini{width:48.6px}}.rv-gi .rv-t,.rv-gk .rv-t{padding-right:14px}@media (max-width:640px){.rv-gi .rv-t,.rv-gk .rv-t{padding-right:12.6px}}}
/* Studio what it is: a bigger screen, graphics you can read (Batu 15 Oct) */
#sm-view.cn #sv-st .sv-sta2{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,4vw,60px)}@media (max-width:640px){#sm-view.cn #sv-st .sv-sta2{gap:clamp(28.8px,4vw,54px)}}
#sv-st .sv-stl{grid-template-columns:minmax(0,1fr);gap:10px}@media (max-width:640px){#sv-st .sv-stl{gap:9px}}
#sv-st .sv-stl li{grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:3px;padding:14px 18px}@media (max-width:640px){#sv-st .sv-stl li{column-gap:12.6px;row-gap:2.7px;padding:12.6px 16.2px}}
#sv-st .sv-stl li i{grid-row:1/3}
#sv-st .s-scr .g-x{scale:var(--gz,1.14);transform-origin:50% 100%}
#sv-st .s-scr .g-strip{transform-origin:50% 0}
@media (max-width:980px){#sm-view.cn #sv-st .sv-sta2{grid-template-columns:minmax(0,1fr)}#sv-st .sv-stv{max-width:none}}

/* why it matters: today vs with Sensible Stats (Batu 15 Oct) */
.vs-t{display:grid;gap:12px;max-width:1080px;margin:clamp(28px,4vw,44px) auto 0}@media (max-width:640px){.vs-t{gap:10.8px;margin:clamp(25.2px,4vw,39.6px) auto 0}}
.vs-hd,.vs-r{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:stretch}@media (max-width:640px){.vs-hd,.vs-r{grid-template-columns:minmax(153px,.7fr) minmax(0,1fr) minmax(0,1.15fr);gap:10.8px}}
.vs-hd>span{font:800 13px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:0 22px;display:flex;align-items:center;gap:8px}@media (max-width:640px){.vs-hd>span{padding:0 19.8px;gap:7.2px}}
.vs-hd .vs-b{color:var(--green-strong)}
.vs-hd .vs-b i{width:22px;height:22px;border-radius:50%;background:var(--green-strong);display:grid;place-items:center}@media (max-width:640px){.vs-hd .vs-b i{width:19.8px;height:19.8px}}
.vs-hd .vs-b svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media (max-width:640px){.vs-hd .vs-b svg{width:12.6px;height:12.6px}}
.vs-k{display:flex;align-items:center;gap:12px;font:700 18px/1.25 var(--f-display);letter-spacing:-.01em;color:var(--ink)}@media (max-width:640px){.vs-k{gap:10.8px;font:700 16.2px/1.25 var(--f-display)}}
.vs-k i{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:#e8f4ec;color:var(--green-strong)}@media (max-width:640px){.vs-k i{width:36px;height:36px;border-radius:10.8px}}
.vs-r .vs-a,.vs-r .vs-b{display:grid;align-content:center;gap:6px;padding:18px 22px;border-radius:18px;font-size:16px;line-height:1.5}@media (max-width:640px){.vs-r .vs-a,.vs-r .vs-b{gap:5.4px;padding:16.2px 19.8px;border-radius:16.2px;font-size:14.4px}}
.vs-r .vs-a{background:var(--surface);border:1px solid var(--line);color:var(--body)}
.vs-r .vs-b{background:#eaf6ee;border:1px solid #bfe2cb;color:var(--ink);font-weight:500}
.vs-r small{display:none;font:800 11.5px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase}
.vs-r .vs-a small{color:var(--ink)}.vs-r .vs-b small{color:var(--green-strong)}
@media (max-width:860px){.vs-hd{display:none}.vs-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:6px}@media (max-width:640px){.vs-r{gap:9px;padding-top:5.4px}}.vs-k{grid-column:1/-1}.vs-r small{display:block}}
@media (max-width:560px){.vs-r{grid-template-columns:minmax(0,1fr)}.vs-t{gap:22px}@media (max-width:640px){.vs-t{gap:19.8px}}}
.vs-k>span{display:grid;gap:5px}@media (max-width:640px){.vs-k>span{gap:4.5px}}
.vs-k em{justify-self:start;font:700 11.5px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--green-strong);background:#e8f4ec;border-radius:99px;padding:5px 9px}@media (max-width:640px){.vs-k em{border-radius:89.1px;padding:4.5px 8.1px}}
.vs-r.vs-x{margin-top:10px;padding-top:22px;border-top:1px dashed #c9d6cd}@media (max-width:640px){.vs-r.vs-x{margin-top:9px;padding-top:19.8px}}
@media (max-width:860px){.vs-r.vs-x{margin-top:4px;padding-top:20px}@media (max-width:640px){.vs-r.vs-x{margin-top:3.6px;padding-top:18px}}}
/* why it matters: four outcomes (Batu picked this on the card, 15 Oct) */
.vo-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,44px)}@media (max-width:640px){.vo-g{gap:14.4px;margin-top:clamp(25.2px,4vw,39.6px)}}
.vo-c{display:flex;flex-direction:column;gap:12px;padding:24px 22px 26px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){.vo-c{gap:10.8px;padding:21.6px 19.8px 23.4px;border-radius:19.8px}}
.vo-p{display:inline-flex;align-items:center;gap:9px;font:700 13.5px/1.2 var(--f-display);color:var(--green-strong)}@media (max-width:640px){.vo-p{gap:8.1px}}
.vo-p i{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--green-strong);color:#fff}@media (max-width:640px){.vo-p i{width:32.4px;height:32.4px;border-radius:9.9px}}
.vo-c h3{margin:6px 0 0;font:700 clamp(20px,1.7vw,23px)/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}@media (max-width:640px){.vo-c h3{margin:5.4px 0 0;font:700 clamp(18px,1.7vw,20.7px)/1.2 var(--f-display)}}
.vo-c p{margin:0;font-size:15.5px;line-height:1.5;color:var(--body)}@media (max-width:640px){.vo-c p{font-size:14px}}
.vo-c.vo-x{background:transparent;box-shadow:none;border:1.5px dashed #b9cfc1}
.vo-t{margin-top:auto;align-self:flex-start;font:700 11.5px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-style:normal;color:var(--green-strong);background:#e8f4ec;border-radius:99px;padding:6px 10px}@media (max-width:640px){.vo-t{border-radius:89.1px;padding:5.4px 9px}}
@media (max-width:860px){.vo-g{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}}
/* proposals page only (PROP=1): Studio in one section, revenue as four packages */
#s-studio.sp-one .s-steps button>span{display:none}
.sp-fe{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:32px 0 0;padding:0}@media (max-width:640px){.sp-fe{gap:12.6px;margin:28.8px 0 0}}
.sp-fe li{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font:700 clamp(17px,1.35vw,19.5px)/1.25 var(--f-display);letter-spacing:-.01em}@media (max-width:640px){.sp-fe li{gap:12.6px;padding:16.2px 18px;border-radius:16.2px;font:700 clamp(15.3px,1.35vw,17.55px)/1.25 var(--f-display)}}
.sp-fe svg{flex:none;width:34px;height:34px;padding:8px;border-radius:50%;background:#fff;color:var(--green-strong)}@media (max-width:640px){.sp-fe svg{width:30.6px;height:30.6px;padding:7.2px}}
@media (max-width:980px){.sp-fe{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sp-fe{grid-template-columns:minmax(0,1fr);gap:10px}@media (max-width:640px){.sp-fe{gap:9px}}.sp-fe li{padding:14px 16px}@media (max-width:640px){.sp-fe li{padding:12.6px 14.4px}}}
/* studio panel, readable (Batu 15 Oct: "Studio'daki örnekler okunabilir olsun ve ekrana tam sığsın"): the two angles stack as
   crops of the lower third, the preview screen fills its pane, and the small text in the graphics is larger */
#sm-view #s-con .s-angs{grid-template-columns:minmax(0,1fr);max-width:none;gap:10px}@media (max-width:640px){#sm-view #s-con .s-angs{gap:9px}}
#sm-view #s-con .s-ang{padding:6px 6px 7px;gap:5px}@media (max-width:640px){#sm-view #s-con .s-ang{padding:5.4px 5.4px 6.3px;gap:4.5px}}
#sm-view #s-con .s-ang>span{order:-1;font-size:12.5px;padding:1px 4px 0}@media (max-width:640px){#sm-view #s-con .s-ang>span{padding:1px 3.6px 0}}
#sm-view #s-con .s-ang .s-scr{aspect-ratio:100/16}
#sm-view #s-con .s-ang .g-bug,#sm-view #s-con .s-ang .g-ch{display:none}
#sm-view #s-con .s-ang .g-x{bottom:2cqw}
#sm-view #s-con .s-pv{container-type:size}
#sm-view #s-con .s-pvs{width:min(calc(100cqw - 32px),calc((100cqh - 168px) * 16 / 9));max-width:none;aspect-ratio:16/9;margin:10px 0 0}@media (max-width:640px){#sm-view #s-con .s-pvs{width:min(calc(100cqw - 28.8px),calc((100cqh - 151.2px) * 16 / 9));margin:9px 0 0}}
#sm-view #s-con .g-l3{left:4cqw;right:4cqw}
#sm-view #s-con .g-fact{left:4cqw;right:4cqw}
#sm-view #s-con .g-tag{font-size:1.5cqw}
#sm-view #s-con .g-sub{font-size:1.8cqw}
#sm-view #s-con .g-who{padding:0 1.8cqw}
#sm-view #s-con .g-who small,#sm-view #s-con .g-sp small{font-size:1.3cqw;letter-spacing:.16em}
#sm-view #s-con .g-sp{padding:0 1.8cqw;min-width:0}
#sm-view #s-con .g-spl i{font-size:1cqw}
@media (max-width:640px){
  #sm-view #s-con .s-pvs{width:calc(100cqw - 20px)}@media (max-width:640px){#sm-view #s-con .s-pvs{width:calc(100cqw - 18px)}}
  #sm-view #s-con .s-pv{inset:auto 6px 6px;grid-template-rows:auto auto auto;container-type:inline-size}@media (max-width:640px){#sm-view #s-con .s-pv{inset:auto 5.4px 5.4px}}
  #sm-view #s-con.p .s-c1{opacity:.3}
  #sm-view #s-con .s-ang .s-scr{aspect-ratio:100/41}
  #sm-view #s-con .g-bug{height:6cqw;font-size:3.4cqw;border-radius:1cqw}
  #sm-view #s-con .g-bug .s-ktv,#sm-view #s-con .g-bug>i{font-size:3cqw;padding:0 1.2cqw}
  #sm-view #s-con .g-bug>b{padding:0 1.6cqw}
  #sm-view #s-con .g-ch{font-size:4cqw}
  #sm-view #s-con .g-ch i{font-size:2cqw;padding:.5cqw 1cqw}
  #sm-view #s-con .g-l3{left:2.5cqw;right:2.5cqw;bottom:2.5cqw;grid-template-columns:14cqw minmax(0,1fr) auto;min-height:0}
  #sm-view #s-con .g-l3 .g-mn{grid-row:1/3;gap:1cqw}
  #sm-view #s-con .g-l3 .g-mn svg{width:4.6cqw;height:4.6cqw}
  #sm-view #s-con .g-l3 .g-mn b{font-size:7cqw}
  #sm-view #s-con .g-l3 .g-mid{grid-column:2/4;grid-template-columns:minmax(0,1fr);row-gap:1cqw;padding:2.2cqw 3cqw 0}
  #sm-view #s-con .g-l3 .g-mid>.tcr{display:none}
  #sm-view #s-con .g-l3 .g-tag{font-size:3cqw;gap:1.4cqw;padding:.7cqw 1.8cqw}
  #sm-view #s-con .g-l3 .g-tag em{padding-right:1.4cqw}
  #sm-view #s-con .g-l3 .g-hd{font-size:6.6cqw}
  #sm-view #s-con .g-l3 .g-sub{font-size:3.6cqw;white-space:normal;margin:.6cqw -3cqw 0;padding:1.6cqw 3cqw 2cqw}
  #sm-view #s-con .g-l3 .g-who{grid-column:2;grid-row:2;display:flex;align-items:baseline;justify-content:flex-start;gap:2cqw;padding:1.8cqw 3cqw 2.2cqw;border-left:0}
  #sm-view #s-con .g-l3 .g-who small{font-size:2.6cqw}
  #sm-view #s-con .g-l3 .g-who b{font-size:4.4cqw}
  #sm-view #s-con .s-ang .g-who,#sm-view #s-con .s-pv[data-sp=""] .g-who{grid-column:2/4}
  #sm-view #s-con .g-l3 .g-who{grid-column:2/4}
  #sm-view #s-con .g-l3 .g-mn{grid-row:1/4}
  #sm-view #s-con .g-l3 .g-sp{grid-column:2/4;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.6cqw 3cqw 2cqw}
  #sm-view #s-con .g-l3 .g-sp small{font-size:2.4cqw;letter-spacing:.12em}
  #sm-view #s-con .g-l3 .g-spl{gap:1.2cqw}
  #sm-view #s-con .g-l3 .g-spl svg{width:4.2cqw;height:4.2cqw}
  #sm-view #s-con .g-l3 .g-spl b{font-size:3.8cqw}
  #sm-view #s-con .g-l3 .g-spl i{display:none}
  #sm-view #s-con .g-fact{left:2.5cqw;right:2.5cqw;bottom:2.5cqw;grid-template-columns:17cqw minmax(0,1fr);min-height:0}
  #sm-view #s-con .g-ini{font-size:7.6cqw}
  #sm-view #s-con .g-fm{gap:1.6cqw;padding:3cqw 3.2cqw 3.4cqw}
  #sm-view #s-con .g-fn{gap:2.4cqw;align-items:center}
  #sm-view #s-con .g-fn b{font-size:11cqw}
  #sm-view #s-con .g-fn span{font-size:4.2cqw;line-height:1.05;white-space:normal}
  #sm-view #s-con .g-fp{gap:2cqw}
  #sm-view #s-con .g-fp b{font-size:4.6cqw}
  #sm-view #s-con .g-fp .tcr{width:6.4cqw;height:6.4cqw;display:grid;place-items:center}
  #sm-view #s-con .g-fp .tcr svg{width:3.8cqw}
}

/* revenue packages (Batu 15 Oct: equal boxes, equal graphics). Four cards of one size; each visual sits on a stage of one height */
#sm-view #s-rev .rp-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(18px,2.2vw,28px)}@media (max-width:640px){#sm-view #s-rev .rp-g{gap:clamp(16.2px,2.2vw,25.2px)}}
#sm-view #s-rev .rp-c{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(20px,2.4vw,30px);border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--cn-sh)}@media (max-width:640px){#sm-view #s-rev .rp-c{gap:12.6px;padding:clamp(18px,2.4vw,27px);border-radius:25.2px}}
#sm-view #s-rev .rp-h{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start}@media (max-width:640px){#sm-view #s-rev .rp-h{grid-template-columns:30.6px minmax(0,1fr);gap:12.6px}}
#sm-view #s-rev .rp-h>i{width:34px;height:34px;border-radius:50%;background:#f2b84b;color:#1b2130;font:800 16px/34px var(--f-display);text-align:center;font-style:normal}@media (max-width:640px){#sm-view #s-rev .rp-h>i{width:30.6px;height:30.6px;font:800 14.4px/30.6px var(--f-display)}}
#sm-view #s-rev .rp-h h3{margin:2px 0 4px;font:700 22px/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink)}@media (max-width:640px){#sm-view #s-rev .rp-h h3{margin:2px 0 3.6px;font:700 19.8px/1.2 var(--f-display)}}
#sm-view #s-rev .rp-h p{margin:0;font-size:15.5px;line-height:1.5;color:var(--body);max-width:50ch}@media (max-width:640px){#sm-view #s-rev .rp-h p{font-size:14px}}
#sm-view #s-rev .rp-w{list-style:none;margin:0;padding:0 0 0 48px;display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){#sm-view #s-rev .rp-w{padding:0 0 0 43.2px;gap:5.4px}}
#sm-view #s-rev .rp-w li{font:700 12px/1 var(--f-display);letter-spacing:.04em;color:var(--green-strong);background:#e8f4ec;border-radius:99px;padding:6px 10px}@media (max-width:640px){#sm-view #s-rev .rp-w li{border-radius:89.1px;padding:5.4px 9px}}
#sm-view #s-rev .rp-v{margin-top:auto;height:470px;display:grid;place-items:center;padding:20px;border-radius:20px;background:#f1f6f2;min-width:0;overflow:hidden}@media (max-width:640px){#sm-view #s-rev .rp-v{height:423px;padding:18px;border-radius:18px}}
#sm-view #s-rev .rp-v>*{width:100%;max-width:440px;min-width:0}
/* 1 assistant: phone and its four placements */
#sm-view #s-rev .rp-on{display:grid;grid-template-columns:288px minmax(0,1fr);gap:16px;align-items:center;max-width:none}@media (max-width:640px){#sm-view #s-rev .rp-on{grid-template-columns:259.2px minmax(0,1fr);gap:14.4px}}
#sm-view #s-rev .rp-ph{font-size:13.5px}
#sm-view #s-rev .rp-ph .rv-pt{padding:13px 14px 10px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-pt{padding:11.7px 12.6px 9px}}
#sm-view #s-rev .rp-ph .rv-pb{gap:10px;padding:13px 13px 14px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-pb{gap:9px;padding:11.7px 11.7px 12.6px}}
#sm-view #s-rev .rp-ph .rv-me{padding:9px 12px;max-width:92%}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-me{padding:8.1px 10.8px}}
#sm-view #s-rev .rp-ph .rv-pow{padding-right:42px;gap:8px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-pow{padding-right:37.8px;gap:7.2px}}#sm-view #s-rev .rp-ph .rv-pow small{letter-spacing:.08em}#sm-view #s-rev .rp-ph .rv-pow b{font-size:13.5px}#sm-view #s-rev .rp-ph .rv-pow .rv-pn{right:12px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-pow .rv-pn{right:10.8px}}#sm-view #s-rev .rp-ph .rv-pow small,#sm-view #s-rev .rp-ph .rv-pow b,#sm-view #s-rev .rp-ph .rv-sq{white-space:nowrap}
#sm-view #s-rev .rp-ph .rv-op{line-height:1.42}
#sm-view #s-rev .rp-ph .rv-ban{gap:4px;padding:10px 12px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-ban{gap:3.6px;padding:9px 10.8px}}
#sm-view #s-rev .rp-ph .rv-wt{padding:9px 11px;font-size:13px}@media (max-width:640px){#sm-view #s-rev .rp-ph .rv-wt{padding:8.1px 9.9px}}
#sm-view #s-rev .rp-pl{gap:4px}@media (max-width:640px){#sm-view #s-rev .rp-pl{gap:3.6px}}
#sm-view #s-rev .rp-pl li{padding:9px 10px;grid-template-columns:26px minmax(0,1fr);column-gap:10px}@media (max-width:640px){#sm-view #s-rev .rp-pl li{padding:8.1px 9px;grid-template-columns:23.4px minmax(0,1fr);column-gap:9px}}
#sm-view #s-rev .rp-pl b{font-size:15px}@media (max-width:640px){#sm-view #s-rev .rp-pl b{font-size:14px}}
#sm-view #s-rev .rp-pl span{font-size:14px;line-height:1.4}
/* 2 moments: three graphics, one build */
#sm-view #s-rev .rp-gs{display:grid;gap:18px}@media (max-width:640px){#sm-view #s-rev .rp-gs{gap:16.2px}}
#sm-view #s-rev .rp-gi{display:grid;gap:8px;min-width:0}@media (max-width:640px){#sm-view #s-rev .rp-gi{gap:7.2px}}
#sm-view #s-rev .rp-gl{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}@media (max-width:640px){#sm-view #s-rev .rp-gl{gap:2px 9px}}
#sm-view #s-rev .rp-gl b{font:800 12.5px/1.2 var(--f-display);letter-spacing:.09em;text-transform:uppercase;color:var(--green-strong)}
#sm-view #s-rev .rp-gl span{font-size:14.5px;line-height:1.35;color:var(--body)}@media (max-width:640px){#sm-view #s-rev .rp-gl span{font-size:14px}}
#sm-view #s-rev .rp-gb{display:grid;grid-template-columns:92px minmax(0,1fr) 138px;height:86px;border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(100deg,#3388e8,#1b4fae);box-shadow:0 14px 28px -18px rgba(15,40,90,.7)}@media (max-width:640px){#sm-view #s-rev .rp-gb{grid-template-columns:82.8px minmax(0,1fr) 124.2px;height:77.4px;border-radius:10.8px}}
#sm-view #s-rev .rp-n{display:flex;align-items:center;justify-content:center;background:#0e1d3c;font:800 38px/1 "Barlow Condensed",var(--f-display),sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}@media (max-width:640px){#sm-view #s-rev .rp-n{font:800 34.2px/1 "Barlow Condensed",var(--f-display),sans-serif}}
#sm-view #s-rev .rp-n em{font-style:normal}
#sm-view #s-rev .rp-t{display:grid;align-content:center;gap:5px;min-width:0;padding:0 16px}@media (max-width:640px){#sm-view #s-rev .rp-t{gap:4.5px;padding:0 14.4px}}
#sm-view #s-rev .rp-t b{font:800 19px/1.05 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}@media (max-width:640px){#sm-view #s-rev .rp-t b{font:800 17.1px/1.05 "Barlow Condensed",var(--f-display),sans-serif}}
#sm-view #s-rev .rp-t small{font-size:13px;line-height:1.3;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sm-view #s-rev .rp-sp{display:grid;align-content:center;gap:6px;padding:0 14px;background:#0e1d3c}@media (max-width:640px){#sm-view #s-rev .rp-sp{gap:5.4px;padding:0 12.6px}}
#sm-view #s-rev .rp-sp small{font:800 10px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#f2b84b}
#sm-view #s-rev .rp-sp>span{display:flex;align-items:center;gap:7px}@media (max-width:640px){#sm-view #s-rev .rp-sp>span{gap:6.3px}}
#sm-view #s-rev .rp-sp b{display:grid;gap:3px;font:700 15px/1 var(--f-display);color:#fff}@media (max-width:640px){#sm-view #s-rev .rp-sp b{gap:2.7px;font:700 14px/1 var(--f-display)}}
#sm-view #s-rev .rp-sp b em{font:700 9px/1 var(--f-display);letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:#fff}
#sm-view #s-rev .rp-sp .rv-lo[data-k="bp"] path{stroke:#7fd6ff}#sm-view #s-rev .rp-sp .rv-lo[data-k="ka"] path{fill:#ff8a5c}#sm-view #s-rev .rp-sp .rv-lo[data-k="nw"] path{fill:#ffd27a}
/* 3 content: a sponsored match preview */
#sm-view #s-rev .rp-bc{display:grid;gap:12px;padding:16px 18px 18px;border:1px solid #dde3ec;border-radius:18px;background:#fff;box-shadow:0 18px 36px -26px rgba(16,22,31,.5)}@media (max-width:640px){#sm-view #s-rev .rp-bc{gap:10.8px;padding:14.4px 16.2px 16.2px;border-radius:16.2px}}
#sm-view #s-rev .rp-bch{display:flex;align-items:center;gap:10px}@media (max-width:640px){#sm-view #s-rev .rp-bch{gap:9px}}
#sm-view #s-rev .rp-bch b{display:block;font:700 15px/1.2 var(--f-display);color:#1b2130}@media (max-width:640px){#sm-view #s-rev .rp-bch b{font:700 14px/1.2 var(--f-display)}}#sm-view #s-rev .rp-bch small{font-size:13px;color:#434b5a}
#sm-view #s-rev .rp-bc>p{margin:0;font-size:16px;line-height:1.45;font-weight:600;color:#1b2130}@media (max-width:640px){#sm-view #s-rev .rp-bc>p{font-size:14.4px}}
#sm-view #s-rev .rp-bci{display:grid;justify-items:center;gap:12px;padding:16px 14px 18px;border-radius:14px;background:linear-gradient(160deg,#16305f,#0e1d3c);color:#fff;text-align:center}@media (max-width:640px){#sm-view #s-rev .rp-bci{gap:10.8px;padding:14.4px 12.6px 16.2px;border-radius:12.6px}}
#sm-view #s-rev .rp-bci small{font:800 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#f2b84b}
#sm-view #s-rev .rp-bci>span{font:800 18px/1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.06em;text-transform:uppercase}@media (max-width:640px){#sm-view #s-rev .rp-bci>span{font:800 16.2px/1 "Barlow Condensed",var(--f-display),sans-serif}}
#sm-view #s-rev .rp-du{display:flex;align-items:center;justify-content:center;gap:18px}@media (max-width:640px){#sm-view #s-rev .rp-du{gap:16.2px}}
#sm-view #s-rev .rp-du>span{display:grid;justify-items:center;gap:6px}@media (max-width:640px){#sm-view #s-rev .rp-du>span{gap:5.4px}}
#sm-view #s-rev .rp-du i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font:800 19px/1 "Barlow Condensed",var(--f-display),sans-serif;font-style:normal;letter-spacing:.04em}@media (max-width:640px){#sm-view #s-rev .rp-du i{width:45px;height:45px;font:800 17.1px/1 "Barlow Condensed",var(--f-display),sans-serif}}
#sm-view #s-rev .rp-a i{background:#dc052d;color:#fff}#sm-view #s-rev .rp-b i{background:#fff;color:#e32219}
#sm-view #s-rev .rp-du b{font:700 14px/1 var(--f-display)}
#sm-view #s-rev .rp-du>em{font:800 16px/1 var(--f-display);font-style:normal;color:#f2b84b;margin-top:-18px}@media (max-width:640px){#sm-view #s-rev .rp-du>em{font:800 14.4px/1 var(--f-display);margin-top:-16.2px}}
#sm-view #s-rev .rp-bcs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;background:#0e1d3c;color:#fff}@media (max-width:640px){#sm-view #s-rev .rp-bcs{gap:9px;padding:9px 12.6px;border-radius:10.8px}}
#sm-view #s-rev .rp-bcs small{font:800 10.5px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#f2b84b;white-space:nowrap}
#sm-view #s-rev .rp-bcs b{white-space:nowrap}
#sm-view #s-rev .rp-bcs>span{display:flex;align-items:center;gap:8px}@media (max-width:640px){#sm-view #s-rev .rp-bcs>span{gap:7.2px}}#sm-view #s-rev .rp-bcs b{font:700 15px/1 var(--f-display)}@media (max-width:640px){#sm-view #s-rev .rp-bcs b{font:700 14px/1 var(--f-display)}}
#sm-view #s-rev .rp-bcs .rv-lo[data-k="ka"] path{fill:#ff8a5c}
/* 4 signature: one property all season */
#sm-view #s-rev .rp-sg{display:grid;gap:14px}@media (max-width:640px){#sm-view #s-rev .rp-sg{gap:12.6px}}
#sm-view #s-rev .rp-sgb{display:grid;justify-items:center;gap:8px;text-align:center;padding:20px 24px;border-radius:18px;color:#fff;background:linear-gradient(100deg,#3388e8,#1b4fae);box-shadow:0 18px 36px -24px rgba(15,40,90,.7)}@media (max-width:640px){#sm-view #s-rev .rp-sgb{gap:7.2px;padding:18px 21.6px;border-radius:16.2px}}
#sm-view #s-rev .rp-sgb small{font:800 11px/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:#fff}
#sm-view #s-rev .rp-sgb>b{font:800 36px/1 "Barlow Condensed",var(--f-display),sans-serif;letter-spacing:.04em;text-transform:uppercase}@media (max-width:640px){#sm-view #s-rev .rp-sgb>b{font:800 32.4px/1 "Barlow Condensed",var(--f-display),sans-serif}}
#sm-view #s-rev .rp-sgb>span{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:14px}@media (max-width:640px){#sm-view #s-rev .rp-sgb>span{gap:3.6px 7.2px}}
#sm-view #s-rev .rp-sgb em{font-style:normal;color:#fff;white-space:nowrap}#sm-view #s-rev .rp-sgb strong{font:700 16px/1 var(--f-display);white-space:nowrap}@media (max-width:640px){#sm-view #s-rev .rp-sgb strong{font:700 14.4px/1 var(--f-display)}}
#sm-view #s-rev .rp-sgb .rv-lo path{fill:#ffd27a}
#sm-view #s-rev .rp-sgi{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #dde3ec}@media (max-width:640px){#sm-view #s-rev .rp-sgi{gap:5.4px;padding:12.6px 14.4px;border-radius:12.6px}}
#sm-view #s-rev .rp-sgi small{font:800 11px/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:#2563c9}
#sm-view #s-rev .rp-sgi p{margin:0;font-size:15.5px;line-height:1.4;font-weight:600;color:#1b2130}@media (max-width:640px){#sm-view #s-rev .rp-sgi p{font-size:14px}}
#sm-view #s-rev .rp-sgi>span{display:flex;align-items:center;gap:7px;font-size:13px;color:#434b5a}@media (max-width:640px){#sm-view #s-rev .rp-sgi>span{gap:6.3px}}
#sm-view #s-rev .rp-sgi>span b{font:700 13.5px/1 var(--f-display);color:#1b2130}
#sm-view #s-rev .rp-sgt{display:grid;gap:8px;padding:0 4px}@media (max-width:640px){#sm-view #s-rev .rp-sgt{gap:7.2px;padding:0 3.6px}}
#sm-view #s-rev .rp-sgt>span{font-size:14px;color:var(--body)}#sm-view #s-rev .rp-sgt>span b{color:var(--ink);font-family:var(--f-display)}
#sm-view #s-rev .rp-sgt>div{display:flex;gap:3px}@media (max-width:640px){#sm-view #s-rev .rp-sgt>div{gap:2.7px}}
#sm-view #s-rev .rp-sgt i{flex:1;height:10px;border-radius:3px;background:#d8e6dc}@media (max-width:640px){#sm-view #s-rev .rp-sgt i{height:9px;border-radius:2.7px}}
#sm-view #s-rev .rp-sgt i.on{background:var(--green-strong)}
@media (max-width:1180px){#sm-view #s-rev .rp-g{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;max-width:720px;margin-inline:auto}}
@media (max-width:600px){#sm-view #s-rev .rp-w{padding-left:0}#sm-view #s-rev .rp-v{height:auto;padding:16px 12px}@media (max-width:640px){#sm-view #s-rev .rp-v{padding:14.4px 10.8px}}
  #sm-view #s-rev .rp-on{grid-template-columns:minmax(0,1fr)}#sm-view #s-rev .rp-ph{width:min(100%,290px);justify-self:center}@media (max-width:640px){#sm-view #s-rev .rp-ph{width:min(100%,261px)}}
  #sm-view #s-rev .rp-pl{grid-template-columns:repeat(2,minmax(0,1fr))}#sm-view #s-rev .rp-pl span{display:none}#sm-view #s-rev .rp-pl li{row-gap:0;align-items:center}#sm-view #s-rev .rp-pl i{grid-row:auto}
  #sm-view #s-rev .rp-gb{grid-template-columns:72px minmax(0,1fr);grid-template-rows:76px auto;height:auto}@media (max-width:640px){#sm-view #s-rev .rp-gb{grid-template-columns:64.8px minmax(0,1fr);grid-template-rows:68.4px auto}}
  #sm-view #s-rev .rp-n{font-size:32px}@media (max-width:640px){#sm-view #s-rev .rp-n{font-size:28.8px}}
  #sm-view #s-rev .rp-t{padding:0 12px}@media (max-width:640px){#sm-view #s-rev .rp-t{padding:0 10.8px}}#sm-view #s-rev .rp-t b{font-size:17px;white-space:normal}@media (max-width:640px){#sm-view #s-rev .rp-t b{font-size:15.3px}}
  #sm-view #s-rev .rp-sp{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:9px 14px}@media (max-width:640px){#sm-view #s-rev .rp-sp{padding:8.1px 12.6px}}
  #sm-view #s-rev .rp-sgb>b{font-size:30px}@media (max-width:640px){#sm-view #s-rev .rp-sgb>b{font-size:27px}}}

/* mo */
/* MOTION PASS (Batu 15 Oct: "çok statik ve sıkıcı… çok seksi bir hale getirelim"). Review page only until he approves. */
@property --mo-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --mo-s{syntax:'<number>';inherits:true;initial-value:0}

/* 1 hero: the match speaks. The closing band's floodlit pitch, the match's moments light up on it and an insight rises
   from each one */
#sm-view .mo-hero .hx-hw{position:relative;z-index:1;min-height:min(94svh,920px);align-content:start;padding-block:clamp(44px,6.5vh,80px) clamp(300px,42vh,400px)}@media (max-width:640px){#sm-view .mo-hero .hx-hw{min-height:min(94svh,828px);padding-block:clamp(39.6px,6.5vh,72px) clamp(270px,42vh,360px)}}
#sm-view .mo-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
#sm-view .mo-fl{position:absolute;top:-6%;left:-5%;width:clamp(240px,38vw,600px);height:100%;transform-origin:0 0;rotate:-5deg;filter:blur(16px);mix-blend-mode:screen;animation:moSway 13s ease-in-out infinite alternate}@media (max-width:640px){#sm-view .mo-fl{width:clamp(216px,38vw,540px)}}
#sm-view .mo-fl::before{content:"";position:absolute;inset:0;background:linear-gradient(172deg,rgba(235,255,240,.2),rgba(61,220,104,.05) 46%,transparent 80%);clip-path:polygon(0 0,16% 0,100% 100%,40% 100%)}
#sm-view .mo-fr{left:auto;right:-5%;transform-origin:100% 0;rotate:5deg;animation-name:moSwayR;animation-delay:-6.5s}
#sm-view .mo-fr::before{clip-path:polygon(84% 0,100% 0,60% 100%,0 100%)}
@keyframes moSway{from{rotate:-8deg}to{rotate:-2deg}}
@keyframes moSwayR{from{rotate:8deg}to{rotate:2deg}}
#sm-view .mo-pitch{position:absolute;left:50%;bottom:-1%;width:max(1500px,116vw);aspect-ratio:1058/688;translate:-50% 0;transform:perspective(1200px) rotateX(59deg);transform-origin:50% 100%;
  -webkit-mask:linear-gradient(to top,transparent 0,#000 10%,#000 68%,transparent 100%);mask:linear-gradient(to top,transparent 0,#000 10%,#000 68%,transparent 100%)}@media (max-width:640px){#sm-view .mo-pitch{width:max(1350px,116vw);transform:perspective(1080px) rotateX(59deg)}}
#sm-view .mo-pitch svg{display:block;width:100%;height:100%;overflow:visible}
#sm-view .mo-mow rect{fill:rgba(255,255,255,.035)}
#sm-view .mo-ln>*{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2.6;stroke-dasharray:1}
#sm-view .mo-sp{fill:rgba(255,255,255,.6)}
html.hx-js #sm-view .mo-hero:not(.in) .mo-ln>*{stroke-dashoffset:1}
html.hx-js #sm-view .mo-hero:not(.in) :is(.mo-mow,.mo-sp,.mo-fl){opacity:0}
html.hx-js #sm-view .mo-hero.in .mo-ln>*{transition:stroke-dashoffset 1.9s cubic-bezier(.45,0,.2,1) calc(.5s + var(--d,0s))}
html.hx-js #sm-view .mo-hero.in :is(.mo-mow,.mo-sp){transition:opacity 1.4s .6s}
html.hx-js #sm-view .mo-hero.in .mo-fl{transition:opacity 1.6s .2s}
/* the moments on the pitch */
#sm-view .mo-e{opacity:0;transition:opacity .5s}
#sm-view .mo-e.on{opacity:1}
#sm-view .mo-e.dn{opacity:.5}
#sm-view .mo-d{fill:#fff}
#sm-view .mo-e[data-k="r"] .mo-d{fill:#ff6b6b}
#sm-view .mo-e[data-k="s"] .mo-d{fill:#f2b84b}
#sm-view .mo-r{fill:none;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;opacity:0}
#sm-view .mo-e[data-k="r"] .mo-r{stroke:#ff6b6b}
#sm-view .mo-e[data-k="s"] .mo-r{stroke:#f2b84b}
#sm-view .mo-e.on .mo-r{animation:moRing 1.8s cubic-bezier(.2,.7,.3,1) infinite}
#sm-view .mo-e.on .mo-r2{animation-delay:.9s}
@keyframes moRing{0%{transform:scale(.25);opacity:.9}100%{transform:scale(1.6);opacity:0}}
#sm-view .mo-cn{fill:none;stroke:rgba(255,255,255,.8);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
#sm-view .mo-cn.on{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s cubic-bezier(.5,0,.2,1),opacity .3s}
/* the insight that rises from each moment */
#sm-view .mo-caps{position:absolute;inset:0}
#sm-view .mo-cap{position:absolute;left:50%;top:80%;width:max-content;max-width:300px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:10px 15px 10px 10px;border-radius:15px;background:#fff;color:#0f2c1a;font:600 15px/1.35 var(--f-display);letter-spacing:-.01em;text-align:left;box-shadow:0 22px 44px -18px rgba(0,0,0,.6);
  translate:-50% calc(-100% - 26px);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s,transform .7s cubic-bezier(.2,.9,.3,1.15)}@media (max-width:640px){#sm-view .mo-cap{gap:9.9px;padding:9px 13.5px 9px 9px;border-radius:13.5px;font:600 14px/1.35 var(--f-display);translate:-50% calc(-100% - 23.4px);transform:translateY(12.6px) scale(.96)}}
#sm-view .mo-cap::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;margin-left:-1px;background:linear-gradient(#fff,rgba(255,255,255,0))}@media (max-width:640px){#sm-view .mo-cap::after{height:19.8px}}
#sm-view .mo-cap b{display:grid;place-items:center;min-width:44px;height:32px;padding:0 8px;border-radius:10px;background:#024a1b;color:#fff;font:800 15px/1 var(--f-display);font-variant-numeric:tabular-nums}@media (max-width:640px){#sm-view .mo-cap b{height:28.8px;padding:0 7.2px;border-radius:9px;font:800 14px/1 var(--f-display)}}
#sm-view .mo-cap[data-k="r"] b{background:#c62832}
#sm-view .mo-cap[data-k="s"] b{background:#f2b84b;color:#1b2130}
#sm-view .mo-cap.on{opacity:1;transform:none}
@media (max-width:640px){
  #sm-view .mo-hero .hx-hw{min-height:0;padding-block:40px 250px}@media (max-width:640px){#sm-view .mo-hero .hx-hw{padding-block:36px 225px}}
  #sm-view .mo-pitch{width:1150px;transform:perspective(800px) rotateX(61deg)}@media (max-width:640px){#sm-view .mo-pitch{width:1035px;transform:perspective(720px) rotateX(61deg)}}
  #sm-view .mo-fl{width:62vw}
  #sm-view .mo-cap{left:50%!important;top:auto!important;bottom:22px;max-width:calc(100% - 32px);translate:-50% 0;font-size:14.5px}@media (max-width:640px){#sm-view .mo-cap{bottom:19.8px;font-size:14px}}
  #sm-view .mo-cap::after{display:none}
}

/* 2 one engine: a light runs round the engine, and pulses travel down to each experience */
#sm-view .sv-oeg::before{content:"";position:absolute;inset:0;border-radius:22px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--mo-a),rgba(255,255,255,0) 0deg 240deg,rgba(255,255,255,.95) 330deg,rgba(255,255,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:moSpin 4.5s linear infinite}@media (max-width:640px){#sm-view .sv-oeg::before{border-radius:19.8px}}
#sm-view .sv-oeg{animation:moGlow 4.5s ease-in-out infinite}
@keyframes moSpin{to{--mo-a:360deg}}
@keyframes moGlow{0%,100%{box-shadow:var(--cn-sh2),0 0 0 0 rgba(61,220,104,0)}50%{box-shadow:var(--cn-sh2),0 0 46px 6px rgba(61,220,104,.22)}}
#sm-view .mo-pz{position:absolute;z-index:2;left:50%;top:-72px;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(2,122,31,.25),0 0 18px 4px rgba(2,122,31,.45);opacity:0;pointer-events:none}@media (max-width:640px){#sm-view .mo-pz{top:-64.8px;width:10.8px;height:10.8px;margin:-5.4px 0 0 -5.4px}}
html.hx-js #sv-one.on .mo-pz{animation:moPz 3.3s cubic-bezier(.55,0,.3,1) infinite;animation-delay:calc(var(--j)*1.1s)}
@keyframes moPz{0%{left:50%;top:-72px;opacity:0}6%{opacity:1}26%{left:50%;top:-36px}66%{left:var(--x);top:-36px}90%{left:var(--x);top:-2px;opacity:1}100%{left:var(--x);top:-2px;opacity:0}}
html.hx-js #sv-one.on .sv-xc::after{animation:moHit 3.3s infinite;animation-delay:calc(var(--j)*1.1s)}
@keyframes moHit{0%,86%{box-shadow:0 0 0 4px var(--green-soft)}92%{box-shadow:0 0 0 12px rgba(61,220,104,.28)}100%{box-shadow:0 0 0 4px var(--green-soft)}}
@media (max-width:980px){#sm-view .mo-pz{display:none}}

/* 3 a spotlight follows the pointer across the cards */
@media (hover:hover) and (pointer:fine){
  #sm-view :is(.sv-xc,.vo-c,.rp-c,.sv-cwc){background-image:radial-gradient(460px circle at var(--mx,50%) var(--my,0%),rgba(2,122,31,calc(var(--mo-s)*.08)),transparent 62%)}
  #sm-view :is(.sv-xc,.vo-c,.rp-c,.sv-cwc):hover{--mo-s:1}
  #sm-view :is(.vo-c,.rp-c,.sv-cwc){transition:--mo-s .4s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
  #sm-view :is(.vo-c,.rp-c,.sv-cwc):hover{transform:translateY(-5px);box-shadow:var(--cn-sh2)}@media (max-width:640px){#sm-view :is(.vo-c,.rp-c,.sv-cwc):hover{transform:translateY(-4.5px)}}
}

/* 4 from the build-up to the final whistle: a match clock follows the scroll along the timeline */
#sm-view .sv-cw3.mo-sc{--mp:0}
html.hx-js #sm-view .sv-cw3.mo-sc::after{transform:scaleX(var(--mp));transition:none}
#sm-view .mo-bl{--s:calc((100% - 2*var(--g))/6);position:absolute;z-index:2;top:14px;left:calc(var(--s) + (100% - 2*var(--s))*var(--mp));translate:-50% -50%;display:grid;place-items:center;min-width:50px;height:32px;padding:0 11px;border-radius:99px;background:var(--green-strong);color:#fff;font:800 15px/1 var(--f-display);font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px var(--green-soft),0 12px 24px -10px rgba(2,74,27,.65)}@media (max-width:640px){#sm-view .mo-bl{top:12.6px;min-width:45px;height:28.8px;padding:0 9.9px;border-radius:89.1px;font:800 14px/1 var(--f-display)}}
#sm-view .sv-cw3.mo-sc .sv-cwc::before{background:var(--surface);transition:background .35s,transform .35s cubic-bezier(.3,1.5,.5,1)}
#sm-view .sv-cw3.mo-sc .sv-cwc.lit::before{background:var(--green);transform:scale(1.2)}
#sm-view .sv-cw3.mo-sc .sv-cwc{transition:border-color .4s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1)}
#sm-view .sv-cw3.mo-sc .sv-cwc.now{border-color:color-mix(in srgb,var(--green) 55%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 14%,transparent),var(--cn-sh)}
@media (max-width:980px){
  html.hx-js #sm-view .sv-cw3.mo-sc::after{transform:scaleY(var(--mp))}
  #sm-view .mo-bl{top:calc(8px + (100% - 16px)*var(--mp));left:8px}@media (max-width:640px){#sm-view .mo-bl{top:calc(7.2px + (100% - 14.4px)*var(--mp));left:7.2px}}
}

/* 5 revenue: the partners take turns in each graphic, the numbers count up, the season fills */
#sm-view #s-rev .rp-sp>.mo-spw{display:grid;height:30px;overflow:hidden}@media (max-width:640px){#sm-view #s-rev .rp-sp>.mo-spw{height:27px}}  /* beats the flex row of .rp-sp>span */
#sm-view #s-rev .mo-spw>span{display:flex;align-items:center;gap:7px;height:30px;flex:none;transform:translateY(calc(var(--i,0) * -100%));transition:transform .7s cubic-bezier(.65,0,.25,1)}@media (max-width:640px){#sm-view #s-rev .mo-spw>span{gap:6.3px;height:27px}}
@media (min-width:601px){#sm-view #s-rev .rp-gb{grid-template-columns:92px minmax(0,1fr) 150px}@media (max-width:640px){#sm-view #s-rev .rp-gb{grid-template-columns:82.8px minmax(0,1fr) 135px}}}  /* room for the longest partner name in the rotating stack */
#sm-view .rp-sgt i{transition:background .25s}

/* 6 floodlights over the dark bands */
#sm-view .mo-bm{position:relative;isolation:isolate;overflow:clip}
#sm-view .mo-beams{position:absolute;inset:0;z-index:-1;pointer-events:none}
#sm-view .mo-beams.sv-ru{opacity:1!important;transform:none!important}
#sm-view .mo-beams i{position:absolute;top:-6%;left:-6%;width:clamp(260px,36vw,600px);height:80%;transform-origin:0 0;rotate:-6deg;filter:blur(18px);mix-blend-mode:screen;animation:moSway 15s ease-in-out infinite alternate}@media (max-width:640px){#sm-view .mo-beams i{width:clamp(234px,36vw,540px)}}
#sm-view .mo-beams i::before{content:"";position:absolute;inset:0;background:linear-gradient(172deg,rgba(235,255,240,.15),rgba(61,220,104,.045) 46%,transparent 80%);clip-path:polygon(0 0,16% 0,100% 100%,40% 100%)}
#sm-view .mo-beams i+i{left:auto;right:-6%;transform-origin:100% 0;rotate:6deg;animation-name:moSwayR;animation-delay:-7.5s}
#sm-view .mo-beams i+i::before{clip-path:polygon(84% 0,100% 0,60% 100%,0 100%)}

@media (prefers-reduced-motion:reduce){
  #sm-view :is(.mo-fl,.mo-beams i,.sv-oeg,.sv-oeg::before,.mo-r,.mo-pz,.sv-xc::after){animation:none!important}
  #sm-view .mo-pz{display:none}
  #sm-view .mo-cap,#sm-view #s-rev .mo-spw>span{transition:none}
}

/* /mo */
/* /sm v3 */
/* Solutions menu v4 (Batu 15 Oct): three sectors side by side, each with its experiences */
.ddp.mg3{position:fixed;left:max(20px,calc(50vw - 490px));width:min(980px,calc(100vw - 40px));top:62px;padding:12px;gap:0;border-radius:24px;box-shadow:0 30px 70px -20px rgba(13,18,17,.28),0 2px 6px rgba(13,18,17,.05)}@media (max-width:640px){.ddp.mg3{left:max(18px,calc(50vw - 441px));width:min(882px,calc(100vw - 36px));top:55.8px;padding:10.8px;border-radius:21.6px}}
.ddp.mg3::before{top:-30px;height:30px}@media (max-width:640px){.ddp.mg3::before{top:-27px;height:27px}}
.mg-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width:640px){.mg-cols{gap:7.2px}}
.mg-c{--c:#1d2540;display:grid;align-content:start;gap:6px;padding:8px;border-radius:18px;transition:background .3s}@media (max-width:640px){.mg-c{gap:5.4px;padding:7.2px;border-radius:16.2px}}
.mg-c[data-k="cl"]{--c:#027a1f}.mg-c[data-k="sm"]{--c:#1d5fc2}
:root[data-theme="dark"] .mg-c{--c:#7d93d8}:root[data-theme="dark"] .mg-c[data-k="cl"]{--c:#2fae55}:root[data-theme="dark"] .mg-c[data-k="sm"]{--c:#4f8fe6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mg-c{--c:#7d93d8}:root:not([data-theme="light"]) .mg-c[data-k="cl"]{--c:#2fae55}:root:not([data-theme="light"]) .mg-c[data-k="sm"]{--c:#4f8fe6}}
.mg-c:hover{background:color-mix(in srgb,var(--c) 6%,transparent)}
.ddp.mg3 a.mg-h{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;padding:10px 10px 12px;border-radius:14px}@media (max-width:640px){.ddp.mg3 a.mg-h{column-gap:10.8px;row-gap:2.7px;padding:9px 9px 10.8px;border-radius:12.6px}}
.ddp.mg3 a.mg-h:hover{background:transparent}
.mg-i{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:var(--c);box-shadow:0 8px 18px -8px var(--c);transition:transform .45s cubic-bezier(.3,1.5,.5,1),box-shadow .45s}@media (max-width:640px){.mg-i{width:37.8px;height:37.8px;border-radius:11.7px}}
.mg-c:hover .mg-i{transform:translateY(-2px) rotate(-6deg) scale(1.06);box-shadow:0 12px 22px -8px var(--c)}
.ddp.mg3 .mg-h b{font:700 17px/1.2 var(--f-display);letter-spacing:-.01em;color:var(--ink)}@media (max-width:640px){.ddp.mg3 .mg-h b{font:700 15.3px/1.2 var(--f-display)}}
.ddp.mg3 .mg-h span{grid-column:2;font:500 13.5px/1.4 var(--f-body);color:var(--body)}
.mg-xs{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--line)}@media (max-width:640px){.mg-xs{padding-top:7.2px}}
.ddp.mg3 a.mg-x{display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:9px 10px;border-radius:12px}@media (max-width:640px){.ddp.mg3 a.mg-x{grid-template-columns:27px minmax(0,1fr) 12.6px;gap:9px;padding:8.1px 9px;border-radius:10.8px}}
.ddp.mg3 a.mg-x:hover{background:color-mix(in srgb,var(--c) 9%,transparent)}
.mg-x>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent)}@media (max-width:640px){.mg-x>i{width:27px;height:27px;border-radius:8.1px}}
.ddp.mg3 .mg-x span{display:grid;gap:1px}
.ddp.mg3 .mg-x b{font:700 14.5px/1.25 var(--f-display);color:var(--ink)}@media (max-width:640px){.ddp.mg3 .mg-x b{font:700 14px/1.25 var(--f-display)}}
.ddp.mg3 .mg-x small{font:500 12.5px/1.35 var(--f-body);color:var(--body)}
.mg-x>svg{color:var(--c);opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}@media (max-width:640px){.mg-x>svg{transform:translateX(-3.6px)}}
.mg-x:hover>svg{opacity:1;transform:none}
.mg-ft{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:14px 18px;border-radius:16px;background:var(--green-soft)}@media (max-width:640px){.mg-ft{gap:14.4px;margin-top:9px;padding:12.6px 16.2px;border-radius:14.4px}}
.mg-ft>span{font:500 14px/1.4 var(--f-body);color:var(--body)}.mg-ft>span b{font-family:var(--f-display);color:var(--ink)}
.ddp.mg3 a.mg-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:var(--green);color:#fff;font:700 14px var(--f-display);white-space:nowrap}@media (max-width:640px){.ddp.mg3 a.mg-cta{gap:7.2px;padding:8.1px 14.4px;border-radius:89.1px}}
.ddp.mg3 a.mg-cta:hover{background:var(--green-strong)}
:root[data-theme="dark"] .ddp.mg3 a.mg-cta{color:var(--on-green)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ddp.mg3 a.mg-cta{color:var(--on-green)}}
/* the columns arrive one after another when the menu opens */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .ddp.mg3 .mg-c{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),background .3s}
  .dd:hover .ddp.mg3 .mg-c,.dd.open .ddp.mg3 .mg-c,.dd:focus-within .ddp.mg3 .mg-c{opacity:1;transform:none}
  .ddp.mg3 .mg-c:nth-child(2){transition-delay:.05s,.05s,0s}.ddp.mg3 .mg-c:nth-child(3){transition-delay:.1s,.1s,0s}}
@media (max-width:1100px) and (min-width:901px){.ddp.mg3 .mg-h span{display:none}}
@media (max-width:900px){
  .ddp.mg3{position:static;width:auto;padding:0 0 8px;box-shadow:none;border-radius:0}@media (max-width:640px){.ddp.mg3{padding:0 0 7.2px}}
  .mg-cols{grid-template-columns:minmax(0,1fr);gap:4px}@media (max-width:640px){.mg-cols{gap:3.6px}}
  .mg-c{padding:4px 0}@media (max-width:640px){.mg-c{padding:3.6px 0}}.ddp.mg3 a.mg-h{padding:8px 0}@media (max-width:640px){.ddp.mg3 a.mg-h{padding:7.2px 0}}.ddp.mg3 .mg-h span{display:none}
  .mg-i{width:34px;height:34px;border-radius:10px}@media (max-width:640px){.mg-i{width:30.6px;height:30.6px;border-radius:9px}}
  .mg-xs{border-top:0;padding:0 0 4px 46px}@media (max-width:640px){.mg-xs{padding:0 0 3.6px 41.4px}}.ddp.mg3 a.mg-x{padding:7px 8px;grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.ddp.mg3 a.mg-x{padding:6.3px 7.2px}}.mg-x>i,.mg-x>svg{display:none}
  .mg-ft{display:none}}

/* homepage Sports Media tab, take two (Batu 16 Oct): one scene per experience, each built around a niche insight */
.hm-reel .hb-sk span{white-space:nowrap}
.hb-reel .hb-scn>.hb-v.hm-v{position:relative;width:100%}
.hm-reel .hb-w.hm-w{height:560px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;font-family:var(--f-body);text-align:left;color:#1b2130}@media (max-width:640px){.hm-reel .hb-w.hm-w{height:504px;gap:12.6px}}
.hm-w>div{min-width:0;min-height:0;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 30px 60px -26px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}@media (max-width:640px){.hm-w>div{border-radius:18px}}
.hm-kt{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#1d6fc2;color:#fff;font:800 14px var(--f-display);font-style:normal}@media (max-width:640px){.hm-kt{width:23.4px;height:23.4px;border-radius:7.2px}}
.hm-ico{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#0d1b33;color:#fff}@media (max-width:640px){.hm-ico{width:27px;height:27px;border-radius:8.1px}}.hm-ico.hm-blue{background:#1d6fc2}
.hm-lv{display:inline-flex;align-items:center;gap:6px;font:700 11.5px var(--f-display);padding:5px 10px;border-radius:99px;background:#e23b3b;color:#fff;white-space:nowrap}@media (max-width:640px){.hm-lv{gap:5.4px;padding:4.5px 9px;border-radius:89.1px}}
.hm-lv i,.hm-btn .y i,.hm-onair i{width:7px;height:7px;border-radius:50%;background:#fff;animation:hmBlink 1.4s infinite}@media (max-width:640px){.hm-lv i,.hm-btn .y i,.hm-onair i{width:6.3px;height:6.3px}}
@keyframes hmBlink{50%{opacity:.25}}
.hm-top{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid #e6ebe8}@media (max-width:640px){.hm-top{gap:8.1px;padding:12.6px 14.4px}}.hm-top>b{font:700 15px var(--f-display)}@media (max-width:640px){.hm-top>b{font:700 14px var(--f-display)}}
.hm-nav{margin-left:auto;display:flex;gap:2px}.hm-nav span{font:600 12px var(--f-display);padding:5px 9px;border-radius:99px;color:#2c3343}@media (max-width:640px){.hm-nav span{padding:4.5px 8.1px;border-radius:89.1px}}.hm-nav .on{background:#fde8e8;color:#c62832}
.hm-site{display:grid;align-content:start}
.hm-sb{margin:14px 14px 0;padding:14px;border-radius:16px;background:#0d1b33;color:#fff;display:grid;gap:10px}@media (max-width:640px){.hm-sb{margin:12.6px 12.6px 0;padding:12.6px;border-radius:14.4px;gap:9px}}
.hm-sbh{display:flex;align-items:center;justify-content:space-between;gap:8px}@media (max-width:640px){.hm-sbh{gap:7.2px}}.hm-sbh small{font:600 11.5px var(--f-display);color:#fff}
.hm-sbs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}@media (max-width:640px){.hm-sbs{gap:9px}}.hm-sbs b{font:700 17px var(--f-display)}@media (max-width:640px){.hm-sbs b{font:700 15.3px var(--f-display)}}.hm-sbs strong{font:800 30px/1 var(--f-display);letter-spacing:-.02em;padding:4px 12px;border-radius:10px;background:#fff;color:#0d1b33}@media (max-width:640px){.hm-sbs strong{font:800 27px/1 var(--f-display);padding:3.6px 10.8px;border-radius:9px}}
.hm-sbg{display:grid;grid-template-columns:1fr 1fr;gap:8px;font:600 11.5px var(--f-display);text-align:center}@media (max-width:640px){.hm-sbg{gap:7.2px}}.hm-sbg span{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}@media (max-width:640px){.hm-sbg span{gap:4.5px}}
.hm-rc{display:inline-block;width:8px;height:11px;border-radius:2px;background:#e23b3b;margin-left:6px}@media (max-width:640px){.hm-rc{width:7.2px;height:9.9px;margin-left:5.4px}}
.hm-st{display:grid;gap:9px;padding:16px 16px 4px}@media (max-width:640px){.hm-st{gap:8.1px;padding:14.4px 14.4px 3.6px}}
.hm-st>div{display:grid;grid-template-columns:78px 34px minmax(0,1fr) 34px;align-items:center;gap:8px;font:600 12.5px var(--f-display)}@media (max-width:640px){.hm-st>div{grid-template-columns:70.2px 30.6px minmax(0,1fr) 30.6px;gap:7.2px}}
.hm-st>div b{font:800 13.5px var(--f-display);text-align:center}.hm-st>div i{height:6px;border-radius:6px;background:linear-gradient(90deg,#c62832 var(--a),#d9dee6 var(--a))}@media (max-width:640px){.hm-st>div i{height:5.4px;border-radius:5.4px}}
.hm-mm{display:grid;gap:8px;margin:12px 14px 14px;padding:12px 14px;border-radius:14px;background:#f3f6f9}@media (max-width:640px){.hm-mm{gap:7.2px;margin:10.8px 12.6px 12.6px;padding:10.8px 12.6px;border-radius:12.6px}}.hm-mm>span{font:700 11px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#1b2130}
.hm-mm>div,.hm-ffb{display:flex;align-items:flex-end;gap:4px;height:46px}@media (max-width:640px){.hm-mm>div,.hm-ffb{gap:3.6px;height:41.4px}}.hm-mm>div i,.hm-ffb i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:#c62832}@media (max-width:640px){.hm-mm>div i,.hm-ffb i{border-radius:2.7px 2.7px 1px 1px}}
.hm-as,.hm-doc{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.hm-ah{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e6ebe8}@media (max-width:640px){.hm-ah{gap:9px;padding:12.6px 14.4px}}.hm-ah>span:not(.hm-lv):not(.hm-ok){display:grid;gap:1px;margin-right:auto}
.hm-ah b{font:700 15px var(--f-display)}@media (max-width:640px){.hm-ah b{font:700 14px var(--f-display)}}.hm-ah small{font:500 12px var(--f-body);color:#2c3343}
.hm-ab{display:grid;gap:10px;align-content:start;padding:14px 16px;overflow:hidden}@media (max-width:640px){.hm-ab{gap:9px;padding:12.6px 14.4px}}
.hm-q{justify-self:end;max-width:86%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#1d6fc2;color:#fff;font:600 14px/1.35 var(--f-display)}@media (max-width:640px){.hm-q{padding:9px 12.6px;border-radius:14.4px 14.4px 3.6px 14.4px}}
.hm-think{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#f0f5fc;font:600 12.5px var(--f-display);color:#1b2130}@media (max-width:640px){.hm-think{gap:5.4px;padding:9px 10.8px;border-radius:12.6px}}
.hm-think span{display:flex;align-items:center;gap:7px}@media (max-width:640px){.hm-think span{gap:6.3px}}.hm-think svg{width:16px;height:16px;padding:3px;border-radius:50%;background:#1d6fc2;color:#fff;flex:none}@media (max-width:640px){.hm-think svg{width:14.4px;height:14.4px;padding:2.7px}}
.hm-ans{display:grid;gap:10px}@media (max-width:640px){.hm-ans{gap:9px}}
.hm-ans p{margin:0;font-size:14px;line-height:1.5;color:#1b2130}.hm-ans p b{color:#1d5fc2}
.hm-pitch{display:grid;gap:6px;padding:10px;border-radius:14px;background:#f3f6f9}@media (max-width:640px){.hm-pitch{gap:5.4px;padding:9px;border-radius:12.6px}}
.hm-pitch svg{width:100%;height:auto;display:block}.hm-pitch .pf{fill:#1f7a3a}.hm-pitch .pl{fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.4}
.hm-pitch .ar{fill:none;stroke:#fff;stroke-width:var(--w);stroke-linecap:round;opacity:.75;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.1s cubic-bezier(.3,0,.2,1)}
.hm-pitch .ar.hot{stroke:#ffd166;opacity:1}
.hm-a.s4 .hm-pitch .ar{stroke-dashoffset:0}.hm-a.s4 .hm-pitch .ar:nth-of-type(2){transition-delay:.15s}.hm-a.s4 .hm-pitch .ar.hot{transition-delay:.3s}
.hm-pitch text{font:800 20px var(--f-display);fill:#fff}@media (max-width:640px){.hm-pitch text{font:800 18px var(--f-display)}}.hm-pitch text.hot{fill:#ffd166}
.hm-pitch small{font:600 11.5px var(--f-display);color:#1b2130}
.hm-split{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px}@media (max-width:640px){.hm-split{gap:5.4px}}
.hm-split small{font:700 11px var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:#1b2130;margin-right:4px}@media (max-width:640px){.hm-split small{margin-right:3.6px}}
.hm-split>span.b,.hm-split>span.a{padding:7px 10px;border-radius:10px;font:600 12px var(--f-display);text-align:center}@media (max-width:640px){.hm-split>span.b,.hm-split>span.a{padding:6.3px 9px;border-radius:9px}}
.hm-split>span.b{background:#eef2f7;color:#1b2130}.hm-split>span.a{background:#1d6fc2;color:#fff}.hm-split b{font:800 16px var(--f-display);margin-right:3px}@media (max-width:640px){.hm-split b{font:800 14.4px var(--f-display);margin-right:2.7px}}
.hm-chips{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.hm-chips{gap:5.4px}}.hm-chips span{padding:6px 11px;border-radius:99px;border:1px solid #c9d9ee;color:#1d5fc2;font:600 12px var(--f-display)}@media (max-width:640px){.hm-chips span{padding:5.4px 9.9px;border-radius:89.1px}}
.hm-in{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 14px;padding:9px 9px 9px 14px;border-radius:99px;border:1px solid #dfe5ec;font-size:13px;color:#2c3343}@media (max-width:640px){.hm-in{gap:9px;margin:0 12.6px 12.6px;padding:8.1px 8.1px 8.1px 12.6px;border-radius:89.1px}}
.hm-in i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#027a1f;color:#fff}@media (max-width:640px){.hm-in i{width:25.2px;height:25.2px}}
.hm-km{display:grid;gap:5px;padding:12px 16px 0}@media (max-width:640px){.hm-km{gap:4.5px;padding:10.8px 14.4px 0}}.hm-km>span,.hm-mm>span{font:700 11px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#1b2130}
.hm-km>div{display:grid;grid-template-columns:32px 10px minmax(0,1fr);align-items:center;gap:8px;font:600 12.5px var(--f-display)}@media (max-width:640px){.hm-km>div{grid-template-columns:28.8px 9px minmax(0,1fr);gap:7.2px}}.hm-km em{font-style:normal;font-weight:700;text-align:center;padding:2px 0;border-radius:5px;background:#eef2f7}@media (max-width:640px){.hm-km em{border-radius:4.5px}}
.hm-km i{width:9px;height:9px;border-radius:50%;background:#0d1b33}@media (max-width:640px){.hm-km i{width:8.1px;height:8.1px}}.hm-km i.r{width:8px;height:11px;border-radius:2px;background:#e23b3b}@media (max-width:640px){.hm-km i.r{width:7.2px;height:9.9px}}
.hm-why{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3e9f0}@media (max-width:640px){.hm-why{gap:9px;padding:9px 10.8px;border-radius:10.8px}}.hm-why i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fdf3dc;color:#7a5200;flex:none}@media (max-width:640px){.hm-why i{width:25.2px;height:25.2px;border-radius:7.2px}}
.hm-why span{display:grid;gap:2px;font-size:12.5px;line-height:1.4;color:#1b2130}.hm-why b{font:700 11px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#7a5200}
/* 2 the newsroom */
.hm-w>.hm-data{background:#0d1b33;color:#fff;display:grid;align-content:start;gap:12px;padding:14px}@media (max-width:640px){.hm-w>.hm-data{gap:10.8px;padding:12.6px}}
.hm-dh{display:flex;align-items:center;gap:10px}@media (max-width:640px){.hm-dh{gap:9px}}.hm-dh b{font:700 14px var(--f-display)}
.hm-lvd{background:rgba(255,255,255,.12)}.hm-lvd i{background:#ff6b6b}
.hm-evs{display:grid;gap:6px}@media (max-width:640px){.hm-evs{gap:5.4px}}
.hm-ev{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}@media (max-width:640px){.hm-ev{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:8.1px 9px;border-radius:10.8px}}
.hm-ev em{font:700 12px var(--f-display);font-style:normal;text-align:center;padding:4px 0;border-radius:7px;background:rgba(255,255,255,.12)}@media (max-width:640px){.hm-ev em{padding:3.6px 0;border-radius:6.3px}}
.hm-ev span{display:grid;gap:2px;min-width:0}.hm-ev b{font:700 13.5px var(--f-display)}.hm-ev small{font:500 12px var(--f-body);color:#fff}
.hm-ev.g{background:#fff;color:#0d1b33;border-color:#fff;box-shadow:0 0 0 4px rgba(255,209,102,.35)}.hm-ev.g small{color:#1b2130}.hm-ev.g em{background:#ffd166;color:#0d1b33}
.hm-ang{display:grid;gap:7px;padding:12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,209,102,.45)}@media (max-width:640px){.hm-ang{gap:6.3px;padding:10.8px;border-radius:12.6px}}
.hm-angh{display:flex;align-items:center;gap:7px;font:700 12px var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:#ffd166}@media (max-width:640px){.hm-angh{gap:6.3px}}
.hm-an{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t . n" "b b b";align-items:center;column-gap:8px;row-gap:5px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.08)}@media (max-width:640px){.hm-an{column-gap:7.2px;row-gap:4.5px;padding:8.1px 9px;border-radius:9px}}.hm-an i{grid-area:t;padding:4px 7px!important}@media (max-width:640px){.hm-an i{padding:3.6px 6.3px!important}}.hm-an b{grid-area:b}.hm-an em{grid-area:n}
.hm-an i{font:700 10.5px var(--f-display);font-style:normal;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:4px 0;border-radius:6px;background:#ffd166;color:#0d1b33}@media (max-width:640px){.hm-an i{padding:3.6px 0;border-radius:5.4px}}
.hm-an b{font:600 12.5px/1.35 var(--f-display)}.hm-an em{font:800 12px var(--f-display);font-style:normal;white-space:nowrap;color:#ffd166}
.hm-an:first-of-type{background:rgba(255,209,102,.18)}
html.hx-js .hm-b .hm-an{opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}@media (max-width:640px){html.hx-js .hm-b .hm-an{transform:translateX(-7.2px)}}
html.hx-js .hm-b.s4 .hm-an{opacity:1;transform:none}.hm-b.s4 .hm-an:nth-of-type(2){transition-delay:.25s}.hm-b.s4 .hm-an:nth-of-type(3){transition-delay:.5s}
.hm-dbody{display:grid;gap:10px;align-content:start;padding:16px 18px;overflow:hidden}@media (max-width:640px){.hm-dbody{gap:9px;padding:14.4px 16.2px}}
.hm-kick{font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1d5fc2}
.hm-hl{font:800 23px/1.15 var(--f-display);letter-spacing:-.02em;color:#0d1b33;text-wrap:balance}@media (max-width:640px){.hm-hl{font:800 20.7px/1.15 var(--f-display)}}
.hm-dbody p{margin:0;font-size:14px;line-height:1.55;color:#1b2130}
.hm-dbody u{text-decoration:none;background:linear-gradient(transparent 60%,#ffe7a8 60%);padding:0 1px}
.hm-facts{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#e8fbec;color:#015c17;font:600 12.5px var(--f-display)}@media (max-width:640px){.hm-facts{gap:7.2px;padding:8.1px 10.8px;border-radius:10.8px}}.hm-facts b{font-weight:800}
.hm-ok{display:inline-flex;align-items:center;gap:5px;font:700 11.5px var(--f-display);padding:5px 10px;border-radius:99px;background:#e8fbec;color:#015c17;white-space:nowrap}@media (max-width:640px){.hm-ok{gap:4.5px;padding:4.5px 9px;border-radius:89.1px}}
.hm-fm{display:flex;flex-wrap:wrap;gap:5px}@media (max-width:640px){.hm-fm{gap:4.5px}}.hm-fm span{padding:6px 11px;border-radius:99px;background:#fff;border:1px solid #dfe5ec;font:600 12px var(--f-display);color:#2c3343}@media (max-width:640px){.hm-fm span{padding:5.4px 9.9px;border-radius:89.1px}}.hm-fm .on{background:#1d6fc2;border-color:#1d6fc2;color:#fff}
html.hx-js .hm-b .hm-fm span{transition:background .3s,color .3s,border-color .3s}
html.hx-js .hm-b.s5 .hm-wr{display:none}
.hm-wr{display:grid;gap:9px;padding:6px 0}@media (max-width:640px){.hm-wr{gap:8.1px;padding:5.4px 0}}.hm-wr span{display:flex;align-items:center;gap:7px;font:700 12.5px var(--f-display);color:#1d5fc2}@media (max-width:640px){.hm-wr span{gap:6.3px}}
.hm-wr i{height:12px;border-radius:6px;background:linear-gradient(90deg,#e6edf6 0%,#cfdcee 40%,#e6edf6 80%);background-size:200% 100%;animation:hmShim 1.2s linear infinite}@media (max-width:640px){.hm-wr i{height:10.8px;border-radius:5.4px}}
.hm-wr i:nth-of-type(1){width:92%;height:20px}@media (max-width:640px){.hm-wr i:nth-of-type(1){height:18px}}.hm-wr i:nth-of-type(2){width:100%}.hm-wr i:nth-of-type(3){width:96%}.hm-wr i:nth-of-type(4){width:70%}
@keyframes hmShim{to{background-position:-200% 0}}
/* 3 the console */
.hm-reel .hb-w.hm-con{height:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -26px rgba(0,0,0,.6)}@media (max-width:640px){.hm-reel .hb-w.hm-con{border-radius:18px}}
.hm-con>div{box-shadow:none;border-radius:0;background:transparent}.hm-con>.hm-cb{background:#f3f6f9}
.hm-ch{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e6ebe8}@media (max-width:640px){.hm-ch{gap:9px;padding:11.7px 14.4px}}.hm-ch>b{font:700 15px var(--f-display);margin-right:auto}@media (max-width:640px){.hm-ch>b{font:700 14px var(--f-display)}}
.hm-chm{font:700 12.5px var(--f-display);padding:5px 10px;border-radius:8px;background:#0d1b33;color:#fff}@media (max-width:640px){.hm-chm{padding:4.5px 9px;border-radius:7.2px}}.hm-chm b{padding:0 5px;border-radius:4px;background:#fff;color:#0d1b33}@media (max-width:640px){.hm-chm b{padding:0 4.5px;border-radius:3.6px}}
.hm-cb{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;padding:14px;background:#f3f6f9;min-height:0}@media (max-width:640px){.hm-cb{grid-template-columns:180px minmax(0,1fr);gap:12.6px;padding:12.6px}}
.hm-rail{display:grid;align-content:start;gap:7px}@media (max-width:640px){.hm-rail{gap:6.3px}}.hm-rail>small{font:700 11px var(--f-display);letter-spacing:.07em;text-transform:uppercase;color:#1b2130}
.hm-mo{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:12px;background:#fff;border:1px solid #e3e9f0}@media (max-width:640px){.hm-mo{grid-template-columns:32.4px minmax(0,1fr);gap:7.2px;padding:8.1px;border-radius:10.8px}}
.hm-mo em{font:700 11.5px var(--f-display);font-style:normal;text-align:center;padding:4px 0;border-radius:6px;background:#eef2f7}@media (max-width:640px){.hm-mo em{padding:3.6px 0;border-radius:5.4px}}
.hm-mo span{display:grid;gap:2px;min-width:0}.hm-mo b{font:700 12.5px var(--f-display)}.hm-mo small{font:500 11.5px/1.35 var(--f-body);color:#2c3343}
.hm-mo.new{border-color:#1d6fc2;box-shadow:0 0 0 3px #e3eefb}.hm-mo.new em{background:#1d6fc2;color:#fff}
.hm-stage{display:grid;align-content:start;gap:12px;min-width:0}@media (max-width:640px){.hm-stage{gap:10.8px}}
.hm-tv{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(90deg,#1f7a3a 0 10%,#23843f 10% 20%);box-shadow:inset 0 0 60px rgba(0,0,0,.35);outline:3px solid transparent;transition:outline-color .3s}@media (max-width:640px){.hm-tv{border-radius:12.6px}}
.hm-c.s5:not(.s6) .hm-tv,.hm-c.s7 .hm-tv{outline-color:#e23b3b}
.hm-tv>svg{position:absolute;inset:0;width:100%;height:100%}
.hm-bug{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font:700 12.5px var(--f-display);color:#fff;background:#0d1211;padding:6px 9px;border-radius:7px}@media (max-width:640px){.hm-bug{left:10.8px;top:10.8px;gap:5.4px;padding:5.4px 8.1px;border-radius:6.3px}}
.hm-bug b{padding:1px 6px;border-radius:4px;background:#fff;color:#0d1211}@media (max-width:640px){.hm-bug b{padding:1px 5.4px;border-radius:3.6px}}.hm-bug em{font-style:normal;padding:1px 5px;border-radius:4px;background:#e23b3b}@media (max-width:640px){.hm-bug em{padding:1px 4.5px;border-radius:3.6px}}
.hm-onair{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:6px;font:700 12px var(--f-display);padding:6px 10px;border-radius:7px;background:#e23b3b;color:#fff}@media (max-width:640px){.hm-onair{right:10.8px;top:10.8px;gap:5.4px;padding:5.4px 9px;border-radius:6.3px}}
.hm-l3{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:11px;row-gap:6px;padding:10px 13px;border-radius:12px;background:rgba(13,18,17,.94);color:#fff;border-left:4px solid #3ddc68}@media (max-width:640px){.hm-l3{left:10.8px;right:10.8px;bottom:10.8px;column-gap:9.9px;row-gap:5.4px;padding:9px 11.7px;border-radius:10.8px}}
.hm-l3>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c62832;color:#fff;font:800 12px var(--f-display);font-style:normal}@media (max-width:640px){.hm-l3>i{width:30.6px;height:30.6px}}
.hm-l3 div{display:grid;gap:3px;min-width:0}@media (max-width:640px){.hm-l3 div{gap:2.7px}}.hm-l3 b{font:700 17px/1.2 var(--f-display)}@media (max-width:640px){.hm-l3 b{font:700 15.3px/1.2 var(--f-display)}}.hm-l3 span{font-size:13px;line-height:1.35;color:#fff}
.hm-spn{grid-column:1/-1;justify-self:start;font:600 11px var(--f-display);font-style:normal;padding:4px 9px;border-radius:6px;background:#0e1d3c;color:#fff}@media (max-width:640px){.hm-spn{padding:3.6px 8.1px;border-radius:5.4px}}.hm-spn b{color:#f2b84b}
.hm-ff{position:absolute;inset:12px;display:grid;align-content:center;gap:10px;padding:18px 20px;border-radius:12px;background:rgba(13,27,51,.95);color:#fff}@media (max-width:640px){.hm-ff{inset:10.8px;gap:9px;padding:16.2px 18px;border-radius:10.8px}}
.hm-ff small{font:700 11.5px var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:#f2b84b}
.hm-ffr{display:flex;align-items:baseline;gap:12px}@media (max-width:640px){.hm-ffr{gap:10.8px}}.hm-ffr b{font:800 44px/1 var(--f-display);letter-spacing:-.03em}@media (max-width:640px){.hm-ffr b{font:800 39.6px/1 var(--f-display)}}.hm-ffr span{font:600 15px var(--f-display)}@media (max-width:640px){.hm-ffr span{font:600 14px var(--f-display)}}
.hm-ffb{height:60px}@media (max-width:640px){.hm-ffb{height:54px}}.hm-ffb i{background:#3ddc68}.hm-ff>em{font:600 11.5px var(--f-display);font-style:normal}.hm-ff>em b{color:#f2b84b}
.hm-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px}@media (max-width:640px){.hm-ctl{gap:9px}}
.hm-gt{display:flex;gap:4px;padding:4px;border-radius:99px;background:#fff;border:1px solid #e3e9f0}@media (max-width:640px){.hm-gt{gap:3.6px;padding:3.6px;border-radius:89.1px}}.hm-gt span{font:600 12px var(--f-display);padding:6px 11px;border-radius:99px;color:#2c3343;transition:background .3s,color .3s}@media (max-width:640px){.hm-gt span{padding:5.4px 9.9px;border-radius:89.1px}}
.hm-c:not(.s6) .hm-gt .g1,.hm-c.s6 .hm-gt .g2{background:#0d1b33;color:#fff}
.hm-btn{display:grid;font:700 13.5px var(--f-display)}.hm-btn>span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:99px;transition:opacity .3s,transform .3s}@media (max-width:640px){.hm-btn>span{gap:6.3px;padding:8.1px 16.2px;border-radius:89.1px}}
.hm-btn .x{background:#027a1f;color:#fff}.hm-btn .y{background:#e23b3b;color:#fff;opacity:0;transform:scale(.9)}
.hm-c.s5:not(.s6) .hm-btn .x,.hm-c.s7 .hm-btn .x{opacity:0;transform:scale(.9)}.hm-c.s5:not(.s6) .hm-btn .y,.hm-c.s7 .hm-btn .y{opacity:1;transform:none}
html.hx-js .hm-c .hm-onair{opacity:0;transition:opacity .3s}html.hx-js .hm-c.s5:not(.s6) .hm-onair,html.hx-js .hm-c.s7 .hm-onair{opacity:1}
html.hx-js .hm-c .hm-ff{opacity:0;transform:scale(.97);transition:opacity .45s,transform .5s cubic-bezier(.2,.8,.2,1)}html.hx-js .hm-c.s6 .hm-ff{opacity:1;transform:none}
html.hx-js .hm-c.s6 .hm-l3{opacity:0!important}
html.hx-js .hm-c .hm-ffb i{transform-origin:bottom;transform:scaleY(.1);transition:transform .6s cubic-bezier(.2,.8,.2,1)}html.hx-js .hm-c.s6 .hm-ffb i{transform:none}
/* pop-ups: what the screen is doing, in one line */
.hm-pop{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border-radius:99px;background:#fff;color:#013d14;font:700 14.5px/1.2 var(--f-display);white-space:nowrap;box-shadow:0 20px 44px -10px rgba(0,0,0,.5),0 0 0 2px #3ddc68}@media (max-width:640px){.hm-pop{gap:8.1px;padding:8.1px 14.4px 8.1px 8.1px;border-radius:89.1px;font:700 14px/1.2 var(--f-display)}}
.hm-pop i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#027a1f;color:#fff;flex:none}@media (max-width:640px){.hm-pop i{width:27px;height:27px}}
.hm-pop.p1{right:-34px;top:250px}@media (max-width:640px){.hm-pop.p1{right:-30.6px;top:225px}}.hm-pop.p2{left:-34px;top:230px}@media (max-width:640px){.hm-pop.p2{left:-30.6px;top:207px}}
.hm-pop.p3{right:-34px;top:200px}@media (max-width:640px){.hm-pop.p3{right:-30.6px;top:180px}}.hm-pop.p4{right:-34px;bottom:-18px}@media (max-width:640px){.hm-pop.p4{right:-30.6px;bottom:-16.2px}}
.hm-pop.p5{left:-34px;top:-20px}@media (max-width:640px){.hm-pop.p5{left:-30.6px;top:-18px}}.hm-pop.p6{right:-34px;bottom:-18px}@media (max-width:640px){.hm-pop.p6{right:-30.6px;bottom:-16.2px}}
/* each step brings its piece in */
html.hx-js .hm-v :is(.a1,.a2,.a3,.a4,.a5,.a6,.a7){transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
html.hx-js .hm-v:not(.s1) .a1,html.hx-js .hm-v:not(.s2) .a2,html.hx-js .hm-v:not(.s3) .a3,html.hx-js .hm-v:not(.s4) .a4,html.hx-js .hm-v:not(.s5) .a5,html.hx-js .hm-v:not(.s6) .a6,html.hx-js .hm-v:not(.s7) .a7{opacity:0;transform:translateY(10px)}@media (max-width:640px){html.hx-js .hm-v:not(.s1) .a1,html.hx-js .hm-v:not(.s2) .a2,html.hx-js .hm-v:not(.s3) .a3,html.hx-js .hm-v:not(.s4) .a4,html.hx-js .hm-v:not(.s5) .a5,html.hx-js .hm-v:not(.s6) .a6,html.hx-js .hm-v:not(.s7) .a7{transform:translateY(9px)}}
html.hx-js .hm-a.s3 .hm-think{display:none}
html.hx-js .hm-a:not(.s3) .hm-ans{display:none}
html.hx-js .hm-c:not(.s2) .hm-l3{transform:translateX(-24px)}@media (max-width:640px){html.hx-js .hm-c:not(.s2) .hm-l3{transform:translateX(-21.6px)}}
html.hx-js .hm-b:not(.s7) .hm-fm .on{background:#fff;border-color:#dfe5ec;color:#2c3343}
@media (max-width:1100px){.hm-pop.p1,.hm-pop.p3,.hm-pop.p4,.hm-pop.p6{right:-8px}@media (max-width:640px){.hm-pop.p1,.hm-pop.p3,.hm-pop.p4,.hm-pop.p6{right:-7.2px}}.hm-pop.p2,.hm-pop.p5{left:-8px}@media (max-width:640px){.hm-pop.p2,.hm-pop.p5{left:-7.2px}}}
@media (max-width:900px){.hm-nav{display:none}.hm-st>div{grid-template-columns:64px 32px minmax(0,1fr) 32px;gap:6px}@media (max-width:640px){.hm-st>div{grid-template-columns:57.6px 28.8px minmax(0,1fr) 28.8px;gap:5.4px}}.hm-sbs b{font-size:15px}@media (max-width:640px){.hm-sbs b{font-size:14px}}.hm-sbs strong{font-size:24px}@media (max-width:640px){.hm-sbs strong{font-size:21.6px}}}
@media (max-width:640px){
  .hm-reel .hb-w.hm-w{height:auto;min-height:540px;grid-template-columns:minmax(0,1fr)}@media (max-width:640px){.hm-reel .hb-w.hm-w{min-height:486px}}
  .hm-site,.hm-rail{display:none!important}
  .hm-w>.hm-data{padding:10px;gap:8px}@media (max-width:640px){.hm-w>.hm-data{padding:9px;gap:7.2px}}.hm-dh,.hm-evs .hm-ev:not(.g){display:none}.hm-ang{padding:10px;gap:6px}@media (max-width:640px){.hm-ang{padding:9px;gap:5.4px}}.hm-an b{font-size:12px}
  .hm-dbody p.a6,.hm-wr i:nth-of-type(4),.hm-an:nth-of-type(3),.hm-b .hm-fm{display:none}
  .hm-cb{grid-template-columns:minmax(0,1fr);padding:10px}@media (max-width:640px){.hm-cb{padding:9px}}
  .hm-ab,.hm-dbody{padding:12px 13px}@media (max-width:640px){.hm-ab,.hm-dbody{padding:10.8px 11.7px}}.hm-hl{font-size:19px}@media (max-width:640px){.hm-hl{font-size:17.1px}}.hm-q{font-size:13.5px}.hm-ans p,.hm-dbody p{font-size:13.5px}
  .hm-l3 b{font-size:13.5px}.hm-l3 span{font-size:11.5px}.hm-l3{padding:8px 10px;left:8px;right:8px;bottom:8px}@media (max-width:640px){.hm-l3{padding:7.2px 9px;left:7.2px;right:7.2px;bottom:7.2px}}.hm-l3>i{width:28px;height:28px}@media (max-width:640px){.hm-l3>i{width:25.2px;height:25.2px}}
  .hm-ff{inset:8px;padding:12px}@media (max-width:640px){.hm-ff{inset:7.2px;padding:10.8px}}.hm-ffr b{font-size:30px}@media (max-width:640px){.hm-ffr b{font-size:27px}}.hm-ffr span{font-size:12.5px}.hm-ffb{height:34px}@media (max-width:640px){.hm-ffb{height:30.6px}}
  .hm-gt span:last-child{display:none}.hm-chm{display:none}
  .hm-pop{font-size:12.5px;padding:7px 12px 7px 7px;white-space:normal;max-width:78%}@media (max-width:640px){.hm-pop{padding:6.3px 10.8px 6.3px 6.3px}}.hm-pop i{width:24px;height:24px}@media (max-width:640px){.hm-pop i{width:21.6px;height:21.6px}}
  .hm-pop.p1,.hm-pop.p3,.hm-pop.p5{right:6px;left:auto;top:auto;bottom:-14px}@media (max-width:640px){.hm-pop.p1,.hm-pop.p3,.hm-pop.p5{right:5.4px;bottom:-12.6px}}.hm-pop.p2,.hm-pop.p4,.hm-pop.p6{left:6px;right:auto;top:auto;bottom:-14px}@media (max-width:640px){.hm-pop.p2,.hm-pop.p4,.hm-pop.p6{left:5.4px;bottom:-12.6px}}
  .hm-reel .hb-sk:not(.on) span{display:none}.hm-reel .hb-sk:not(.on){width:22px;height:22px;padding:0;display:grid;place-items:center}@media (max-width:640px){.hm-reel .hb-sk:not(.on){width:19.8px;height:19.8px}}.hm-reel .hb-sk:not(.on)::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}@media (max-width:640px){.hm-reel .hb-sk:not(.on)::before{width:6.3px;height:6.3px}}}