/* why-us — «Почему нас выбирают»: 4 шага + галерея + 2 CTA.
   Все классы скоупнуты под [data-block="why-us"], префикс wu-. */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

[data-block="why-us"]{
  --wu-green:#2bb446; --wu-green-dark:#239038;
  --wu-ink:#1f2329; --wu-ink-soft:#4a4f57;
  --wu-line:#e6e8ec;
  --wu-tg:#26A5E4; --wu-tg-hover:#1e96d1;
  --wu-orange:#f06a3b; --wu-orange-hover:#df5b2d;
  font-family:'Rubik',system-ui,sans-serif; color:var(--wu-ink);
  -webkit-font-smoothing:antialiased;
}
[data-block="why-us"] *,[data-block="why-us"] *::before,[data-block="why-us"] *::after{box-sizing:border-box;}

[data-block="why-us"].wu-section{padding:48px 0 72px;}
@media (min-width:1024px){ [data-block="why-us"].wu-section{padding:64px 0 88px;} }

[data-block="why-us"] .wu-title{
  font-size:clamp(22px,2.2vw,34px); font-weight:600; line-height:1.28;
  text-align:center; max-width:1080px; margin:0 auto 40px;
  letter-spacing:-.01em; color:var(--wu-ink);
}
@media (min-width:1024px){ [data-block="why-us"] .wu-title{margin-bottom:56px;} }
[data-block="why-us"] .wu-title__accent{color:var(--wu-green);}

[data-block="why-us"] .wu-grid{display:grid; grid-template-columns:1fr; gap:32px; align-items:stretch;}
@media (min-width:960px){ [data-block="why-us"] .wu-grid{grid-template-columns:1fr 1fr; gap:40px;} }
@media (min-width:1200px){ [data-block="why-us"] .wu-grid{gap:56px;} }

/* LEFT — список шагов */
[data-block="why-us"] .wu-steps{display:flex; flex-direction:column; gap:32px;}
[data-block="why-us"] .wu-step{
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
  padding-bottom:26px; border-bottom:1px solid var(--wu-green); position:relative;
}
[data-block="why-us"] .wu-step:last-child{border-bottom:0; padding-bottom:0;}
[data-block="why-us"] .wu-step__body{font-size:16px; line-height:1.55; color:var(--wu-ink-soft); margin:0;}
[data-block="why-us"] .wu-step__head{
  color:var(--wu-ink); font-weight:600; display:block; margin-bottom:6px;
  font-size:17px; line-height:1.35;
}
[data-block="why-us"] .wu-step__accent{color:var(--wu-green);}
[data-block="why-us"] .wu-step__num{
  font-size:clamp(30px,3vw,42px); font-weight:600; color:var(--wu-ink);
  letter-spacing:-.02em; line-height:1; min-width:64px;
  text-align:right; font-variant-numeric:tabular-nums;
}

/* RIGHT — медиа + CTA */
[data-block="why-us"] .wu-media{display:flex; flex-direction:column; gap:18px;}
[data-block="why-us"] .wu-gallery{
  position:relative; aspect-ratio:4/3; border-radius:18px; overflow:hidden;
  background:#e9eaee; box-shadow:0 4px 28px rgba(20,22,28,.08);
}
[data-block="why-us"] .wu-gallery__slide{
  position:absolute; inset:0; opacity:0; transition:opacity .5s ease;
}
[data-block="why-us"] .wu-gallery__slide--active{opacity:1;}
[data-block="why-us"] .wu-gallery__slide img{width:100%; height:100%; object-fit:cover; display:block;}

[data-block="why-us"] .wu-gallery__arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  border:none; cursor:pointer; display:grid; place-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
  transition:background .15s ease, transform .15s ease;
  z-index:2; padding:0;
}
[data-block="why-us"] .wu-gallery__arrow:hover{background:#fff; transform:translateY(-50%) scale(1.06);}
[data-block="why-us"] .wu-gallery__arrow:active{transform:translateY(-50%) scale(.96);}
[data-block="why-us"] .wu-gallery__arrow--prev{left:14px;}
[data-block="why-us"] .wu-gallery__arrow--next{right:14px;}
[data-block="why-us"] .wu-gallery__arrow svg{width:18px; height:18px; color:#2a2f37;}

[data-block="why-us"] .wu-gallery__dots{
  position:absolute; left:0; right:0; bottom:14px;
  display:flex; justify-content:center; gap:6px; z-index:2;
}
[data-block="why-us"] .wu-gallery__dot{
  width:7px; height:7px; border-radius:50%;
  background:rgba(255,255,255,.55); border:none; padding:0; cursor:pointer;
  transition:background .2s ease, width .2s ease;
}
[data-block="why-us"] .wu-gallery__dot--active{background:#fff; width:22px; border-radius:4px;}

[data-block="why-us"] .wu-cta{
  display:grid; grid-template-columns:1fr; gap:12px; margin-top:auto;
}
[data-block="why-us"] .wu-btn{
  font-family:inherit; font-size:16px; font-weight:500; color:#fff;
  border:none; border-radius:14px; padding:18px 22px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  transition:background .15s ease, transform .05s ease, box-shadow .15s ease;
  width:100%; text-decoration:none; text-align:center;
}
[data-block="why-us"] .wu-btn:active{transform:translateY(1px);}
[data-block="why-us"] .wu-btn svg{width:20px; height:20px; flex-shrink:0;}
[data-block="why-us"] .wu-btn--tg{background:var(--wu-tg); box-shadow:0 4px 16px rgba(38,165,228,.28);}
[data-block="why-us"] .wu-btn--tg:hover{background:var(--wu-tg-hover);}
[data-block="why-us"] .wu-btn--price{background:var(--wu-green); box-shadow:0 4px 16px rgba(43,180,70,.28);}
[data-block="why-us"] .wu-btn--price:hover{background:var(--wu-green-dark);}

@media (max-width:959px){
  [data-block="why-us"] .wu-media{order:-1;}
  [data-block="why-us"] .wu-step__num{min-width:52px;}
  [data-block="why-us"].wu-section{padding:36px 0 48px;}
}