.hsr-page{--hsr-blue:#6bb8c8;background:#fffaf1}.hsr-intro{max-width:1000px;margin:auto;padding:72px 24px 42px;text-align:center}.hsr-intro h1{margin:18px auto 12px;font:800 clamp(50px,6vw,78px)/1 Manrope,sans-serif;letter-spacing:-4px}.hsr-intro h1:after{content:".";color:#75bfd0}.hsr-intro p{max-width:780px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7}.hsr-page .text-maker{border-top:5px solid var(--hsr-blue)}.hsr-presets,.hsr-guide{padding:90px max(20px,7vw)}.hsr-presets{background:#f1eee6;border-block:1px solid var(--line)}.hsr-section-heading{max-width:900px;margin:0 auto 40px;text-align:center}.hsr-section-heading h2{margin:15px 0 12px;font:800 clamp(36px,4.5vw,56px)/1.08 Manrope,sans-serif;letter-spacing:-3px}.hsr-section-heading p{max-width:720px;margin:auto;color:var(--muted);font-size:14px;line-height:1.7}.hsr-preset-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hsr-preset-grid article{display:flex;flex-direction:column;min-height:270px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.hsr-preset-grid article:nth-child(1){border-top:5px solid #e27873}.hsr-preset-grid article:nth-child(2){border-top:5px solid #9a86d5}.hsr-preset-grid article:nth-child(3){border-top:5px solid #69b9c9}.hsr-preset-grid article:nth-child(4){border-top:5px solid #d3a958}.hsr-preset-grid article>span{color:#725bb6;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hsr-preset-grid h3{margin:15px 0 10px;font:800 20px/1.25 Manrope,sans-serif}.hsr-preset-grid p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.65}.hsr-preset-grid button{margin-top:auto;padding:13px;border:0;border-radius:7px;background:#c2f564;font-weight:800;cursor:pointer}.hsr-guide{max-width:1300px;margin:auto}.hsr-guide-block{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.45fr);gap:60px;padding:54px 0;border-top:1px solid var(--line)}.hsr-guide-block>header b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5f4f6;color:#29798a;font-size:11px}.hsr-guide-block h2{margin:17px 0 0;font:800 clamp(29px,3vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-2px}.hsr-guide-block p{margin:0 0 15px;color:#59635d;font-size:15px;line-height:1.78}.hsr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hsr-cards article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.hsr-cards h3{margin:0 0 9px;font:800 17px Manrope,sans-serif}.hsr-cards p{margin:0;font-size:13px;line-height:1.65}.hsr-faq,.hsr-cta{margin-top:25px}@media(max-width:1000px){.hsr-preset-grid{grid-template-columns:repeat(2,1fr)}.hsr-guide-block{grid-template-columns:1fr;gap:24px}.hsr-cards{grid-template-columns:1fr}}@media(max-width:700px){.hsr-intro h1{font-size:45px;letter-spacing:-2.5px}.hsr-presets,.hsr-guide{padding:68px 18px}.hsr-preset-grid{grid-template-columns:1fr}.hsr-page .text-maker{margin-inline:10px}}
.hsr-page .maker-shell{border-top:5px solid var(--hsr-blue)}
.hsr-page .unranked-zone{height:390px;max-height:390px;overflow-y:auto;align-content:start}
.hsr-page .rank-image{object-fit:contain;background:#eef5f6}