<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>13 Ideas - Digital products that make work easier.</title>
  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/manifest.json">
  <meta name="msapplication-TileColor" content="#000000">
  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  <meta name="theme-color" content="#000000">
  <style>
    body {
      margin: 0;
      padding: 0;
      background: #000000 url('img/photo-1552862750-746b8f6f7f25.webp') no-repeat center center/cover;
      position: relative;
      font-family: 'Helvetica Neue', Arial, sans-serif;
      color: #fff;
    }
    body::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 0;
    }
    .container {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      height: 100vh;
      padding: 0;
      text-align: center;
    }

    .content {
      padding: 100px 25px 25px;
    }

    img {
      width: 185px;
      margin-bottom: 20px;
    }

    h1 {
      color: #FBF5E2;
      font-size: 1.15rem;
      max-width: 500px;
      line-height: 1.5;
      font-weight: 400;
    }

    @media (min-width: 600px) {
      .container {
        justify-content: center;
      }

      .content {
        padding: 25px;
      }

      img {
        width: 225px;
      }

      h1 {
        font-size: 1.5rem;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="content">
      <img src="img/logo.webp" alt="Ideas logo" />
      <h1>
        From <em>ideas</em> to solutions.<br />Digital products that make work easier.
        <br />
        <em>Available January 2026.</em>
      </h1>
    </div> <!-- /.content -->
  </div> <!-- /.container -->
  <!-- Background photo by Valentin Lacoste on Unsplash: https://unsplash.com/photos/close-up-photography-of-light-bulb-voQ97kezCx0 -->
</body>
</html>
