@font-face{font-family:Finlandica;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/finlandica@5.2.8/files/finlandica-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Finlandica;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/npm/@fontsource/finlandica@5.2.8/files/finlandica-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@fontsource/iosevka@5.3.0/files/iosevka-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/npm/@fontsource/iosevka@5.3.0/files/iosevka-latin-600-normal.woff2) format("woff2")}

:root{--black:#080b09;--white:#fff;--lime:#c7ff18;--grey:#a7ada7;--line:#313732;--sans:Finlandica,Arial,sans-serif;--mono:Iosevka,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:17px}
a{color:inherit}
.noise{display:none}
.topbar{height:72px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--black)}
.brand{display:flex;align-items:center;gap:11px;color:var(--white);text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.03em}
.brand>span>span{font-weight:400}
.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:end}
.brand-mark i{display:block;height:45%;background:var(--lime)}
.brand-mark i:nth-child(2){height:72%}
.brand-mark i:nth-child(3){height:100%}
.data-button{padding:10px 14px;background:var(--lime);color:var(--black);font:600 13px var(--mono);text-decoration:none}
.data-button span{margin-left:10px}
.hero{max-width:1200px;min-height:590px;margin:0 auto;padding:86px 24px 76px;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr);gap:70px;align-items:center}
h1{margin:0;font-size:clamp(64px,7vw,105px);font-weight:600;line-height:.9;letter-spacing:-.06em}
.hero-chart{border:1px solid #545b55;padding:28px;background:#101411}
.chart-title{display:flex;justify-content:space-between;margin-bottom:23px;color:var(--grey);font:400 1em var(--sans);text-transform:uppercase;letter-spacing:.08em}
.chart-row{margin-bottom:15px}
.chart-row:last-child{margin-bottom:0}
.chart-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.chart-label>span{display:flex;align-items:center;gap:10px;font-weight:600}
.chart-label strong{font:600 16px var(--mono);font-variant-numeric:tabular-nums;color:var(--lime)}
.chart-label img{width:19px;height:19px;object-fit:contain;filter:grayscale(1) invert(1)}
.chart-track{height:11px;background:#2d332e}
.chart-track i{display:block;min-width:3px;height:100%;background:var(--lime)}
.chart-row.zero{color:#737a74}
.chart-row.zero .chart-label strong{color:#737a74}
.chart-row.zero .chart-label img{opacity:.45}
.chart-row.zero .chart-track i{background:#737a74}
.section{max-width:1200px;margin:0 auto;padding:88px 24px 110px}
.leaderboard-section{border-top:1px solid var(--line)}
.section-heading{margin-bottom:34px}
.section h2{margin:0;font-size:56px;font-weight:600;letter-spacing:-.045em}
.board-shell{border-top:4px solid var(--lime)}
.table-wrap{overflow-x:auto}
table{width:100%;min-width:790px;border-collapse:collapse;table-layout:fixed}
th{padding:15px 14px;border-bottom:1px solid var(--line);color:var(--grey);font:400 var(--sans);text-align:left;text-transform:uppercase;letter-spacing:.06em}
th:nth-child(1){width:70px}
th:nth-child(2){width:240px}
th:nth-child(3){width:150px}
td{padding:22px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.rank,.score{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rank{font-size:17px;color:var(--grey)}
.score{font-size:34px;font-weight:600;color:var(--lime)}
.model-cell{display:flex;align-items:center;gap:13px}
.model-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid #777f78;background:var(--white)}
.model-icon img{display:block;width:25px;height:25px;object-fit:contain}
.model-name strong{display:block;font-size:18px;font-weight:600}
.model-name span{display:none}
.felony-list{margin:0;padding:0;list-style:none}
.felony-list li{position:relative;margin:0 0 14px;padding:0 0 14px 17px;border-bottom:1px solid var(--line)}
.felony-list li:last-child{margin:0;padding-bottom:0;border:0}
.felony-list li:before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;background:var(--lime)}
.felony-list strong{display:block;margin-bottom:7px;font-size:15px;font-weight:600}
.felony-list span{display:flex;flex-wrap:wrap;gap:7px 13px}
.felony-list a{color:#c8cec9;font:400 11px var(--mono);text-underline-offset:3px}
.felony-list a:hover{color:var(--lime)}
.felony-list .clean-record{color:#747b75;font-family:var(--mono);font-size:12px}
.felony-list .clean-record:before{background:#747b75}
.table-note{margin:0;padding:17px 14px;color:var(--grey);font-size:14px}
footer{padding:30px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);background:var(--black)}
footer p{margin:0;color:var(--grey);font-size:14px}
footer>a:last-child{font:400 12px var(--mono)}

@media(max-width:960px){.hero{grid-template-columns:1fr;gap:48px}.hero-chart{width:100%}h1{max-width:700px}.section{padding-top:68px}}
@media(max-width:620px){.topbar{height:64px}.hero{min-height:auto;padding-top:58px;padding-bottom:58px;grid-template-columns:1fr}h1{font-size:58px}.hero-chart{padding:18px}.section h2{font-size:44px}.section{padding:58px 16px 80px}.topbar,footer{padding-left:16px;padding-right:16px}footer{align-items:flex-start;flex-wrap:wrap}footer p{order:3;width:100%}}
