.hub-main{max-width:1320px;padding-top:32px}.hub-heading{margin-bottom:23px}.hub-heading>p{font-size:11px;letter-spacing:.14em;color:#b9d8d7;margin:0 0 9px}.hub-heading h1{font-size:clamp(28px,3.7vw,46px);margin:0;letter-spacing:-.035em;line-height:1.2}.hub-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-choice{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid #55778a;border-radius:17px;background:linear-gradient(140deg,#203e53,#142b3e);color:#edf4f5;text-decoration:none}.hub-choice:hover{border-color:#b2dace;background:linear-gradient(140deg,#294b60,#19364a)}.hub-art{height:157px;display:flex;justify-content:center;align-items:center;gap:19px;position:relative;margin-bottom:20px;border-bottom:1px solid #6a8b9c55}.hub-art img{object-fit:contain;filter:drop-shadow(0 4px 14px #08152255);max-width:65%}.hub-cube{width:28px;height:28px;display:block;background:linear-gradient(135deg,#9bd9e9,#3889ae);transform:skewY(-15deg);border:1px solid #b4e7ee;box-shadow:8px -5px 0 #76bed057}.hub-quantity .hub-art{gap:30px}.hub-compare .hub-art img:first-child{width:45px;height:45px}.hub-number{font-size:10px;color:#b4d4dc;letter-spacing:.1em}.hub-choice h2{font-size:28px;margin:10px 0 11px}.hub-choice>p{font-size:14px;line-height:1.7;color:#c0d5df;margin:0 0 24px}.hub-choice>strong{font-weight:400;font-size:13px;color:#d5ecdf;margin-top:auto;line-height:1.6}.hub-race-art{display:flex;flex-direction:column;gap:19px;justify-content:center}.hub-race-art i{display:block;width:80%;height:2px;background:#64899b66;position:relative}.hub-race-art i:before{content:'';display:block;height:9px;position:absolute;top:-3px;width:var(--distance,90%);background:linear-gradient(90deg,transparent,#c5e8f1);border-radius:10px}.hub-race-art i:nth-child(2){--distance:30%}.hub-race-art i:nth-child(2):before{background:linear-gradient(90deg,transparent,#efbf83)}.hub-race-art i:nth-child(3){--distance:12%}.hub-race-art i:nth-child(3):before{background:linear-gradient(90deg,transparent,#c4c4f2)}.hub-note{font-size:12px;color:#b5cbd7;margin:19px 0 25px}.hub-footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #537387;padding:14px 0}.hub-footer a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.hub-main a:focus-visible{outline:3px solid #efcc99;outline-offset:5px}@media(max-width:800px){.hub-main{padding:22px 16px 30px}.hub-heading{margin-bottom:17px}.hub-choices{grid-template-columns:1fr;gap:12px}.hub-choice{padding:20px;position:relative}.hub-art{height:88px;margin-bottom:14px;padding-bottom:10px}.hub-art img{max-height:75px;max-width:110px}.hub-compare .hub-art img:first-child{width:28px;height:28px}.hub-cube{height:20px;width:20px}.hub-race-art{gap:15px}.hub-race-art i{width:65%}.hub-choice h2{font-size:26px;margin:7px 0 8px}.hub-choice>p{font-size:13px;margin-bottom:14px}.hub-choice>strong{font-size:13px}.hub-number{font-size:9px}.hub-note{font-size:11px}.hub-footer{gap:8px 23px}}
@media(max-width:800px){.hub-choice{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:16px;row-gap:0;padding:18px 16px}.hub-choice .hub-art{grid-column:1;grid-row:1/5;border:0;margin:0;height:100%;min-height:105px;gap:7px;padding:0}.hub-choice .hub-art img{width:54px;height:70px;max-width:54px}.hub-choice .hub-compare .hub-art img:first-child{width:15px}.hub-compare .hub-art img:first-child{width:15px;height:20px}.hub-compare .hub-art img:last-child{width:50px;height:65px}.hub-choice .hub-cube{width:12px;height:12px;flex:none}.hub-choice .hub-number,.hub-choice h2,.hub-choice>p,.hub-choice>strong{grid-column:2}.hub-choice h2{font-size:24px}.hub-choice>p{font-size:12px;line-height:1.6;margin-bottom:10px}.hub-choice>strong{font-size:12px}.hub-choice .hub-race-art{gap:14px}.hub-race-art i{width:100%}}