.hero-ratings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:510px;margin-top:22px}.platform-rating{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid #d6d0c8;border-radius:12px;text-decoration:none;color:#171717;background:#ffffff30;transition:background .2s,border-color .2s}.platform-rating:hover{background:#fff9;border-color:#aaa298}.platform-rating:focus-visible{outline:2px solid #171717;outline-offset:3px}.platform-mark{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;font:600 20px Arial,sans-serif;color:white}.platform-ya{background:#fc482b}.platform-gis{background:#248b37}.platform-pd{background:#2178b4}.platform-google{background:#fff;color:#4285f4;border:1px solid #ddd}.platform-info{display:flex;flex-direction:column;gap:3px;min-width:0}.platform-name{font-size:13px;font-weight:500}.platform-score{display:flex;align-items:center;gap:7px}.platform-score strong{font-size:23px;font-weight:500;line-height:1.1}.platform-stars{font-size:11px;letter-spacing:1px;color:transparent;background:linear-gradient(90deg,#29241f var(--fill),#c9c2b8 var(--fill));background-clip:text;-webkit-background-clip:text}.platform-info small{font-size:11px;color:#615c56}.platform-info time{font-size:10px;color:#716b63}.platform-arrow{margin-left:auto;font-size:14px}@media(max-width:380px){.platform-rating{padding:10px 8px;gap:7px}.platform-mark{flex-basis:25px;width:25px;height:25px;font-size:17px}.platform-name{font-size:12px}.platform-stars{font-size:9px;letter-spacing:0}.platform-arrow{display:none}}