* { margin: 0; padding: 0; box-sizing: border-box; }
    html, body {
      height: 100%;
      width: 100%;
      overflow: hidden;
    }
    body {
      background: #111;
      color: #c8c8c8;
      font-family: 'IBM Plex Mono', monospace;
      font-weight: 300;
      font-size: 13px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .container {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 80px;
      align-items: center;
      max-width: 900px;
      width: 100%;
      padding: 60px 48px;
    }
    h1 {
      font-size: clamp(1.9rem, 3.2vw, 3rem);
      font-weight: 300;
      line-height: 1.2;
      color: #e8e8e6;
      margin-bottom: 18px;
    }
    h1 span { color: #666; }
    #ee {
      color: #e8e8e6;
      border-right: 2px solid #e8e8e6;
      animation: blink .7s step-end infinite;
    }
    @keyframes blink {
      0%, 100% { border-color: #e8e8e6; }
      50% { border-color: transparent; }
    }
    .desc {
      font-size: 12px;
      color: #888;
      max-width: 380px;
      line-height: 1.9;
      margin-bottom: 40px;
    }
    .actions {
      display: flex;
      gap: 12px;
      margin-bottom: 52px;
    }
    .btn-primary {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      background: #e8e8e6;
      color: #111;
      padding: 10px 22px;
      text-decoration: none;
      transition: opacity .15s;
    }
    .btn-primary:hover { opacity: 0.8; }
    .btn-ghost {
      font-family: 'IBM Plex Mono', monospace;
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      background: transparent;
      color: #666;
      padding: 10px 22px;
      text-decoration: none;
      border: 1px solid #252525;
      transition: color .15s, border-color .15s;
    }
    .btn-ghost:hover { color: #c8c8c8; border-color: #3a3a3a; }
    .contact-row { display: flex; gap: 24px; flex-wrap: wrap; }
    .contact-row a {
      font-size: 11px;
      color: #555;
      text-decoration: none;
      display: flex;
      gap: 8px;
      align-items: center;
      transition: color .15s;
    }
    .contact-row a:hover { color: #aaa; }
    .lbl { font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #333; }
    .logo-img {
      width: clamp(100px, 14vw, 180px);
      height: clamp(100px, 14vw, 180px);
      object-fit: contain;
      user-select: none;
      filter: grayscale(1);
    }
    @media (max-width: 700px) {
      .container {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 48px 28px;
      }
      .logo-img {
        width: 64px;
        height: 64px;
        opacity: 0.15;
      }
    }