/* LMSGEN topic-specific artwork - home advantage + solutions page. */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");

html, body {
  background: #0A0F0E;
}

body.atelora-home-refresh .platform-h2,
body.atelora-home-refresh h2.platform-h2 {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
  line-height: 1.12 !important;
}

body.atelora-home-refresh .hp-advg-s .hp-mark-perk-expand-img,
body.atelora-home-refresh .hp-advg-s .hp-mark-perk-savetime-graph,
body.atelora-home-refresh .hp-advg-s .hp-mark-perk-maximize-graph {
  overflow: hidden;
}

body.atelora-home-refresh .hp-advg-s .lmsgen-advantage-art-shell {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #06191c 0%, #020b0e 100%);
  border: 1px solid rgba(0, 217, 204, 0.16);
  border-radius: 1.8rem;
}

body.atelora-home-refresh .hp-advg-s .lmsgen-advantage-art {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 1.2rem;
}

body.atelora-home-refresh .hp-advg-s .hp-mark-perk-expand-img .overlay-gradient {
  display: none;
}

body.atelora-home-refresh .hp-advg-s .hp-mark-perk-expand-img .lmsgen-advantage-art-shell {
  padding: 1.4rem;
  border-radius: 2rem;
}

@media screen and (max-width: 767px) {
  body.atelora-home-refresh .hp-advg-s .lmsgen-advantage-art-shell {
    padding: 0.8rem;
    border-radius: 1.4rem;
  }

  body.atelora-home-refresh .hp-advg-s .lmsgen-advantage-art {
    border-radius: 1rem;
  }
}

.sl-features-key-c {
  display: none !important;
}

body.lmsgen-solutions-ready .global-feat-logos-c,
body.lmsgen-solutions-ready .sl-feat-main-s > .container:first-child,
body.lmsgen-solutions-ready .sl-feat-main-s > .global-separator {
  display: none !important;
}

body.lmsgen-solutions-ready .sl-feat-main-s {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

body.lmsgen-solutions-ready .sl-hero-deco,
.sl-hero-deco {
  display: none !important;
}

body.lmsgen-solutions-ready .sl-hero-img-w,
body.lmsgen-solutions-ready .sl-hero-img-c {
  width: min(92%, 92rem) !important;
  max-width: 92rem !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 1.2rem auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.lmsgen-solutions-ready .atelora-hero-product {
  width: 100%;
}

body.lmsgen-solutions-ready .atelora-product-shell {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1.6rem;
  background: #0a2422;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.28),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

body.lmsgen-solutions-ready .atelora-product-chrome {
  min-height: 3.2rem;
  height: 3.2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #163f3a;
  color: #dbe9e6;
}

body.lmsgen-solutions-ready .atelora-window-dots {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

body.lmsgen-solutions-ready .atelora-window-dots i {
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}

body.lmsgen-solutions-ready .atelora-product-title {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}

body.lmsgen-solutions-ready .atelora-product-chip {
  display: none;
}

body.lmsgen-solutions-ready .atelora-product-media {
  overflow: hidden;
  background: #0a1a18;
  line-height: 0;
}

body.lmsgen-solutions-ready .atelora-product-media img,
body.lmsgen-solutions-ready .sl-hero-img-w img.sl-hero-img,
body.lmsgen-solutions-ready img.sl-hero-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #0a1a18 !important;
  object-fit: contain !important;
  object-position: center top !important;
  transform: none !important;
}

@media screen and (max-width: 767px) {
  body.lmsgen-solutions-ready .sl-hero-img-w,
  body.lmsgen-solutions-ready .sl-hero-img-c {
    width: 92% !important;
    margin-top: 0.8rem !important;
  }

  body.lmsgen-solutions-ready .atelora-product-shell {
    border-radius: 1rem;
  }

  body.lmsgen-solutions-ready .atelora-product-chrome {
    min-height: 2.6rem;
    height: 2.6rem;
    padding: 0 0.7rem;
  }

  body.lmsgen-solutions-ready .atelora-product-title {
    font-size: 0.9rem;
  }
}

.sl-feat-common-img[src*="lmsgen/"],
.sl-featkey-card-img img[src*="lmsgen/"],
.sl-features-key-banner-img-w img[src*="lmsgen/"],
.nsl-local-graph-card-img-c img[src*="lmsgen/"] {
  object-fit: cover;
  object-position: center top;
  background: #10211F;
  border: 1px solid rgba(79, 201, 191, 0.22);
  border-radius: 1.6rem;
  width: 100%;
  height: 100%;
  min-height: 280px;
  box-shadow: 0 18px 40px rgba(2, 11, 14, 0.35);
}

body.atelora-home-refresh .hp-platf-card-inner-icon {
  display: none !important;
}

body.atelora-home-refresh .hp-platf-card-inner-text-c {
  max-width: 100%;
}

body.atelora-home-refresh .hp-platf-card-inner-title {
  font-weight: 650;
}

body.atelora-home-refresh .hp-platf-card-inner-text-c > div:last-child {
  white-space: normal;
  line-height: 1.35;
}

body.lmsgen-solutions-ready .sl-feat-main-s,
body.lmsgen-solutions-ready .sl-feat-common-s,
body.lmsgen-solutions-ready .sl-feat-templ-s,
body.lmsgen-solutions-ready .nsol-manage-s {
  color: #EDF4F2;
}

body.lmsgen-solutions-ready .sl-feat-main-s .h5,
body.lmsgen-solutions-ready .sl-feat-main-s .global-feat-logos-text,
body.lmsgen-solutions-ready .sl-feat-common-s .caption,
body.lmsgen-solutions-ready .sl-feat-templ-s .caption,
body.lmsgen-solutions-ready .nsol-manage-s .caption {
  color: #9BE8E1;
}

body.lmsgen-solutions-ready .sl-feat-main-s h2,
body.lmsgen-solutions-ready .sl-feat-common-s h2,
body.lmsgen-solutions-ready .sl-feat-common-s h3,
body.lmsgen-solutions-ready .sl-feat-templ-s h2,
body.lmsgen-solutions-ready .sl-feat-templ-s h3,
body.lmsgen-solutions-ready .sl-feat-templ-s .h4,
body.lmsgen-solutions-ready .nsol-manage-s h2,
body.lmsgen-solutions-ready .nsol-manage-s h3 {
  color: #7BDCD3;
}

body.lmsgen-solutions-ready .sl-feat-common-s p,
body.lmsgen-solutions-ready .sl-feat-common-s .paragraph-l,
body.lmsgen-solutions-ready .sl-feat-common-s .paragraph-m,
body.lmsgen-solutions-ready .sl-feat-common-s .nsl-channels-p,
body.lmsgen-solutions-ready .sl-feat-templ-s p,
body.lmsgen-solutions-ready .sl-feat-templ-s .paragraph-l,
body.lmsgen-solutions-ready .sl-feat-templ-s .paragraph-m,
body.lmsgen-solutions-ready .nsol-manage-s p,
body.lmsgen-solutions-ready .nsol-manage-s .paragraph-l,
body.lmsgen-solutions-ready .sl-feat-common-list-item,
body.lmsgen-solutions-ready .sl-feat-common-list-item div {
  color: #EDF4F2;
}

.ab-hero-carousel-w,
.ab-hero-carousel-slide,
.ab-hero-img,
.ab-hero-carousel-img-c {
  display: none !important;
}

.ab-hero-s h1,
.ab-team-s h2,
.ab-team-header-title-w h2 {
  color: #7BDCD3 !important;
}

.ab-hero-s p,
.ab-hero-s .paragraph-l,
.ab-team-s p,
.ab-team-s .paragraph-m,
.ab-team-header-text-w p {
  color: #EDF4F2 !important;
}

.ab-hero-s .btn-primary.outline,
.ab-team-s .btn-primary.outline {
  color: #9BE8E1 !important;
  border-color: #4FC9BF !important;
}

/* Dedicated homepage Quizmoto explanation */
body.atelora-home-refresh .lmsgen-quizmoto-home {
  background:
    radial-gradient(circle at 88% 18%, rgba(79, 201, 191, 0.14), transparent 34rem),
    #FFFFFF;
  padding: 6.4rem 2.4rem 7.2rem;
  border-top: 1px solid rgba(0, 63, 58, 0.1);
  border-bottom: 1px solid rgba(0, 63, 58, 0.1);
  position: relative;
  z-index: 2;
  overflow: hidden;
  isolation: isolate;
}

body.atelora-home-refresh .lmsgen-qm-inner {
  width: min(128rem, 100%);
  max-width: none;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 4.8rem;
  align-items: center;
}

body.atelora-home-refresh .lmsgen-qm-kicker {
  margin: 0 0 1.2rem;
  color: #087D73;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.atelora-home-refresh .lmsgen-qm-copy h2 {
  margin: 0;
  color: #003F3A;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: clamp(3.2rem, 4.2vw, 5.2rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
  text-transform: none;
}

body.atelora-home-refresh .lmsgen-qm-lead {
  margin: 1.8rem 0 0;
  max-width: 62rem;
  color: #385C58;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.8rem;
  line-height: 1.55;
}

body.atelora-home-refresh .lmsgen-qm-steps {
  margin: 2.2rem 0 0;
  padding: 0;
  list-style: none;
}

body.atelora-home-refresh .lmsgen-qm-steps li {
  position: relative;
  margin: 0 0 1.1rem;
  padding-left: 1.8rem;
  color: #274D49;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.45;
}

body.atelora-home-refresh .lmsgen-qm-steps li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: #4FC9BF;
}

body.atelora-home-refresh .lmsgen-qm-steps strong {
  color: #087D73;
  font-weight: 700;
}

body.atelora-home-refresh .lmsgen-qm-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem 2rem;
  margin-top: 2.6rem;
}

body.atelora-home-refresh .lmsgen-qm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.8rem;
  padding: 0 2rem;
  border-radius: 999px;
  background: #4FC9BF;
  color: #06201d;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}

body.atelora-home-refresh .lmsgen-qm-btn:hover {
  background: #7BDCD3;
}

body.atelora-home-refresh .lmsgen-qm-link {
  color: #006C63;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 650;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 108, 99, 0.35);
}

body.atelora-home-refresh .lmsgen-qm-visual {
  overflow: hidden;
  border: 1px solid rgba(0, 63, 58, 0.16);
  border-radius: 2rem;
  background: #EAF8F6;
  box-shadow: 0 18px 40px rgba(0, 63, 58, 0.14);
}

body.atelora-home-refresh .lmsgen-qm-visual img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 28rem;
  object-fit: cover;
  object-position: center top;
}

@media screen and (max-width: 991px) {
  body.atelora-home-refresh .lmsgen-qm-inner {
    grid-template-columns: 1fr;
    gap: 2.8rem;
  }

  body.atelora-home-refresh .lmsgen-quizmoto-home {
    padding: 4.8rem 2.4rem 5.2rem;
  }
}

@media screen and (max-width: 767px) {
  body.atelora-home-refresh .lmsgen-quizmoto-home {
    padding: 3.6rem 1.6rem 4rem;
  }

  body.atelora-home-refresh .lmsgen-qm-lead,
  body.atelora-home-refresh .lmsgen-qm-steps li {
    font-size: 1.45rem;
  }

  body.atelora-home-refresh .lmsgen-qm-visual img {
    min-height: 0 !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* WHY LMSGEN / trust section after the injected Quizmoto band */
body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s,
body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
  padding-top: 7.2rem !important;
  padding-bottom: 6.4rem !important;
  overflow: hidden;
  background: #F3FAF8;
}

body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s .hp-trust-c,
body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm .hp-trust-c {
  max-width: 118rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s,
  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm {
    padding-top: 5.2rem !important;
    padding-bottom: 4.8rem !important;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s,
  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm {
    padding-top: 3.6rem !important;
    padding-bottom: 3.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }

  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm .h1,
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s .h1 {
    max-width: 100%;
    font-size: clamp(3.2rem, 11vw, 4.6rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere;
  }

  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm .hp-trust-trusted-c,
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s .hp-trust-trusted-c {
    display: flex !important;
    flex-direction: column !important;
    grid-template: none !important;
    gap: 1.4rem !important;
    width: 100%;
  }

  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm .hp-trust-card-w,
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s .hp-trust-card-w {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 2.4rem !important;
  }

  body.atelora-home-refresh .hp-trust-s.lmsgen-after-qm .hp-trust-metrics-c,
  body.atelora-home-refresh .lmsgen-quizmoto-home + .hp-trust-s .hp-trust-metrics-c {
    display: none !important;
  }
}
