/* compiled by scssphp 1.12.1 on Tue, 19 May 2026 10:48:53 +0000 (0.015s) */

.landing #landing-hero p, .landing #landing-benefits p, .landing #landing-thank-you-hero p, .landing-thank-you #landing-hero p, .landing-thank-you #landing-benefits p, .landing-thank-you #landing-thank-you-hero p {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.landing #landing-hero, .landing-thank-you #landing-hero {
  padding: 72px 0 96px;
  color: #fff;
}
@media (max-width: 992px) {
  .landing #landing-hero, .landing-thank-you #landing-hero {
    padding: 56px 0 72px;
  }
}
@media (max-width: 767px) {
  .landing #landing-hero, .landing-thank-you #landing-hero {
    padding: 42px 0 56px;
  }
}
.landing .landing-copy, .landing-thank-you .landing-copy {
  max-width: 1120px;
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .landing .landing-copy, .landing-thank-you .landing-copy {
    margin-bottom: 20px;
  }
}
.landing .landing-eyebrow, .landing .landing-thank-you-eyebrow, .landing-thank-you .landing-eyebrow, .landing-thank-you .landing-thank-you-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--blue);
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .landing .landing-eyebrow, .landing .landing-thank-you-eyebrow, .landing-thank-you .landing-eyebrow, .landing-thank-you .landing-thank-you-eyebrow {
    display: none;
  }
}
.landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
  color: #fff;
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 65px;
  line-height: 75px;
  text-transform: uppercase;
  margin-bottom: 28px;
}
@media (max-width: 1200px) {
  .landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
    font-size: 52px;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
    font-size: 28px;
    line-height: 1.14;
  }
}
@media (max-width: 767px) {
  .landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
    font-size: 38px;
    line-height: 1.08;
  }
}
@media (max-width: 540px) {
  .landing #landing-hero h1, .landing #landing-thank-you-hero h1, .landing-thank-you #landing-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
    font-size: 32px;
  }
}
.landing .landing-intro, .landing .landing-thank-you-copy p, .landing-thank-you .landing-intro, .landing-thank-you .landing-thank-you-copy p {
  font-size: 22px;
  line-height: 1.35;
  max-width: 640px;
  margin-bottom: 34px;
}
@media (max-width: 992px) {
  .landing .landing-intro, .landing .landing-thank-you-copy p, .landing-thank-you .landing-intro, .landing-thank-you .landing-thank-you-copy p {
    font-size: 18px;
    max-width: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing .landing-intro, .landing .landing-thank-you-copy p, .landing-thank-you .landing-intro, .landing-thank-you .landing-thank-you-copy p {
    max-width: 74%;
  }
}
@media (max-width: 767px) {
  .landing .landing-intro, .landing .landing-thank-you-copy p, .landing-thank-you .landing-intro, .landing-thank-you .landing-thank-you-copy p {
    font-size: 16px;
    margin-bottom: 28px;
  }
}
.landing .landing-hero-layout, .landing-thank-you .landing-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  grid-template-areas: "intro cover" "form cover";
  column-gap: 56px;
  row-gap: 18px;
  align-items: start;
}
@media (max-width: 992px) {
  .landing .landing-hero-layout, .landing-thank-you .landing-hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr);
    column-gap: 28px;
    row-gap: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing .landing-hero-layout, .landing-thank-you .landing-hero-layout {
    grid-template-areas: "intro intro" "form cover";
  }
}
@media (max-width: 767px) {
  .landing .landing-hero-layout, .landing-thank-you .landing-hero-layout {
    grid-template-columns: 1fr;
    grid-template-areas: "intro" "cover" "form";
    row-gap: 12px;
  }
}
.landing .landing-hero-intro, .landing-thank-you .landing-hero-intro {
  grid-area: intro;
}
.landing .landing-hero-cover, .landing-thank-you .landing-hero-cover {
  grid-area: cover;
  align-self: start;
  margin-top: -64px;
}
@media (max-width: 992px) {
  .landing .landing-hero-cover, .landing-thank-you .landing-hero-cover {
    margin-top: 0;
    align-self: center;
  }
}
@media (max-width: 767px) {
  .landing .landing-hero-cover, .landing-thank-you .landing-hero-cover {
    margin-top: -34px;
  }
}
.landing .landing-hero-form, .landing-thank-you .landing-hero-form {
  grid-area: form;
}
.landing .landing-lead-form, .landing-thank-you .landing-lead-form {
  max-width: 470px;
}
.landing .landing-lead-form .form-field, .landing .landing-lead-form .landing-privacy-check, .landing .landing-lead-form .landing-consent-copy, .landing .landing-lead-form .landing-radio-group, .landing-thank-you .landing-lead-form .form-field, .landing-thank-you .landing-lead-form .landing-privacy-check, .landing-thank-you .landing-lead-form .landing-consent-copy, .landing-thank-you .landing-lead-form .landing-radio-group {
  margin-bottom: 14px;
}
.landing .landing-lead-form .form-control, .landing-thank-you .landing-lead-form .form-control {
  min-height: 54px;
  border: 0;
  border-radius: 6px;
  padding: 14px 16px;
  color: var(--blue);
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
.landing .landing-lead-form .form-control::placeholder, .landing-thank-you .landing-lead-form .form-control::placeholder {
  color: #6a7d89;
  opacity: 1;
}
@media (max-width: 767px) {
  .landing .landing-lead-form .form-control, .landing-thank-you .landing-lead-form .form-control {
    font-size: 16px;
    min-height: 50px;
  }
}
.landing .landing-lead-form .landing-privacy-check, .landing-thank-you .landing-lead-form .landing-privacy-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
}
.landing .landing-lead-form .landing-privacy-check .form-check-input, .landing-thank-you .landing-lead-form .landing-privacy-check .form-check-input {
  margin-top: 3px;
  float: none;
  border-radius: 20px;
  outline: 0.5px solid var(--blue);
  border-color: var(--blue);
  background-color: var(--azzurro);
}
.landing .landing-lead-form .landing-privacy-check .form-check-label, .landing-thank-you .landing-lead-form .landing-privacy-check .form-check-label {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}
.landing .landing-lead-form .landing-privacy-check a, .landing-thank-you .landing-lead-form .landing-privacy-check a {
  color: var(--blue);
}
.landing .landing-lead-form .privacy-text .form-check-label, .landing-thank-you .landing-lead-form .privacy-text .form-check-label {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}
.landing .landing-lead-form .privacy-text a, .landing-thank-you .landing-lead-form .privacy-text a {
  color: var(--blue);
}
.landing .landing-lead-form .landing-consent-copy, .landing .landing-lead-form .landing-radio-group .form-check-label, .landing-thank-you .landing-lead-form .landing-consent-copy, .landing-thank-you .landing-lead-form .landing-radio-group .form-check-label {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 1.45;
  color: #fff;
}
.landing .landing-lead-form .landing-radio-group .form-check, .landing-thank-you .landing-lead-form .landing-radio-group .form-check {
  margin-bottom: 6px;
}
.landing .landing-lead-form .landing-radio-group .form-check-input, .landing-thank-you .landing-lead-form .landing-radio-group .form-check-input {
  outline: 0.5px solid var(--blue);
  border-color: var(--blue);
  background-color: var(--azzurro);
}
.landing .landing-lead-form .landing-radio-group .form-check-input:checked, .landing-thank-you .landing-lead-form .landing-radio-group .form-check-input:checked {
  background-color: var(--blue);
  border-color: var(--blue);
}
.landing .landing-lead-form .landing-radio-group .form-check-label, .landing-thank-you .landing-lead-form .landing-radio-group .form-check-label {
  color: var(--blue);
}
.landing .landing-lead-form .btn, .landing-thank-you .landing-lead-form .btn {
  margin-top: 10px;
  min-height: 56px;
  border-radius: 6px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .landing .landing-lead-form .btn, .landing-thank-you .landing-lead-form .btn {
    font-size: 18px;
    min-height: 52px;
  }
}
@media (max-width: 992px) {
  .landing .landing-lead-form, .landing-thank-you .landing-lead-form {
    max-width: 100%;
  }
}
.landing .landing-cover-wrap, .landing-thank-you .landing-cover-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.landing .landing-cover, .landing-thank-you .landing-cover {
  width: auto;
  height: 750px;
  filter: drop-shadow(0 26px 36px rgba(0, 43, 70, 0.2));
}
@media (max-width: 992px) {
  .landing .landing-cover, .landing-thank-you .landing-cover {
    width: min(100%, 300px);
    height: auto;
  }
}
@media (max-width: 767px) {
  .landing .landing-cover, .landing-thank-you .landing-cover {
    width: min(100%, 260px);
  }
}
.landing .landing-ai-form .form-control, .landing-thank-you .landing-ai-form .form-control {
  min-height: 46px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.landing .landing-ai-form .btn, .landing-thank-you .landing-ai-form .btn {
  min-height: 40px;
  height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 18px;
  line-height: 1;
}
.landing #landing-benefits, .landing-thank-you #landing-benefits {
  padding: 92px 0 52px;
  color: var(--blue);
}
@media (max-width: 992px) {
  .landing #landing-benefits, .landing-thank-you #landing-benefits {
    padding: 52px 0 34px;
  }
}
@media (max-width: 767px) {
  .landing #landing-benefits, .landing-thank-you #landing-benefits {
    padding: 44px 0 26px;
  }
}
.landing .landing-benefits-heading, .landing-thank-you .landing-benefits-heading {
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .landing .landing-benefits-heading, .landing-thank-you .landing-benefits-heading {
    text-align: left !important;
  }
}
.landing .landing-benefits-heading h2, .landing-thank-you .landing-benefits-heading h2 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 58px;
  line-height: 1.05;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .landing .landing-benefits-heading h2, .landing-thank-you .landing-benefits-heading h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefits-heading h2, .landing-thank-you .landing-benefits-heading h2 {
    font-size: 26px;
  }
}
.landing .landing-benefits-heading p, .landing-thank-you .landing-benefits-heading p {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  line-height: 1.45;
}
.landing .landing-benefits-heading p strong, .landing-thank-you .landing-benefits-heading p strong {
  font-weight: 700;
}
@media (max-width: 992px) {
  .landing .landing-benefits-heading p, .landing-thank-you .landing-benefits-heading p {
    font-size: 15px;
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefits-heading p, .landing-thank-you .landing-benefits-heading p {
    font-size: 13px;
    line-height: 1.38;
    max-width: 320px;
    margin-left: 0;
    margin-right: auto;
  }
}
.landing .landing-benefits-grid, .landing-thank-you .landing-benefits-grid {
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .landing .landing-benefits-grid, .landing-thank-you .landing-benefits-grid {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefits-grid, .landing-thank-you .landing-benefits-grid {
    margin-bottom: 4px;
  }
}
.landing .landing-benefit-card, .landing-thank-you .landing-benefit-card {
  height: 100%;
  padding: 16px 12px;
  text-align: left;
}
.landing .landing-benefit-card h3, .landing-thank-you .landing-benefit-card h3 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--blue);
  font-size: 26px;
  line-height: 1.12;
  margin-bottom: 18px;
}
@media (max-width: 992px) {
  .landing .landing-benefit-card h3, .landing-thank-you .landing-benefit-card h3 {
    font-size: 19px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefit-card h3, .landing-thank-you .landing-benefit-card h3 {
    font-size: 19px;
    text-align: left;
    margin-bottom: 10px;
  }
}
.landing .landing-benefit-card p, .landing-thank-you .landing-benefit-card p {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #45616f;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .landing .landing-benefit-card p, .landing-thank-you .landing-benefit-card p {
    font-size: 13px;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .landing .landing-benefit-card, .landing-thank-you .landing-benefit-card {
    padding: 10px 10px 4px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefit-card, .landing-thank-you .landing-benefit-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-areas: "icon title" "icon copy";
    column-gap: 8px;
    align-items: start;
    padding: 10px 0;
    text-align: left;
  }
}
.landing .landing-benefit-icon, .landing-thank-you .landing-benefit-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  margin-bottom: 26px;
}
.landing .landing-benefit-icon img, .landing-thank-you .landing-benefit-icon img {
  width: 70px;
  height: 70px;
  transform: scale(1.08);
  transform-origin: center;
  filter: brightness(0) invert(1);
}
@media (max-width: 992px) {
  .landing .landing-benefit-icon, .landing-thank-you .landing-benefit-icon {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefit-icon, .landing-thank-you .landing-benefit-icon {
    grid-area: icon;
    width: 46px;
    height: 46px;
    margin: 0;
  }
  .landing .landing-benefit-icon img, .landing-thank-you .landing-benefit-icon img {
    width: 46px;
    height: 46px;
    transform: scale(1.08);
    transform-origin: center;
  }
}
@media (max-width: 767px) {
  .landing .landing-benefit-card h3, .landing-thank-you .landing-benefit-card h3 {
    grid-area: title;
  }
  .landing .landing-benefit-title-nowrap, .landing-thank-you .landing-benefit-title-nowrap {
    white-space: nowrap;
    font-size: 17px;
  }
  .landing .landing-benefit-card p, .landing-thank-you .landing-benefit-card p {
    grid-area: copy;
  }
}
@media (min-width: 993px) {
  .landing .landing-secondary-cta-wrap, .landing-thank-you .landing-secondary-cta-wrap {
    margin-top: 18px;
  }
}
@media (max-width: 992px) {
  .landing .landing-secondary-cta-wrap, .landing-thank-you .landing-secondary-cta-wrap {
    margin-top: 4px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing .landing-secondary-cta-wrap, .landing-thank-you .landing-secondary-cta-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .landing .landing-secondary-cta-wrap, .landing-thank-you .landing-secondary-cta-wrap {
    margin-top: 64px;
    margin-bottom: 48px;
  }
}
.landing .landing-secondary-cta, .landing-thank-you .landing-secondary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 34px;
  border-radius: 10px;
  background: var(--azzurro);
  border-color: var(--azzurro);
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 1.05;
}
.landing .landing-secondary-cta .landing-secondary-cta-extra, .landing-thank-you .landing-secondary-cta .landing-secondary-cta-extra {
  margin-left: 0.25em;
}
@media (max-width: 992px) {
  .landing .landing-secondary-cta, .landing-thank-you .landing-secondary-cta {
    padding: 12px 24px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .landing .landing-secondary-cta, .landing-thank-you .landing-secondary-cta {
    padding: 9px 18px;
    font-size: 13px;
    border-radius: 8px;
  }
}
.landing #landing-skyline, .landing-thank-you #landing-skyline {
  min-height: 310px;
  background: #fff url("../../images/light/buildings.png") center bottom repeat-x;
  background-size: min(1600px, 100%);
}
@media (max-width: 992px) {
  .landing #landing-skyline, .landing-thank-you #landing-skyline {
    min-height: 220px;
    background-size: 150%;
  }
}
@media (max-width: 767px) {
  .landing #landing-skyline, .landing-thank-you #landing-skyline {
    min-height: 92px;
    background-size: 150%;
  }
}
.landing #landing-thank-you-hero, .landing-thank-you #landing-thank-you-hero {
  padding: 86px 0 98px;
  color: var(--blue);
}
@media (max-width: 992px) {
  .landing #landing-thank-you-hero, .landing-thank-you #landing-thank-you-hero {
    padding: 64px 0 72px;
  }
}
@media (max-width: 767px) {
  .landing #landing-thank-you-hero, .landing-thank-you #landing-thank-you-hero {
    padding: 48px 0 56px;
  }
}
.landing #landing-thank-you-hero h1, .landing-thank-you #landing-thank-you-hero h1 {
  color: var(--blue);
  margin-bottom: 20px;
}
.landing .landing-thank-you-copy, .landing-thank-you .landing-thank-you-copy {
  max-width: 620px;
}
.landing .landing-thank-you-eyebrow, .landing-thank-you .landing-thank-you-eyebrow {
  background: var(--azzurro);
}
.landing .landing-thank-you-actions, .landing-thank-you .landing-thank-you-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}
.landing .landing-thank-you-actions .btn, .landing-thank-you .landing-thank-you-actions .btn {
  padding: 14px 28px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .landing .landing-thank-you-actions .btn, .landing-thank-you .landing-thank-you-actions .btn {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .landing .thank-you-cover, .landing-thank-you .thank-you-cover {
    padding-top: 0;
  }
}
.landing-demo .landing-header .navbar {
  position: relative;
  z-index: 10;
}
.landing-demo .landing-header .landing-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.landing-demo .landing-header #idLandingHeaderDemoButton {
  white-space: nowrap;
}
@media (max-width: 540px) {
  .landing-demo .landing-header .landing-header-actions {
    gap: 8px;
  }
  .landing-demo .landing-header #idLandingHeaderDemoButton {
    font-size: 12px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.landing-demo .landing-demo-brochure-btn {
  white-space: nowrap;
}
@media (max-width: 540px) {
  .landing-demo .landing-demo-brochure-btn {
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.landing-demo #landing-demo-hero {
  overflow: hidden;
  padding: 112px 0 206px;
  background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right 33% no-repeat;
  background-size: 1164px;
}
@media (max-width: 1280px) {
  .landing-demo #landing-demo-hero {
    padding: 102px 0 174px;
    background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right 25% no-repeat;
    background-size: 1080px;
  }
}
@media (max-width: 1024px) {
  .landing-demo #landing-demo-hero {
    padding: 90px 0 158px;
    background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right 25% no-repeat;
    background-size: 940px;
  }
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-hero {
    padding: 64px 0 156px;
    background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right -8px no-repeat;
    background-size: 720px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero {
    padding: 34px 0 188px;
    background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right -25px no-repeat;
    background-size: 620px;
  }
}
@media (max-width: 540px) {
  .landing-demo #landing-demo-hero {
    padding: 26px 0 172px;
    background: var(--azzurro) url(../../images/light/avatar-webmail.png) bottom right -25px no-repeat;
    background-size: 620px;
  }
}
.landing-demo #landing-demo-hero h1 {
  color: #fff;
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 74px;
  line-height: 0.97;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  margin-bottom: 32px;
  text-wrap: balance;
}
@media (max-width: 1200px) {
  .landing-demo #landing-demo-hero h1 {
    font-size: 64px;
  }
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-hero h1 {
    font-size: 48px;
    line-height: 0.98;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero h1 {
    font-size: 28px;
    line-height: 1;
  }
}
@media (max-width: 540px) {
  .landing-demo #landing-demo-hero h1 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero .sub-header {
    max-width: 85%;
    font-size: 15px;
  }
}
.landing-demo #landing-demo-hero .hero-title-compact {
  display: none;
}
@media (max-width: 1199px) {
  .landing-demo #landing-demo-hero .hero-title-desktop {
    display: none;
  }
  .landing-demo #landing-demo-hero .hero-title-compact {
    display: block;
  }
}
.landing-demo #landing-demo-hero h1 .hero-line {
  display: block;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero h1 .hero-line {
    white-space: normal;
  }
}
.landing-demo #landing-demo-hero .sub-header {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 33px;
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-hero .sub-header {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 24px;
  }
}
@media (max-width: 540px) {
  .landing-demo #landing-demo-hero .sub-header {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 22px;
  }
}
.landing-demo #landing-demo-hero .sub-header .hero-sub-line {
  display: block;
  white-space: nowrap;
}
.landing-demo #landing-demo-hero .sub-header .hero-sub-line-mobile {
  display: none;
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero .sub-header .hero-sub-line-desktop {
    display: none;
  }
  .landing-demo #landing-demo-hero .sub-header .hero-sub-line-mobile {
    display: block;
    white-space: normal;
  }
}
.landing-demo #landing-demo-hero .btn {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-hero .btn {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .landing-demo .landing-demo-hero-copy {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .landing-demo .landing-demo-hero-copy {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.landing-demo .landing-demo-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.landing-demo .landing-demo-actions .arrow-btn {
  margin-right: 0;
}
@media (max-width: 767px) {
  .landing-demo .landing-demo-actions {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-demo-hero .landing-demo-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .landing-demo #landing-demo-hero .landing-demo-actions .landing-demo-brochure-btn {
    width: auto;
    max-width: max-content;
  }
}
.landing-demo #work {
  padding-bottom: 120px;
}
@media (max-width: 992px) {
  .landing-demo #work .all-features {
    background: #fff;
  }
}
@media (max-width: 992px) {
  .landing-demo #work {
    padding-bottom: 80px;
  }
}
@media (max-width: 480px) {
  .landing-demo #work {
    padding-bottom: 56px;
  }
}
.landing-demo #landing-chaos {
  position: relative;
  z-index: 2;
  overflow: visible;
  background: var(--light-light-grey);
  color: var(--blue);
  padding: 48px 0;
}
@media (max-width: 992px) {
  .landing-demo #landing-chaos {
    padding: 48px 0 286px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-chaos {
    padding: 48px 0 64px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-chaos {
    padding: 48px 0 64px;
  }
}
@media (max-width: 540px) {
  .landing-demo #landing-chaos {
    padding: 48px 0 56px;
  }
}
.landing-demo #landing-chaos h2 {
  color: var(--blue);
  font-size: 40px;
  line-height: 1.04;
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .landing-demo #landing-chaos h2 {
    font-size: 24px;
    line-height: 1.12;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-chaos h2 {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-chaos h2 {
    text-align: center;
  }
}
.landing-demo #landing-chaos h2 .chaos-line {
  display: block;
}
.landing-demo #landing-chaos h2 .chaos-line-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-chaos h2 .chaos-line-desktop {
    display: none;
  }
  .landing-demo #landing-chaos h2 .chaos-line-tablet {
    display: block;
  }
}
.landing-demo #landing-chaos ul {
  margin: 0 0 36px;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .landing-demo #landing-chaos ul {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.landing-demo #landing-chaos li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  line-height: 1.35;
}
.landing-demo #landing-chaos li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--azzurro);
}
@media (max-width: 992px) {
  .landing-demo #landing-chaos li {
    font-size: 16px;
  }
}
@media (max-width: 2500px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: 6%;
  }
}
@media (max-width: 2200px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: 2%;
  }
}
@media (max-width: 2025px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -8%;
  }
}
@media (max-width: 1800px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-width: 1240px;
    --side-image-right: -10%;
  }
}
@media (max-width: 1700px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -16%;
  }
}
@media (max-width: 1500px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -260px;
  }
}
@media (max-width: 1400px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -420px;
  }
  .landing-demo #landing-chaos.side-visual-section .landing-chaos-copy {
    transform: translateX(48px);
  }
}
@media (max-width: 1280px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -540px;
  }
}
@media (max-width: 1200px) {
  .landing-demo #landing-chaos.side-visual-section {
    --side-image-right: -660px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-chaos.side-visual-section::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-chaos.side-visual-section::after {
    display: none;
  }
}
.landing-demo .landing-chaos-copy {
  padding-right: 12px;
  transition: transform 0.2s ease;
}
@media (max-width: 992px) {
  .landing-demo .landing-chaos-copy {
    transform: none;
    padding-right: 0;
  }
}
.landing-demo #perche {
  background: url(../../images/light/buildings.png) center bottom repeat-x;
  padding-bottom: 360px;
  padding-top: 64px;
}
@media (max-width: 992px) {
  .landing-demo #perche {
    background-size: 90%;
    padding: 34px 0 160px 0;
  }
}
@media (max-width: 540px) {
  .landing-demo #perche {
    background-size: 150%;
    padding: 30px 0 144px 0;
  }
}
.landing-demo #perche.without-background-image {
  background: none;
  padding-bottom: 64px;
}
@media (max-width: 992px) {
  .landing-demo #perche.without-background-image {
    padding: 34px 0 34px 0;
  }
}
@media (max-width: 540px) {
  .landing-demo #perche.without-background-image {
    padding: 30px 0 30px 0;
  }
}
.landing-demo #landing-demo-video {
  padding: 40px 0 0;
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-video {
    padding-top: 14px;
  }
}
.landing-demo .landing-demo-brochure-embed-wrap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.landing-demo .landing-demo-heyzine-embed {
  display: block;
  width: 100%;
  border: 0;
  background: #fff;
}
.landing-demo .landing-demo-pdf-preview {
  display: block;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.landing-demo .landing-demo-pdf-preview img {
  display: block;
  width: 100%;
  height: auto;
}
@media (hover: hover) {
  .landing-demo .landing-demo-pdf-preview:hover {
    box-shadow: 0 18px 36px rgba(0, 43, 70, 0.14);
  }
}
.landing-demo .landing-demo-video-cta {
  padding: 36px 0 62px;
}
.landing-demo .landing-demo-video-cta .landing-demo-brochure-btn {
  margin-left: 24px;
}
@media (max-width: 992px) {
  .landing-demo .landing-demo-video-cta {
    padding: 28px 0 34px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo .landing-demo-video-cta {
    padding-bottom: 56px;
  }
}
@media (max-width: 767px) {
  .landing-demo .landing-demo-video-cta {
    padding-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .landing-demo .landing-demo-video-cta .landing-demo-brochure-btn {
    margin-left: 0;
  }
}
.landing-demo #landing-demo-skyline {
  min-height: 266px;
  background: #fff url("../../images/light/buildings.png") center bottom repeat-x;
  background-size: min(1620px, 100%);
}
@media (max-width: 992px) {
  .landing-demo #landing-demo-skyline {
    min-height: 150px;
    background-size: 150%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-demo-skyline {
    min-height: 245px;
  }
}
.landing-demo #landing-community {
  padding: 92px 0 98px;
}
@media (max-width: 992px) {
  .landing-demo #landing-community {
    padding: 56px 0 60px;
  }
}
.landing-demo #landing-community h2 {
  color: #fff;
  font-size: 60px;
  line-height: 1.04;
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .landing-demo #landing-community h2 {
    font-size: 26px;
    line-height: 1.15;
  }
}
.landing-demo #landing-community p {
  max-width: 900px;
  margin: 0 auto 64px;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 1.35;
}
@media (max-width: 992px) {
  .landing-demo #landing-community p {
    font-size: 16px;
    margin-bottom: 34px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #landing-community p {
    max-width: 640px;
  }
}
@media (max-width: 767px) {
  .landing-demo #landing-community p {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 40px;
    margin-bottom: 48px;
  }
}
.landing-demo .landing-community-stats {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 2.5rem;
}
@media (max-width: 992px) {
  .landing-demo .landing-community-stats {
    max-width: 760px;
    padding-left: 24px;
    padding-right: 24px;
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
}
@media (max-width: 480px) {
  .landing-demo .landing-community-stats {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.landing-demo .landing-community-card {
  background: #fff;
  color: var(--blue);
  border-radius: 12px;
  padding: 48px 18px 32px;
  text-align: center;
  height: 100%;
  box-shadow: 0 18px 34px rgba(0, 22, 38, 0.12);
}
.landing-demo .landing-community-card strong {
  display: block;
  font-family: "Lexend", sans-serif;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 10px;
}
.landing-demo .landing-community-card span {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 1.25;
}
@media (max-width: 992px) {
  .landing-demo .landing-community-card {
    padding: 36px 18px 24px;
  }
  .landing-demo .landing-community-card strong {
    font-size: 30px;
  }
}
.landing-demo #testimonials .splide.testimonials {
  max-width: 1142px;
  margin-left: auto;
  margin-right: auto;
}
.landing-demo #testimonials .splide.testimonials .splide__track {
  max-width: 948px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.landing-demo #testimonials .splide.testimonials .splide__slide .item {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 993px) {
  .landing-demo #testimonials .splide.testimonials .splide__arrow--prev {
    left: 0;
  }
  .landing-demo #testimonials .splide.testimonials .splide__arrow--next {
    right: 0;
  }
}
.landing-demo #a-chi .container-md {
  background: transparent;
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #a-chi {
    padding-bottom: 82px;
  }
}
@media (max-width: 480px) {
  .landing-demo #a-chi {
    padding-bottom: 42px;
  }
}
.landing-demo #contatti {
  padding: 84px 0 80px;
}
@media (max-width: 992px) {
  .landing-demo #contatti {
    padding: 64px 0 86px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #contatti {
    padding-top: 86px;
    padding-bottom: 104px;
  }
}
.landing-demo #contatti h2 {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .landing-demo #contatti h2 {
    font-size: 24px;
  }
}
.landing-demo #contatti h3 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  line-height: 1.12;
  margin-bottom: 22px;
}
@media (max-width: 992px) {
  .landing-demo #contatti h3 {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #contatti h3 {
    font-size: 18px;
  }
}
.landing-demo #contatti .contact-form-info p, .landing-demo #contatti .contact-form-info .text, .landing-demo #contatti .contact-form-info a {
  color: #fff;
}
.landing-demo #contatti .contact-form-info .icon img {
  filter: brightness(0) invert(11%) sepia(33%) saturate(2726%) hue-rotate(177deg) brightness(95%) contrast(101%);
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo #contatti .contact-form-info p + .row {
    margin-top: 34px;
  }
}
.landing-demo .landing-demo-contact-info {
  max-width: 460px !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .landing-demo .landing-demo-contact-info {
    max-width: 720px !important;
  }
}
.landing-demo .landing-demo-form .form-control, .landing-demo .landing-demo-form .form-select {
  min-height: 54px;
}
.landing-demo .landing-demo-form textarea.form-control {
  min-height: 94px;
}
.landing-demo .landing-demo-form .form-select {
  color: var(--blue);
  background-position: right 1rem center;
}
.landing-demo .landing-demo-form .only_field {
  display: none;
}
.landing-demo .landing-demo-form .privacy-text .form-check-label {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}
.landing-demo .landing-demo-form .privacy-text a {
  color: var(--blue);
}
.landing-demo .landing-demo-form .landing-demo-privacy-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.landing-demo .landing-demo-form .landing-demo-privacy-check .form-check-input {
  margin-top: 3px;
  float: none;
  border-radius: 20px;
  outline: 0.5px solid var(--blue);
  border-color: var(--blue);
  background-color: var(--azzurro);
}
.landing-demo .landing-demo-form .landing-demo-privacy-check .form-check-label {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}
.landing-demo .landing-demo-form .landing-demo-privacy-check a {
  color: var(--blue);
}
.landing-demo .landing-demo-form .landing-demo-consent-copy, .landing-demo .landing-demo-form .landing-demo-radio-group .form-check-label {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: #fff;
}
.landing-demo .landing-demo-form .landing-demo-radio-group .form-check {
  margin-bottom: 6px;
}
.landing-demo .landing-demo-form .landing-demo-radio-group .form-check-input {
  outline: 0.5px solid var(--blue);
  border-color: var(--blue);
  background-color: var(--azzurro);
}
.landing-demo .landing-demo-form .landing-demo-radio-group .form-check-input:checked {
  background-color: var(--azzurro);
  border-color: var(--blue);
}
.landing-demo .landing-demo-form .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-height: 40px;
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1;
}