:root{--herb-deep:#1e3b2c;--herb-primary:#2c5e3a;--herb-soft:#8ba888;--herb-light:#e8f3e9;--herb-cream:#f9fbf8;--text-dark:#1e2f23;--text-soft:#3a4e3e;--shadow-sm:0 4px 12px #1e3b2c0f;--shadow-md:0 8px 24px #1e3b2c1a;--shadow-lg:0 16px 40px #1e3b2c24;--transition:all .3s cubic-bezier(.25, 1, .5, 1);--font-serif:"Cormorant Garamond", "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif}.faq-page{background:var(--herb-cream);min-height:100vh}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2.5rem}}.faq-hero{text-align:center;color:#fff;isolation:isolate;background:linear-gradient(145deg,#1a3a2a 0%,#2d5a2d 100%);padding:4rem 0;position:relative;overflow:hidden}.hero-bg-pattern{opacity:.6;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L35 15 L45 15 L38 22 L41 32 L30 26 L19 32 L22 22 L15 15 L25 15 L30 5Z' fill='%23ffffff' fill-opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-icon{color:var(--herb-light);opacity:.9;margin-bottom:1.5rem;font-size:3.5rem}.hero-title{font-family:var(--font-serif);margin-bottom:.75rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:700}.hero-title .accent{color:#e8f3e9}.hero-subtitle{opacity:.95;max-width:550px;margin:0 auto;font-size:1.2rem}.floating-leaf{opacity:.08;pointer-events:none;z-index:1;font-size:8rem;position:absolute}.floating-leaf.left{bottom:0;left:-20px;transform:rotate(-15deg)}.floating-leaf.right{top:0;right:-20px;transform:rotate(25deg)}.faq-categories{background:#fff;border-bottom:1px solid #0000000a;padding:2.5rem 0 1rem}.category-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.category-tab{background:var(--herb-light);color:var(--text-dark);cursor:pointer;transition:var(--transition);border:1.5px solid #0000;border-radius:40px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.category-tab:hover{border-color:var(--herb-soft);background:#fff}.category-tab.active{background:var(--herb-primary);color:#fff;box-shadow:var(--shadow-sm)}@media (max-width:480px){.category-tab{padding:.6rem 1.2rem;font-size:.8rem}}.faq-content{background:#fff;padding:3rem 0 4rem}.faq-grid{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--herb-cream);transition:var(--transition);border:1px solid #8cb48c1a;border-radius:20px}.faq-item.open{box-shadow:var(--shadow-sm);border-color:var(--herb-soft);background:#fff}.faq-question{text-align:left;width:100%;color:var(--herb-deep);cursor:pointer;font-size:1.1rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem 1.8rem;display:flex}.faq-question .chevron{color:var(--herb-soft);font-size:1rem;transition:transform .3s}.faq-item.open .faq-question .chevron{color:var(--herb-primary);transform:rotate(180deg)}.faq-answer{overflow:hidden}.answer-content{color:var(--text-soft);padding:0 1.8rem 1.8rem;line-height:1.7}.answer-content p{margin:0}.faq-cta{background:linear-gradient(to bottom, white, var(--herb-light));padding:3rem 0 5rem}.cta-card{background:var(--herb-deep);text-align:center;color:#fff;box-shadow:var(--shadow-lg);border-radius:40px;padding:3rem 2rem}.cta-card h2{font-family:var(--font-serif);margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.8rem)}.cta-card p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.whatsapp-cta-btn{color:#fff;transition:var(--transition);background:#25d366;border-radius:60px;align-items:center;gap:.8rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #25d36640}.whatsapp-cta-btn:hover{background:#128c7e;transform:translateY(-3px);box-shadow:0 12px 28px #128c7e59}.no-results{text-align:center;color:var(--text-soft);padding:3rem}@media (max-width:768px){.faq-hero{padding:3rem 0}.hero-icon{font-size:3rem}.faq-question{padding:1.2rem 1.5rem;font-size:1rem}.answer-content{padding:0 1.5rem 1.5rem}.floating-leaf{font-size:5rem}}@media (max-width:480px){.hero-title{font-size:2.2rem}.cta-card{padding:2rem 1.5rem}}