/* web-apps page */
.wa-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wa-tile{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px}
.wa-tile p{font-size:15px;line-height:22px;color:var(--mut)}

/* FAQ accordion (.qa button toggled by v2-core.js) */
.wa-fsec .wrap{gap:40px;align-items:center}
.wa-faq{width:880px;max-width:100%;border-radius:24px;overflow:hidden}
.wa-faq .qa{border-bottom:1px solid var(--line);transition:background .3s}
.wa-faq .qa:last-child{border-bottom:0}
.wa-faq .qa.open{background:#FFFFFFB3}
.wa-faq .qa.open button{padding-bottom:12px}
.wa-faq button{display:flex;align-items:center;gap:16px;width:100%;padding:22px 28px;transition:padding .4s var(--ease);border:0;background:none;cursor:pointer;text-align:left;font:700 18px Inter,system-ui,sans-serif;color:var(--ink)}
.wa-faq button small{font:700 14px "JetBrains Mono",monospace;color:var(--p)}
.wa-faq button span{flex:1}
.wa-faq .tg{position:relative;flex:none;width:32px;height:32px;border-radius:16px;background:#fff;outline:1px solid var(--line);outline-offset:-.5px;color:var(--ink);transition:background .3s,color .3s}
.wa-faq .tg::before,.wa-faq .tg::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:currentColor;transition:transform .3s}
.wa-faq .tg::after{transform:rotate(90deg)}
.wa-faq .qa.open .tg{background:var(--p);outline-color:var(--p);color:#fff}
.wa-faq .qa.open .tg::after{transform:rotate(0)}
.wa-faq .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.wa-faq .qa.open .a{grid-template-rows:1fr}
.wa-faq .a>div{overflow:hidden}
.wa-faq .a p{padding:0 76px 26px 65px;font-size:16px;line-height:25px;color:var(--mut)}
.wa-faq .a a{color:var(--p);font-weight:600}
.wa-more{font-size:15px;color:var(--mut)}
.wa-more a{color:var(--p);font-weight:700}

@media (max-width:1024px){.wa-tiles{grid-template-columns:1fr}}
@media (max-width:640px){
  .wa-faq button{padding:18px 16px;gap:12px;font-size:16px}
  .wa-faq .a p{padding:0 16px 20px 16px;font-size:15px}
}

.phero .sub,.dtx p,.wa-tile p{text-wrap:balance}
