@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
.faq-page{--tc:#c4783a;--tc-dk:#8a4818;--s900:#19180f;--s700:#35332c;--s500:#6b6860;--s300:#c4c0b6;--s200:#e0ddd4;--s100:#f0ede6;--s50:#faf8f4;--gold:#c9a86c;background:var(--s50);min-height:100vh;color:var(--s700);padding:32px 16px 80px;font-family:Plus Jakarta Sans,sans-serif}@media (min-width:640px){.faq-page{padding:48px 24px 100px}}@media (min-width:1024px){.faq-page{padding:64px 32px 120px}}.faq-back{max-width:800px;margin:0 auto 32px}@media (min-width:640px){.faq-back{margin-bottom:48px}}.faq-back-link{color:var(--s500);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.faq-back-link:hover{color:var(--tc)}.faq-header{text-align:center;max-width:640px;margin:0 auto 40px}@media (min-width:640px){.faq-header{margin-bottom:56px}}.faq-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--tc);margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.faq-title{letter-spacing:-.03em;color:var(--s900);margin:0 0 12px;font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.15}.faq-subtitle{color:var(--s500);margin:0;font-size:16px;line-height:1.6}.faq-categories{flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin:0 auto 32px;display:flex}@media (min-width:640px){.faq-categories{margin-bottom:48px}}.faq-category-btn{background:var(--s100);color:var(--s500);border:1px solid var(--s200);cursor:pointer;white-space:nowrap;border-radius:100px;padding:8px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;transition:all .25s}.faq-category-btn:hover{background:var(--s200);color:var(--s700)}.faq-category-btn.active{background:var(--tc);color:#fff;border-color:var(--tc);box-shadow:0 2px 12px #c4783a40}.faq-content{max-width:800px;margin:0 auto}.faq-accordion{flex-direction:column;gap:8px;display:flex}.faq-item{background:#fff;transition:border-color .25s,box-shadow .25s;overflow:hidden;border:1px solid var(--s200)!important;border-radius:14px!important}.faq-item:hover{border-color:var(--s300)!important}.faq-item[data-state=open]{box-shadow:0 2px 16px #c4783a14;border-color:var(--tc)!important}.faq-trigger{cursor:pointer;background:0 0;border:none;width:100%;transition:color .2s;color:var(--s900)!important;text-align:left!important;padding:18px 20px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:15px!important;font-weight:600!important}.faq-trigger:hover{color:var(--tc)!important;text-decoration:none!important}.faq-trigger[data-state=open]{color:var(--tc)!important}.faq-trigger svg{color:var(--s300);flex-shrink:0;margin-left:12px;transition:color .2s}.faq-trigger:hover svg{color:var(--tc)}.faq-answer-wrapper{padding:0 20px 20px!important}.faq-answer{color:var(--s500);margin:0;font-size:14px;line-height:1.75}.faq-contact{text-align:center;border:1px solid var(--s200);background:#fff;border-radius:20px;max-width:500px;margin:56px auto 0;padding:40px 24px}@media (min-width:640px){.faq-contact{margin-top:72px;padding:48px 32px}}.faq-contact-title{color:var(--s900);margin:0 0 8px;font-size:20px;font-weight:700}.faq-contact-text{color:var(--s500);margin:0 0 24px;font-size:14px;line-height:1.6}.faq-contact-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.faq-contact-btn{background:var(--tc);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.faq-contact-btn:hover{background:var(--tc-dk);transform:translateY(-1px);box-shadow:0 4px 16px #c4783a4d}.faq-page::-webkit-scrollbar{width:6px}.faq-page::-webkit-scrollbar-track{background:var(--s100)}.faq-page::-webkit-scrollbar-thumb{background:var(--s300);border-radius:3px}.faq-page::-webkit-scrollbar-thumb:hover{background:var(--tc)}.faq-item[data-state=open] .faq-answer-wrapper{animation:.3s ease-out faqSlideDown}.faq-item[data-state=closed] .faq-answer-wrapper{animation:.3s ease-out faqSlideUp}@keyframes faqSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes faqSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
