.faq-directory{padding:88px 0 110px;background:#f7f8fd}
.faq-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:76px}
.faq-categories{position:sticky;top:110px}
.faq-eyebrow{display:block;margin-bottom:18px;color:#e2654b;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.faq-categories nav{border-top:1px solid #d8dce9}
.faq-categories nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #d8dce9;color:#3d4662;font-size:13px;font-weight:600}
.faq-categories nav a:hover{color:#605bd2}
.faq-categories nav span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#e8e8f8;color:#5c58c6;font-size:10px}
.faq-contact-card{margin-top:28px;padding:26px;background:#1e214f;color:#fff}
.faq-contact-card strong{display:block;font-size:18px}.faq-contact-card p{margin:10px 0 18px;color:#d5d9ef;font-size:13px;line-height:1.75}
.faq-contact-card a{color:#ffcc5f;font-size:12px;font-weight:700}.faq-contact-card a span{margin-left:9px}
.faq-groups{min-width:0}
.faq-group{scroll-margin-top:110px}.faq-group+.faq-group{margin-top:62px}
.faq-group-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.faq-group-heading>span{display:grid;width:39px;height:39px;flex:none;place-items:center;border-radius:50%;background:#ffcc5f;color:#1e214f;font-size:11px;font-weight:800}
.faq-group-heading h2{margin:0;color:#171b3e;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}
.faq-list{border-top:1px solid #d4d8e6}
.faq-item{scroll-margin-top:110px;border-bottom:1px solid #d4d8e6;background:#fff}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;cursor:pointer;list-style:none;color:#202541;font-size:16px;font-weight:700;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary{color:#5d58c8}
.faq-toggle{position:relative;width:22px;height:22px;flex:none}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;top:10px;left:3px;width:16px;height:2px;background:currentColor;transition:transform .2s}
.faq-toggle::after{transform:rotate(90deg)}.faq-item[open] .faq-toggle::after{transform:rotate(0)}
.faq-answer{padding:0 70px 25px 28px;color:#59627a;font-size:15px;line-height:1.85}
.faq-answer p{margin:0}.faq-answer p+p{margin-top:12px}.faq-answer a{color:#5753c4;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.faq-empty{padding:35px;background:#fff;border:1px solid #d8dce9}.faq-empty h2{margin-top:0}.faq-empty p{margin-bottom:0}
@media(max-width:900px){.faq-layout{grid-template-columns:220px minmax(0,1fr);gap:38px}}
@media(max-width:700px){.faq-directory{padding:56px 0 74px}.faq-layout{display:block}.faq-categories{position:static;margin-bottom:50px}.faq-categories nav{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.faq-contact-card{margin-top:24px}.faq-group+.faq-group{margin-top:48px}.faq-item summary{padding:20px 18px;font-size:15px}.faq-answer{padding:0 18px 22px;font-size:14px}.faq-group-heading h2{font-size:27px}}
@media(max-width:460px){.faq-categories nav{display:block}.faq-group-heading{gap:13px}.faq-group-heading>span{width:34px;height:34px}.faq-group-heading h2{font-size:24px}}