UI fixes (colors, favicon) and codebase comment cleanup

components/sections/ProcessSteps.tsx

@@ -43,8 +43,6 @@ export function ProcessSteps({
           subtitle={subtitle}
           align="center"
         />
-
-        {/* Process Steps Timeline */}
         <div className="relative mt-12">
           {/* Desktop connecting line (only if few steps, otherwise wrap) */}
 
@@ -53,9 +51,7 @@ export function ProcessSteps({
               const Icon = iconMap[step.icon || ""] || HelpCircle;
               return (
                 <div key={idx} className="flex flex-col items-center text-center group">
-                  {/* Circle Badge with Icon & Number */}
                   <div className="relative size-20 rounded-full bg-slate-50 border-2 border-slate-200 flex items-center justify-center text-primary group-hover:border-accent group-hover:bg-accent-light group-hover:text-accent transition-all duration-300 shadow-sm z-10">
-                    {/* Step Number */}
                     {step.icon && iconMap[step.icon] && (
                       <span className="absolute -top-1.5 -right-1.5 size-6 rounded-full bg-accent text-white text-xs font-bold flex items-center justify-center font-heading border-2 border-white shadow-sm">
                         {step.number}
@@ -66,8 +62,6 @@ export function ProcessSteps({
                       : <span className="text-2xl font-extrabold font-heading text-accent">{step.number}</span>
                     }
                   </div>
-
-                  {/* Title & Description */}
                   <h3 className="text-lg font-bold text-primary font-heading mt-6 mb-2">
                     {step.title}
                   </h3>