*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:#07111f;
    color:#e8edf4;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.65
}
a{color:#8dc7ff}
.site-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    padding:18px 28px;
    border-bottom:1px solid rgba(255,255,255,.09);
    background:#091728
}
.brand{
    color:#fff;
    text-decoration:none;
    font-size:19px;
    font-weight:900
}
nav{
    display:flex;
    gap:18px;
    flex-wrap:wrap
}
nav a{
    color:#cbd7e6;
    text-decoration:none;
    font-weight:700
}
main{
    max-width:1120px;
    margin:auto;
    padding:34px 22px 60px
}
article{
    max-width:940px
}
h1{
    margin:.3em 0;
    font-size:clamp(30px,5vw,52px);
    line-height:1.08
}
h2{
    margin-top:38px;
    color:#fff;
    line-height:1.2
}
.dek{
    font-size:19px;
    color:#afbed0;
    max-width:850px
}
.crumbs{
    color:#8293a9;
    font-size:13px;
    margin-bottom:22px
}
.stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:12px;
    margin:20px 0
}
.stats div{
    background:#0d1d30;
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
    padding:15px
}
.stats b,.stats span{display:block}
.stats b{
    color:#8ea1b8;
    font-size:12px
}
.stats span{
    color:#fff;
    font-size:18px;
    font-weight:800
}
.checklist{
    padding:20px 20px 20px 42px;
    background:#0b192a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px
}
.checklist li{margin:8px 0}
.partner-box{
    margin:36px 0;
    padding:22px;
    border-radius:16px;
    background:#0e2239;
    border:1px solid rgba(125,190,255,.22)
}
.partner-box h2{margin-top:0}
.partner-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.partner-links a{
    display:inline-block;
    background:#fff;
    color:#07111f;
    padding:10px 16px;
    border-radius:9px;
    text-decoration:none;
    font-weight:900
}
.partner-box small,.source-note{
    display:block;
    margin-top:12px;
    color:#8293a9;
    font-size:12px
}
.compare-table{overflow:auto}
table{
    width:100%;
    border-collapse:collapse;
    background:#0b192a
}
th,td{
    padding:13px;
    border:1px solid rgba(255,255,255,.09);
    text-align:left
}
th{color:#fff}
.grid-list{
    columns:2;
    padding-left:22px
}
footer{
    padding:30px 22px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#8293a9;
    font-size:13px
}
footer p{
    max-width:1050px;
    margin:7px auto
}
@media(max-width:700px){
    .site-head{
        align-items:flex-start;
        flex-direction:column
    }
    .grid-list{columns:1}
}