.hbc-compare{--yellow:#fac905;--blue:#2563eb;background:#090909;color:#f7f7f7;padding:clamp(3rem,7vw,7rem) 0;border-block:1px solid #292929}.hbc-compare *{box-sizing:border-box}.hbc-compare__header{max-width:58rem;margin-bottom:2.5rem}.hbc-compare__header p{margin:0 0 .7rem;color:var(--yellow);font-weight:900;text-transform:uppercase}.hbc-compare__header h2{margin:0;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;text-transform:uppercase;letter-spacing:0}.hbc-compare__header span{display:block;max-width:42rem;margin-top:1.2rem;color:#c9c9c9;font-size:1.15rem}.hbc-compare__table{border-top:3px solid var(--blue);background:#131313}.hbc-compare__head,.hbc-compare__row{display:grid;grid-template-columns:minmax(15rem,1.2fr) minmax(13rem,1fr) minmax(13rem,1fr);align-items:center}.hbc-compare__head{background:#1d1d1d;color:#fff}.hbc-compare__head>*{padding:1rem 1.25rem;text-transform:uppercase}.hbc-compare__head strong:nth-child(2){color:var(--yellow)}.hbc-compare__row{border-top:1px solid #303030;animation:hbcCompareIn .55s both;animation-delay:var(--delay)}.hbc-compare__row>*{min-width:0;padding:1.15rem 1.25rem}.hbc-compare__row span{font-weight:800}.hbc-compare__row strong{color:#fff}.hbc-compare__row strong i{color:var(--yellow);font-style:normal;font-size:1.25rem}.hbc-compare__row em{color:#9d9d9d;font-style:normal}.hbc-compare__row em i{color:#f06464;font-style:normal}.hbc-compare__row:hover{background:#181818}.hbc-compare__cta{display:inline-flex;min-height:3.5rem;align-items:center;margin-top:1.5rem;padding:0 2rem;background:var(--yellow);color:#080808;text-decoration:none;font-weight:900;text-transform:uppercase}@keyframes hbcCompareIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:749px){.hbc-compare__table{background:transparent}.hbc-compare__head{display:none}.hbc-compare__row{grid-template-columns:1fr 1fr;margin-bottom:.65rem;border:1px solid #303030;background:#141414}.hbc-compare__row span{grid-column:1/-1;border-bottom:1px solid #303030;font-size:1.05rem}.hbc-compare__row strong,.hbc-compare__row em{padding-top:.9rem;font-size:.83rem}.hbc-compare__cta{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.hbc-compare__row{animation:none}}
