style: update dark theme to neutral anthracite and add technical monospace section labels

src/blocks/FAQTeaser/Component.tsx

@@ -9,29 +9,25 @@ type Props = Extract<NonNullable<Page['layout']>[0], { blockType: 'faqTeaser' }>
 export const FAQTeaserBlock: React.FC<Props> = ({ title, questions, linkText }) => {
   return (
     <section className="py-20 md:py-24 bg-card/40 border-t border-border">
-      <div className="container mx-auto px-4 max-w-4xl">
-        <motion.h2 
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true }}
-          className="text-3xl md:text-5xl font-bold text-foreground mb-12 text-center"
-        >
-          {title}
-        </motion.h2>
+      <div className="container-premium max-w-4xl mx-auto">
+        <div className="mb-12 text-center">
+          <div className="font-mono text-sm md:text-base font-bold text-accent tracking-widest uppercase mb-4">
+            // FAQ
+          </div>
+          <h2 className="font-heading text-3xl md:text-5xl font-extrabold text-foreground tracking-tight">
+            {title}
+          </h2>
+        </div>
 
         <div className="space-y-6 mb-12">
           {questions?.map((q: NonNullable<Props['questions']>[0], index: number) => (
-            <motion.div 
+            <div 
               key={q.id || index}
-              initial={{ opacity: 0, y: 10 }}
-              whileInView={{ opacity: 1, y: 0 }}
-              viewport={{ once: true }}
-              transition={{ duration: 0.4, delay: index * 0.1 }}
-              className="bg-card p-6 md:p-8 rounded-2xl shadow-sm border border-border"
+              className="py-6 border-b border-border/50 first:border-t"
             >
-              <h3 className="text-xl font-bold text-foreground mb-3">{q.question}</h3>
-              <p className="text-foreground/80">{q.answer}</p>
-            </motion.div>
+              <h3 className="font-heading text-xl font-bold text-foreground mb-3">{q.question}</h3>
+              <p className="text-foreground/75 leading-relaxed">{q.answer}</p>
+            </div>
           ))}
         </div>