@font-face{font-family:"Anton";src:url(../fonts/anton-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fonts/barlowcondensed-semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fonts/barlowcondensed-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow";src:url(../fonts/barlow-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(../fonts/barlow-semibold.woff2) format("woff2");font-weight:600;font-display:swap}

/* 16 Splits site styles. Broadcast look: ticker, lower thirds, split clock, split leaderboard, diagonal cuts. */
:root{
  --ink:#07080B;--navy:#0D1426;--navy2:#141D36;--line:#26304D;--white:#FFFFFF;--paper:#F4F1EA;
  --signal:#FF5A1F;--burnt:#B83C0B;--steel:#9AA5BE;--slate:#4A5168;
  --display:"Anton",Impact,sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif;--body:"Barlow",system-ui,sans-serif;
  --cut:clamp(28px,6vw,80px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
html,body{overflow-x:clip}
body{margin:0;background:var(--navy);color:var(--white);font:400 17px/1.6 var(--body);padding-bottom:84px}
img{display:block;max-width:100%;height:auto}
a{color:var(--signal)}
p{margin:0 0 1rem}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.95;margin:0 0 1rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--signal);color:var(--ink);padding:.75rem 1rem;font:700 1rem var(--cond);text-transform:uppercase}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.light :focus-visible{outline-color:var(--burnt)}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.5rem;background:var(--signal);color:var(--ink);font:700 1.125rem/1 var(--cond);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .15s,color .15s}
.btn:hover{background:var(--white)}
.btn-sm{min-height:42px;padding:.45rem 1.1rem;font-size:1rem}
.btn-lg{min-height:60px;font-size:1.3125rem;padding:.8rem 1.9rem}
.btn-line{background:var(--white);color:var(--ink)}
.btn-line:hover{background:var(--signal)}

/* ticker */
.ticker{display:flex;align-items:stretch;background:var(--signal);color:var(--ink);font:700 .9375rem/1 var(--cond);text-transform:uppercase;letter-spacing:.06em;position:relative;z-index:51}
.ticker-tag{margin:0;background:var(--ink);color:var(--white);padding:0 18px 0 14px;display:flex;align-items:center;gap:8px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);white-space:nowrap}
.ticker-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--signal);animation:pulse 1.2s ease-in-out infinite}
.ticker-win{flex:1;overflow:hidden;min-width:0}
.ticker-run{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:tick 38s linear infinite}
.ticker-run li{padding:11px 18px;white-space:nowrap;display:flex;align-items:center;gap:18px}
.ticker-run li::after{content:"";width:6px;height:6px;background:var(--ink);transform:rotate(45deg)}
.ticker.paused .ticker-run{animation-play-state:paused}
.ticker-btn{background:var(--ink);color:var(--white);border:0;font:700 .8125rem var(--cond);text-transform:uppercase;letter-spacing:.06em;padding:0 14px;min-width:64px;min-height:38px;cursor:pointer}
.ticker-btn:hover{color:var(--signal)}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(7,8,11,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}
.hdr-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}
.logo{display:inline-flex;align-items:center;min-height:44px}.logo img{height:26px;width:auto}
.nav{display:none;gap:4px}
.nav a{color:var(--white);text-decoration:none;font:700 1.0625rem var(--cond);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.nav a:hover{background:var(--white);color:var(--ink)}

/* hero */
.hero{position:relative;padding:44px 0 calc(var(--cut) + 40px);background:
  linear-gradient(115deg,transparent 0 58%,rgba(255,90,31,.12) 58% 64%,transparent 64%),
  repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),
  radial-gradient(ellipse at 80% 40%,#1b2a52,transparent 60%),var(--ink);
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),0 100%);overflow:hidden}
.hero-grid{display:grid;gap:40px}
.hero-copy{container-type:inline-size;min-width:0}
.chyron{display:flex;flex-wrap:wrap;margin:0 0 1.5rem;font:700 .9375rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em}
.chy-a{background:var(--signal);color:var(--ink);padding:8px 14px 8px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.chy-b{background:var(--white);color:var(--ink);padding:8px 14px;margin-left:-4px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
h1{margin:0 0 1.75rem;line-height:.9;font-style:normal}
h1 .bar{display:block;width:max-content;max-width:100%;margin-bottom:.07em;transform-origin:left;animation:wipe .7s cubic-bezier(.2,.9,.2,1) both}
h1 .bar span{display:block;padding:.06em .22em .02em .14em;white-space:nowrap;transform:skewX(-8deg)}
h1 .b1{font-size:21cqi;background:var(--white);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - .18em) 100%,0 100%)}
h1 .b2{font-size:15.2cqi;background:var(--navy2);color:var(--white);border-left:.08em solid var(--signal);clip-path:polygon(0 0,100% 0,calc(100% - .18em) 100%,0 100%);animation-delay:.12s}
h1 .b3{font-size:18.4cqi;background:var(--signal);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - .18em) 100%,0 100%);animation-delay:.24s}
.lead{font-size:1.1875rem;max-width:36ch;color:#E6E9F0}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:1.75rem 0 1.1rem}
.fine{color:var(--steel);font-size:.9375rem}
.hero-art{position:relative;justify-self:center;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}
.hero-art .frame{width:min(74vw,340px)}
.frame{position:relative;padding:10px;background:linear-gradient(135deg,var(--signal),#8a2a06);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));transform:rotate(-2deg)}
.frame img{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}


/* hero split clock (demo race, overlaps the cover) */
.clock{position:relative;z-index:2;align-self:stretch;width:100%;margin-top:-92px;background:var(--ink);border:2px solid var(--line);box-shadow:0 18px 44px rgba(0,0,0,.6)}
.clock::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:5px;background:var(--signal)}
.clock-top{display:flex;align-items:center;gap:10px;padding:12px 12px 0 0}
.clock-h{display:flex;align-items:center;gap:8px;margin:0;background:var(--signal);color:var(--ink);font:700 .9375rem/1 var(--cond);letter-spacing:.1em;padding:9px 18px 8px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.clock-h .dot{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse 1.2s ease-in-out infinite}
.clock.paused .dot{animation:none;opacity:.35}
.clock-tag{margin:0;font:700 .8125rem/1 var(--cond);text-transform:uppercase;letter-spacing:.1em;color:var(--steel);white-space:nowrap}
.clock-btn{margin-left:auto;background:var(--white);color:var(--ink);border:0;font:700 .875rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em;min-width:72px;min-height:40px;padding:0 14px;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.clock-btn:hover{background:var(--signal)}
.clock-body{padding:12px 14px 14px}
.clock-time{margin:0 0 12px;text-align:center;font:400 clamp(3.1rem,15.5vw,5rem)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.03em;white-space:nowrap;background:var(--navy);padding:10px 0 6px;border-bottom:4px solid var(--signal)}
.clock-now{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 1.125rem/1.1 var(--cond);text-transform:uppercase;letter-spacing:.04em;min-height:30px}
.clock-pos{flex:none;display:inline-grid;place-items:center;min-width:56px;height:28px;padding:2px 8px 0;background:var(--white);color:var(--ink);font:400 1rem/1 var(--display);letter-spacing:.04em;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.clock-now strong{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clock-target{margin-left:auto;flex:none;color:var(--steel);font-size:.875rem;letter-spacing:.08em;white-space:nowrap}
.clock-target b{color:var(--signal);font:400 1.25rem/1 var(--display);letter-spacing:.03em;margin-left:4px}
.clock-segs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;list-style:none;margin:0 0 12px;padding:0}
.clock-segs li{position:relative;overflow:hidden;min-width:0;text-align:center;padding:8px 0 7px;background:var(--navy2);color:#C9D0DF;font:700 .75rem/1 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.clock-segs li i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--white)}
.clock-segs li.st i{background:var(--signal)}
.clock-segs li.done{background:#1F2A4A;color:var(--white)}
.clock-segs li.done i{width:100%}
.clock-segs li.cur{color:var(--white);box-shadow:inset 0 0 0 2px var(--signal)}
.clock-cap{margin:0;font-size:.8125rem;line-height:1.45;color:var(--steel)}

/* lower-third section headers */
.sec{padding:72px 0 80px;position:relative}
.lt{margin-bottom:28px}
.lt-tab{display:inline-block;margin:0;background:var(--signal);color:var(--ink);font:700 .9375rem/1 var(--cond);text-transform:uppercase;letter-spacing:.1em;padding:8px 18px 8px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.lt-bar{display:block;width:max-content;max-width:100%;margin:0;background:var(--white);color:var(--ink);font-size:clamp(2.4rem,10vw,5rem);padding:.08em .4em .02em .2em;clip-path:polygon(0 0,100% 0,calc(100% - .3em) 100%,0 100%)}
.intro{font-size:1.1875rem;max-width:56ch;color:#E6E9F0}
.light{background:var(--paper);color:var(--ink)}
.light a{color:var(--burnt)}
.light .lt-bar{background:var(--ink);color:var(--white)}
.cut{clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);padding:calc(var(--cut) + 56px) 0 calc(var(--cut) + 64px);margin:calc(var(--cut) * -1) 0}
#who.cut{background:var(--ink)}

/* split board */
.board-sec{padding-top:24px}
.board{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px;background:var(--ink);border:2px solid var(--line)}
.board-ctrl{padding:22px 18px;border-bottom:2px solid var(--line)}
.ctrl-l{display:block;font:700 1rem var(--cond);text-transform:uppercase;letter-spacing:.1em;color:var(--steel);margin-bottom:10px}
.goal-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.goal-out{flex:1;min-width:0;text-align:center;font:400 clamp(2.6rem,15vw,4rem)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--navy);padding:10px 0 6px;border-bottom:4px solid var(--signal)}
.step{width:52px;height:52px;flex:none;background:var(--white);color:var(--ink);border:0;font:700 2.25rem/1 var(--cond);cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.step:hover{background:var(--signal)}
.range{width:100%;accent-color:var(--signal);height:32px;margin:0}
.range-ends{display:flex;justify-content:space-between;font:600 .875rem var(--cond);color:var(--steel);letter-spacing:.06em;margin-bottom:20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}
.stat{background:var(--navy2);padding:12px 10px 10px;min-width:0;border-left:4px solid var(--steel)}
.stat.hot{grid-column:1/-1;background:var(--signal);color:var(--ink);border-left-color:var(--ink)}
.s-k{margin:0 0 4px;font:700 .875rem var(--cond);text-transform:uppercase;letter-spacing:.1em}
.stat:not(.hot) .s-k{color:var(--steel)}
.s-v{margin:0;font:400 1.75rem/1 var(--display);font-variant-numeric:tabular-nums}
.stat.hot .s-v{font-size:clamp(3.4rem,16vw,5rem)}
.s-v small{font-size:.4em;margin-left:.1em}
.note{font-size:.9375rem;color:var(--steel);margin:0}
.lb-wrap{overflow-x:auto;width:100%}
.lb{width:100%;border-collapse:collapse;font:600 1rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.04em}
.lb th{text-align:left;font-size:.8125rem;color:var(--steel);letter-spacing:.1em;padding:12px 10px;border-bottom:2px solid var(--line);background:var(--ink)}
.lb td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.lb .num{text-align:right;font-variant-numeric:tabular-nums}
.lb td.pos{width:44px}
.lb td.pos span{display:inline-grid;place-items:center;width:32px;height:26px;background:var(--navy2);color:var(--white);font-family:var(--display);font-weight:400;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.lb tr.st td.pos span{background:var(--signal);color:var(--ink)}
.lb tr.st td.seg{color:var(--white)}
.lb tr.rn td.seg{color:#C9D0DF}
.lb td.c-bar,.lb th.c-bar{width:22%;padding-left:0;padding-right:0}
.lb .barw{display:block;height:8px;background:var(--navy2)}
.lb .barw i{display:block;height:100%;background:var(--steel);transition:width .4s ease}
.lb tr.st .barw i{background:var(--signal)}
.lb td.t{color:var(--white);font-family:var(--display);font-weight:400;font-size:1.125rem;letter-spacing:.03em}
.lb td.clk{color:var(--steel)}
.lb tr.fin td{border-top:2px solid var(--signal);border-bottom:0;color:var(--white);font-size:1.125rem}
.lb tr.fin td.clk{color:var(--signal);font-family:var(--display);font-weight:400;font-size:1.375rem}
.lb tbody.flash td.t{animation:flash .5s ease}
.duo{display:grid;gap:28px;margin-top:44px;align-items:start}
.shot{margin:0}
.shot img{width:100%;background:#fff;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.shot figcaption{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:.9375rem;color:var(--steel)}
.light .shot figcaption{color:var(--slate)}
.shot figcaption span{flex:none;background:var(--signal);color:var(--ink);font:700 .8125rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em;padding:5px 10px 4px}

/* inside cards */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.card{position:relative;background:var(--white);border:2px solid var(--ink);padding:20px 18px 18px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--signal)}
.c-n{font:400 2.75rem/1 var(--display);margin:0 0 .4rem;color:var(--ink)}
.card h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--burnt)}
.card p:last-child{margin:0;color:#23252B}

/* how it works */
.plays{list-style:none;margin:0;padding:0;display:grid;gap:56px}
.play{display:grid;gap:24px;align-items:center}
.play p.play-n{font:400 clamp(5rem,22vw,8rem)/.8 var(--display);margin:0 0 .5rem;color:transparent;-webkit-text-stroke:2px var(--signal)}
.play h3{font-size:clamp(2rem,8vw,3.25rem)}
.play p{font-size:1.125rem;max-width:50ch;color:#E6E9F0}
.play .shot{max-width:380px;width:100%;justify-self:center}

/* subs: in / out */
.subs{display:grid;gap:28px}
.sub{border-top:6px solid var(--signal);background:var(--navy2);padding:22px 20px}
.sub.out{border-top-color:var(--steel)}
.sub-tag{display:inline-block;font:400 1.25rem/1 var(--display);text-transform:uppercase;letter-spacing:.06em;background:var(--signal);color:var(--ink);padding:6px 14px 4px;margin-bottom:14px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.out .sub-tag{background:var(--steel)}
.sub h2{font-size:clamp(2rem,8vw,3rem)}
.sub ul{list-style:none;margin:0;padding:0}
.sub li{padding:12px 0 12px 34px;border-top:1px solid var(--line);position:relative;font-size:1.0625rem}
.sub li::before{content:"";position:absolute;left:4px;top:19px;width:0;height:0;border-left:10px solid var(--signal);border-top:7px solid transparent;border-bottom:7px solid transparent}
.out li::before{border-left:0;border-right:10px solid var(--steel);left:0}

/* buy */
.buy{padding:96px 0 80px;background:var(--navy)}
.buy-grid{display:grid;gap:36px;align-items:start}
.score{background:var(--ink);border:2px solid var(--line);padding:22px 20px 24px;position:relative}
.score::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:6px;background:var(--signal)}
.score-top{display:flex;justify-content:space-between;font:700 .9375rem var(--cond);text-transform:uppercase;letter-spacing:.12em;color:var(--steel);margin-bottom:.75rem}
.score-top span:first-child{color:var(--signal)}
.score-h{font-size:clamp(2.2rem,9vw,3.75rem)}
.digits{display:flex;gap:8px;margin:12px 0 16px}
.d{position:relative;display:grid;place-items:center;min-width:.68em;padding:.06em .1em 0;background:linear-gradient(#1c2645 0 50%,#141d36 50%);color:var(--white);font:400 clamp(6rem,30vw,10rem)/1 var(--display);border-radius:4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.4)}
.d::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:var(--ink)}
.d-cur{font-size:clamp(2.4rem,12vw,4rem);color:var(--signal);background:none;box-shadow:none;align-self:start;min-width:0}
.d-cur::after{display:none}
.score-sub{font:700 1.0625rem var(--cond);text-transform:uppercase;letter-spacing:.05em;color:var(--signal)}
.strong{font-weight:600;color:var(--white)}
.good{background:var(--paper);color:var(--ink);padding:24px 22px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.good h3{font-size:2rem}
.good ul{padding-left:1.1em;margin:0 0 1rem}
.good li{margin-bottom:.6rem}
.good a{color:var(--burnt)}

.news-sec{background:var(--navy);padding-bottom:calc(var(--cut) + 64px)}
.news{display:grid;gap:20px;align-items:end}
.news h2{font-size:clamp(2.2rem,9vw,3.75rem)}

/* faq */
.faq{max-width:940px;display:grid;gap:8px}
.faq details{background:var(--white);border:2px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:14px 16px;font:700 1.25rem/1.2 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";flex:none;display:grid;place-items:center;width:34px;height:30px;background:var(--ink);color:var(--white);font:400 1.125rem/1 var(--display);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}
.faq summary::after{content:"+";margin-left:auto;font:700 1.875rem/1 var(--cond);color:var(--burnt)}
.faq details[open] summary::before{background:var(--signal);color:var(--ink)}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{background:#ECE8DF}
.faq details p{padding:0 16px 4px 64px;max-width:72ch}

/* footer */
.foot{background:var(--ink);padding:calc(var(--cut) + 40px) 0 28px;margin-top:calc(var(--cut) * -1)}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.foot-nav a{color:var(--white);text-decoration:none;font:600 1.0625rem var(--cond);text-transform:uppercase;letter-spacing:.04em;padding:10px 0}
.foot-nav a:hover{color:var(--signal)}
.foot-line{color:var(--steel);font-size:.9375rem;max-width:70ch}


/* inner pages (privacy, refunds, terms, 404) */
body.page{padding-bottom:0}
.nav.always{display:flex}
.prose{max-width:860px;padding-top:52px;padding-bottom:88px}
.prose h1{display:block;width:max-content;max-width:100%;background:var(--white);color:var(--ink);font-size:clamp(2.4rem,10vw,4.5rem);padding:.1em .45em .04em .2em;margin:0 0 1.25rem;clip-path:polygon(0 0,100% 0,calc(100% - .3em) 100%,0 100%)}
.prose .updated{display:inline-block;background:var(--signal);color:var(--ink);font:700 .9375rem/1 var(--cond);text-transform:uppercase;letter-spacing:.08em;padding:8px 18px 7px 12px;margin-bottom:1.5rem;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.prose h2{font-size:clamp(1.6rem,6vw,2.1rem);margin:2.25rem 0 .75rem;padding-left:14px;border-left:6px solid var(--signal)}
.prose p{color:#E6E9F0;max-width:68ch}
.prose .btn{margin-top:.5rem}
.foot.plain{margin-top:0;padding-top:40px;border-top:4px solid var(--signal)}

.buybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--ink);border-top:4px solid var(--signal)}
.buybar p{margin:0;font:700 1rem var(--cond);text-transform:uppercase;letter-spacing:.05em;color:var(--steel)}
.buybar strong{color:var(--white);font:400 1.375rem var(--display);margin-left:6px}

@keyframes tick{to{transform:translateX(-50%)}}
@keyframes pulse{50%{opacity:.3}}
@keyframes wipe{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}
@keyframes flash{0%{color:var(--signal)}100%{color:var(--white)}}

@media (min-width:620px){
  .duo{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr 1fr}
  .subs{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  body{padding-bottom:0}
  .buybar{display:none}
  .nav{display:flex}
  .hero{padding-top:64px}
  .hero-grid{grid-template-columns:1.15fr .85fr;align-items:center}
  .hero-art{max-width:460px;align-items:flex-end}
  .hero-art .frame{width:350px;margin-right:6px}
  .clock{width:calc(100% + 24px);margin:-128px 0 0 -24px}
  .board{grid-template-columns:380px 1fr}
  .board-ctrl{border-bottom:0;border-right:2px solid var(--line);padding:28px 24px}
  .cards{grid-template-columns:repeat(6,1fr)}
  .card{grid-column:span 2}
  .card:nth-child(4),.card:nth-child(5){grid-column:span 3}
  .play{grid-template-columns:1fr 360px;gap:64px}
  .play:nth-child(even){grid-template-columns:360px 1fr}
  .play:nth-child(even) .play-copy{order:2}
  .buy-grid{grid-template-columns:1.1fr .9fr;gap:56px}
  .news{grid-template-columns:1.4fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ticker-run{flex-wrap:wrap;width:auto}
}

@media (max-width:619px){
  .lb td.c-bar,.lb th.c-bar{display:none}
  .lb td,.lb th{padding-left:6px;padding-right:6px}
  .lb td.seg{white-space:normal}
}