@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");
.inso-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  border-radius: 35px;
  column-gap: 3vw;
}
.inso-btn.inso-btn-s:hover {
  border-radius: 3vw;
}
.inso-btn.inso-btn-m:hover {
  border-radius: 4vw;
}
.inso-btn.inso-btn-primary {
  background: linear-gradient(0deg, #E92E2F 0%, #FF6126 100%);
  color: #EFEBE4;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.inso-btn.inso-btn-primary:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.inso-btn.inso-btn-primary:active {
  background-color: #F56F4F;
}
.inso-btn.inso-btn-secondary {
  background: #FAFAFA;
  color: #261A28;
  border: none;
  box-shadow: 0 0 0 1px rgba(38, 26, 40, 0.1);
}
.inso-btn.inso-btn-secondary:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.inso-btn.inso-btn-tertiary {
  background: linear-gradient(270deg, #E92E2F 0%, #FF6126 50%, #261A28 50%, #261A28 100%);
  background-size: 200% 100%;
  background-position: left;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-position 0.5s ease, opacity 0.3s ease;
}
.inso-btn.inso-btn-tertiary:hover {
  opacity: 0.8;
  background-position: right;
}
.inso-btn.inso-btn-tertiary:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.inso-btn.inso-btn-transparent {
  background: transparent;
  color: #EFEBE4;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.inso-btn.inso-btn-transparent:disabled {
  opacity: 0.5;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  .inso-btn {
    column-gap: 8px;
  }
  .inso-btn.inso-btn-s:hover {
    border-radius: 12px;
  }
  .inso-btn.inso-btn-m:hover {
    border-radius: 16px;
  }
}
.inso-display-l,
.inso-display-l p,
.inso-display-m,
.inso-display-m p,
.inso-display-s,
.inso-btn-tertiary,
.inso-btn-glass {
  font-family: "Red Hat Display", sans-serif !important;
  margin: 0;
}

.inso-heading-l,
.inso-heading-l p,
.inso-heading-m,
.inso-heading-m p,
.inso-heading-s,
.inso-paragraph-l,
.inso-paragraph-m,
.inso-paragraph-s,
.inso-btn-primary,
.inso-btn-secondary,
.inso-btn-accent,
.inso-btn-transparent {
  font-family: "Figtree", sans-serif !important;
  margin: 0;
}

.insiderone-integration-hero-container {
  box-sizing: border-box;
  background: linear-gradient(90deg, #261A28 0%, #18181B 100%);
  padding: 10.2vw 0 18.4vw;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.insiderone-integration-hero-container .insiderone-integration-hero-content {
  text-align: center;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.insiderone-integration-hero-container .insiderone-integration-hero-title {
  color: #FFFFFF;
  font-family: "Red Hat Display", sans-serif;
  font-size: 8.2vw;
  font-weight: 400;
  line-height: 10.2vw;
  letter-spacing: 0.5px;
  margin-bottom: 6vw;
  margin-top: 0px;
}
.insiderone-integration-hero-container .insiderone-integration-hero-title p {
  margin: 0px;
}
.insiderone-integration-hero-container .insiderone-integration-hero-title br {
  display: none;
}
.insiderone-integration-hero-container .insiderone-integration-hero-title strong {
  color: #FF6B47;
  font-weight: 500;
}
.insiderone-integration-hero-container .insiderone-integration-hero-description {
  color: rgba(239, 235, 228, 0.8);
  margin-bottom: 10vw;
}
.insiderone-integration-hero-container .insiderone-integration-hero-description p {
  font-size: 4.1vw;
  line-height: 5.6vw;
  margin: 0;
  max-width: 100%;
  color: rgba(239, 235, 228, 0.8);
  text-align: center;
  font-family: "Figtree", sans-serif;
  text-align: center;
  font-weight: 400;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .email-form-container {
  display: flex;
  align-items: center;
  max-width: 100%;
  background: #fff;
  padding: 2vw;
  border-radius: 10vw;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .email-input {
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 25px;
  padding: 2.5vw 3vw;
  font-size: 4.1vw;
  color: #333;
  outline: none;
  width: 100%;
  max-width: 300px;
  transition: all 0.3s ease;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .email-input::placeholder {
  color: #261A28;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn {
  border-radius: 25px;
  padding: 2.15vw 3vw;
  font-size: 4.1vw;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 2vw;
  white-space: nowrap;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn span {
  font-size: 18px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn:hover {
  background-color: #E55A40;
  box-shadow: 0 8px 25px rgba(255, 107, 71, 0.3);
}
.insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn:hover span {
  transform: translateX(-3px);
}

@media screen and (min-width: 768px) {
  .insiderone-integration-hero-container {
    padding: 46px 0 56px;
    max-height: 358px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-title {
    font-size: 32px;
    margin-bottom: 12px;
    margin-top: 0;
    max-width: 480px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-title br {
    display: none;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-description {
    margin-bottom: 30px;
    max-width: 495px;
    margin-left: auto;
    margin-right: auto;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-description p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .email-form-container {
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    max-width: 407px;
    margin: 0 auto;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 30px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .email-input {
    flex: 1;
    padding: 8px 8px 8px 24px;
    font-size: 14px;
    max-width: none;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn {
    padding: 8px 16px;
    font-size: 14px;
    gap: 8px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .insiderone-integration-hero-container {
    padding: 92px 0 91px;
    min-height: 470px;
    max-height: 475px;
  }
  .insiderone-integration-hero-container::before {
    content: "";
    width: 320px;
    height: 320px;
    background-size: cover;
    top: 0;
    left: 0;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="341" height="339" viewBox="0 0 341 339" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M340.316 90.8199C340.316 66.9333 337.042 43.8258 330.953 21.9755C325.308 1.77188 325.927 -19.6712 332.015 -39.7508C342.794 -75.3063 333.113 -115.501 303.804 -142.15C274.619 -168.693 233.984 -174.607 199.72 -160.76C180.146 -152.863 158.801 -150.879 137.97 -154.297C125.652 -156.315 113.016 -157.36 100.149 -157.36C-32.4825 -157.378 -140 -46.2493 -140 90.8199C-140 132.13 -130.231 171.068 -112.957 205.331C-108.037 215.087 -106.975 226.349 -110.107 236.796C-115.116 253.493 -111.364 272.316 -98.6212 285.968C-85.9669 299.531 -67.596 304.578 -50.7118 300.859C-40.0043 298.504 -28.8543 300.487 -19.4211 306.083C15.781 327.03 56.6111 339 100.149 339C131.776 339 161.987 332.679 189.65 321.187C199.278 317.185 209.95 316.796 219.985 319.629C248.603 327.721 280.619 319.505 301.716 295.777C320.848 274.264 326.263 245.33 318.635 219.62C315.733 209.846 316.423 199.31 320.387 189.926C333.201 159.576 340.316 126.057 340.316 90.8199ZM76.7695 299C49.4963 299 23.5859 292.484 0.224106 280.797C-8.18262 276.583 -12.6426 267.393 -11.4214 258.079C-9.49229 243.577 -13.8461 228.35 -24.6067 216.805C-35.7567 204.852 -51.3489 199.523 -66.4456 200.957C-75.5249 201.825 -84.2502 197.061 -88.2146 188.828C-102.249 159.611 -110.214 126.251 -110.214 90.8022C-110.214 -24.1687 -26.5181 -117.378 76.7341 -117.378C87.9195 -117.378 98.8571 -116.28 109.494 -114.191C127.174 -110.702 139.369 -94.5183 137.953 -76.5635C135.617 -46.9753 146.483 -16.661 170.128 4.85289C187.243 20.4173 208.286 28.8811 229.683 30.4217C246.373 31.6257 259.717 44.7997 261.824 61.4088C263.045 71.0059 263.664 80.8155 263.664 90.7845C263.664 105.375 262.319 119.611 259.753 133.352C256.868 148.828 244.461 160.851 228.94 163.365C211.401 166.216 194.694 174.875 181.951 189.2C166.872 206.145 160.306 227.712 161.934 248.677C163.226 265.41 153.952 281.293 138.324 287.367C119.033 294.874 98.2907 298.947 76.7164 298.947L76.7695 299Z" fill="%23EFEBE4"/></svg>');
  }
  .insiderone-integration-hero-container::after {
    content: "";
    width: 320px;
    height: 320px;
    background-size: cover;
    bottom: 0;
    right: 0;
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="341" height="339" viewBox="0 0 341 339" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.1" d="M480.316 258.82C480.316 234.933 477.042 211.826 470.953 189.975C465.308 169.772 465.927 148.329 472.015 128.249C482.794 92.6937 473.113 52.499 443.804 25.8501C414.619 -0.69257 373.984 -6.60668 339.72 7.24013C320.146 15.1374 298.801 17.1206 277.97 13.7031C265.652 11.6846 253.016 10.6399 240.149 10.6399C107.518 10.6221 0 121.751 0 258.82C0 300.13 9.76949 339.068 27.0431 373.331C31.9632 383.087 33.0251 394.349 29.8925 404.796C24.8839 421.493 28.6359 440.316 41.3788 453.968C54.0331 467.531 72.404 472.578 89.2882 468.859C99.9957 466.504 111.146 468.487 120.579 474.083C155.781 495.03 196.611 507 240.149 507C271.776 507 301.987 500.679 329.65 489.187C339.278 485.185 349.95 484.796 359.985 487.629C388.603 495.721 420.619 487.505 441.716 463.777C460.848 442.264 466.263 413.33 458.635 387.62C455.733 377.846 456.423 367.31 460.387 357.926C473.201 327.576 480.316 294.057 480.316 258.82ZM216.77 467C189.496 467 163.586 460.484 140.224 448.797C131.817 444.583 127.357 435.393 128.579 426.079C130.508 411.577 126.154 396.35 115.393 384.805C104.243 372.852 88.6511 367.523 73.5544 368.957C64.4751 369.825 55.7498 365.061 51.7854 356.828C37.7506 327.611 29.7863 294.251 29.7863 258.802C29.7863 143.831 113.482 50.6221 216.734 50.6221C227.919 50.6221 238.857 51.7199 249.494 53.8093C267.174 57.2976 279.369 73.4817 277.953 91.4365C275.617 121.025 286.483 151.339 310.128 172.853C327.243 188.417 348.286 196.881 369.683 198.422C386.373 199.626 399.717 212.8 401.824 229.409C403.045 239.006 403.664 248.816 403.664 258.785C403.664 273.375 402.319 287.611 399.753 301.352C396.868 316.828 384.461 328.851 368.94 331.365C351.401 334.216 334.694 342.875 321.951 357.2C306.872 374.145 300.306 395.712 301.934 416.677C303.226 433.41 293.952 449.293 278.324 455.367C259.033 462.874 238.291 466.947 216.716 466.947L216.77 467Z" fill="%23EFEBE4"/></svg>');
  }
  .insiderone-integration-hero-container .inso-container {
    margin: 0 auto;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-title {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 8px;
    max-width: 900px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-title p {
    margin: 0px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-title br {
    display: inline;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-description {
    margin-bottom: 32px;
    max-width: 695px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-description p {
    font-size: 20px;
    line-height: 28px;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .email-form-container {
    max-width: 407px;
    gap: 0;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    min-height: 56px;
    max-height: 56px;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .email-input {
    flex: 1;
    padding: 8px 8px 8px 16px;
    font-size: 16px;
    border-radius: 30px 0 0 30px;
    border: none;
    background-color: rgba(255, 255, 255, 0.95);
    margin: 0;
    max-width: none;
    min-height: 48px;
    max-height: 48px;
    box-sizing: border-box;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .email-input:focus {
    background-color: white;
  }
  .insiderone-integration-hero-container .insiderone-integration-hero-form .demo-btn {
    padding: 8px 16px;
    font-size: 16px;
    gap: 10px;
    position: relative;
  }
}