Erstelle eine moderne, minimalistische One-Page Webseite als digitale Visitenkarte für das IT-Unternehmen 7SYS. Die Seite soll responsive sein und folgende Elemente enthalten:

1. Header:
- Ein schlichtes Logo mit "7SYS"
- Eine kurze Headline, die den Fokus auf IT-Dienstleistungen betont

2. Hero-Section:
- Ein professionelles Layout mit einem subtilen Technologie-bezogenen Hintergrundbild
- Ein prägnanter Slogan
- Ein "Kontakt" Call-to-Action Button

3. Hauptbereich:
- 3-4 Icons mit den wichtigsten Dienstleistungen
- Kurze, präzise Beschreibungen der Services
- Moderne Farbgebung in Blau- und Grautönen
- Ausgewogenes Verhältnis von Whitespace

4. Kontaktbereich:
- Geschäftliche Kontaktdaten
- Ein einfaches Kontaktformular
- Social Media Icons (falls gewünscht)
- Impressum-Link im Footer

Technische Anforderungen:
- Nur HTML und CSS (kein JavaScript erforderlich)
- Moderne CSS-Features wie Flexbox/Grid für das Layout
- Mobile-First Ansatz
- Optimierte Performance
- Klare Kommentierung im Code
- Semantic HTML

Design-Richtlinien:
- Farben: Hauptsächlich Blautöne (#1a365d für Primärfarbe), kombiniert mit neutralem Grau
- Typography: Sans-serif Schriftart (z.B. 'Inter' oder 'Roboto')
- Reichlich Whitespace für bessere Lesbarkeit
- Subtle Hover-Effekte für interaktive Elemente
- Maximale Breite von 1200px für den Content

Bitte erstelle den kompletten HTML und CSS Code für diese One-Page Webseite. Der Code soll sauber strukturiert und gut kommentiert sein.

Achte besonders auf:
- Schnelle Ladezeit
- Gute Lesbarkeit auf allen Geräten
- Professionelles, zeitgemäßes Design
- SEO-freundliche Struktur
- Barrierefreiheit

Bitte liefere den Code in zwei separaten Blöcken für HTML und CSS, sodass ich ihn einfach kopieren und verwenden kann.