/* === 08-reviews === + shared slider ui === */
.fmf2 .slider-dots{display:inline-flex;align-items:center;gap:6px}
.fmf2 .slider-dot{position:relative;width:6px;height:6px;border-radius:0;background:var(--c-line-dark);overflow:hidden;transition:width .2s}
.fmf2 .slider-dot.is-active{background:var(--c-line-dark);width:32px}
.fmf2 .slider-dot.is-active::after{content:"";position:absolute;inset:0;background:var(--c-accent);transform-origin:left;animation:fmf2-slider-progress var(--slider-duration,6000ms) linear forwards}
@keyframes fmf2-slider-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.fmf2 .section--dark .slider-dot{background:rgba(255,255,255,.2)}
.fmf2 .section--dark .slider-dot.is-active{background:rgba(255,255,255,.2)}
.fmf2 .slider-arrows{display:inline-flex;gap:6px}
.fmf2 .slider-arrow{width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;
  border:0;background:rgba(235,235,235,.2);color:#fff}
.fmf2 .slider-arrow svg{width:24px;height:24px}
.fmf2 .slider-arrow svg *{stroke:currentColor}
.fmf2 .slider-arrow:hover:not(:disabled){background:linear-gradient(180deg,#8C7CE9 0%,#6657C2 100%),rgba(235,235,235,.2)}
.fmf2 .slider-arrow:disabled{color:rgba(255,255,255,.4);background:rgba(235,235,235,.2);cursor:default}

.fmf2 .reviews__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.fmf2 .reviews__head .sect-head{margin-bottom:0}
.fmf2 .reviews__head .btn{flex:none;margin:0}
.fmf2 .reviews__viewport{overflow:hidden;margin-top:44px;transition:height .35s ease}
.fmf2 .reviews__track{display:flex;align-items:flex-start;transition:transform .4s ease}
.fmf2 .review{flex:0 0 100%;display:grid;grid-template-columns:312px minmax(0,1fr);gap:76px;align-items:start}
.fmf2 .review__body{position:relative;min-width:0;padding-left:60px}

.fmf2 .review__doc{position:relative;overflow:hidden}
.fmf2 .review__doc-img{width:100%;height:447px;object-fit:cover;background:#fff}

.fmf2 .review__quote{position:absolute;left:0;top:0;display:block;width:31px;height:24px;background:url("../img/figma-quote-mark.png") left top/31px 24px no-repeat}
.fmf2 .review__text{font-size:18px;line-height:1.4;margin:0 0 24px;color:var(--c-on-dark);white-space:pre-line}
.fmf2 .review__author{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--c-on-dark-2)}
.fmf2 .review__author b{color:#fff;font-weight:600;font-size:16px}

.fmf2 .review__case{display:flex;align-items:center;gap:16px;margin-top:26px;position:relative;width:424px;height:112px;
  background:rgba(235,235,235,.2);padding:16px 48px 16px 16px;transition:background .2s ease}
.fmf2 .review__case:hover,.fmf2 .review__case:focus-visible{background:var(--c-accent-grad)}
.fmf2 .review__case:focus-visible{outline:2px solid #8C7CE9;outline-offset:2px}
.fmf2 .review__case-img{flex:none;width:80px;height:80px;object-fit:cover}
.fmf2 .review__case-t{width:237px;font-size:16px;font-weight:500;line-height:1.4;color:#fff}
.fmf2 .review__case-arrow{position:absolute;top:16px;right:16px;width:24px;height:24px;color:#fff}
.fmf2 .review__case-arrow *{stroke:currentColor}
.fmf2 .review__case:hover .review__case-arrow,.fmf2 .review__case:focus-visible .review__case-arrow{color:#fff}

.fmf2 .reviews__controls{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-bottom:16px;border-bottom:1px solid var(--c-line-dark)}

@media (max-width:900px){
  .fmf2 .reviews__head{flex-direction:column;gap:20px}
  .fmf2 .review{grid-template-columns:1fr;gap:28px}
  .fmf2 .review__doc{max-width:240px}
  .fmf2 .review__body{padding-left:0}
  .fmf2 .review__quote{position:static;width:31px;height:24px;margin-bottom:14px}
  .fmf2 .review__text{font-size:16px}
  .fmf2 .review__case{width:100%;max-width:424px;height:auto;min-height:112px}
}
@media (prefers-reduced-motion:reduce){.fmf2 .slider-dot.is-active::after{animation:none;transform:none}}