.wbc-logo{display:inline-block;background:#fff;color:#0b0c0c;font-weight:700;padding:2px 6px;margin-right:6px;font-size:18px;letter-spacing:1px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:30px}
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}
.card{background:#f3f2f1;padding:15px;border-top:5px solid #1d70b8}
.card.red{border-color:#d4351c}.card.amber{border-color:#f47738}.card.green{border-color:#00703c}.card.grey{border-color:#505a5f}.card.purple{border-color:#4c2c92}
.card .n{font-size:38px;font-weight:700;line-height:1;display:block}
.card .l{font-size:16px;color:#505a5f}
.clock{font-weight:700}.clock.red{color:#d4351c}.clock.amber{color:#b35a00}.clock.green{color:#00703c}
.ai{border-left:5px solid #4c2c92;background:#f6f3fb;padding:15px 20px;margin-bottom:25px}
.ai h3{margin-top:0}
.why{color:#505a5f;font-size:16px}
.steps{list-style:none;padding:0;margin:0 0 30px;border-left:3px solid #b1b4b6}
.steps li{position:relative;padding:0 0 18px 22px}
.steps li:before{content:"";position:absolute;left:-9px;top:4px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #b1b4b6}
.steps li.done:before{background:#00703c;border-color:#00703c}
.steps li.now:before{background:#1d70b8;border-color:#1d70b8}
.steps li.late:before{background:#d4351c;border-color:#d4351c}
.steps .t{font-weight:700;display:block}
.steps .d{font-size:16px;color:#505a5f}
.photos{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.photos figure{margin:0;width:150px}
.photos img,.photos .ph{width:150px;height:110px;object-fit:cover;display:block;border:1px solid #b1b4b6}
.photos figcaption{font-size:14px;color:#505a5f}
.bar{display:flex;align-items:center;gap:10px;margin:6px 0}
.bar .lab{width:190px;font-size:16px}
.bar .track{flex:1;background:#f3f2f1;height:22px}
.bar .fill{background:#1d70b8;height:100%;display:block}
.bar .fill.red{background:#d4351c}
.bar .v{width:60px;font-size:16px;text-align:right}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:640px){.compare{grid-template-columns:1fr}}
.compare .box{padding:20px;border:2px solid #b1b4b6}.compare .box.after{border-color:#00703c}
.compare ul{padding-left:20px}
.letter{width:100%;min-height:240px;font-family:inherit;font-size:16px}
.vuln{background:#fff4e5;border-left:5px solid #f47738;padding:10px 15px;margin-bottom:20px}