.halo-faq{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:88px;align-items:start;padding-block:80px;border-bottom:1px solid var(--line)}
.faq-intro{padding-top:24px;max-width:365px}
.faq-intro h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:16px 0 20px}
.faq-intro h2>span{color:var(--brand)}
.faq-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}
.faq-support{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin-top:30px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px -25px #25314945}
.faq-support-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:var(--tint);color:var(--brand-dark)}
.faq-support svg,.faq-icon svg{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.faq-support h3{font-size:13px;letter-spacing:-.2px}
.faq-support p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}
.faq-support .button{grid-column:1/-1;width:100%;font-size:11px;margin-top:3px;min-height:44px}
.faq-list{display:grid;gap:12px;min-width:0}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:8px;transition:border-color .3s,box-shadow .3s,transform .3s}
.faq-item:is([data-expanded="true"],:not([data-expanded])[open]){border-color:#f5b0bd;box-shadow:0 12px 36px -25px #ac526650}
.faq-item summary{display:flex;align-items:center;gap:14px;min-height:76px;padding:16px 18px;list-style:none;cursor:pointer;border-radius:7px;touch-action:manipulation}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:hover{background:#fffafb}
.faq-item summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.faq-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:#73829a;border:1px solid var(--line);background:#fafbfe;border-radius:6px;transition:background .3s,color .3s,border-color .3s}
.faq-item:is([data-expanded="true"],:not([data-expanded])[open]) .faq-icon{color:#fff;background:var(--brand);border-color:var(--brand)}
.faq-question{display:grid;gap:4px;min-width:0;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.25px}
.faq-category{font-size:8px;letter-spacing:1.25px;color:#77859b;font-weight:500;line-height:1.5}
.faq-item:is([data-expanded="true"],:not([data-expanded])[open]) .faq-category{color:#bd344e}
.faq-toggle{transition:transform .3s,background .3s,color .3s,border-color .3s;position:relative;flex-shrink:0;margin-left:auto;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;color:#73829a}
.faq-toggle::before{content:"";position:absolute;top:8px;left:9px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.faq-item:is([data-expanded="true"],:not([data-expanded])[open]) .faq-toggle{border-color:#f8ccd5;color:var(--brand-dark);background:var(--tint);transform:rotate(180deg)}
.faq-answer-motion{overflow:hidden}
.faq-answer{margin:0 18px 0 68px;padding:17px 0 22px;border-top:1px solid #edf0f5;color:#5e6d83;font-size:12px;line-height:1.95;overflow-wrap:anywhere}
.faq-answer p+p{margin-top:12px}
.faq-answer a{color:#b9314b;text-decoration:underline;text-underline-offset:3px}
.faq-answer a:hover{color:var(--brand-dark)}
@media(max-width:1000px){.halo-faq{gap:40px}.faq-intro h2{font-size:38px}}
@media(max-width:760px){.halo-faq{grid-template-columns:1fr;gap:30px;padding-block:46px}.faq-intro{padding-top:0;max-width:100%}.faq-intro h2{font-size:36px}.faq-intro>p{max-width:430px}.faq-support{max-width:400px;margin-top:24px}.faq-item summary{min-height:78px}.faq-answer{font-size:13px}}
@media(max-width:400px){.faq-item summary{padding:15px 13px;gap:10px}.faq-icon{width:30px;height:30px}.faq-question{font-size:13px}.faq-category{font-size:7px}.faq-toggle{width:24px;height:24px}.faq-toggle::before{top:7px;left:8px}.faq-answer{margin-inline:16px;padding-top:15px}.faq-intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.faq-item,.faq-icon,.faq-toggle{transition:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.faq-item:not([data-expanded="true"]):not([open]):hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 12px 32px #0f172a12}.faq-item:not([data-expanded="true"]):not([open]):hover .faq-icon{background:var(--tint);color:var(--brand-dark);border-color:#f8ccd5}}