letter-spacing: -2.8px;

      font-weight: 900;

      margin-bottom: 23px;

    }

    .hero-description {

      max-width: 570px;

      color: var(--muted);

      font-size: 17px;

      margin-bottom: 28px;

    }

    .hero-actions {

      display: flex;

      align-items: center;

      flex-wrap: wrap;

      gap: 14px;

      margin-bottom: 25px;

    }

    .btn {

      display: inline-flex;

      justify-content: center;

      align-items: center;

      gap: 10px;

      min-height: 54px;

      padding: 14px 24px;

      border: 0;

      border-radius: 14px;

      font-size: 14px;

      font-weight: 800;

      text-align: center;

      transition: transform .2s, box-shadow .2s, background .2s;

    }

    .btn-primary {

      color: var(--white);

      background: var(--primary);

      box-shadow: 0 10px 25px rgba(85, 51, 234, .23);

    }


    .btn-secondary {

      color: var(--primary);

      background: var(--white);

      border: 1px solid #ded7ff;

    }

    .btn-secondary:hover {

      background: var(--primary-light);

    }

    .trust-line {

      display: flex;

      align-items: center;

      flex-wrap: wrap;

      gap: 12px;

      color: var(--muted);

      font-size: 12px;

      font-weight: 600;

    }

    .trust-item {

      display: inline-flex;

      align-items: center;

      gap: 6px;

    }

    .trust-check {

      color: var(--success);

      font-weight: 900;

    }

    .hero-visual {

      min-height: 450px;

      display: grid;

      place-items: center;

      position: relative;

    }

    .profile-card {

      width: min(100%, 370px);

      position: relative;

      padding: 30px;

      border: 1px solid rgba(255, 255, 255, .9);

      border-radius: 30px;

      background: rgba(255, 255, 255, .85);

      box-shadow: 0 28px 90px rgba(64, 32, 197, .14);


      text-align: center;

      backdrop-filter: blur(14px);

    }

    .profile-ring {

      width: 204px;

      height: 204px;

      margin: 0 auto 23px;

      padding: 6px;

      border-radius: 50%;

      background: conic-gradient(from 30deg, var(--cyan), var(--primary), #a994ff, var(--cyan));

      box-shadow: 0 0 0 9px rgba(85, 51, 234, .055), 0 0 40px rgba(85, 51, 234, .18);

    }

    .profile-ring img {

      width: 100%;

      height: 100%;

      border-radius: 50%;

      object-fit: cover;

      object-position: center;

      border: 4px solid var(--white);

      background: var(--primary-light