/* === /geo/ 02-why: Figma 281:1796; mobile 338:1238 === */
.fmf2 .geo-why{padding-bottom:168px}
.fmf2 .geo-why__head{max-width:984px}
.fmf2 .geo-why__eyebrow{color:rgba(26,26,26,.6)}
.fmf2 .geo-why__title{font-size:48px;line-height:1.1}
.fmf2 .geo-why__lead{margin-top:24px;font-size:18px;line-height:1.4;color:var(--c-ink)}

.fmf2 .geo-why__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:40px}
.fmf2 .geo-why__card{--cut:8px;display:flex;flex-direction:column;padding:24px;min-width:0;background:#fff}
/* AI-карточка — заливка с вырезанными углами, как в макете */
.fmf2 .geo-why__card--ai{--cut-c:transparent;background:var(--c-accent);color:#fff;
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,calc(100% - var(--cut)) var(--cut),100% var(--cut),
    100% calc(100% - var(--cut)),calc(100% - var(--cut)) calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,
    var(--cut) 100%,var(--cut) calc(100% - var(--cut)),0 calc(100% - var(--cut)),0 var(--cut),var(--cut) var(--cut))}
.fmf2 .geo-why__card-title{font-size:24px;font-weight:500;line-height:1.2}
.fmf2 .geo-why__scheme{display:block;margin-top:12px}
.fmf2 .geo-why__scheme img{width:100%;max-width:612px}
.fmf2 .geo-why__body{margin-top:25px}
.fmf2 .geo-why__label{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(26,26,26,.6)}
.fmf2 .geo-why__card--ai .geo-why__label{color:rgba(255,255,255,.6)}

/* шаги: слева «рельс» из иконок, линии, точек и стрелки, тянется на высоту списка */
.fmf2 .geo-why__steps{display:flex;gap:16px;margin-top:24px}
.fmf2 .geo-why__rail{display:flex;flex-direction:column;align-items:center;flex:0 0 24px;color:rgba(26,26,26,.4)}
.fmf2 .geo-why__card--ai .geo-why__rail{color:rgba(255,255,255,.4)}
.fmf2 .geo-why__rail-ic{display:block;width:24px;height:24px;flex:none}
.fmf2 .geo-why__rail-ic .ic-svg{width:24px;height:24px}
.fmf2 .geo-why__rail-ic--last{margin-top:11px;color:var(--c-accent)}
.fmf2 .geo-why__card--ai .geo-why__rail-ic--last{color:#fff}
.fmf2 .geo-why__rail-line{flex:1 1 0;min-height:4px;width:2px;margin-top:6px;background:currentColor;border-radius:1px}
.fmf2 .geo-why__rail-line+svg{margin-top:5px}
.fmf2 .geo-why__rail-dots{flex:none;fill:currentColor}
.fmf2 .geo-why__rail-dots+.geo-why__rail-line{margin-top:5px}
.fmf2 .geo-why__rail-arrow{flex:none;margin-top:-6px}
.fmf2 .geo-why__list{display:flex;flex-direction:column;gap:8px;min-width:0}
.fmf2 .geo-why__list li{font-size:18px;font-weight:500;line-height:1.4}

@media (max-width:1180px){
  .fmf2 .geo-why__card{padding:24px 20px}
  .fmf2 .geo-why__list li{font-size:16px}
}
@media (max-width:900px){
  .fmf2 .geo-why__cards{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:768px){
  .fmf2 .geo-why{padding-bottom:72px}
  .fmf2 .geo-why__eyebrow{line-height:1.4;margin-bottom:16px}
  .fmf2 .geo-why__title{font-size:32px;line-height:1.2}
  .fmf2 .geo-why__lead{margin-top:16px}
  .fmf2 .geo-why__cards{margin-top:32px}
}
@media (max-width:640px){
  .fmf2 .geo-why__card{--cut:6px;padding:16px 0 24px}
  .fmf2 .geo-why__card-title{padding-inline:16px;font-size:20px}
  .fmf2 .geo-why__scheme{margin-top:12px}
  .fmf2 .geo-why__scheme img{max-width:none}
  .fmf2 .geo-why__body{margin-top:16px;padding-inline:16px}
  .fmf2 .geo-why__list li{font-size:18px}
}