Act as a senior brand designer. Restyle the existing site for {{business_name}}, a {{business_type}}, as a complete Swiss international grid 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: Inter Tight 500 and 700 for headings, Inter 400 and 600 for text. Scale 1.333 from a 16px body: 16, 21, 28, 38, 50, 67, and 96px for display. Body line height 1.5; headings 1.05 at -0.03em. Flush left, ragged right, never centered. Labels 12px uppercase at +0.06em. Palette: background #FFFFFF, surface #F2F2F2, text #111111, muted #5C5C5C, border #111111, accent red #E30613 (hover #B8000F), for one thing per screen. Shape: radius 0. 1px hairline rules instead of boxes. No shadows. Grid: 4 columns with 16px gutters at 360px, 8 with 24px at 768px, 12 with 24px at 1280px; 8px spacing scale. Headings in the left 4 columns, text in the right 7 or 8. Section padding 64px mobile, 128px desktop. Imagery: photos cropped hard to column edges, black-and-white or one consistent grade; no illustration beyond flat geometric diagrams. Motion: almost none. 150ms opacity and color changes; nothing slides or bounces. Signature details: oversized section numbers (01, 02, 03); a hairline rule above every section with its label at the left; one asymmetric layout per page where type is the image. Do: let the grid show, align everything to it, and build hierarchy from size and weight, not color. Avoid: centered text blocks, rounded cards, icon grids, gradients, a second accent. 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.