Embed

<style>
  .wis-hero {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: system-ui, Helvetica, Arial, sans-serif;
    padding: 0 24px;
    line-height: 1.35;
  }

  /* BIGGER “Wis” */
  .wis-hero h1 {
    font-size: clamp(4rem, 8vw, 6rem);   /* was up to 4.5rem → now up to 6rem */
    font-weight: 800;
    margin: 0 0 48px;                    /* more breathing room below */
  }

  /* BIGGER copy + wider spacing */
  .wis-hero p {
    font-size: clamp(1.5rem, 3.5vw, 2rem);  /* up from ~1.75rem max */
    font-weight: 600;
    margin: 24px 0;                          /* was 12px */
  }

  /* FADE & RISE – slower & farther */
  .wis-hero .line {
    opacity: 0;
    transform: translateY(60px);             /* was 40px */
    animation: riseFade 1.5s ease-out forwards;  /* was 0.9s */
  }
  .wis-hero .line:nth-child(2) { animation-delay: 1.2s; }
  .wis-hero .line:nth-child(3) { animation-delay: 2.1s; }
  .wis-hero .line:nth-child(4) { animation-delay: 3.0s; }

  @keyframes riseFade {
    to { opacity: 1; transform: none; }
  }
</style>

<section class="wis-hero">
  <h1 class="line">Wis</h1>

  <p class="line"><strong>Wis is the parent company of Agapi.</strong></p>

  <p class="line">
    Our motto is: <strong>"Help Yourself, “Help &nbsp;People, Change The World" .”</strong>
  </p>

  <p class="line">
    Our mission is to <strong>help the world do meaningful things</strong>
    more efficiently and effectively.
  </p>

  <p class="line">
    <strong>Agapi</strong> is the start of this mission.<br>
   Agapi’s mission is to <strong> help people meet their life partner faster.</strong>
  </p>
</section>