.reviews{padding:96px 32px;background:#fff;scroll-margin-top:24px}
.reviews-inner{max-width:1240px;margin:auto}
.reviews h2{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:0;color:var(--ink);margin:14px 0 38px}
.reviews-demo{font-size:12px;line-height:1.6;color:#748098;max-width:780px;margin:0 0 32px}
.reviews-carousel{--visible:4;--gap:20px}
.reviews-window{overflow:hidden}
.reviews-track{display:flex;gap:var(--gap);transition:transform .8s ease-in-out;align-items:stretch}
.review-card{flex:0 0 calc((100% - (var(--visible) - 1)*var(--gap))/var(--visible));min-width:0;padding:24px;border:1px solid #e2e9f5;border-radius:19px;background:white}
.review-author{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.review-avatar{display:block;width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid #e2e9f5;background-image:url('assets/review-avatars-demo.png');background-size:300% 200%}
.avatar-0{background-image:url('assets/alexey-avatar.png');background-size:cover;background-position:center}.avatar-1{background-position:50% 0}.avatar-2{background-position:100% 0}.avatar-3{background-position:0 100%}.avatar-4{background-position:50% 100%}.avatar-5{background-position:100% 100%}
.review-author h3{font-size:14px;line-height:1.4;font-weight:700;margin:0;color:var(--ink)}
.review-author p{font-size:12px;line-height:1.5;font-weight:400;color:#748098;margin:2px 0 0}
.review-card blockquote{font-size:14px;line-height:1.6;font-weight:400;font-style:italic;color:#435571;margin:0}
.reviews-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px}
.reviews-count{font-size:12px;color:#748098}.reviews-buttons{display:flex;gap:9px}
.reviews-buttons button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce6f7;border-radius:50%;background:#fff;color:#146bff;font-size:18px;line-height:1}
.reviews-buttons button:hover{border-color:#b7ceff;background:#eff5ff}.reviews-buttons button:disabled{opacity:.35;cursor:default}
.reviews-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){.reviews{padding:76px 35px}.reviews-carousel{--visible:2}}
@media(max-width:760px){.reviews{padding:56px 24px 64px}.reviews h2{font-size:32px}.reviews-demo{font-size:12px}}
@media(max-width:520px){.reviews-carousel{--visible:1}.review-card{padding:26px}}
@media(prefers-reduced-motion:reduce){.reviews-track{transition:none}}
