.auren-AI {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background:
    linear-gradient(0deg, rgba(2, 2, 4, 1) 0%, rgba(2, 2, 4, 1) 100%),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    );
  background-color: var(--html-to-design-color-blue-1);
}

.auren-AI .div {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .section-hero {
  display: flex;
  flex-direction: column;
  width: 1440px;
  min-height: var(--html-to-design-height-1020);
  align-items: center;
  gap: var(--html-to-design-item-spacing-m);
  padding: 144px 0px 0px;
  position: relative;
  flex: 0 0 auto;
  background-image: url(./img/section-hero.png);
  background-size: cover;
  background-position: 50% 50%;
}

.auren-AI .before {
  position: absolute;
  top: 122px;
  left: calc(50.00% - 525px);
  width: 1050px;
  height: 470px;
  filter: blur(6px);
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(111, 29, 255, 0.45) 0%,
    rgba(72, 13, 178, 0.15) 47%,
    rgba(72, 13, 178, 0) 72%
  );
  background-color: var(--html-to-design-color-violet-37-15);
}

.auren-AI .div-container {
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-1110);
  width: 1110px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-19);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-2 {
  display: inline-flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-9);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .before-2 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: var(--html-to-design-color-chartreuse-green-62);
  border-radius: 7px;
  box-shadow: 0px 0px 18px #a8ff3eb8;
}

.auren-AI .strategy-growth {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: var(--html-to-design-color-chartreuse-green-77);
  font-size: 11px;
  text-align: center;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
}

.auren-AI .h {
  display: flex;
  flex-direction: column;
  height: 310px;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  gap: var(--html-to-design-item-spacing-0-4);
}

.auren-AI .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 100.8px;
  text-align: center;
  letter-spacing: -8.27px;
  line-height: 94.8px;
  white-space: nowrap;
}

.auren-AI .that-accelerate-your {
  position: relative;
  flex: 1;
  width: 847px;
  flex-grow: 1;
  margin-top: -0.4px;
}

.auren-AI .p-lead {
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-840);
  width: 840px;
  align-items: center;
  padding: 6.3px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .p {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-85);
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32.8px;
}

.auren-AI .div-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--html-to-design-item-spacing-11);
  padding: 9px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .a-btn {
  min-height: var(--html-to-design-height-48);
  padding: 15px 21px;
  border-color: var(--html-to-design-color-violet-68-2);
  box-shadow: 0px 16px 35px #6516ff52;
  background: linear-gradient(
    162deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9px;
  border: 1px solid;
  background-color: var(--html-to-design-color-violet-63);
}

.auren-AI .text-wrapper-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 13.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .div-wrapper {
  display: inline-flex;
  min-height: var(--html-to-design-height-48);
  align-items: center;
  justify-content: center;
  padding: 15px 21px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-white-4-3);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-15);
}

.auren-AI .div-hero-note {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: var(--html-to-design-item-spacing-17);
  padding: 5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .span {
  display: inline-flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-7);
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.auren-AI .before-3 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: var(--html-to-design-color-chartreuse-green-62);
  border-radius: 3px;
  box-shadow: 0px 0px 12px #a8ff3eb2;
}

.auren-AI .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-66-2);
  font-size: 11.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .aurenai-technologies {
  display: flex;
  flex-direction: column;
  height: 500px;
  align-items: center;
  padding: 30px 0px 11px;
  position: relative;
  align-self: stretch;
  width: 100%;
  overflow: hidden;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-74-19);
  background: linear-gradient(
    180deg,
    rgba(79, 15, 183, 0.05) 0%,
    rgba(101, 22, 255, 0.43) 52%,
    rgba(20, 5, 44, 0.18) 80%,
    rgba(20, 5, 44, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-10-18);
}

.auren-AI .before-4 {
  position: absolute;
  left: calc(50.00% - 500px);
  bottom: -170px;
  width: 1000px;
  height: 360px;
  border-radius: 340px;
  filter: blur(9px);
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(143, 66, 255, 0.6) 0%,
    rgba(101, 22, 255, 0.12) 50%,
    rgba(101, 22, 255, 0) 72%
  );
  background-color: var(--html-to-design-color-violet-54-12-2);
}

.auren-AI .after {
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  top: 1px;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(2, 2, 4, 0) 50%,
    rgba(2, 2, 4, 1) 100%
  );
  background-color: var(--html-to-design-color-blue-1);
}

.auren-AI .div-dashboard {
  position: relative;
  width: 1050px;
  height: 458px;
}

.auren-AI .div-dash-window {
  position: absolute;
  top: 100px;
  left: -3px;
  width: 298px;
  height: 201px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-79-34);
  transform: rotate(-1.04deg);
  box-shadow:
    0px 0px 45px #6d1fff29,
    0px 28px 70px #080018b2;
  background: linear-gradient(
    180deg,
    rgba(18, 10, 33, 0.94) 0%,
    rgba(6, 4, 11, 0.96) 100%
  );
  background-color: var(--html-to-design-color-violet-3-96);
}

.auren-AI .div-window-head {
  position: absolute;
  width: calc(100% - 2px);
  top: 1px;
  left: 1px;
  height: 38px;
  display: flex;
  align-items: center;
  gap: 153.5px;
  background-color: var(--html-to-design-color-white-2-4);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-dots {
  margin-top: -0.3px;
  width: 31.32px;
  margin-left: 13.6px;
  display: flex;
  gap: 5.6px;
}

.auren-AI .i {
  width: 6.75px;
  height: 6.2px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 3.24px;
}

.auren-AI .i-2 {
  margin-top: 0.3px;
  width: 6.71px;
  height: 6.18px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 3.23px;
}

.auren-AI .i-3 {
  margin-top: 0.7px;
  width: 6.68px;
  height: 6.17px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 3.21px;
}

.auren-AI .b {
  display: inline-flex;
  margin-top: 9.6px;
  height: 10px;
  width: 79.79px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .demand-engine {
  margin-top: -1px;
  margin-left: -1.61px;
  margin-right: -1.61px;
  color: var(--html-to-design-color-violet-63-2);
  font-size: 8px;
  letter-spacing: 1.28px;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  line-height: normal;
}

.auren-AI .div-side-rows {
  display: grid;
  grid-template-columns: 254px;
  grid-template-rows: 28px 28px 28px 28px;
  width: 100%;
  height: 173px;
  gap: 8px;
  padding: 13px 12.5px;
  position: absolute;
  top: 37px;
  left: 0;
  transform: rotate(1.04deg);
  object-fit: cover;
}

.auren-AI .div-dash-window-2 {
  top: 110px;
  right: -4px;
  width: 298px;
  height: 187px;
  transform: rotate(1.04deg);
  position: absolute;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-79-34);
  box-shadow:
    0px 0px 45px #6d1fff29,
    0px 28px 70px #080018b2;
  background: linear-gradient(
    180deg,
    rgba(18, 10, 33, 0.94) 0%,
    rgba(6, 4, 11, 0.96) 100%
  );
  background-color: var(--html-to-design-color-violet-3-96);
}

.auren-AI .div-window-head-2 {
  position: absolute;
  width: calc(100% - 2px);
  top: 1px;
  left: 1px;
  height: 36px;
  gap: 166.9px;
  display: flex;
  align-items: center;
  background-color: var(--html-to-design-color-white-2-4);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-dots-2 {
  margin-top: -1.6px;
  width: 27.94px;
  margin-left: 11.8px;
  display: flex;
  gap: 5px;
}

.auren-AI .i-4 {
  width: 5.95px;
  height: 5.82px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 2.94px;
}

.auren-AI .i-5 {
  margin-top: -0.3px;
  width: 5.99px;
  height: 5.83px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 2.96px;
}

.auren-AI .i-6 {
  margin-top: -0.6px;
  width: 6.02px;
  height: 5.85px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 2.97px;
}

.auren-AI .automation-wrapper {
  display: inline-flex;
  margin-top: -12.1px;
  height: 10px;
  width: 75.62px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .automation {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  margin-left: -1.3px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-63-2);
  font-size: 8px;
  letter-spacing: 1.28px;
  line-height: normal;
}

.auren-AI .img {
  display: grid;
  grid-template-columns: 254px;
  grid-template-rows: 28px 28px 28px 28px;
  width: 100%;
  height: 162px;
  gap: 8px;
  padding: 13px 12.5px;
  position: absolute;
  top: 34px;
  left: 0;
  transform: rotate(-1.04deg);
  object-fit: cover;
}

.auren-AI .div-dash-window-3 {
  display: flex;
  flex-direction: column;
  width: 640px;
  height: 362px;
  align-items: flex-start;
  top: 28px;
  left: calc(50.00% - 320px);
  position: absolute;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-79-34);
  box-shadow:
    0px 0px 45px #6d1fff29,
    0px 28px 70px #080018b2;
  background: linear-gradient(
    180deg,
    rgba(18, 10, 33, 0.94) 0%,
    rgba(6, 4, 11, 0.96) 100%
  );
  background-color: var(--html-to-design-color-violet-3-96);
}

.auren-AI .div-window-head-3 {
  height: 37px;
  justify-content: space-between;
  padding: 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: var(--html-to-design-color-white-2-4);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-6);
  gap: var(--html-to-design-item-spacing-427-91);
}

.auren-AI .div-dots-3 {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-5);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .i-7 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: var(--html-to-design-color-white-17);
  border-radius: 3px;
}

.auren-AI .div-wrapper-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .auren-growth {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-63-2);
  font-size: 8px;
  letter-spacing: 1.28px;
  line-height: normal;
}

.auren-AI .div-dash-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .div-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 53px;
  height: 53px;
  gap: 8px;
}

.auren-AI .div-mini {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-xxs);
  padding: 10px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-wrapper-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-4 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 14px;
  letter-spacing: -0.49px;
  line-height: normal;
}

.auren-AI .text-wrapper-5 {
  align-self: stretch;
  font-weight: 400;
  color: var(--html-to-design-color-grey-53);
  font-size: 8px;
  letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  line-height: normal;
}

.auren-AI .div-mini-2 {
  grid-column: 2 / 3;
  position: relative;
  grid-row: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-xxs);
  padding: 10px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-mini-3 {
  grid-column: 3 / 4;
  position: relative;
  grid-row: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-xxs);
  padding: 10px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-dash-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  grid-template-rows: 184px;
  height: 184px;
  gap: 10px;
}

.auren-AI .div-activity {
  display: grid;
  grid-template-columns: 241.61px;
  grid-template-rows: 40px 40px 40px 40px;
  height: 184px;
  gap: 8px;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
}

.auren-AI .div-activity-row {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-170-78);
  padding: 8px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 7px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .span-avatar {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-16);
  background: linear-gradient(
    153deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(51, 16, 108, 1) 100%
  );
  background-color: var(--html-to-design-color-violet-24);
}

.auren-AI .span-pill {
  display: inline-flex;
  align-items: flex-start;
  padding: 4px 7px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-chartreuse-green-62-12);
  border-radius: 20px;
}

.auren-AI .text-wrapper-6 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 7px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .div-activity-row-2 {
  grid-row: 2 / 3;
  gap: var(--html-to-design-item-spacing-165-24);
  position: relative;
  grid-column: 1 / 2;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 7px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-activity-row-3 {
  grid-row: 3 / 4;
  gap: var(--html-to-design-item-spacing-171-75);
  position: relative;
  grid-column: 1 / 2;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 7px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-activity-row-4 {
  grid-row: 4 / 5;
  gap: var(--html-to-design-item-spacing-152-88);
  position: relative;
  grid-column: 1 / 2;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 8px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 7px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-chart {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 153px;
  object-fit: cover;
}

.auren-AI .div-floating-stat {
  display: flex;
  flex-direction: column;
  width: 15.24%;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 12px 14px;
  position: absolute;
  left: 13.00%;
  bottom: 44px;
  background-color: var(--html-to-design-color-violet-4-90);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-28);
  box-shadow: 0px 28px 80px #45119d3d;
  backdrop-filter: blur(5px) brightness(100%);
  -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.auren-AI .text-wrapper-7 {
  align-self: stretch;
  margin-top: -1px;
  font-weight: 400;
  color: var(--html-to-design-color-violet-61);
  font-size: 8px;
  letter-spacing: 0.96px;
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  line-height: normal;
}

.auren-AI .b-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 25px;
}

.auren-AI .text-wrapper-8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 25px;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 21px;
  letter-spacing: -1.26px;
  line-height: normal;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .text-wrapper-9 {
  position: absolute;
  top: 10px;
  left: 26px;
  width: 36px;
  height: 12px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 10px;
  letter-spacing: -1.26px;
  line-height: normal;
}

.auren-AI .div-floating-stat-2 {
  display: flex;
  flex-direction: column;
  width: 15.24%;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 12px 14px;
  position: absolute;
  left: 71.76%;
  bottom: 70px;
  background-color: var(--html-to-design-color-violet-4-90);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-28);
  box-shadow: 0px 28px 80px #45119d3d;
  backdrop-filter: blur(5px) brightness(100%);
  -webkit-backdrop-filter: blur(5px) brightness(100%);
}

.auren-AI .text-wrapper-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 25px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 21px;
  letter-spacing: -1.26px;
  line-height: normal;
}

.auren-AI .text-wrapper-11 {
  position: absolute;
  top: 10px;
  left: 24px;
  width: 32px;
  height: 12px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 10px;
  letter-spacing: -1.26px;
  line-height: normal;
}

.auren-AI .section-capability {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-white-2);
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-container-2 {
  display: inline-flex;
  height: 55px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.auren-AI .div-capability-item {
  display: inline-flex;
  height: 55px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 20px;
  position: relative;
  flex: 0 0 auto;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .i-8 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: var(--html-to-design-color-violet-63);
  border-radius: 3.5px;
  box-shadow: 0px 0px 17px #8f42ffcc;
}

.auren-AI .text-wrapper-12 {
  display: flex;
  align-items: center;
  margin-top: -8px;
  margin-bottom: -6px;
  font-weight: 700;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0.12px;
  line-height: normal;
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
}

.auren-AI .div-capability-item-2 {
  display: inline-flex;
  height: 55px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 20px;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-3 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  padding: 118px 0px;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .before-mask-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.auren-AI .div-container-3 {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  grid-template-rows: 615.8px;
  width: 1280px;
  height: 615.8px;
  gap: 64px;
}

.auren-AI .div-4 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: start;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-13-8);
}

.auren-AI .before-5 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: var(--html-to-design-color-violet-63);
  border-radius: 7px;
  box-shadow: 0px 0px 20px #8f42ffe6;
}

.auren-AI .text-wrapper-13 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-83);
  font-size: 16px;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .growth-slows-down-wrapper {
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-height-650);
  align-items: flex-start;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .growth-slows-down {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 283px;
}

.auren-AI .an-undifferentiated-wrapper {
  max-width: var(--html-to-design-width-560);
  align-items: flex-start;
  padding: 7.5px 0px 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-85);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.8px;
}

.auren-AI .div-pain-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 194px 199.8px 194px;
  height: 615.8px;
  gap: 14px;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: start;
  width: 100%;
}

.auren-AI .article-pain {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-7);
  padding: 22px 20px 38.59px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .text-wrapper-15 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-orange-72);
  font-size: 13px;
  letter-spacing: 1.56px;
  line-height: normal;
}

.auren-AI .h-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 9.3px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-16 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 20px;
  letter-spacing: -0.7px;
  line-height: 22.4px;
}

.auren-AI .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.7px;
}

.auren-AI .article-pain-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  gap: var(--html-to-design-item-spacing-7-7);
  padding: 22px 20px 38.59px;
  position: relative;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .article-pain-3 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  gap: var(--html-to-design-item-spacing-7-7);
  padding: 22px 20px;
  position: relative;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .a-fragmented-digital {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 20px;
  letter-spacing: -0.7px;
  line-height: 22.4px;
}

.auren-AI .article-pain-4 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  gap: var(--html-to-design-item-spacing-7-7);
  padding: 22px 20px 44.39px;
  position: relative;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .article-pain-5 {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  gap: var(--html-to-design-item-spacing-7-8);
  padding: 22px 20px 61.27px;
  position: relative;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .h-3 {
  padding: 9.2px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .article-pain-6 {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  gap: var(--html-to-design-item-spacing-7-7);
  padding: 22px 20px 38.59px;
  position: relative;
  width: 100%;
  min-height: var(--html-to-design-height-194);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-violet-77-32);
  background: linear-gradient(
    180deg,
    rgba(101, 22, 255, 0.08) 0%,
    rgba(101, 22, 255, 0) 100%
  );
  background-color: var(--html-to-design-color-violet-54-8-2);
}

.auren-AI .after-2 {
  position: absolute;
  height: 31.86%;
  top: 18.04%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .div-container-4 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-48);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-insight-intro {
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-1040);
  width: 1040px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-12-8);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .one-ecosystem {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-chartreuse-green-77);
  font-size: 16px;
  text-align: center;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .we-connect-growth {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 72px;
  text-align: center;
  letter-spacing: -4.9px;
  line-height: 70.6px;
}

.auren-AI .we-do-not-sell-wrapper {
  max-width: var(--html-to-design-width-740);
  width: 740px;
  align-items: center;
  padding: 6.6px 0px 0px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-bento {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 184px 184px 184px 184px;
  height: 778px;
  gap: 14px;
}

.auren-AI .article-card {
  position: relative;
  grid-row: 1 / 3;
  grid-column: 1 / 8;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-8);
  padding: 23px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    160deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .span-card-tag {
  display: inline-flex;
  align-items: flex-start;
  padding: 6px 8px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-violet-63-13);
  border-radius: 20px;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-63-25);
}

.auren-AI .text-wrapper-18 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-83-2);
  font-size: 10px;
  letter-spacing: 1px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .h-4 {
  max-width: var(--html-to-design-width-660);
  width: 660px;
  padding: 0px 0px 0.75px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-19 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 23px;
  letter-spacing: -0.81px;
  line-height: 25.8px;
  white-space: nowrap;
}

.auren-AI .positioning-branding-wrapper {
  max-width: var(--html-to-design-width-640);
  width: 640px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-20 {
  width: fit-content;
  font-size: 14px;
  line-height: 22.7px;
  position: relative;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  letter-spacing: 0;
}

.auren-AI .before-6 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    154deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-funnel {
  display: flex;
  flex-direction: column;
  width: 120px;
  align-items: center;
  gap: var(--html-to-design-item-spacing-5);
  padding: 5px 0px;
  position: absolute;
  right: 31px;
  bottom: 26px;
}

.auren-AI .i-9 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-10 {
  position: relative;
  width: 93.59px;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-11 {
  position: relative;
  width: 69.59px;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-12 {
  position: relative;
  width: 44.39px;
  height: 18px;
  border-radius: 3px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .article-card-2 {
  position: relative;
  grid-row: 1 / 3;
  grid-column: 8 / 13;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-8);
  padding: 23px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .h-5 {
  max-width: var(--html-to-design-width-660);
  padding: 0px 0px 0.62px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-21 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 23px;
  letter-spacing: -0.81px;
  line-height: 25.8px;
}

.auren-AI .UX-research-UX-UI-wrapper {
  max-width: var(--html-to-design-width-640);
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .before-7 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    149deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-orb {
  position: absolute;
  right: 25px;
  bottom: -25px;
  width: 150px;
  height: 150px;
  background-color: var(--html-to-design-color-white-0-2);
  border-radius: 75px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-38);
  box-shadow:
    0px 0px 40px #6516ff47,
    inset 0px 0px 44px 1px #6516ff99;
}

.auren-AI .before-8 {
  position: absolute;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
  top: 18px;
  left: 18px;
  border-radius: 57px;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-77-36);
}

.auren-AI .after-3 {
  position: absolute;
  width: calc(100% - 76px);
  height: calc(100% - 76px);
  top: 38px;
  left: 38px;
  border-radius: 37px;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-77-36);
}

.auren-AI .article-card-3 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 1 / 5;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
  padding: 23px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    162deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .p-2 {
  max-width: var(--html-to-design-width-640);
  padding: 0px 0px 0.67px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-22 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.7px;
}

.auren-AI .before-9 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    157deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .article-card-4 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 5 / 9;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
  padding: 23px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    162deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-5 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 9 / 13;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-8);
  padding: 23px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    162deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .assessment-process-wrapper {
  max-width: var(--html-to-design-width-640);
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -3.22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .article-card-6 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  grid-template-rows: 136px;
  min-height: var(--html-to-design-height-166);
  padding: 23px;
  position: relative;
  grid-row: 4 / 5;
  grid-column: 1 / 13;
  width: 100%;
  height: 100%;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    172deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-5 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
}

.auren-AI .from-opportunity-to-wrapper {
  max-width: var(--html-to-design-width-660);
  width: 660px;
  padding: 0px 0px 0.62px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .from-opportunity-to {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 23px;
  letter-spacing: -0.81px;
  line-height: 25.8px;
}

.auren-AI .p-3 {
  max-width: var(--html-to-design-width-640);
  width: 640px;
  padding: 0px 0px 0.67px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-23 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.7px;
  white-space: nowrap;
}

.auren-AI .before-10 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    170deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-bento-visual {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  width: 100%;
  height: 116px;
  object-fit: cover;
}

.auren-AI .div-container-5 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-45);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(0, 0.62fr);
  grid-template-rows: 241.64px;
  height: 241.64px;
  gap: 36px;
}

.auren-AI .div-6 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-15-05);
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .h-6 {
  align-items: flex-start;
  padding: 0px 0px 0.6px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-24 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 72px;
  letter-spacing: -4.9px;
  line-height: 70.6px;
}

.auren-AI .p-4 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: end;
  max-width: var(--html-to-design-width-500);
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-25 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16.3px;
  letter-spacing: 0;
  line-height: 28.3px;
}

.auren-AI .div-feature-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  grid-template-rows: 491.03px;
  height: 491.03px;
  gap: 16px;
}

.auren-AI .div-card {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    153deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-feature-tab {
  gap: var(--html-to-design-item-spacing-5-8);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-63-36);
  background: linear-gradient(
    163deg,
    rgba(101, 22, 255, 0.23) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-violet-54-23);
}

.auren-AI .element-marketing-brand {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-64);
  font-size: 11px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .h-7 {
  padding: 2.2px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-26 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 19px;
  letter-spacing: -0.67px;
  line-height: 21.3px;
}

.auren-AI .brand-SEO-campaigns {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.auren-AI .div-feature-tab-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 18px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .text-wrapper-27 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-64);
  font-size: 11px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .h-8 {
  padding: 2px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .p-5 {
  padding: 0px 0px 0.59px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-28 {
  display: flex;
  align-items: center;
  line-height: 21.6px;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 13.5px;
  letter-spacing: 0;
}

.auren-AI .div-feature-tab-3 {
  gap: var(--html-to-design-item-spacing-6);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .before-11 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-card-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  min-height: var(--html-to-design-height-468);
  gap: var(--html-to-design-item-spacing-10);
  padding: 19px 19px 85.03px;
  background: linear-gradient(
    158deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-ui-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-279-23);
}

.auren-AI .text-wrapper-29 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-73);
  font-size: 11.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .span-ui-chip {
  padding: 6px 9px;
  background-color: var(--html-to-design-color-chartreuse-green-62-13);
  border-radius: 20px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-30 {
  width: fit-content;
  font-weight: 400;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 10px;
  letter-spacing: 0;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  line-height: normal;
}

.auren-AI .div-ui-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 71px;
  height: 76px;
  gap: 8px;
  padding: 5px 0px 0px;
}

.auren-AI .div-ui-card {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-xs);
  padding: 13px;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .text-wrapper-31 {
  color: var(--html-to-design-color-grey-55);
  font-size: 10px;
  letter-spacing: 0;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  line-height: normal;
}

.auren-AI .text-wrapper-32 {
  align-self: stretch;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 19px;
  letter-spacing: -1.14px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  line-height: normal;
}

.auren-AI .div-ui-card-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  height: fit-content;
  gap: var(--html-to-design-item-spacing-xs);
  padding: 13px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-ui-card-3 {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  height: fit-content;
  gap: var(--html-to-design-item-spacing-xs);
  padding: 13px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-ui-card-4 {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  height: fit-content;
  gap: var(--html-to-design-item-spacing-xs);
  padding: 13px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .before-12 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    151deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-ui-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);
  grid-template-rows: 265px;
  height: 265px;
  gap: 10px;
}

.auren-AI .div-ui-card-5 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  height: 265px;
  gap: var(--html-to-design-item-spacing-s);
  padding: 13px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-bar-chart {
  display: flex;
  height: 180px;
  align-items: flex-end;
  justify-content: center;
  gap: var(--html-to-design-item-spacing-xs);
  position: relative;
  align-self: stretch;
  width: 100%;
}

.auren-AI .i-13 {
  position: relative;
  width: 56.09px;
  height: 61.19px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-14 {
  position: relative;
  width: 56.11px;
  height: 99px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-15 {
  position: relative;
  width: 56.09px;
  height: 84.59px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-16 {
  position: relative;
  width: 56.09px;
  height: 118.8px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-17 {
  position: relative;
  width: 56.09px;
  height: 111.59px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-18 {
  position: relative;
  width: 56.09px;
  height: 140.39px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-19 {
  position: relative;
  width: 56.09px;
  height: 163.8px;
  border-radius: var(--html-to-design-radius-5) var(--html-to-design-radius-5)
    0px 0px;
  background: linear-gradient(
    180deg,
    rgba(168, 255, 62, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .div-ui-side {
  display: grid;
  grid-template-columns: 252.36px;
  grid-template-rows: 170.5px 84.5px;
  height: 265px;
  gap: 10px;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
}

.auren-AI .div-ui-card-6 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  height: fit-content;
  gap: 4.55e-13px;
  padding: 13px 13px 15.5px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-donut {
  display: grid;
  grid-template-columns: 224.36px;
  grid-template-rows: 128px;
  height: 128px;
}

.auren-AI .after-wrapper {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  justify-self: center;
  align-self: center;
  width: 90px;
  height: 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 16px;
  border-radius: 45px;
}

.auren-AI .after-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 58px;
  background-color: var(--html-to-design-color-violet-5-3);
  border-radius: 29px;
}

.auren-AI .div-ui-card-7 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  height: fit-content;
  gap: var(--html-to-design-item-spacing-7);
  padding: 13px 13px 15.5px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--html-to-design-color-white-2-7);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-stack {
  display: grid;
  grid-template-columns: 224.36px;
  grid-template-rows: 7px 7px 7px;
  height: 35px;
  gap: 7px;
}

.auren-AI .i-20 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-21 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .i-22 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(168, 255, 62, 1) 100%
  );
  background-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .after-5 {
  position: absolute;
  right: -78px;
  bottom: -119px;
  width: 309px;
  height: 330px;
  background-color: var(--html-to-design-color-violet-54-27);
  border-radius: 165px;
  filter: blur(21px);
}

.auren-AI .after-6 {
  position: absolute;
  height: 31.74%;
  top: 18.02%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .div-section-head-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(0, 0.62fr);
  grid-template-rows: 171.09px;
  height: 171.09px;
  gap: 36px;
}

.auren-AI .div-7 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-14-78-3);
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-33 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-chartreuse-green-77);
  font-size: 16px;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .div-solutions-grid {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 871.19px;
}

.auren-AI .article-card-7 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 647px);
  height: 312px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-10);
  padding: 24px 24px 46.66px;
  position: absolute;
  top: 0;
  left: 0;
  border-color: var(--html-to-design-color-chartreuse-green-62-28);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    163deg,
    rgba(27, 54, 29, 0.24) 0%,
    rgba(10, 5, 20, 0.94) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-276);
  background-color: var(--html-to-design-color-green-16-24);
}

.auren-AI .div-solution-top {
  padding: 0px 0px 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-506-55);
}

.auren-AI .span-solution-icon {
  display: flex;
  flex-direction: column;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 4px 0px 6px;
  position: relative;
  background-color: var(--html-to-design-color-chartreuse-green-62-8);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-20);
}

.auren-AI .text-wrapper-34 {
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .text-wrapper-35 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 900;
  color: var(--html-to-design-color-white-8);
  font-size: 42px;
  letter-spacing: -4.2px;
  line-height: 42px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .h-9 {
  padding: 2px 0px 0.88px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-36 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 24px;
  letter-spacing: -0.84px;
  line-height: 26.9px;
}

.auren-AI .p-6 {
  max-width: var(--html-to-design-width-660);
  padding: 0px 0px 0.67px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .ul {
  display: grid;
  grid-template-columns: 583px;
  grid-template-rows: 18.12px 18.12px 18.12px;
  height: 74.38px;
  gap: 7px;
  padding: 6px 0px 0px;
}

.auren-AI .li {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 18.13px;
}

.auren-AI .text-wrapper-37 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 9px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-38 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 218px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .li-2 {
  grid-row: 2 / 3;
  position: relative;
  grid-column: 1 / 2;
  width: 100%;
  height: 18.13px;
}

.auren-AI .text-wrapper-39 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 212px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .li-3 {
  grid-row: 3 / 4;
  position: relative;
  grid-column: 1 / 2;
  width: 100%;
  height: 18.13px;
}

.auren-AI .text-wrapper-40 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 217px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .before-13 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .article-card-8 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 647px);
  height: 311px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-9-8);
  padding: 24px;
  position: absolute;
  top: 0;
  left: 657px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    161deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-276);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-solution-top-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 3.2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-498-38);
}

.auren-AI .span-solution-icon-2 {
  display: flex;
  flex-direction: column;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--html-to-design-color-chartreuse-green-62-8);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-20);
}

.auren-AI .text-wrapper-41 {
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .h-10 {
  padding: 2.2px 0px 0.88px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .p-7 {
  max-width: var(--html-to-design-width-660);
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .ul-2 {
  grid-template-columns: 583px;
  height: 74.58px;
  padding: 6.2px 0px 0px;
  display: grid;
  grid-template-rows: 18.12px 18.12px 18.12px;
  gap: 7px;
}

.auren-AI .text-wrapper-42 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 170px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-43 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 160px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-44 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 162px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .article-card-9 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 863px);
  height: 311px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-9-8);
  padding: 24px;
  position: absolute;
  top: 336px;
  left: 0;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-276);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-solution-top-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 3.2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-281-77);
}

.auren-AI .span-solution-icon-3 {
  padding: 4.5px 0px 5.5px;
  display: flex;
  flex-direction: column;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--html-to-design-color-chartreuse-green-62-8);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-20);
}

.auren-AI .ul-3 {
  grid-template-columns: 367.33px;
  height: 74.59px;
  padding: 6.21px 0px 0px;
  display: grid;
  grid-template-rows: 18.12px 18.12px 18.12px;
  gap: 7px;
}

.auren-AI .text-wrapper-45 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 234px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-46 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 106px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .article-card-10 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 863px);
  height: 311px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-9-8);
  padding: 24px;
  position: absolute;
  top: 336px;
  left: 441px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-276);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-solution-top-4 {
  padding: 0px 0.01px 3.2px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-280-37);
}

.auren-AI .text-wrapper-47 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 183px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-48 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 129px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-49 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 192px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .article-card-11 {
  display: flex;
  flex-direction: column;
  width: calc(100% - 863px);
  height: 311px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-9-8);
  padding: 24px;
  position: absolute;
  top: 336px;
  left: 883px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-276);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-solution-top-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 3.2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-282-72);
}

.auren-AI .ul-4 {
  grid-template-columns: 367.34px;
  height: 74.59px;
  padding: 6.21px 0px 0px;
  display: grid;
  grid-template-rows: 18.12px 18.12px 18.12px;
  gap: 7px;
}

.auren-AI .text-wrapper-50 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 140px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-51 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 204px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-52 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 172px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .article-card-12 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 220px;
  align-items: flex-start;
  padding: 24px 24px 71.78px;
  position: absolute;
  top: 671px;
  left: 0;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    170deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-220);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-solution-wide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  grid-template-rows: 122.22px;
  height: 122.22px;
  gap: 34px;
}

.auren-AI .div-8 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-9-8);
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .ul-margin {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px 0px;
}

.auren-AI .ul-5 {
  grid-template-columns: 566.53px;
  height: 68.38px;
  display: grid;
  grid-template-rows: 18.12px 18.12px 18.12px;
  gap: 7px;
}

.auren-AI .text-wrapper-53 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 131px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-54 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 173px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
}

.auren-AI .text-wrapper-55 {
  position: absolute;
  top: -1px;
  left: 17px;
  width: 144px;
  height: 19px;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18.1px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .before-14 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    168deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .span-number {
  position: absolute;
  top: 10px;
  right: 8px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-56 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 900;
  color: var(--html-to-design-color-white-8);
  font-size: 100px;
  letter-spacing: -10px;
  line-height: 100px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .section-growth {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  padding: 78px 0px;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background: linear-gradient(
    131deg,
    rgba(37, 17, 65, 1) 0%,
    rgba(77, 22, 142, 1) 50%,
    rgba(31, 18, 56, 1) 100%
  );
  background-color: var(--html-to-design-color-violet-32);
}

.auren-AI .before-15 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04) 2%,
      rgba(255, 255, 255, 0) 2%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.04) 2%,
      rgba(255, 255, 255, 0) 2%
    );
  opacity: 0.45;
  background-color: var(--html-to-design-color-white-4-3);
}

.auren-AI .after-7 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:
    radial-gradient(
      50% 50% at 32% 50%,
      rgba(168, 255, 62, 0.12) 0%,
      rgba(168, 255, 62, 0) 24%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.04) 100%
    );
  background-color: var(--html-to-design-color-chartreuse-green-62-0);
}

.auren-AI .div-container-6 {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  grid-template-rows: 498.72px;
  width: 1280px;
  height: fit-content;
  gap: 40px;
}

.auren-AI .div-9 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .when-everything-wrapper {
  align-items: flex-start;
  margin-top: -0.7px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .when-everything {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 68px;
  letter-spacing: -4.62px;
  line-height: 66.6px;
}

.auren-AI .marketing-product-wrapper {
  max-width: var(--html-to-design-height-620);
  width: 620px;
  align-items: flex-start;
  padding: 16.09px 0px 0px;
  margin-top: -0.7px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .marketing-product {
  margin-top: -1px;
  font-weight: 400;
  color: var(--html-to-design-color-violet-89);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.8px;
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
}

.auren-AI .div-actions-2 {
  padding: 22.7px 0px 0px;
  margin-top: -0.7px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--html-to-design-item-spacing-11);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .a-btn-2 {
  min-height: var(--html-to-design-height-48);
  padding: 15px 21px;
  background-color: var(--html-to-design-color-chartreuse-green-62);
  box-shadow: 0px 18px 40px #a8ff3e2e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-chartreuse-green-62);
}

.auren-AI .text-wrapper-57 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-green-4);
  font-size: 13.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .div-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 94px 94px;
  height: 198px;
  gap: 10px;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  width: 100%;
}

.auren-AI .div-stat {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 19px;
  background-color: var(--html-to-design-color-black-16);
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-13);
}

.auren-AI .text-wrapper-58 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 30px;
  letter-spacing: -2.4px;
  line-height: normal;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .text-wrapper-59 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-82);
  font-size: 10px;
  letter-spacing: 0.2px;
  line-height: normal;
}

.auren-AI .div-stat-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 19px;
  background-color: var(--html-to-design-color-black-16);
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-13);
}

.auren-AI .div-stat-3 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 19px;
  background-color: var(--html-to-design-color-black-16);
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-13);
}

.auren-AI .div-stat-4 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6);
  padding: 19px;
  background-color: var(--html-to-design-color-black-16);
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-13);
}

.auren-AI .section-section {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  width: 1440px;
  align-items: center;
  gap: var(--ailoom-saas-software-webflow-template-webflow-io-item-spacing-80);
  position: relative;
  flex: 0 0 auto;
  background-color: #3a2062;
}

.auren-AI .key-metrics {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 2.21;
  background-image: url(./img/key-metrics.png);
  background-size: cover;
  background-position: 50% 50%;
}

.auren-AI .after-8 {
  position: absolute;
  height: 49.49%;
  top: 18.05%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .engagement-models {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-83);
  font-size: 11px;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .the-right-model {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 16.3px;
  letter-spacing: 0;
  line-height: 28.3px;
}

.auren-AI .div-engagement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 326px;
  height: 326px;
  gap: 14px;
}

.auren-AI .article-card-13 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 326px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-326);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .span-card-tag-2 {
  display: inline-flex;
  align-items: flex-start;
  padding: 6px 8px;
  position: absolute;
  top: 26px;
  left: 26px;
  background-color: var(--html-to-design-color-violet-63-13);
  border-radius: 20px;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-63-25);
}

.auren-AI .h-11 {
  width: calc(100% - 52px);
  padding: 2.2px 0px 0.88px;
  position: absolute;
  top: 63px;
  left: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-60 {
  display: flex;
  align-items: center;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 24px;
  letter-spacing: -0.84px;
  line-height: 26.9px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
}

.auren-AI .p-8 {
  width: calc(100% - 52px);
  padding: 0px 0px 10.2px;
  position: absolute;
  top: 104px;
  left: 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-meta {
  display: flex;
  flex-direction: column;
  width: calc(100% - 52px);
  align-items: flex-start;
  padding: 15px 0px 0px;
  position: absolute;
  top: 171px;
  left: 26px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-white-7);
}

.auren-AI .text-wrapper-61 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-71-2);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 19px;
}

.auren-AI .text-wrapper-62 {
  position: absolute;
  top: 243px;
  left: 26px;
  width: 164px;
  height: 15px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .before-16 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    148deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .article-card-14 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 417.33px;
  height: 326px;
  border-color: var(--html-to-design-color-violet-63-63);
  box-shadow: 0px 24px 80px #6516ff29;
  background: linear-gradient(
    156deg,
    rgba(48, 17, 90, 0.76) 0%,
    rgba(6, 4, 11, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-326);
  background-color: var(--html-to-design-color-violet-3-97);
}

.auren-AI .text-wrapper-63 {
  position: absolute;
  top: 243px;
  left: 26px;
  width: 109px;
  height: 15px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .article-card-15 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: 326px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    156deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  min-height: var(--html-to-design-height-326);
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .text-wrapper-64 {
  position: absolute;
  top: 243px;
  left: 26px;
  width: 149px;
  height: 15px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: var(--html-to-design-color-chartreuse-green-62);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .section-integration {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  padding: 76px 0px;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background: linear-gradient(
    119deg,
    rgba(18, 63, 44, 1) 0%,
    rgba(29, 107, 69, 1) 57%,
    rgba(22, 77, 54, 1) 100%
  );
  background-color: var(--html-to-design-color-spring-green-16);
}

.auren-AI .before-17 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.07) 2%,
      rgba(255, 255, 255, 0) 2%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 2%,
      rgba(255, 255, 255, 0) 2%
    );
  opacity: 0.23;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .after-9 {
  position: absolute;
  left: 0;
  bottom: -230px;
  width: 280px;
  height: 420px;
  background-color: var(--html-to-design-color-chartreuse-green-62-17);
  border-radius: 210px;
  filter: blur(31px);
}

.auren-AI .div-container-7 {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  grid-template-rows: 327px;
  width: 1280px;
  height: 327px;
  gap: 44px;
}

.auren-AI .div-integration-copy {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  gap: var(--html-to-design-item-spacing-0-6);
}

.auren-AI .text-wrapper-65 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-chartreuse-green-77);
  font-size: 11px;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .a-connected-wrapper {
  align-items: flex-start;
  margin-top: -0.6px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .a-connected {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 57.6px;
  letter-spacing: -3.92px;
  line-height: 56.5px;
}

.auren-AI .we-connect-the-wrapper {
  max-width: var(--html-to-design-width-590);
  padding: 13.64px 0px 16.61px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -0.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .we-connect-the {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-91);
  font-size: 15.5px;
  letter-spacing: 0;
  line-height: 26px;
}

.auren-AI .div-integration-note {
  align-self: stretch;
  height: 18.59px;
  margin-top: -0.6px;
  border-left-width: 2px;
  border-left-style: solid;
  border-color: var(--html-to-design-color-chartreuse-green-62-85);
  position: relative;
  width: 100%;
}

.auren-AI .text-wrapper-66 {
  position: absolute;
  top: -1px;
  left: 14px;
  width: 489px;
  height: 19px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-97-76);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18.6px;
}

.auren-AI .compatible-platforms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 75px 75px 75px 75px 75px;
  height: 411px;
  gap: 9px;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  width: 100%;
}

.auren-AI .article-integration {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .div-brand-symbol {
  display: grid;
  grid-template-columns: 31px;
  grid-template-rows: 31px;
  width: 31px;
  height: 31px;
}

.auren-AI .frame {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  justify-self: center;
  align-self: center;
  width: 29px;
  height: 29px;
}

.auren-AI .vector {
  position: absolute;
  width: 90.62%;
  height: 90.62%;
  top: 9.38%;
  left: 9.38%;
}

.auren-AI .vector-2 {
  position: absolute;
  width: 70.32%;
  height: 75.92%;
  top: 24.08%;
  left: 29.68%;
}

.auren-AI .vector-3 {
  position: absolute;
  width: 67.81%;
  height: 65.31%;
  top: 34.69%;
  left: 32.19%;
}

.auren-AI .div-10 {
  display: inline-flex;
  gap: var(--html-to-design-item-spacing-xxxs);
  flex: 0 0 auto;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-67 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-spring-green-10-2);
  font-size: 12.5px;
  letter-spacing: -0.31px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .span-2 {
  display: flex;
  padding: 0px 0px 0.8px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .text-wrapper-68 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-41);
  font-size: 9.7px;
  letter-spacing: 0;
  line-height: 12.8px;
  white-space: nowrap;
}

.auren-AI .article-integration-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-3 {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-4 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-4 {
  position: absolute;
  width: 75.31%;
  height: 77.44%;
  top: 22.56%;
  left: 24.69%;
}

.auren-AI .vector-5 {
  position: absolute;
  width: 64.96%;
  height: 63.65%;
  top: 36.35%;
  left: 35.04%;
}

.auren-AI .article-integration-5 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-6 {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-7 {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-8 {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-6 {
  position: absolute;
  width: 87.80%;
  height: 74.34%;
  top: 25.66%;
  left: 12.20%;
}

.auren-AI .article-integration-9 {
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-7 {
  position: absolute;
  width: 76.56%;
  height: 65.62%;
  top: 34.38%;
  left: 23.44%;
}

.auren-AI .article-integration-10 {
  grid-row: 4 / 5;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-8 {
  position: absolute;
  width: 84.38%;
  height: 43.75%;
  top: 56.25%;
  left: 15.62%;
}

.auren-AI .vector-9 {
  position: absolute;
  width: 57.81%;
  height: 65.62%;
  top: 34.38%;
  left: 42.19%;
}

.auren-AI .vector-10 {
  position: absolute;
  width: 31.25%;
  height: 84.38%;
  top: 15.62%;
  left: 68.75%;
}

.auren-AI .article-integration-11 {
  grid-row: 4 / 5;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .div-brand-symbol-2 {
  position: relative;
  width: 31px;
  height: 31px;
}

.auren-AI .article-integration-12 {
  grid-row: 4 / 5;
  grid-column: 3 / 4;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-11 {
  position: absolute;
  width: 85.60%;
  height: 75.00%;
  top: 25.00%;
  left: 14.40%;
}

.auren-AI .article-integration-13 {
  grid-row: 5 / 6;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-12 {
  position: absolute;
  width: 74.69%;
  height: 84.38%;
  top: 15.62%;
  left: 25.31%;
}

.auren-AI .article-integration-14 {
  grid-row: 5 / 6;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .article-integration-15 {
  grid-row: 5 / 6;
  grid-column: 3 / 4;
  position: relative;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-10);
  padding: 12px;
  background-color: var(--html-to-design-color-white-96);
  border-radius: 11px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-50);
  box-shadow: 0px 10px 25px #0000001c;
  min-height: var(--html-to-design-height-75);
}

.auren-AI .vector-13 {
  position: absolute;
  width: 84.38%;
  height: 84.38%;
  top: 15.62%;
  left: 15.62%;
}

.auren-AI .vector-14 {
  position: absolute;
  width: 68.75%;
  height: 68.75%;
  top: 31.25%;
  left: 31.25%;
}

.auren-AI .after-10 {
  position: absolute;
  height: 56.58%;
  top: 17.99%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .div-container-8 {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  grid-template-rows: 506.28px;
  width: 1280px;
  height: 506.28px;
  gap: 44px;
}

.auren-AI .div-product-copy {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-13-8);
}

.auren-AI .our-intelligent-wrapper {
  align-items: flex-start;
  padding: 3.4px 0px 0px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-product-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 43px 43px;
  height: 103.2px;
  gap: 9px;
  padding: 8.2px 0px 0px;
}

.auren-AI .span-3 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 13px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-7);
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .text-wrapper-69 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-83-3);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .span-4 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 13px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-7);
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .span-5 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 13px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-7);
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .span-6 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 13px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-7);
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .div-actions-3 {
  padding: 8.2px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--html-to-design-item-spacing-11);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .a-btn-3 {
  min-height: var(--html-to-design-height-48);
  padding: 15px 21px;
  border-color: var(--html-to-design-color-violet-68-2);
  box-shadow: 0px 16px 35px #6516ff52;
  background: linear-gradient(
    166deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9px;
  border: 1px solid;
  background-color: var(--html-to-design-color-violet-63);
}

.auren-AI .div-card-3 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: center;
  min-height: var(--html-to-design-height-400);
  gap: var(--html-to-design-item-spacing-13);
  padding: 16px;
  background: linear-gradient(
    158deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-ui-top-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  gap: var(--html-to-design-item-spacing-322-66);
}

.auren-AI .div-assistant-grid {
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  grid-template-rows: 354px;
  display: grid;
  height: 354px;
  gap: 10px;
}

.auren-AI .div-chat {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 313px;
  background-color: var(--html-to-design-color-white-2-4);
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-msg {
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-218-96);
  width: calc(100% - 68px);
  align-items: flex-start;
  padding: 9px;
  position: absolute;
  top: 20px;
  left: 12px;
  background-color: var(--html-to-design-color-violet-63-13);
  border-radius: 10px;
}

.auren-AI .hi-i-would-like-to {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-3);
  font-size: 10.5px;
  letter-spacing: 0;
  line-height: 16.3px;
}

.auren-AI .of-course-i-have-wrapper {
  padding: 9px;
  top: 79px;
  left: 56px;
  background-color: var(--html-to-design-color-chartreuse-green-62-13);
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-218-96);
  width: calc(100% - 68px);
  align-items: flex-start;
  position: absolute;
  border-radius: 10px;
}

.auren-AI .text-wrapper-70 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-chartreuse-green-88);
  font-size: 10.5px;
  letter-spacing: 0;
  line-height: 16.3px;
}

.auren-AI .div-msg-2 {
  padding: 8px 9px 9.27px;
  top: 153px;
  left: 12px;
  background-color: var(--html-to-design-color-violet-63-13);
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-218-96);
  width: calc(100% - 68px);
  align-items: flex-start;
  position: absolute;
  border-radius: 10px;
}

.auren-AI .text-wrapper-71 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-violet-77-3);
  font-size: 10.5px;
  letter-spacing: 0;
  line-height: 16.3px;
  white-space: nowrap;
}

.auren-AI .perfect-your-wrapper {
  padding: 9px;
  top: 196px;
  left: 56px;
  background-color: var(--html-to-design-color-chartreuse-green-62-13);
  display: flex;
  flex-direction: column;
  max-width: var(--html-to-design-width-218-96);
  width: calc(100% - 68px);
  align-items: flex-start;
  position: absolute;
  border-radius: 10px;
}

.auren-AI .div-assistant-side {
  grid-template-columns: 368.77px;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  display: grid;
  height: 354px;
  gap: 10px;
}

.auren-AI .div-card-4 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  gap: var(--html-to-design-item-spacing-13);
  padding: 12px 12px 29px;
  background: linear-gradient(
    161deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .text-wrapper-72 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-73);
  font-size: 11.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .div-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-template-rows: 21px 21px 21px 21px;
  height: 102px;
  gap: 6px;
}

.auren-AI .i-23 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-24 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-25 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-26 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-27 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 5 / 6;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-28 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 6 / 7;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-29 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 7 / 8;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-30 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-31 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-chartreuse-green-62-32);
  border-radius: 4px;
}

.auren-AI .i-32 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-33 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-34 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 5 / 6;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-35 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 6 / 7;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-36 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 7 / 8;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-37 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-38 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-39 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-40 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 4 / 5;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-chartreuse-green-62-32);
  border-radius: 4px;
}

.auren-AI .i-41 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 5 / 6;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-42 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 6 / 7;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-43 {
  position: relative;
  grid-row: 3 / 4;
  grid-column: 7 / 8;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-44 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 1 / 2;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-45 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 2 / 3;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-46 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 3 / 4;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-chartreuse-green-62-32);
  border-radius: 4px;
}

.auren-AI .i-47 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 4 / 5;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-48 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 5 / 6;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-49 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 6 / 7;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .i-50 {
  position: relative;
  grid-row: 4 / 5;
  grid-column: 7 / 8;
  width: 100%;
  height: 21px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 4px;
}

.auren-AI .before-18 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    156deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .div-card-5 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  gap: var(--html-to-design-item-spacing-xs);
  padding: 12px;
  background: linear-gradient(
    161deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-followup-row {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 25px;
  background-color: var(--html-to-design-color-white-5);
  border-radius: 6px;
}

.auren-AI .before-19 {
  position: relative;
  width: 53.00%;
  top: 8px;
  left: 2.33%;
  height: 4px;
  background-color: var(--html-to-design-color-violet-63-66);
  border-radius: 4px;
}

.auren-AI .div-container-9 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-45-01);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-11 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-14-78);
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-industry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 172px 172px;
  height: 357px;
  gap: 13px;
}

.auren-AI .article-card-16 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .text-wrapper-73 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 21.3px;
}

.auren-AI .before-20 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    153deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .article-card-17 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-16);
  padding: 20px 20px 56.81px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .healthcare {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 19px;
  letter-spacing: -0.67px;
  line-height: 21.3px;
}

.auren-AI .article-card-18 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-19 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-20 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-21 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-22 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-23 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  width: 100%;
  min-height: var(--html-to-design-height-172);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.16px;
  padding: 20px 20px 78.08px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    159deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .after-11 {
  position: absolute;
  height: 62.68%;
  top: 17.93%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .div-12 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: end;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 14.77px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 218px;
  height: 218px;
  gap: 14px;
}

.auren-AI .article-card-24 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  min-height: var(--html-to-design-height-218);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-8);
  padding: 23px 23px 33.8px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    157deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .text-wrapper-74 {
  position: relative;
  width: fit-content;
  font-weight: 700;
  color: var(--html-to-design-color-violet-63-48);
  font-size: 38px;
  letter-spacing: -3.8px;
  line-height: normal;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
}

.auren-AI .h-12 {
  padding: 6.2px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-75 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 22px;
  letter-spacing: -0.77px;
  line-height: 24.6px;
}

.auren-AI .we-analyze-business-wrapper {
  padding: 0px 0px 0.72px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-76 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 21.9px;
}

.auren-AI .before-21 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .article-card-25 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  min-height: var(--html-to-design-height-218);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
  padding: 23px 23px 55.66px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    157deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .h-13 {
  padding: 6.1px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .p-9 {
  padding: 0px 0px 0.79px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .article-card-26 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  min-height: var(--html-to-design-height-218);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
  padding: 23px 23px 55.66px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    157deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .article-card-27 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  min-height: var(--html-to-design-height-218);
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-7-9);
  padding: 23px 23px 55.66px;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background: linear-gradient(
    157deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-container-10 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 563.17px;
  width: 1280px;
  height: 563.17px;
  gap: 42px;
}

.auren-AI .we-bring-together-wrapper {
  align-items: flex-start;
  padding: 3.39px 0px 0px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .we-bring-together {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.8px;
}

.auren-AI .the-goal-is-not-to-wrapper {
  padding: 4.19px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .the-goal-is-not-to {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16.3px;
  letter-spacing: 0;
  line-height: 28.3px;
}

.auren-AI .div-card-6 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  align-self: start;
  gap: var(--html-to-design-item-spacing-14);
  padding: 20px;
  background: linear-gradient(
    158deg,
    rgba(22, 13, 34, 0.88) 0%,
    rgba(5, 4, 9, 0.97) 100%
  );
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid;
  border-color: var(--html-to-design-color-violet-82-12);
  box-shadow: 0px 18px 52px #00000038;
  background-color: var(--html-to-design-color-blue-3-97);
}

.auren-AI .div-about-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 97.5px 97.5px 97.5px;
  height: 312.5px;
  gap: 10px;
}

.auren-AI .div-about-item {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .text-wrapper-77 {
  align-self: stretch;
  margin-top: -1px;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 14px;
  letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  line-height: normal;
}

.auren-AI .text-wrapper-78 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-65);
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 19.8px;
}

.auren-AI .div-about-item-2 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-about-item-3 {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-about-item-4 {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-about-item-5 {
  grid-row: 3 / 4;
  grid-column: 1 / 2;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .div-about-item-6 {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-6-38);
  padding: 16px;
  background-color: var(--html-to-design-color-white-2);
  border-radius: 9px;
  border: 1px solid;
  border-color: var(--html-to-design-color-white-6-7);
}

.auren-AI .before-22 {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background: linear-gradient(
    152deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0) 28%
  );
  opacity: 0.6;
  background-color: var(--html-to-design-color-white-5-5);
}

.auren-AI .after-12 {
  position: absolute;
  height: 55.24%;
  top: 18.01%;
  right: 0;
  width: 230px;
  background-color: var(--html-to-design-color-violet-54-11);
  border-radius: 210px;
  filter: blur(38px);
}

.auren-AI .div-container-11 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-30);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--html-to-design-item-spacing-13);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-79 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-83);
  font-size: 11px;
  text-align: center;
  letter-spacing: 2.09px;
  line-height: normal;
  white-space: nowrap;
}

.auren-AI .h-14 {
  align-items: center;
  padding: 0px 0px 0.55px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-80 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 72px;
  text-align: center;
  letter-spacing: -4.9px;
  line-height: 70.6px;
  white-space: nowrap;
}

.auren-AI .div-faq-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-white-8);
}

.auren-AI .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-8);
  gap: var(--html-to-design-item-spacing-0-82);
}

.auren-AI .summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 46px 22px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-81 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-white-solid);
  font-size: 16.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .text-wrapper-82 {
  position: absolute;
  top: 18px;
  left: 1260px;
  width: 17px;
  height: 29px;
  display: flex;
  align-items: center;
  font-family: "Inter", Helvetica;
  font-weight: 800;
  color: var(--html-to-design-color-violet-77-4);
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .we-are-a-digital-wrapper {
  max-width: var(--html-to-design-width-950);
  width: 950px;
  padding: 0px 0px 22.54px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -0.82px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .we-are-a-digital {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #aaa3b3;
  font-size: 14.5px;
  letter-spacing: 0;
  line-height: 24.4px;
}

.auren-AI .summary-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-white-8);
}

.auren-AI .section-contact {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  padding: 72px 0px;
  position: relative;
  flex: 0 0 auto;
  background: linear-gradient(
    90deg,
    rgba(77, 8, 222, 1) 0%,
    rgba(122, 24, 255, 1) 62%,
    rgba(84, 17, 224, 1) 100%
  );
  background-color: var(--html-to-design-color-violet-47);
}

.auren-AI .after-13 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background:
    radial-gradient(
      50% 50% at 30% 54%,
      rgba(168, 255, 62, 0.22) 0%,
      rgba(168, 255, 62, 0) 21%
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.06) 100%
    );
  background-color: var(--html-to-design-color-white-6);
}

.auren-AI .div-container-12 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 403.19px;
  width: 1280px;
  height: 403.19px;
  gap: 35px;
}

.auren-AI .div-13 {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  align-self: center;
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-1);
}

.auren-AI .turn-your-next-wrapper {
  align-items: flex-start;
  padding: 0px 0px 0.6px;
  margin-top: -1px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .tell-us-what-you-wrapper {
  align-items: flex-start;
  padding: 16.4px 0px 0px;
  align-self: stretch;
  width: 100%;
  margin-top: -1px;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .tell-us-what-you {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-95-5);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 32.8px;
}

.auren-AI .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 52px 0px 25px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--html-to-design-color-blue-1);
  border-top-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-color: var(--html-to-design-color-white-7);
}

.auren-AI .div-container-13 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-35);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .div-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr) minmax(
      0,
      1fr
    ) minmax(0, 1fr);
  grid-template-rows: 149.3px;
  height: 149.3px;
  gap: 29px;
}

.auren-AI .div-footer-about {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--html-to-design-item-spacing-s);
}

.auren-AI .frame-2 {
  flex: 0 0 auto;
  display: flex;
  width: 190px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.auren-AI .vector-15 {
  position: relative;
  width: 48px;
  height: 48px;
  aspect-ratio: 1;
}

.auren-AI .frame-3 {
  display: flex;
  flex-direction: column;
  width: 137px;
  height: 48px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-right: -3px;
}

.auren-AI .AUREN-AI {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 33px;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: -2px;
  line-height: 80px;
  white-space: nowrap;
}

.auren-AI .text-wrapper-83 {
  color: #ffffff;
  letter-spacing: -0.64px;
}

.auren-AI .text-wrapper-84 {
  color: #6d28d4;
  letter-spacing: -0.64px;
}

.auren-AI .technologies {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  align-self: stretch;
  font-family: "Inter", Helvetica;
  font-weight: 900;
  color: #a99ab9;
  font-size: 12px;
  text-align: center;
  letter-spacing: 3.66px;
  line-height: 7.5px;
}

.auren-AI .strategy-marketing-wrapper {
  max-width: 270px;
  width: 270px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .strategy-marketing {
  font-weight: 400;
  color: var(--html-to-design-color-grey-67);
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 22.3px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
}

.auren-AI .div-14 {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-9);
  padding: 0px 0px 24.3px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .text-wrapper-85 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-86 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-65-2);
  font-size: 13px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .div-15 {
  grid-row: 1 / 2;
  grid-column: 3 / 4;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-9);
  padding: 0px 0px 24.3px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-16 {
  grid-row: 1 / 2;
  grid-column: 4 / 5;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-9);
  padding: 0px 0px 49.3px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-17 {
  grid-row: 1 / 2;
  grid-column: 5 / 6;
  width: 100%;
  height: fit-content;
  display: flex;
  gap: var(--html-to-design-item-spacing-9);
  padding: 0px 0px 24.3px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}

.auren-AI .div-copyright {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 17px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: var(--html-to-design-color-white-7);
  gap: var(--html-to-design-item-spacing-825-7);
}

.auren-AI .span-7 {
  display: inline-flex;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.auren-AI .text-wrapper-87 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-50);
  font-size: 11.5px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .header-topbar {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  width: 1440px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--html-to-design-color-blue-1-77);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--html-to-design-color-violet-63-18);
  backdrop-filter: blur(9px) brightness(100%);
  -webkit-backdrop-filter: blur(9px) brightness(100%);
}

.auren-AI .div-container-14 {
  display: flex;
  width: 1280px;
  height: 74px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.auren-AI .frame-4 {
  display: flex;
  width: 190px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.auren-AI .primary-navigation {
  display: inline-flex;
  align-items: center;
  gap: var(--html-to-design-item-spacing-23);
  position: relative;
  flex: 0 0 auto;
}

.auren-AI .text-wrapper-88 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-violet-66-4);
  font-size: 13px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .text-wrapper-89 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: var(--html-to-design-color-grey-62);
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.auren-AI .a-btn-4 {
  min-height: var(--html-to-design-height-41);
  padding: 12px 16px;
  border-color: var(--html-to-design-color-violet-68-2);
  box-shadow: 0px 16px 35px #6516ff52;
  background: linear-gradient(
    159deg,
    rgba(143, 66, 255, 1) 0%,
    rgba(101, 22, 255, 1) 100%
  );
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9px;
  border: 1px solid;
  background-color: var(--html-to-design-color-violet-63);
}

.auren-AI .text-wrapper-90 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: var(--html-to-design-color-white-solid);
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}