/* ============================================================
   FAQ
   ============================================================ */
.faq{background:#fff}
.faq__grid{display:grid;grid-template-columns:1fr 1.24fr;gap:64px;align-items:start}
.faq__title{font-size:clamp(2.2rem,3.9vw,3.4rem)}
.faq__rule{width:76px;height:3px;background:var(--blue);border-radius:2px;margin:20px 0 24px}
.faq__lead{font-size:1.05rem;color:#333B41;line-height:1.6;max-width:44ch}
.faq__art{margin-top:34px}
.acc{display:flex;flex-direction:column;gap:16px}
.acc__item{border:1px solid #DCE9F3;border-radius:12px;background:#fff;overflow:hidden;transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.acc__item.is-open{border-color:#BBDCEF;box-shadow:0 12px 28px rgba(15,62,96,.08)}
.acc__btn{
  width:100%;display:flex;align-items:center;gap:20px;background:none;border:0;cursor:pointer;
  padding:20px 24px;text-align:left;
}
.acc__ic{width:44px;height:44px;border-radius:50%;background:#E5F1F9;display:grid;place-items:center;color:var(--blue);flex:none}
.acc__ic svg{width:19px;height:19px}
.acc__q{flex:1;font-size:1.05rem;font-weight:600;color:#141C23;letter-spacing:-.01em}
.acc__plus{position:relative;width:18px;height:18px;flex:none;color:#7E8A94;transition:color .35s var(--ease)}
.acc__plus::before,.acc__plus::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .45s var(--ease),opacity .35s var(--ease)}
.acc__plus::before{left:0;top:8px;width:18px;height:2px}
.acc__plus::after{top:0;left:8px;width:2px;height:18px}
.acc__item.is-open .acc__plus{color:var(--blue)}
.acc__item.is-open .acc__plus::after{transform:rotate(90deg);opacity:0}
.acc__item.is-open .acc__plus::before{transform:rotate(180deg)}
.acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.acc__item.is-open .acc__panel{grid-template-rows:1fr}
.acc__inner{overflow:hidden}
.acc__a{
  padding:0 24px 22px 88px;font-size:.96rem;line-height:1.65;color:#4A555F;font-weight:500;
  opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease),transform .4s var(--ease);
}
.acc__item.is-open .acc__a{opacity:1;transform:none;transition-delay:.12s}


@media (max-width:1024px){
  .faq__grid{grid-template-columns:1fr;gap:44px}
  .faq__art{max-width:440px}
}