.dataPage{color:var(--ink);background:#f1f0e8}.dataHero{color:#fff;background:#020704 url(../../../matrix-code-bg.png) 50%/cover no-repeat;align-items:center;min-height:540px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px #00000038}.dataHero:before{content:"";background:linear-gradient(90deg,#000502f0 0%,#000703bd 52%,#00000061 100%);position:absolute;inset:0}.dataHero>.shell{padding:85px 0 100px;position:relative}.dataHero h1{letter-spacing:-.055em;margin:38px 0 36px;font-size:clamp(92px,14vw,190px);line-height:.77}.dataHero h1 em,.dataSection h2 em,.dataDark h2 em,.exerciseSection h2 em,.dataFooter h2 em{color:var(--lime)}.dataHero>.shell>p:last-of-type{color:#d8ded8;max-width:720px;font-size:20px;line-height:1.55}.dataPulse{letter-spacing:.09em;text-transform:uppercase;color:#b8c1ba;align-items:center;gap:10px;margin-top:34px;font:11px/1.4 monospace;display:flex}.dataPulse span{background:var(--lime);width:9px;height:9px;box-shadow:0 0 14px var(--lime);border-radius:50%;animation:1.8s ease-in-out infinite dataPulse}@keyframes dataPulse{50%{opacity:.3}}.dataRange{border-left:4px solid var(--lime);background:#00ff411a;flex-direction:column;gap:5px;margin-top:25px;padding:13px 18px;display:inline-flex}.dataRange span{letter-spacing:.14em;color:#aab3ac;font:9px monospace}.dataRange b{text-transform:uppercase;color:#fff;font:900 18px/1.2 Courier New,monospace}.dataMetrics{z-index:2;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--lime);background:#fff;grid-template-columns:repeat(5,1fr);margin-top:-34px;display:grid;position:relative}.dataMetrics article{border-right:1px solid #bbb;flex-direction:column;min-height:190px;padding:23px;display:flex}.dataMetrics article:last-child{border:0}.dataMetrics span{color:#777;font:10px monospace}.dataMetrics b{margin:auto 0 10px;font:900 clamp(48px,5vw,74px)/.85 Impact,Arial Black,sans-serif}.dataMetrics p{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:900}.dataSection{padding-top:120px;padding-bottom:120px}.dataSectionHead{grid-template-columns:1.25fr .75fr;align-items:end;gap:70px;margin-bottom:55px;display:grid}.dataSection h2,.dataDark h2,.exerciseSection h2,.dataFooter h2{letter-spacing:-.04em;margin:28px 0 0;font-size:clamp(52px,7vw,98px);line-height:.88}.dataSectionHead>p{color:#64665f;max-width:430px;line-height:1.65}.mostActive{border:2px solid var(--ink);background:var(--lime);box-shadow:8px 8px 0 var(--ink);text-transform:uppercase;padding:25px}.mostActive span,.mostActive strong{letter-spacing:.08em;font:10px monospace;display:block}.mostActive b{margin:10px 0 5px;font-size:32px;display:block}.aoDataGrid{border-top:2px solid var(--ink)}.aoDataRow{border-bottom:1px solid #b8b9b2;grid-template-columns:45px 180px 1fr 105px 120px;align-items:center;gap:20px;min-height:86px;transition:all .2s;display:grid}.aoDataRow:hover{background:#fff;padding-left:12px}.aoDataRow .rank{color:#777;font:11px monospace}.aoDataRow>b{text-transform:uppercase;font-size:20px}.barTrack{background:#d4d4cc;height:16px;overflow:hidden}.barTrack i{height:100%;display:block}.aoDataRow>span strong{font-size:22px}.aoDataRow small{text-align:right;text-transform:uppercase;font-size:10px;font-weight:900}.dataDark,.exerciseSection,.dataFooter{color:#fff;background:#040a05 url(../../../matrix-code-bg.png) 50%/cover no-repeat;position:relative;box-shadow:0 -15px 28px #0003,0 15px 28px #0003}.dataDark:before,.exerciseSection:before,.dataFooter:before{content:"";background:#020803c7;position:absolute;inset:0}.dataTwin{grid-template-columns:1.25fr .75fr;gap:90px;padding-top:110px;padding-bottom:110px;display:grid;position:relative}.leaderBoard{border-top:1px solid #ffffff59;margin-top:54px}.leaderBoard>div{border-bottom:1px solid #ffffff2e;grid-template-columns:32px 170px 1fr 28px;align-items:center;gap:14px;min-height:54px;display:grid}.leaderBoard span{color:#929a94;font:10px monospace}.leaderBoard b{text-transform:uppercase;font-size:14px}.leaderBoard i{background:#ffffff1f;height:8px;display:block}.leaderBoard i em{background:linear-gradient(90deg,var(--lime),#20c9ff);height:100%;display:block}.leaderBoard strong{color:var(--lime)}.leaderTotal{border:2px solid var(--lime);background:#0000008c;align-self:center;padding:35px;box-shadow:10px 10px #00ff412e}.leaderTotal span{letter-spacing:.08em;font:11px monospace}.leaderTotal b{color:#ffcf00;margin:30px 0;font:900 120px/.9 Impact,Arial Black,sans-serif;display:block}.leaderTotal p{color:#bfc5c0;line-height:1.6}.mixGrid{grid-template-columns:330px 1fr .8fr;align-items:center;gap:55px;display:grid}.donut{border-radius:50%;place-items:center;width:300px;height:300px;display:grid;box-shadow:0 0 35px #00ff4129}.donut>div{text-align:center;background:#f1f0e8;border-radius:50%;place-content:center;width:178px;height:178px;display:grid}.donut b{font:900 64px/.9 Impact,Arial Black,sans-serif}.donut span{letter-spacing:.12em;font:10px monospace}.legend>div{border-bottom:1px solid #c8c8c0;grid-template-columns:15px 1fr 30px;align-items:center;gap:13px;padding:15px 0;display:grid}.legend i{width:12px;height:12px}.legend b{text-transform:uppercase}.legend span{text-align:right;font:700 18px monospace}.milesCard{background:var(--ink);color:#fff;border:2px solid var(--lime);box-shadow:10px 10px 0 var(--lime);padding:32px}.milesCard>span{color:#a9b0aa;font:10px monospace}.milesCard>b{color:#ffcf00;margin:25px 0 8px;font:900 84px/.9 Impact,Arial Black,sans-serif;display:block}.milesCard strong{font-size:15px}.milesCard p{color:#b9beb9;margin:24px 0 0;font-size:12px;line-height:1.55}.exerciseSection .dataTwin{align-items:center}.dataNote{color:#bbc2bc;max-width:420px;line-height:1.6}.exerciseBars>div{grid-template-columns:135px 1fr 28px;align-items:center;gap:15px;margin:18px 0;display:grid}.exerciseBars b{text-transform:uppercase;font-size:13px}.exerciseBars span{background:#ffffff1f;height:13px}.exerciseBars i{height:100%;display:block}.exerciseBars strong{color:var(--lime)}.trendChart{border:2px solid var(--ink);height:380px;box-shadow:12px 12px 0 var(--lime);background:#080d09;padding:24px;overflow:hidden}.trendChart svg{width:100%;height:100%;display:block;overflow:visible}.trendGridLine{stroke:#ffffff21;stroke-width:1px;stroke-dasharray:5 7}.trendArea{fill:url(#trendArea)}.trendLine{fill:none;stroke:url(#trendLine);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #00ff4175)}.trendDotHalo{fill:#00ff4133}.trendDot{fill:#fff;stroke:#00ff41;stroke-width:4px}.trendValue{fill:#fff;text-anchor:middle;font:900 18px Courier New,monospace}.trendLabel{fill:#00ff41;text-anchor:middle;font:900 13px Courier New,monospace}.trendSubLabel{fill:#8e9890;text-anchor:middle;font:700 9px Courier New,monospace}.dataFooter{text-align:center;padding:115px 0}.dataFooter>div{position:relative}.dataFooter>div>p{letter-spacing:.14em;font:11px monospace}.dataFooter h2{margin:35px 0 50px;font-size:clamp(70px,11vw,150px)}.dataFooter small{color:#9da59f;max-width:760px;margin:40px auto 0;line-height:1.5;display:block}@media (max-width:900px){.dataMetrics{grid-template-columns:repeat(2,1fr)}.dataMetrics article{border-bottom:1px solid #bbb}.dataMetrics article:last-child{grid-column:1/-1}.dataSectionHead,.dataTwin{grid-template-columns:1fr}.aoDataRow{grid-template-columns:35px 120px 1fr 85px}.aoDataRow small{display:none}.mixGrid{grid-template-columns:1fr 1fr}.milesCard{grid-column:1/-1}.dataTwin{gap:45px}.dataHero>.shell{padding-top:70px}}@media (max-width:600px){.dataHero{min-height:520px}.dataHero h1{font-size:88px}.dataHero>.shell>p:last-of-type{font-size:16px}.dataRange b{font-size:14px}.dataMetrics{width:calc(100% - 30px);box-shadow:7px 7px 0 var(--lime)}.dataMetrics article{min-height:145px}.dataMetrics b{font-size:48px}.dataSection{padding-top:80px;padding-bottom:80px}.aoDataRow{grid-template-columns:28px 1fr 70px;gap:10px;padding:16px 0}.aoDataRow .barTrack{display:none}.aoDataRow>span{text-align:right}.mixGrid{grid-template-columns:1fr}.donut{width:250px;height:250px;margin:auto}.donut>div{width:145px;height:145px}.leaderBoard>div{grid-template-columns:25px 120px 1fr 22px;gap:8px}.leaderTotal b{font-size:90px}.exerciseBars>div{grid-template-columns:105px 1fr 22px}.trendChart{height:300px;box-shadow:7px 7px 0 var(--lime);padding:8px}.trendSubLabel{display:none}.trendLabel{font-size:11px}}
