.faq-wrapper{--faq-bg:#f8f9f4;--faq-white:#ffffff;--faq-accent:#1a4d2e;min-height:90vh;background-color:var(--faq-bg)}.faq-wrapper .hero-gradient{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(26,77,46,.12),transparent 70%)}.header{margin-bottom:2.5rem}.chatWindow{max-width:800px;margin:0 auto;gap:40px;padding:20px 0}.chatWindow,.messageGroup{display:flex;flex-direction:column}.messageGroup{gap:16px;flex-shrink:0}.questionWrapper{display:flex;justify-content:flex-start}.questionBubble{background-color:#0f0f0f;border:1px solid #222222;padding:18px 24px;border-radius:20px;max-width:75%;font-size:1.1rem;line-height:1.5;color:var(--faq-white)}.answerWrapper{display:flex;justify-content:flex-end;position:relative}.answerBubble{background-color:var(--faq-white);color:#1a1a1a;border:1px solid rgba(26,77,46,.12);box-shadow:0 1px 2px rgba(26,77,46,.06);padding:18px 24px;border-radius:20px;max-width:75%;font-size:1.1rem;line-height:1.5;margin-right:45px}.purpleIcon{position:absolute;right:0;bottom:0;width:32px;height:32px;background-color:var(--faq-accent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700}.scrollContainer{max-width:800px;margin:0 auto;height:600px;overflow:hidden;position:relative;scrollbar-width:none;mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent)}.scrollContainer.faq-auto-scroll .chatWindow{animation:faqLoopScroll 46s linear infinite;will-change:transform}.scrollContainer.faq-paused .chatWindow{animation-play-state:paused}.faq-loop-top{display:flex;flex-direction:column;gap:40px}.faq-loop-boundary{display:flex;align-items:center;gap:14px;padding:12px 8px;flex-shrink:0}.faq-loop-boundary-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(26,77,46,.55),transparent)}.faq-loop-boundary-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(79,111,82,.75)}.faq-loop-duplicate{display:flex;flex-direction:column;gap:40px}.scrollContainer::-webkit-scrollbar{display:none}@keyframes faqLoopScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--faq-loop-height, 0px)))}}