feat: redesign page heroes, implement organic markers, and streamline contact flow

- Refined hero sections for About, Blog, Websites, and Case Studies for a bespoke industrial entry point.
- Redesigned Marker component using layered SVG paths for an organic, hand-drawn highlighter effect.
- Restored technical precision in ArchitectureVisualizer with refined line thickness.
- Streamlined contact page by removing generic headers and prioritizing the configurator/gateway.
- Updated technical references to reflect self-hosted Gitea infrastructure.
- Cleaned up unused imports and addressed linting warnings across modified pages.

apps/web/src/components/ContactForm/steps/DesignStep.tsx

@@ -73,13 +73,13 @@ export function DesignStep({ state, updateState }: DesignStepProps) {
   };
 
   return (
-    <div className="space-y-16">
+    <div className="space-y-6">
       {/* Design Vibe */}
       <Reveal width="100%" delay={0.1}>
-        <div className="space-y-8">
+        <div className="space-y-6">
           <div className="flex justify-between items-center">
             <div className="space-y-1">
-              <h4 className="text-2xl font-bold text-slate-900">
+              <h4 className="text-lg font-bold text-slate-900">
                 Design-Richtung
               </h4>
               <p className="text-slate-500">
@@ -145,7 +145,7 @@ export function DesignStep({ state, updateState }: DesignStepProps) {
         <div className="space-y-12">
           <div className="flex justify-between items-center">
             <div className="space-y-1">
-              <h4 className="text-2xl font-bold text-slate-900">Farbschema</h4>
+              <h4 className="text-lg font-bold text-slate-900">Farbschema</h4>
               <p className="text-slate-500">
                 Definieren Sie Ihre Markenfarben oder lassen Sie sich
                 inspirieren.
@@ -179,7 +179,7 @@ export function DesignStep({ state, updateState }: DesignStepProps) {
           </div>
 
           {/* Custom Picker */}
-          <div className="space-y-8 p-10 bg-slate-50 rounded-[3rem] border border-slate-100">
+          <div className="space-y-6 p-6 bg-slate-50 rounded-2xl border border-slate-100">
             <div className="flex items-center gap-3 text-slate-400 font-bold uppercase tracking-widest text-xs">
               <Pipette size={16} />
               Individuelle Farben
@@ -251,16 +251,16 @@ export function DesignStep({ state, updateState }: DesignStepProps) {
 
       {/* References */}
       <Reveal width="100%" delay={0.3}>
-        <div className="space-y-8">
+        <div className="space-y-6">
           <div className="space-y-1">
-            <h4 className="text-2xl font-bold text-slate-900">
+            <h4 className="text-lg font-bold text-slate-900">
               Referenz-Websites
             </h4>
             <p className="text-slate-500">
               Gibt es Websites, die Ihnen besonders gut gefallen?
             </p>
           </div>
-          <div className="p-10 bg-white border border-slate-100 rounded-[3rem]">
+          <div className="p-10 bg-white border border-slate-100 rounded-2xl">
             <RepeatableList
               items={state.references || []}
               onAdd={(v) =>