Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete bold color-block design system. Keep every page, route, component and line of content; change only the visual layer, through shared tokens in the current styling system. Read the existing styles first and tell me what you'll replace. Our brand colors are {{brand_colors}}: map them onto the roles below where they fit, and if they fight the style, keep one as the accent and use the pack's neutrals. Type: Bricolage Grotesque 800 at a large optical size for headings; Manrope 400 and 600 for text at 17px, line height 1.55. Scale 1.333: 17, 23, 30, 40, 54, 72, and 112px for the hero on desktop. Big headings at -0.03em, line height 0.95. Palette: ink #111111, paper #FFFFFF, and block colors cobalt #2541FF (paper text), tomato #FF5A36, butter #FFD84D and mint #9BE7C4 (ink text). Each section owns one block color. Buttons invert their block: ink on light blocks, paper on cobalt. Shape: radius 16px on cards, 999px on buttons; no borders and no shadows, since color does the separating. Grid: full-bleed color bands; inside them 4, 8 and 12 columns at 360, 768 and 1280px with 16, 24 and 32px gutters; section padding 64px mobile, 144px desktop. Imagery: cut-out photos of products or people on flat color, or bold flat illustrations in the block colors only. Motion: 200ms color fills on hover; a section may wipe its color in once at 400ms ease-out; nothing loops. Signature details: one oversized word or number per section, cropped at the edge; block colors in a fixed order down the page; an ink footer with the block colors as a stripe. Do: two colors per screen plus ink and paper; let one big heading carry each section. Avoid: rainbow pages, gradients, small text on saturated color, icons in colored circles. Check: text contrast of at least 4.5:1, visible focus, 44px touch targets, no horizontal scroll at 360px, reduced motion respected. Finish with a short change list and the reason for each decision.