graph TD
    A[Project Brief Input] --> B[Initialize Brand Stylist Agent]
    B --> C[Parse Color Palette]
    B --> D[Parse Typography]
    C --> E[Create :root Variables]
    D --> F[Generate Google Font Imports]
    E --> G[Build CSS Reset]
    F --> G
    G --> H[Define Base Elements]
    H --> I[Create Utility Classes]
    I --> J[Build Component Classes]
    J --> K[Add Responsive Breakpoints]
    K --> L[Implement WCAG-AA Checks]
    L --> M[Add Section Comments]
    M --> N[Format & Optimize]
    N --> O[Output style.css]
    
    subgraph Component Classes
    J1[Hero Section]
    J2[Credibility Bar]
    J3[Topics Grid]
    J4[Testimonials]
    J5[CTA Banner]
    J6[Contact Form]
    J7[Footer]
    end
    
    J --> J1
    J --> J2
    J --> J3
    J --> J4
    J --> J5
    J --> J6
    J --> J7
    
    subgraph Breakpoints
    K1[Mobile First]
    K2[480px]
    K3[768px]
    K4[1024px]
    K5[1440px]
    end
    
    K --> K1
    K --> K2
    K --> K3
    K --> K4
    K --> K5