/* === 07-why: Figma 41:2272, 41:2731–41:2815 === */
.fmf2 .why__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.fmf2 .why__head .sect-head{margin-bottom:0;max-width:860px;flex:1 1 auto;min-width:0}
.fmf2 .why__head .sect-title{font-size:52px}
.fmf2 .why__head .btn{flex:none;margin:0}
.fmf2 .why__grid{margin-top:56px}
.fmf2 .why__top,.fmf2 .why__bottom{display:grid;border:1px solid var(--c-line-dark)}
.fmf2 .why__top{grid-template-columns:312fr 336fr 336fr 336fr;aspect-ratio:1320/312}
.fmf2 .why__bottom{grid-template-columns:424fr 448fr 448fr;aspect-ratio:1320/422;border-top:0}
.fmf2 .why__card{position:relative;min-width:0;border-right:1px solid var(--c-line-dark);overflow:visible}
.fmf2 .why__card:last-child{border-right:0}
.fmf2 .why__grid-break{position:absolute;inset:-8px;z-index:6;pointer-events:none;
  background:linear-gradient(var(--c-dark),var(--c-dark)) left top/15px 15px no-repeat,
    linear-gradient(var(--c-dark),var(--c-dark)) right top/15px 15px no-repeat,
    linear-gradient(var(--c-dark),var(--c-dark)) left bottom/15px 15px no-repeat,
    linear-gradient(var(--c-dark),var(--c-dark)) right bottom/15px 15px no-repeat}

.fmf2 .why__card--brand{z-index:7;display:grid;place-items:center;color:#fff;isolation:isolate;overflow:visible}
.fmf2 .why__brand-img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:fill}
.fmf2 .why__brand-text{position:relative;z-index:2;width:224px;max-width:78%;font-size:18px;font-weight:500;line-height:1.4;text-align:center;color:#fff;transform:translateY(6px)}

.fmf2 .why__card--stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.fmf2 .why__card-num{font-size:64px;line-height:1.2;letter-spacing:-.02em;color:#fff}
.fmf2 .why__card-num i{font-style:normal;font-size:.75em;font-weight:500;letter-spacing:0}
.fmf2 .why__card-num .why__num-prefix{margin-right:6px}
.fmf2 .why__card-num .why__num-suffix{margin-left:2px}
.fmf2 .why__card-text{font-size:16px;font-weight:500;line-height:1.4;color:var(--c-on-dark-3)}
.fmf2 .why__card--stat .why__card-text{max-width:224px;margin-top:12px}

.fmf2 .why__card--quote{display:flex;flex-direction:column;padding:24px;color:#fff}
.fmf2 .why__quote-mark{display:block;width:31px;height:24px;flex:none;margin-bottom:44px;background:url("../img/figma-quote-mark.png") left top/31px 24px no-repeat}
.fmf2 .why__card--quote blockquote{max-width:376px;font-size:18px;font-weight:500;line-height:1.4}
.fmf2 .why__quote-author{display:flex;align-items:flex-end;gap:16px;margin-top:auto}
.fmf2 .why__quote-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:8px;background:#fff;flex:none}
.fmf2 .why__quote-logo img{width:100%;height:100%;object-fit:contain}
.fmf2 .why__quote-author p{display:flex;flex-direction:column;gap:8px;min-width:0}
.fmf2 .why__quote-author strong{font-size:16px;line-height:1.4}
.fmf2 .why__quote-author span{font-size:14px;line-height:1.2;color:var(--c-on-dark-3)}

.fmf2 .why__card--data{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.fmf2 .why__data-icon{width:80px;height:80px;margin-bottom:28px}
.fmf2 .why__card--data h3{font-size:24px;font-weight:700;line-height:1.4;margin-bottom:8px}
.fmf2 .why__card--data p{max-width:362px;font-size:16px;font-weight:500;line-height:1.4;color:var(--c-on-dark-3)}

.fmf2 .why__card--grad{z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(237.1501deg,#847CB8 27.863%,#5B5EA5 77.847%);overflow:visible}
.fmf2 .why__grad-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.fmf2 .why__grad-bg{position:absolute;left:-6.264%;top:3.325%;width:103.58%;height:124.16%;max-width:none;object-fit:fill}
.fmf2 .why__card--grad .why__card-num,.fmf2 .why__card--grad .why__card-text{position:relative;z-index:1}
.fmf2 .why__card--grad .why__card-num{font-size:96px;line-height:1.2}
.fmf2 .why__card--grad .why__card-num i{font-size:.6667em;font-weight:500}
.fmf2 .why__card--grad .why__card-text{font-size:24px;line-height:1.2;color:#fff;margin-top:-6px}

@media (min-width:901px) and (max-width:1180px){
  .fmf2 .why__brand-text{font-size:14px}
  .fmf2 .why__card-num{font-size:48px}
  .fmf2 .why__card-text{font-size:13px}
  .fmf2 .why__card--quote{padding:18px}
  .fmf2 .why__quote-mark{height:24px;margin-bottom:22px}
  .fmf2 .why__card--quote blockquote{font-size:14px}
  .fmf2 .why__quote-logo{width:58px;height:58px}
  .fmf2 .why__quote-author strong,.fmf2 .why__quote-author span{font-size:11px}
  .fmf2 .why__data-icon{width:56px;height:56px;margin-bottom:14px}
  .fmf2 .why__card--data h3{font-size:18px}
  .fmf2 .why__card--data p{font-size:13px}
  .fmf2 .why__card--grad .why__card-num{font-size:68px}
  .fmf2 .why__card--grad .why__card-text{font-size:18px}
}
@media (max-width:1024px){
  .fmf2 .why__head{flex-direction:column;gap:24px}
  .fmf2 .why__head .sect-title{font-size:34px}
}
@media (max-width:900px){
  .fmf2 .why__top{grid-template-columns:1fr 1fr;aspect-ratio:auto}
  .fmf2 .why__top .why__card{min-height:250px;border-bottom:1px solid var(--c-line-dark)}
  .fmf2 .why__top .why__card:nth-child(2n){border-right:0}
  .fmf2 .why__bottom{grid-template-columns:1fr;aspect-ratio:auto}
  .fmf2 .why__bottom .why__card{min-height:340px;border-right:0;border-bottom:1px solid var(--c-line-dark)}
  .fmf2 .why__bottom .why__card:last-child{border-bottom:0}
  .fmf2 .why__grid-break{display:none}
}
@media (max-width:560px){
  .fmf2 .why__top{grid-template-columns:1fr}
  .fmf2 .why__top .why__card{min-height:260px;border-right:0}
  .fmf2 .why__card--brand{aspect-ratio:1/1}
  .fmf2 .why__card--stat{align-items:flex-start;text-align:left}
  .fmf2 .why__card--stat .why__card-text{max-width:none}
  .fmf2 .why__bottom .why__card{min-height:320px}
  .fmf2 .why__card--grad .why__card-num{font-size:72px}
}