.fq-root { padding: 100px 0; }
.fq-container { max-width: 800px; margin: 0 auto; padding: 0 24px; }

.fq-header { text-align: center; margin-bottom: 60px; }
.fq-eyebrow { font-size: 13px; letter-spacing: 0.3em; text-transform: uppercase; color: hsl(var(--muted-foreground)); font-weight: 600; }
.fq-title { font-size: clamp(32px, 5vw, 48px); font-weight: 300; margin-top: 15px; }

.fq-list { display: flex; flex-direction: column; gap: 16px; }

.fq-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 24px; overflow: hidden; }

/* Trigger Button */
.fq-trigger {
    width: 100%; border: none; background: transparent; padding: 24px 30px;
    display: flex; align-items: center; justify-content: space-between;
    cursor: pointer; text-align: left;
}
.fq-trigger:hover ,.fq-trigger:active,.fq-trigger:focus{
background:transparent;
}

.fq-question { font-size: 18px; font-weight: 500; color: hsl(var(--foreground)); padding-right: 20px; }

.fq-icon-box { 
    width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.4s ease;
    color: green;
}

/* Toggle Logic */
.fq-minus { display: none; }
.fq-item.is-open .fq-plus { display: none; }
.fq-item.is-open .fq-minus { display: block; }
.fq-item.is-open .fq-icon-box { background: hsla(var(--glass-bg) / 1); transform: rotate(180deg);0 4px 16px rgba(var(--shadow-dark), .33), inset 0 1px 0 rgba(255, 255, 255, 1) ;}
.fq-item.is-open .fq-card { background: hsla(var(--glass-bg) / 0.9); }

/* Animation Wrapper */
.fq-content-wrapper {
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}
.fq-list .glass-card{
box-shadow:0 8px 32px rgba(var(--shadow-dark), 0.32), 0 2px 8px rgba(var(--shadow-dark), .28), inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(var(--shadow-dark), .5);
}
.fq-content-inner { padding: 0 24px 24px 24px; }

.fq-answer-box { padding: 20px; border-radius: 18px; }
.fq-answer { color: hsl(var(--muted-foreground)); line-height: 1.7; font-size: 16px; }
.fq-answer p { margin: 0; }

@media (max-width: 600px) {
    .fq-trigger { padding: 20px; }
    .fq-question { font-size: 16px; }
}