<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>BSAI – Berliner Super Artificial Intelligence</title>

  <meta
    name="description"
    content="BSAI entwickelt AI Agents, Automatisierung, Computer Vision und individuelle KI-Software für Unternehmen."
  />

  <style>
    :root {
      --green-950: #031b14;
      --green-900: #06291f;
      --green-850: #07382a;
      --green-800: #0b4635;

      --gold-500: #d4af37;
      --gold-400: #e4c461;
      --gold-300: #f0d987;

      --black: #070907;
      --charcoal: #111511;
      --white: #ffffff;
      --cream: #f6f1e7;
      --muted: #bfc9c3;

      --border: rgba(212, 175, 55, 0.28);
      --glass: rgba(4, 27, 20, 0.72);

      --radius: 22px;
      --container: 1240px;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: Inter, Arial, Helvetica, sans-serif;
      background:
        radial-gradient(
          circle at 80% 10%,
          rgba(212, 175, 55, 0.08),
          transparent 35%
        ),
        linear-gradient(
          180deg,
          var(--green-950),
          var(--green-900) 55%,
          #03130e
        );
      color: var(--white);
      line-height: 1.6;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font: inherit;
    }

    .container {
      width: min(92%, var(--container));
      margin: 0 auto;
    }

    /* ---------------- HEADER ---------------- */

    .header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      background: rgba(3, 27, 20, 0.82);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(212, 175, 55, 0.16);
    }

    .nav {
      min-height: 88px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .logo img {
      height: 62px;
      width: auto;
    }

    .nav-links {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 28px;
    }

    .nav-links a {
      color: #e6eee9;
      font-size: 0.95rem;
      transition: 0.25s ease;
    }

    .nav-links a:hover {
      color: var(--gold-400);
    }

    .nav-cta {
      padding: 12px 20px;
      border: 1px solid var(--gold-500);
      border-radius: 10px;
      color: var(--black);
      background: linear-gradient(135deg, var(--gold-300), var(--gold-500));
      font-weight: 700;
      transition: 0.25s;
    }

    .nav-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(212, 175, 55, 0.18);
    }

    .menu-btn {
      display: none;
      background: transparent;
      border: 1px solid var(--border);
      color: white;
      padding: 9px 12px;
      border-radius: 8px;
    }

    /* ---------------- HERO ---------------- */

    .hero {
      min-height: 100vh;
      padding-top: 150px;
      padding-bottom: 80px;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: "";
      position: absolute;
      width: 650px;
      height: 650px;
      border-radius: 50%;
      right: -180px;
      top: 80px;
      background:
        radial-gradient(
          circle,
          rgba(212, 175, 55, 0.15),
          rgba(11, 70, 53, 0.04) 50%,
          transparent 72%
        );
      pointer-events: none;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      align-items: center;
      gap: 70px;
    }

    .eyebrow {
      color: var(--gold-400);
      text-transform: uppercase;
      letter-spacing: 0.18em;
      font-size: 0.78rem;
      font-weight: 800;
      margin-bottom: 18px;
    }

    h1 {
      font-size: clamp(3rem, 6vw, 6rem);
      line-height: 0.98;
      max-width: 850px;
      letter-spacing: -0.045em;
    }

    .gold-text {
      color: var(--gold-400);
    }

    .hero-copy {
      margin-top: 28px;
      max-width: 690px;
      color: #cad5cf;
      font-size: 1.08rem;
    }

    .hero-actions {
      margin-top: 34px;
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 15px 23px;
      border-radius: 12px;
      font-weight: 750;
      border: 1px solid transparent;
      transition: 0.25s ease;
      cursor: pointer;
    }

    .btn-gold {
      background: linear-gradient(
        135deg,
        var(--gold-300),
        var(--gold-500)
      );
      color: #111;
    }

    .btn-outline {
      border-color: rgba(255, 255, 255, 0.22);
      color: white;
      background: rgba(255, 255, 255, 0.03);
    }

    .btn:hover {
      transform: translateY(-3px);
    }

    .hero-benefits {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 38px;
    }

    .benefit {
      display: flex;
      gap: 12px;
      align-items: center;
      color: #dce5df;
      font-size: 0.9rem;
    }

    .benefit-icon {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 1px solid var(--border);
      color: var(--gold-400);
      background: rgba(212, 175, 55, 0.05);
    }

    .hero-visual {
      min-height: 600px;
      border-radius: 34px;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(212, 175, 55, 0.3);
      background:
        linear-gradient(
          to top,
          rgba(2, 17, 12, 0.9),
          rgba(2, 17, 12, 0.08)
        ),
        url("assets/berlin-ai.jpg") center/cover no-repeat;
      box-shadow:
        0 30px 100px rgba(0,0,0,.45),
        inset 0 0 80px rgba(212,175,55,.08);
    }

    .network-orb {
      position: absolute;
      width: 360px;
      height: 360px;
      right: -35px;
      top: 70px;
      border: 1px solid rgba(228, 196, 97, 0.5);
      border-radius: 50%;
      box-shadow:
        0 0 60px rgba(212, 175, 55, 0.22),
        inset 0 0 60px rgba(212, 175, 55, 0.12);
    }

    .network-orb::before,
    .network-orb::after {
      content: "";
      position: absolute;
      inset: 15%;
      border-radius: 50%;
      border: 1px dashed rgba(255, 255, 255, 0.3);
      transform: rotate(35deg);
    }

    .network-orb::after {
      inset: 32%;
      transform: rotate(-25deg);
    }

    .floating-card {
      position: absolute;
      left: 28px;
      bottom: 28px;
      width: min(410px, calc(100% - 56px));
      padding: 24px;
      background: rgba(3, 27, 20, 0.82);
      border: 1px solid var(--border);
      border-radius: 18px;
      backdrop-filter: blur(18px);
    }

    .floating-card span {
      display: block;
      color: var(--gold-400);
      margin-bottom: 5px;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }

    .floating-card strong {
      font-size: 1.35rem;
    }

    /* ---------------- SECTIONS ---------------- */

    section {
      padding: 100px 0;
    }

    .section-light {
      background: #f5f3ed;
      color: #101512;
    }

    .section-head {
      display: flex;
      justify-content: space-between;
      gap: 30px;
      align-items: end;
      margin-bottom: 50px;
    }

    .section-head h2 {
      font-size: clamp(2.2rem, 4vw, 4.2rem);
      line-height: 1.05;
      max-width: 820px;
      letter-spacing: -0.035em;
    }

    .section-head p {
      max-width: 520px;
      color: #607067;
    }

    .solutions-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .solution-card {
      background: white;
      border-radius: var(--radius);
      padding: 26px;
      min-height: 310px;
      border: 1px solid #e1ddd1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: 0.3s ease;
    }

    .solution-card:hover {
      transform: translateY(-7px);
      box-shadow: 0 22px 70px rgba(8, 45, 34, 0.12);
    }

    .solution-icon {
      width: 56px;
      height: 56px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      font-size: 1.5rem;
      color: var(--gold-500);
      background: #f7f1df;
    }

    .solution-card h3 {
      margin-top: 24px;
      font-size: 1.4rem;
    }

    .solution-card p {
      margin-top: 12px;
      color: #69746f;
    }

    .learn-more {
      color: #87661c;
      font-weight: 800;
      margin-top: 22px;
    }

    /* ---------------- INDUSTRIES ---------------- */

    .industries {
      position: relative;
    }

    .industries-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
    }

    .industry {
      padding: 30px 22px;
      border: 1px solid var(--border);
      background:
        linear-gradient(
          145deg,
          rgba(11, 70, 53, 0.85),
          rgba(3, 27, 20, 0.9)
        );
      border-radius: 16px;
      text-align: center;
      transition: 0.25s;
    }

    .industry:hover {
      border-color: var(--gold-500);
      transform: translateY(-4px);
    }

    .industry-icon {
      font-size: 2rem;
      color: var(--gold-400);
      margin-bottom: 14px;
    }

    /* ---------------- WHY ---------------- */

    .why-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
    }

    .why-visual {
      min-height: 580px;
      border-radius: 28px;
      background:
        linear-gradient(
          rgba(1, 22, 15, 0.15),
          rgba(1, 22, 15, 0.55)
        ),
        url("assets/berlin-office.jpg") center/cover no-repeat;
      border: 1px solid var(--border);
    }

    .why-content h2 {
      font-size: clamp(2.5rem, 4vw, 4.8rem);
      line-height: 1.02;
    }

    .why-list {
      margin-top: 38px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .why-item {
      padding: 20px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.025);
    }

    .why-item strong {
      display: block;
      color: var(--gold-400);
      margin-bottom: 5px;
    }

    /* ---------------- PROCESS ---------------- */

    .process-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
      margin-top: 45px;
    }

    .process-card {
      background: white;
      border-radius: 18px;
      padding: 24px;
      border: 1px solid #e7e1d5;
      min-height: 230px;
    }

    .process-number {
      color: #92711f;
      font-weight: 900;
      font-size: 0.85rem;
    }

    .process-card h3 {
      margin-top: 35px;
      margin-bottom: 12px;
      font-size: 1.3rem;
    }

    .process-card p {
      color: #6d766f;
      font-size: 0.95rem;
    }

    /* ---------------- CTA ---------------- */

    .cta-box {
      padding: 60px;
      border-radius: 28px;
      background:
        radial-gradient(
          circle at right,
          rgba(212,175,55,.14),
          transparent 35%
        ),
        linear-gradient(
          135deg,
          #0a4938,
          #031c15
        );
      border: 1px solid var(--border);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 35px;
    }

    .cta-box h2 {
      font-size: clamp(2rem, 4vw, 4rem);
      max-width: 700px;
      line-height: 1;
    }

    /* ---------------- FOOTER ---------------- */

    footer {
      padding: 60px 0 28px;
      background: #020a07;
      border-top: 1px solid rgba(212,175,55,.16);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1.4fr;
      gap: 50px;
    }

    .footer-logo {
      width: 220px;
      margin-bottom: 20px;
    }

    .footer-text {
      color: #9eaaa4;
      max-width: 380px;
    }

    .footer-col h4 {
      color: var(--gold-400);
      margin-bottom: 16px;
    }

    .footer-col a {
      display: block;
      color: #aeb8b2;
      margin-bottom: 8px;
    }

    .footer-phone {
      margin-top: 15px;
      color: white;
      font-weight: 800;
    }

    .copyright {
      border-top: 1px solid rgba(255,255,255,.08);
      margin-top: 50px;
      padding-top: 22px;
      color: #75827b;
      font-size: 0.85rem;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }

    /* ---------------- RESPONSIVE ---------------- */

    @media (max-width: 1000px) {
      .hero-grid,
      .why-grid {
        grid-template-columns: 1fr;
      }

      .solutions-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .industries-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .process-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .nav-links {
        position: fixed;
        top: 88px;
        left: 0;
        right: 0;
        flex-direction: column;
        background: var(--green-950);
        padding: 35px;
        display: none;
      }

      .nav-links.open {
        display: flex;
      }

      .menu-btn {
        display: block;
      }

      .nav > .nav-cta {
        display: none;
      }
    }

    @media (max-width: 650px) {
      .hero {
        padding-top: 125px;
      }

      .hero-benefits,
      .solutions-grid,
      .industries-grid,
      .why-list,
      .process-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .hero-visual {
        min-height: 480px;
      }

      .cta-box {
        padding: 35px 25px;
        flex-direction: column;
        align-items: flex-start;
      }

      .section-head {
        flex-direction: column;
        align-items: flex-start;
      }
    }
  </style>
</head>

<body>

<header class="header">
  <div class="container nav">

    <a href="#home" class="logo">
      <img src="assets/bsai-logo.png" alt="BSAI Logo" />
    </a>

    <ul class="nav-links" id="navLinks">
      <li><a href="#home">Home</a></li>
      <li><a href="#solutions">Solutions</a></li>
      <li><a href="#industries">Industries</a></li>
      <li><a href="#why">About</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>

    <a href="#contact" class="nav-cta">
      Book a Consultation →
    </a>

    <button class="menu-btn" id="menuBtn">
      Menü
    </button>

  </div>
</header>


<main>

  <!-- HERO -->

  <section class="hero" id="home">

    <div class="container hero-grid">

      <div>

        <div class="eyebrow">
          Berliner Super Artificial Intelligence
        </div>

        <h1>
          AI Solutions for a
          <span class="gold-text">Smarter Tomorrow.</span>
        </h1>

        <p class="hero-copy">
          BSAI entwickelt intelligente Software, AI Agents und
          Automatisierungslösungen für Unternehmen.
          Wir verbinden moderne künstliche Intelligenz mit realen
          Geschäftsprozessen.
        </p>

        <div class="hero-actions">

          <a class="btn btn-gold" href="#solutions">
            Unsere Lösungen entdecken →
          </a>

          <a class="btn btn-outline" href="#contact">
            Kontakt aufnehmen
          </a>

        </div>

        <div class="hero-benefits">

          <div class="benefit">
            <div class="benefit-icon">⚡</div>
            High Quality AI Solutions
          </div>

          <div class="benefit">
            <div class="benefit-icon">⚙</div>
            Business Automation
          </div>

          <div class="benefit">
            <div class="benefit-icon">✓</div>
            Berlin Based
          </div>

        </div>

      </div>

      <div class="hero-visual">

        <div class="network-orb"></div>

        <div class="floating-card">
          <span>BSAI Business AI</span>
          <strong>
            Turn Ideas into Reality with Artificial Intelligence.
          </strong>
        </div>

      </div>

    </div>

  </section>


  <!-- SOLUTIONS -->

  <section class="section-light" id="solutions">

    <div class="container">

      <div class="section-head">

        <div>
          <div class="eyebrow">Our AI Solutions</div>

          <h2>
            Intelligent Solutions for
            <span class="gold-text">Real Business.</span>
          </h2>
        </div>

        <p>
          Von AI Agents bis Computer Vision:
          BSAI entwickelt modulare und maßgeschneiderte
          KI-Lösungen für Unternehmen.
        </p>

      </div>

      <div class="solutions-grid">

        <article class="solution-card">
          <div>
            <div class="solution-icon">⚙</div>
            <h3>AI Automation</h3>
            <p>
              Automatisieren Sie wiederkehrende Geschäftsprozesse
              und verbinden Sie Ihre bestehenden Systeme.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>


        <article class="solution-card">
          <div>
            <div class="solution-icon">◉</div>
            <h3>AI Agents</h3>
            <p>
              Intelligente Agents übernehmen Aufgaben,
              analysieren Informationen und führen Workflows aus.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>


        <article class="solution-card">
          <div>
            <div class="solution-icon">◎</div>
            <h3>Computer Vision</h3>
            <p>
              Bildanalyse, Objekterkennung, Qualitätsprüfung
              und industrielle Vision-Systeme.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>


        <article class="solution-card">
          <div>
            <div class="solution-icon">T</div>
            <h3>Text & Document AI</h3>
            <p>
              Dokumente analysieren, Informationen extrahieren,
              zusammenfassen und intelligent verarbeiten.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>


        <article class="solution-card">
          <div>
            <div class="solution-icon">▣</div>
            <h3>Image & Video AI</h3>
            <p>
              Bilder verbessern, generieren und bearbeiten
              sowie AI-gestützte Video-Workflows entwickeln.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>


        <article class="solution-card">
          <div>
            <div class="solution-icon">AI</div>
            <h3>Custom AI Software</h3>
            <p>
              Individuelle AI-Anwendungen und Softwarelösungen
              passend zu Ihren Geschäftsprozessen.
            </p>
          </div>
          <a class="learn-more" href="#">Mehr erfahren →</a>
        </article>

      </div>

    </div>

  </section>


  <!-- INDUSTRIES -->

  <section class="industries" id="industries">

    <div class="container">

      <div class="section-head">

        <div>
          <div class="eyebrow">Industries</div>

          <h2>
            AI Solutions for
            <span class="gold-text">Industry Leaders.</span>
          </h2>
        </div>

        <p>
          Technologie allein reicht nicht.
          Unsere Systeme werden auf die Prozesse,
          Daten und Ziele der jeweiligen Branche abgestimmt.
        </p>

      </div>

      <div class="industries-grid">

        <div class="industry">
          <div class="industry-icon">⚙</div>
          <h3>Manufacturing</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">🚗</div>
          <h3>Automotive</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">🛒</div>
          <h3>E-Commerce</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">▦</div>
          <h3>Logistics</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">€</div>
          <h3>Finance</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">▶</div>
          <h3>Media</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">⌂</div>
          <h3>Real Estate</h3>
        </div>

        <div class="industry">
          <div class="industry-icon">✚</div>
          <h3>Healthcare</h3>
        </div>

      </div>

    </div>

  </section>


  <!-- WHY BSAI -->

  <section id="why">

    <div class="container why-grid">

      <div class="why-visual"></div>

      <div class="why-content">

        <div class="eyebrow">
          Why BSAI
        </div>

        <h2>
          Made in Berlin.
          <span class="gold-text">
            Built for Business.
          </span>
        </h2>

        <p class="hero-copy">
          Wir verbinden AI, Software Engineering,
          Unternehmensdaten und Automatisierung zu
          intelligenten Systemen.
        </p>

        <div class="why-list">

          <div class="why-item">
            <strong>Model Independent</strong>
            Claude, OpenAI, Gemini und weitere Modelle.
          </div>

          <div class="why-item">
            <strong>Human-in-the-Loop</strong>
            Kritische Aktionen bleiben kontrollierbar.
          </div>

          <div class="why-item">
            <strong>Custom Software</strong>
            Keine Standardlösung für jedes Unternehmen.
          </div>

          <div class="why-item">
            <strong>Scalable Architecture</strong>
            API-first, modular und cloudfähig.
          </div>

          <div class="why-item">
            <strong>Business Focus</strong>
            Technologie muss messbaren Nutzen erzeugen.
          </div>

          <div class="why-item">
            <strong>Berlin + Global</strong>
            Lokal verwurzelt, international skalierbar.
          </div>

        </div>

      </div>

    </div>

  </section>


  <!-- PROCESS -->

  <section class="section-light">

    <div class="container">

      <div class="section-head">

        <div>
          <div class="eyebrow">Our Process</div>

          <h2>
            From Idea to
            <span class="gold-text">
              Working AI.
            </span>
          </h2>
        </div>

      </div>

      <div class="process-grid">

        <div class="process-card">
          <div class="process-number">01</div>
          <h3>Discover</h3>
          <p>
            Prozesse, Ziele und Potenziale analysieren.
          </p>
        </div>

        <div class="process-card">
          <div class="process-number">02</div>
          <h3>Design</h3>
          <p>
            Architektur, Daten und AI-Modelle planen.
          </p>
        </div>

        <div class="process-card">
          <div class="process-number">03</div>
          <h3>Build</h3>
          <p>
            MVP, Agents und Software entwickeln.
          </p>
        </div>

        <div class="process-card">
          <div class="process-number">04</div>
          <h3>Deploy</h3>
          <p>
            System integrieren und produktiv einsetzen.
          </p>
        </div>

        <div class="process-card">
          <div class="process-number">05</div>
          <h3>Scale</h3>
          <p>
            Optimieren, automatisieren und erweitern.
          </p>
        </div>

      </div>

    </div>

  </section>


  <!-- CTA -->

  <section id="contact">

    <div class="container">

      <div class="cta-box">

        <div>

          <div class="eyebrow">
            Start Your AI Project
          </div>

          <h2>
            Was kann AI für Ihr
            Unternehmen automatisieren?
          </h2>

        </div>

        <a
          href="tel:+4915784922805"
          class="btn btn-gold"
        >
          +49 157 84922805 →
        </a>

      </div>

    </div>

  </section>

</main>


<footer>

  <div class="container">

    <div class="footer-grid">

      <div>

        <img
          class="footer-logo"
          src="assets/bsai-logo.png"
          alt="BSAI Berliner Super Artificial Intelligence"
        />

        <p class="footer-text">
          Berliner Super Artificial Intelligence entwickelt
          intelligente AI-Systeme, Software und Automatisierung
          für moderne Unternehmen.
        </p>

        <div class="footer-phone">
          +49 157 84922805
        </div>

      </div>

      <div class="footer-col">
        <h4>Company</h4>
        <a href="#">About</a>
        <a href="#">Careers</a>
        <a href="#">Contact</a>
      </div>

      <div class="footer-col">
        <h4>Solutions</h4>
        <a href="#">AI Agents</a>
        <a href="#">Automation</a>
        <a href="#">Computer Vision</a>
        <a href="#">Custom AI</a>
      </div>

      <div class="footer-col">
        <h4>Legal</h4>
        <a href="#">Impressum</a>
        <a href="#">Datenschutz</a>
        <a href="#">AGB</a>
      </div>

    </div>

    <div class="copyright">

      <span>
        © 2026 BSAI – Berliner Super Artificial Intelligence
      </span>

      <span>
        Berlin · Germany
      </span>

    </div>

  </div>

</footer>


<script>
  const menuBtn = document.getElementById("menuBtn");
  const navLinks = document.getElementById("navLinks");

  menuBtn.addEventListener("click", () => {
    navLinks.classList.toggle("open");
  });

  document
    .querySelectorAll(".nav-links a")
    .forEach(link => {
      link.addEventListener("click", () => {
        navLinks.classList.remove("open");
      });
    });
</script>

</body>
</html>





BSAI – Berliner Super Artificial Intelligence

Berliner Super Artificial Intelligence

AI Solutions for a
Smarter Tomorrow.

BSAI entwickelt intelligente Software, AI Agents und
Automatisierungslösungen für Unternehmen.
Wir verbinden moderne künstliche Intelligenz mit realen
Geschäftsprozessen.

⚡

High Quality AI Solutions

⚙

Business Automation

✓

Berlin Based

BSAI Business AI

Turn Ideas into Reality with Artificial Intelligence.

Our AI Solutions

Intelligent Solutions for
Real Business.

Von AI Agents bis Computer Vision:
BSAI entwickelt modulare und maßgeschneiderte
KI-Lösungen für Unternehmen.

⚙

AI Automation

Automatisieren Sie wiederkehrende Geschäftsprozesse
und verbinden Sie Ihre bestehenden Systeme.

Mehr erfahren →

◉

AI Agents

Intelligente Agents übernehmen Aufgaben,
analysieren Informationen und führen Workflows aus.

Mehr erfahren →

◎

Computer Vision

Bildanalyse, Objekterkennung, Qualitätsprüfung
und industrielle Vision-Systeme.

Mehr erfahren →

T

Text & Document AI

Dokumente analysieren, Informationen extrahieren,
zusammenfassen und intelligent verarbeiten.

Mehr erfahren →

▣

Image & Video AI

Bilder verbessern, generieren und bearbeiten
sowie AI-gestützte Video-Workflows entwickeln.

Mehr erfahren →

AI

Custom AI Software

Individuelle AI-Anwendungen und Softwarelösungen
passend zu Ihren Geschäftsprozessen.

Mehr erfahren →

Industries

AI Solutions for
Industry Leaders.

Technologie allein reicht nicht.
Unsere Systeme werden auf die Prozesse,
Daten und Ziele der jeweiligen Branche abgestimmt.

⚙

Manufacturing

🚗

Automotive

🛒

E-Commerce

▦

Logistics

€

Finance

▶

Media

⌂

Real Estate

✚

Healthcare

Why BSAI

Made in Berlin.

Built for Business.

Wir verbinden AI, Software Engineering,
Unternehmensdaten und Automatisierung zu
intelligenten Systemen.

Model Independent
Claude, OpenAI, Gemini und weitere Modelle.
Human-in-the-Loop
Kritische Aktionen bleiben kontrollierbar.
Custom Software
Keine Standardlösung für jedes Unternehmen.
Scalable Architecture
API-first, modular und cloudfähig.
Business Focus
Technologie muss messbaren Nutzen erzeugen.
Berlin + Global
Lokal verwurzelt, international skalierbar.

Our Process

From Idea to

Working AI.

01

Discover

Prozesse, Ziele und Potenziale analysieren.

02

Design

Architektur, Daten und AI-Modelle planen.

03

Build

MVP, Agents und Software entwickeln.

04

Deploy

System integrieren und produktiv einsetzen.

05

Scale

Optimieren, automatisieren und erweitern.

Start Your AI Project

Was kann AI für Ihr
Unternehmen automatisieren?


+49 157 84922805 →



Ein Kommentar zu „Berliner Super Artificial Intelligence“

  1. Avatar von A WordPress Commenter

    Hi, this is a comment.
    To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
    Commenter avatars come from Gravatar.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert