Fix FAQ expanders and quote form JavaScript

- Fix FAQ accordion: change from display:none to max-height animation
- Add .active class selectors alongside [aria-expanded="true"]
- Fix quote.php: add missing closing brackets for event listeners
- Fix Promise chain indentation in quote form submission

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

assets/css/main.css

@@ -2543,7 +2543,8 @@ a:focus-visible {
     transform: translateX(5px);
 }
 
-.faq-question[aria-expanded="true"] {
+.faq-question[aria-expanded="true"],
+.faq-question.active {
     background: #179e83;
     color: white;
 }
@@ -2554,19 +2555,27 @@ a:focus-visible {
     transition: transform 0.3s ease;
 }
 
-.faq-question[aria-expanded="true"] .faq-icon {
-    transform: rotate(45deg);
+.faq-question[aria-expanded="true"] .faq-icon,
+.faq-question.active .faq-icon {
+    transform: rotate(180deg);
 }
 
 .faq-answer {
-    display: none;
     background: white;
-    padding: 20px;
+    padding: 0 20px;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease, padding 0.3s ease;
     border-radius: 0 0 8px 8px;
     border-top: 1px solid #e1e5e9;
     margin-bottom: 20px;
 }
 
+.faq-answer.active {
+    padding: 20px;
+    max-height: 1000px;
+}
+
 .faq-answer p {
     margin-bottom: 15px;
     color: #666;