.faq__layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,84px);align-items:start}
.faq__intro{position:sticky;top:108px}
.faq__intro .display{font-size:clamp(2rem,5vw,3.4rem);margin-top:1.1rem}
.faq__help{margin-top:clamp(28px,3vw,40px);padding:clamp(24px,2vw,30px);border:1px solid var(--line);
  border-radius:var(--r);background:linear-gradient(165deg,var(--green-soft),var(--green))}
.faq__help p{color:var(--gray);font-size:.95rem;margin-bottom:1.3rem;line-height:1.5}
.faq__grid{display:flex;flex-direction:column}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:first-child{border-top:1px solid var(--line)}
.faq__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;color:var(--paper);
  font-family:var(--t-display);font-weight:500;font-size:1.05rem;letter-spacing:-.01em;
  padding:1.5rem 3rem 1.5rem 0;position:relative;transition:.35s var(--ease)}
.faq__q:hover{color:var(--gray)}
.faq__q::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;
  background:no-repeat center/contain;transform:translateY(-50%);transition:.4s var(--ease);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5C5C5' stroke-width='1.6'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.faq__item.is-open .faq__q::after{transform:translateY(-50%) rotate(135deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.faq__a p{color:var(--gray);font-size:.98rem;padding:0 3rem 1.6rem 0}
@media(max-width:900px){
  .faq__layout{grid-template-columns:1fr;gap:clamp(28px,5vw,40px)}
  .faq__intro{position:static}
}