:root{
--ink:#0d1420;
--ink-2:#131d2d;
--ink-3:#1b2839;
--paper:#f7f4ec;
--paper-2:#efe9db;
--lime:#c8f24a;
--lime-dk:#9ad11a;
--text:#e8edf5;
--muted:#9fb0c6;
--line:rgba(200,242,74,.22);
--line-2:rgba(255,255,255,.09);
--warm:#f2b23a;
--radius:6px;
--mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
margin:0;
background:var(--ink);
color:var(--text);
font-family:var(--sans);
font-size:17px;
line-height:1.68;
}
img{max-width:100%;height:auto;}
a{color:var(--lime);}
a:hover{color:#e2ff8a;}

.bl-wrap{
width:100%;
max-width:1120px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
}

.bl-head{
position:sticky;
top:0;
z-index:40;
background:rgba(13,20,32,.96);
border-bottom:1px solid var(--line-2);
}
.bl-bar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px;
padding-top:10px;
padding-bottom:10px;
}
.bl-logo{
display:block;
max-width:132px;
flex:0 0 auto;
}
.bl-logo img{display:block;width:100%;height:auto;}
.bl-burger{
width:44px;
height:40px;
display:inline-flex;
flex-direction:column;
justify-content:center;
gap:5px;
margin-left:auto;
background:var(--ink-3);
border:1px solid var(--line-2);
border-radius:var(--radius);
cursor:pointer;
padding-left:10px;
padding-right:10px;
}
.bl-burger i{display:block;height:2px;background:var(--lime);border-radius:2px;}
.bl-nav{display:none;}
.bl-nav--open{
display:block;
flex:0 0 100%;
width:100%;
padding-bottom:12px;
}
.bl-nav ul{list-style:none;margin:0;padding:0;}
.bl-nav a{
display:block;
padding-top:11px;
padding-bottom:11px;
border-bottom:1px dashed var(--line-2);
color:var(--text);
text-decoration:none;
font-size:15px;
letter-spacing:.02em;
}
.bl-nav a:hover{color:var(--lime);}
.bl-bar__cta{display:none;}

.bl-crumb{
background:var(--ink-2);
border-bottom:1px solid var(--line-2);
font-size:13px;
color:var(--muted);
}
.bl-crumb ol{
list-style:none;
display:flex;
flex-wrap:wrap;
gap:8px;
margin:0;
padding-top:9px;
padding-bottom:9px;
}
.bl-crumb a{color:var(--muted);text-decoration:none;}
.bl-crumb a:hover{color:var(--lime);}

.bl-hero{
background:
radial-gradient(900px 340px at 82% -10%,rgba(200,242,74,.16),transparent 62%),
linear-gradient(180deg,var(--ink-2),var(--ink));
border-bottom:1px solid var(--line);
}
.bl-hero__in{
padding-top:34px;
padding-bottom:34px;
}
.bl-hero__tag{
display:inline-block;
font-family:var(--mono);
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--ink);
background:var(--lime);
border-radius:3px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
margin:0 0 14px;
}
.bl-hero h1{
font-size:29px;
line-height:1.2;
margin:0 0 14px;
letter-spacing:-.01em;
}
.summary-line{
font-size:18px;
color:#d6e0ee;
margin:0 0 18px;
}
.bl-hero figure{margin:20px 0 0;}

main{display:block;}
.bl-body{
padding-top:30px;
padding-bottom:44px;
}
.bl-body h2{
font-size:23px;
line-height:1.26;
margin:38px 0 12px;
padding-left:14px;
border-left:4px solid var(--lime);
}
.bl-body h3{
font-size:18.5px;
margin:26px 0 8px;
color:#f2f6fb;
}
.bl-body p{margin:0 0 15px;}
.bl-body ul,.bl-body ol{margin:0 0 18px;padding-left:22px;}
.bl-body li{margin-bottom:8px;}
.bl-body figure{margin:22px 0;}
.bl-body figcaption{
font-size:13.5px;
color:var(--muted);
margin-top:8px;
text-align:center;
}
.bl-body img{border-radius:var(--radius);}

.bl-slip{
background:var(--paper);
color:#16202e;
border-radius:8px;
margin:24px 0;
position:relative;
overflow:hidden;
}
.bl-slip__top{
background:var(--ink);
color:var(--paper);
font-family:var(--mono);
font-size:12px;
letter-spacing:.14em;
text-transform:uppercase;
padding-top:9px;
padding-bottom:9px;
padding-left:16px;
padding-right:16px;
}
.bl-slip__rows{
padding-top:6px;
padding-bottom:6px;
padding-left:16px;
padding-right:16px;
}
.bl-slip__row{
display:flex;
justify-content:space-between;
gap:12px;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dashed rgba(22,32,46,.22);
font-size:15px;
}
.bl-slip__row:last-child{border-bottom:0;}
.bl-slip__row b{font-family:var(--mono);font-weight:700;white-space:nowrap;}
.bl-slip__foot{
background:var(--paper-2);
font-family:var(--mono);
font-size:14px;
display:flex;
justify-content:space-between;
gap:12px;
padding-top:11px;
padding-bottom:11px;
padding-left:16px;
padding-right:16px;
border-top:2px dashed rgba(22,32,46,.3);
}

.bl-odds{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:20px 0 24px;
}
.bl-odds__tile{
flex:1 1 150px;
background:var(--ink-3);
border:1px solid var(--line-2);
border-radius:var(--radius);
padding-top:12px;
padding-bottom:12px;
padding-left:14px;
padding-right:14px;
}
.bl-odds__k{
display:block;
font-size:12.5px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--muted);
}
.bl-odds__v{
display:block;
font-family:var(--mono);
font-size:21px;
color:var(--lime);
margin-top:4px;
}

.bl-tranche{margin:22px 0 26px;}
.bl-tranche__row{
display:flex;
align-items:center;
gap:12px;
margin-bottom:10px;
}
.bl-tranche__n{
flex:0 0 34px;
height:34px;
border-radius:50%;
background:var(--lime);
color:var(--ink);
font-family:var(--mono);
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
}
.bl-tranche__bar{
flex:1 1 auto;
height:34px;
background:var(--ink-3);
border:1px solid var(--line-2);
border-radius:var(--radius);
position:relative;
overflow:hidden;
}
.bl-tranche__fill{
position:absolute;
top:0;
left:0;
bottom:0;
background:linear-gradient(90deg,rgba(200,242,74,.42),rgba(200,242,74,.12));
}
.bl-tranche__lab{
position:relative;
font-family:var(--mono);
font-size:13.5px;
line-height:32px;
padding-left:12px;
white-space:nowrap;
}

.bl-meter{
background:var(--ink-2);
border:1px solid var(--line);
border-radius:8px;
margin:22px 0;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
padding-right:16px;
}
.bl-meter__t{
font-family:var(--mono);
font-size:12.5px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--lime);
margin-bottom:10px;
}
.bl-meter__track{
height:10px;
border-radius:6px;
background:var(--ink-3);
overflow:hidden;
margin-bottom:10px;
}
.bl-meter__fill{height:10px;background:var(--lime);}
.bl-meter__note{font-size:14.5px;color:var(--muted);}

.bl-steps{
counter-reset:s;
list-style:none;
margin:22px 0;
padding-left:0;
}
.bl-steps li{
position:relative;
padding-left:44px;
margin-bottom:14px;
}
.bl-steps li::before{
counter-increment:s;
content:counter(s);
position:absolute;
left:0;
top:2px;
width:30px;
height:30px;
border-radius:var(--radius);
background:var(--ink-3);
border:1px solid var(--line);
color:var(--lime);
font-family:var(--mono);
display:flex;
align-items:center;
justify-content:center;
}

.bl-note{
background:var(--ink-2);
border-left:4px solid var(--warm);
border-radius:0 var(--radius) var(--radius) 0;
margin:22px 0;
padding-top:14px;
padding-bottom:14px;
padding-left:16px;
padding-right:16px;
font-size:15.5px;
color:#dfe7f2;
}

.bl-tablewrap{
overflow-x:auto;
margin:22px 0;
border:1px solid var(--line-2);
border-radius:var(--radius);
}
.bl-tablewrap table{
width:100%;
min-width:520px;
border-collapse:collapse;
font-size:15px;
}
.bl-tablewrap th,.bl-tablewrap td{
text-align:left;
padding-top:11px;
padding-bottom:11px;
padding-left:13px;
padding-right:13px;
border-bottom:1px solid var(--line-2);
vertical-align:top;
}
.bl-tablewrap th{
background:var(--ink-3);
font-size:13px;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--lime);
white-space:nowrap;
}
.bl-tablewrap td b{font-family:var(--mono);}

.bl-code{
background:linear-gradient(180deg,var(--ink-3),var(--ink-2));
border:1px dashed var(--lime);
border-radius:8px;
margin:24px 0;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
padding-right:16px;
}
.bl-code__lab{
font-size:13px;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--muted);
margin-bottom:8px;
}
.bl-code__box{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
}
.bl-code__val{
font-family:var(--mono);
font-size:23px;
letter-spacing:.14em;
color:var(--lime);
}
.bl-code__btn{
background:var(--lime);
color:var(--ink);
border:0;
border-radius:var(--radius);
font-weight:700;
font-size:14px;
cursor:pointer;
padding-top:9px;
padding-bottom:9px;
padding-left:14px;
padding-right:14px;
}

.bl-cta{margin:26px 0;text-align:center;}
.bl-cta a{
display:inline-block;
background:var(--lime);
color:var(--ink);
font-weight:700;
font-size:16px;
text-decoration:none;
border-radius:var(--radius);
box-shadow:0 6px 0 rgba(154,209,26,.45);
padding-top:13px;
padding-bottom:13px;
padding-left:26px;
padding-right:26px;
}
.bl-cta a:hover{background:#d6ff62;color:var(--ink);}

.bl-faq{margin:26px 0 0;}
.bl-faq details{
background:var(--ink-2);
border:1px solid var(--line-2);
border-radius:var(--radius);
margin-bottom:10px;
}
.bl-faq summary{
cursor:pointer;
font-weight:600;
font-size:16px;
list-style:none;
padding-top:13px;
padding-bottom:13px;
padding-left:16px;
padding-right:16px;
}
.bl-faq summary::-webkit-details-marker{display:none;}
.bl-faq summary::after{content:"+";float:right;color:var(--lime);font-family:var(--mono);}
.bl-faq details[open] summary::after{content:"\2212";}
.bl-faq__a{
font-size:15.5px;
color:#d9e2ee;
padding-bottom:14px;
padding-left:16px;
padding-right:16px;
}
.bl-faq__a p{margin:0 0 10px;}

.bl-foot{
background:var(--ink-2);
border-top:1px solid var(--line);
font-size:15px;
}
.bl-foot__in{
padding-top:30px;
padding-bottom:30px;
}
.bl-foot__logo{max-width:140px;margin-bottom:14px;}
.bl-foot__logo img{display:block;width:100%;height:auto;}
.bl-foot__cols{
display:flex;
flex-wrap:wrap;
gap:26px;
}
.bl-foot__col{flex:1 1 220px;}
.bl-foot h2{
font-size:14px;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--lime);
margin:0 0 10px;
}
.bl-foot ul{list-style:none;margin:0;padding:0;}
.bl-foot li{margin-bottom:7px;}
.bl-foot a{color:#cdd8e6;text-decoration:none;}
.bl-foot a:hover{color:var(--lime);}
.bl-foot__rg{
margin-top:22px;
border-top:1px solid var(--line-2);
font-size:14px;
color:var(--muted);
padding-top:16px;
}
.bl-foot__age{
display:inline-block;
border:2px solid var(--warm);
color:var(--warm);
border-radius:50%;
font-family:var(--mono);
font-size:13px;
font-weight:700;
margin-right:10px;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:7px;
}

.bl-top{
position:fixed;
right:16px;
bottom:16px;
z-index:50;
display:none;
width:44px;
height:44px;
border:1px solid var(--line);
border-radius:50%;
background:var(--ink-3);
color:var(--lime);
font-size:20px;
cursor:pointer;
}
.bl-top--on{display:block;}

.bl-404{text-align:center;padding-top:60px;padding-bottom:60px;}
.bl-404 h1{font-size:64px;font-family:var(--mono);color:var(--lime);margin:0;}

@media (min-width:640px){
.bl-hero h1{font-size:36px;}
.bl-hero__in{padding-top:48px;padding-bottom:48px;}
.bl-body h2{font-size:26px;}
}

@media (min-width:900px){
.bl-burger{display:none;}
.bl-nav{display:block;flex:0 1 auto;margin-left:auto;}
.bl-nav ul{display:flex;flex-wrap:wrap;gap:4px;}
.bl-nav a{
border-bottom:0;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
border-radius:var(--radius);
}
.bl-nav a:hover{background:var(--ink-3);}
.bl-bar__cta{
display:inline-block;
flex:0 0 auto;
background:var(--lime);
color:var(--ink);
font-weight:700;
font-size:14px;
text-decoration:none;
border-radius:var(--radius);
padding-top:9px;
padding-bottom:9px;
padding-left:16px;
padding-right:16px;
}
.bl-hero h1{font-size:42px;}
.bl-body{padding-top:38px;padding-bottom:56px;}
}
