/* BeztOption – shared base styles (from Stitch design system) */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8faf3;
}

.font-headline {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

input[type="range"] {
    accent-color: #3a7d27;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #3a7d27;
    cursor: pointer;
    border: 4px solid #a8d894;
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

/* FAQ accordion */
.faq-item>.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-item.open>.faq-body {
    max-height: 600px;
}

.faq-item.open .faq-chevron {
    transform: rotate(180deg);
}

.faq-chevron {
    transition: transform 0.3s ease;
}