.faq-section{position:relative;padding:var(--spacing-20) 0;background:linear-gradient(to left,var(--bugloos-white),var(--bugloos-gray-50));overflow:hidden}.faq-bg-decoration{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:0}.faq-bg-circle{position:absolute;border-radius:var(--radius-full)}.faq-bg-circle-1{top:var(--spacing-20);left:var(--spacing-10);width:8rem;height:8rem;background-color:var(--bugloos-primary)}.faq-bg-circle-2{bottom:var(--spacing-20);right:var(--spacing-10);width:6rem;height:6rem;background-color:var(--bugloos-secondary)}.faq-bg-circle-3{top:50%;left:33.333%;width:4rem;height:4rem;background-color:var(--bugloos-primary);transform:translateY(-50%)}.faq-container{position:relative;max-width:var(--container-4xl);margin:0 auto;padding:0 var(--spacing-4);z-index:10}@media (min-width:640px){.faq-container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.faq-container{padding:0 var(--spacing-8)}}.faq-header{text-align:center;margin-bottom:var(--spacing-16)}.faq-title{font-family:var(--font-family-primary);font-size:var(--text-4xl);font-weight:var(--font-weight-semibold);color:var(--bugloos-dark);margin:0 0 var(--spacing-6) 0;line-height:var(--leading-tight)}@media (min-width:768px){.faq-title{font-size:var(--text-5xl)}}.faq-description{font-family:var(--font-family-primary);font-size:var(--text-lg);color:var(--bugloos-gray-600);line-height:var(--leading-relaxed);max-width:var(--container-md);margin:0 auto}.faq-accordion{display:flex;flex-direction:column;gap:var(--spacing-4)}.faq-item{background-color:var(--bugloos-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:box-shadow var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-xl)}.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-8);border:none;background:0 0;cursor:pointer;text-align:left;transition:color var(--transition-normal)}.faq-trigger:hover{color:var(--bugloos-primary)}.faq-question{font-family:var(--font-family-primary);font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--bugloos-dark);transition:color var(--transition-normal);flex:1}.faq-trigger:hover .faq-question{color:var(--bugloos-primary)}.faq-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--bugloos-gray-500);transition:transform var(--transition-spring)}.faq-trigger[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.faq-content{overflow:hidden;transition:max-height var(--transition-spring),opacity var(--transition-spring)}.faq-content[hidden]{display:block;max-height:0;opacity:0}.faq-content:not([hidden]){max-height:500px;opacity:1}.faq-answer{padding:0 var(--spacing-8) var(--spacing-6) var(--spacing-8);font-family:var(--font-family-primary);font-size:var(--text-base);color:var(--bugloos-gray-600);line-height:1.7}.faq-cta{text-align:center;margin-top:var(--spacing-16)}.faq-cta-text{font-family:var(--font-family-primary);font-size:var(--text-lg);color:var(--bugloos-gray-600);margin:0 0 var(--spacing-6) 0}.faq-cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;align-items:center}@media (min-width:640px){.faq-cta-buttons{flex-direction:row}}.faq-btn{display:inline-block;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-full);font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;text-align:center;transition:all var(--transition-normal);cursor:pointer}.faq-btn-primary{background-color:var(--bugloos-primary);color:var(--bugloos-white);border:2px solid var(--bugloos-primary)}.faq-btn-primary:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.faq-btn-secondary{background-color:transparent;color:var(--bugloos-primary);border:2px solid var(--bugloos-primary)}.faq-btn-secondary:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){.faq-btn,.faq-content,.faq-icon,.faq-item,.faq-trigger{transition:none!important}.faq-btn:hover{transform:none!important}}[dir=rtl] .faq-icon,html.rtl .faq-icon{margin-left:0;margin-right:auto}