/* LearnByDoing frontpage core v174
   Recovered from the last known-good frontpage stylesheet.
   Kept separate from app.bundle.css to avoid platform regressions. */

/* =========================================================
   Public front page v130
   ========================================================= */

.public-home-page {
  background: #f3f4f7;
  color: var(--ink);
  margin: 0;
  min-height: 100vh;
}

.public-home-header {
  align-items: center;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 32px;
  justify-content: space-between;
  min-height: 74px;
  padding: 0 max(28px, calc((100vw - 1280px) / 2));
  position: sticky;
  top: 0;
  z-index: 20;
}

.public-home-brand img {
  display: block;
  height: auto;
  width: clamp(190px, 16vw, 230px);
}

.public-home-nav {
  align-items: center;
  display: flex;
  gap: 26px;
}

.public-home-nav > a:not(.button) {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.public-home-nav .button {
  min-height: 42px;
  padding-left: 22px;
  padding-right: 22px;
}

.public-home-page main,
.public-home-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: calc(100% - 40px);
}

.public-home-hero {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  margin-top: 34px;
  min-height: 660px;
  overflow: hidden;
}

.public-home-hero-copy {
  align-self: center;
  padding: clamp(44px, 6vw, 76px);
}

.public-home-hero-copy h1 {
  font-size: clamp(50px, 6vw, 82px);
  letter-spacing: -.065em;
  line-height: .96;
  margin: 12px 0 22px;
  max-width: 650px;
}

.public-home-hero-copy > p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
  max-width: 610px;
}

.public-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 30px;
}

.public-home-hero-actions .button {
  min-height: 48px;
}

.public-home-hero-facts {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 40px;
  padding-top: 24px;
}

.public-home-hero-facts > div {
  display: grid;
  gap: 5px;
}

.public-home-hero-facts strong {
  font-size: 14px;
}

.public-home-hero-facts span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.public-home-hero-image {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .02),
      rgba(255, 255, 255, .02)
    ),
    var(--public-home-image) center center / cover no-repeat;
  min-height: 100%;
}

.public-home-section {
  padding: 110px 0 54px;
}

.public-home-section-heading {
  max-width: 800px;
}

.public-home-section-heading h2,
.public-home-workflow h2,
.public-home-audience-card h2,
.public-home-cta h2 {
  font-size: clamp(38px, 5vw, 64px);
  letter-spacing: -.055em;
  line-height: 1;
  margin: 9px 0 16px;
}

.public-home-section-heading p,
.public-home-workflow p,
.public-home-audience-card p,
.public-home-cta p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0;
}

.public-home-feature-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 42px;
}

.public-home-feature-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 19px;
  min-height: 270px;
  padding: 27px;
}

.public-home-feature-grid article > span {
  color: var(--brand-purple);
  font-size: 11px;
  font-weight: 900;
}

.public-home-feature-grid h3 {
  font-size: 25px;
  margin: 30px 0 12px;
}

.public-home-feature-grid p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0;
}

.public-home-workflow {
  align-items: start;
  background: #24202f;
  border-radius: 24px;
  color: #fff;
  display: grid;
  gap: 70px;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  margin-top: 54px;
  padding: clamp(42px, 6vw, 72px);
}

.public-home-workflow .eyebrow {
  color: #c6b7ff;
}

.public-home-workflow h2 {
  color: #fff;
}

.public-home-workflow p {
  color: rgba(255, 255, 255, .68);
}

.public-home-steps {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.public-home-steps li {
  border-top: 1px solid rgba(255, 255, 255, .15);
  display: grid;
  gap: 8px;
  padding: 22px 0;
}

.public-home-steps li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.public-home-steps strong {
  font-size: 20px;
}

.public-home-audiences {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 90px 0 22px;
}

.public-home-audience-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  min-height: 390px;
  padding: clamp(34px, 5vw, 56px);
}

.public-home-audience-card.is-teacher {
  background: #f1edff;
  border-color: #ddd3ff;
}

.public-home-audience-card h2 {
  font-size: clamp(36px, 4.5vw, 55px);
  max-width: 540px;
}

.public-home-cta {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin: 70px 0 34px;
  padding: clamp(34px, 5vw, 58px);
}

.public-home-cta > div {
  max-width: 760px;
}

.public-home-cta .button {
  flex: 0 0 auto;
  min-height: 50px;
  padding-left: 28px;
  padding-right: 28px;
}

.public-home-footer {
  align-items: center;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
  padding: 28px 0 36px;
}

.public-home-footer img {
  height: auto;
  width: 190px;
}

.public-home-footer span {
  color: var(--muted);
  font-size: 11px;
}

@media (max-width: 980px) {
  .public-home-nav > a:not(.button) {
    display: none;
  }

  .public-home-hero {
    grid-template-columns: 1fr;
  }

  .public-home-hero-image {
    min-height: 420px;
    order: -1;
  }

  .public-home-feature-grid,
  .public-home-audiences,
  .public-home-workflow {
    grid-template-columns: 1fr;
  }

  .public-home-workflow {
    gap: 34px;
  }
}

@media (max-width: 640px) {
  .public-home-header {
    min-height: 66px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .public-home-brand img {
    width: 180px;
  }

  .public-home-page main,
  .public-home-footer {
    width: calc(100% - 24px);
  }

  .public-home-hero {
    border-radius: 18px;
    margin-top: 18px;
  }

  .public-home-hero-image {
    min-height: 300px;
  }

  .public-home-hero-copy {
    padding: 30px 22px;
  }

  .public-home-hero-copy h1 {
    font-size: 46px;
  }

  .public-home-hero-actions {
    display: grid;
  }

  .public-home-hero-actions .button {
    justify-content: center;
    width: 100%;
  }

  .public-home-hero-facts {
    grid-template-columns: 1fr;
  }

  .public-home-section {
    padding-top: 74px;
  }

  .public-home-feature-grid {
    grid-template-columns: 1fr;
  }

  .public-home-workflow,
  .public-home-audience-card,
  .public-home-cta {
    border-radius: 18px;
    padding: 28px 22px;
  }

  .public-home-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .public-home-cta .button {
    justify-content: center;
    width: 100%;
  }

  .public-home-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}


/* =========================================================
   Public front page redesign v131
   ========================================================= */

.public-v131-main {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 28px 34px;
}

.public-v131-hero {
  align-items: center;
  background: #f7f7f8;
  border: 1px solid #e3e4e8;
  border-radius: 26px;
  display: grid;
  gap: clamp(36px, 5vw, 76px);
  grid-template-columns: minmax(0, .94fr) minmax(480px, 1.06fr);
  min-height: 660px;
  overflow: hidden;
  padding: clamp(42px, 6vw, 78px);
  position: relative;
}

.public-v131-copy {
  max-width: 690px;
  position: relative;
  z-index: 3;
}

.public-v131-copy h1 {
  font-size: clamp(54px, 6.7vw, 92px);
  letter-spacing: -.07em;
  line-height: .94;
  margin: 16px 0 25px;
}

.public-v131-copy h1 em {
  color: var(--brand-purple);
  display: inline;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 500;
  letter-spacing: -.04em;
}

.public-v131-copy > p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

.public-v131-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 32px;
}

.public-v131-actions .button {
  min-height: 52px;
  padding-left: 30px;
  padding-right: 30px;
}

.public-v131-text-link {
  align-items: center;
  color: var(--ink);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 9px;
}

.public-v131-text-link span {
  align-items: center;
  border: 1px solid #d5d4da;
  border-radius: 50%;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.public-v131-trust {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-top: 42px;
  max-width: 530px;
}

.public-v131-trust > span {
  background: var(--brand-purple);
  border-radius: 50%;
  box-shadow:
    14px 0 0 #cabdff,
    28px 0 0 #28232f;
  flex: 0 0 auto;
  height: 12px;
  margin-right: 28px;
  width: 12px;
}

.public-v131-trust p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.public-v131-visual {
  min-height: 540px;
  position: relative;
}

.public-v131-shape {
  background: var(--brand-purple);
  border-radius: 90px 24px 90px 24px;
  bottom: 24px;
  height: 66%;
  left: 0;
  opacity: .96;
  position: absolute;
  transform: rotate(-8deg);
  width: 96%;
}

.public-v131-photo {
  background: var(--public-home-image) center 56% / cover no-repeat;
  border: 5px solid #1c1823;
  border-radius: 44px;
  box-shadow: 0 28px 60px rgba(35, 26, 64, .2);
  height: 500px;
  left: 16%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 60%;
  z-index: 2;
}

.public-v131-photo::after {
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 37px;
  content: '';
  inset: 9px;
  pointer-events: none;
  position: absolute;
}

.public-v131-stat {
  align-items: center;
  background: #fff;
  border: 1px solid #e4e2e9;
  border-radius: 50%;
  box-shadow: 0 18px 38px rgba(42, 29, 80, .12);
  display: flex;
  flex-direction: column;
  height: 126px;
  justify-content: center;
  padding: 15px;
  position: absolute;
  text-align: center;
  width: 126px;
  z-index: 4;
}

.public-v131-stat strong {
  font-size: 24px;
  letter-spacing: -.05em;
}

.public-v131-stat span {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  margin-top: 5px;
  max-width: 84px;
}

.public-v131-stat.is-top {
  right: -5px;
  top: 58px;
}

.public-v131-stat.is-bottom {
  bottom: 2px;
  left: -8px;
}

.public-v131-course-section {
  padding: 96px 0 30px;
}

.public-v131-section-head {
  align-items: end;
  display: flex;
  gap: 32px;
  justify-content: space-between;
}

.public-v131-section-head > div {
  max-width: 790px;
}

.public-v131-section-head h2,
.public-v131-workflow h2,
.public-v131-audience-grid h2,
.public-v131-cta h2 {
  font-size: clamp(38px, 5vw, 64px);
  letter-spacing: -.055em;
  line-height: 1;
  margin: 10px 0 0;
}

.public-v131-section-head > a {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.public-v131-course-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 38px;
}

.public-v131-course-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  min-height: 310px;
  padding: 28px;
}

.public-v131-card-label {
  background: var(--brand-purple-soft);
  border-radius: 999px;
  color: var(--brand-purple-dark);
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  padding: 7px 10px;
}

.public-v131-course-grid h3 {
  font-size: 27px;
  letter-spacing: -.035em;
  line-height: 1.12;
  margin: 32px 0 22px;
}

.public-v131-course-grid ul {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.public-v131-course-grid li {
  color: var(--muted);
  font-size: 13px;
  padding-left: 17px;
  position: relative;
}

.public-v131-course-grid li::before {
  background: var(--ink);
  border-radius: 50%;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 5px;
}

.public-v131-workflow {
  align-items: start;
  background: #24202f;
  border-radius: 25px;
  color: #fff;
  display: grid;
  gap: 68px;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  margin-top: 70px;
  padding: clamp(42px, 6vw, 76px);
}

.public-v131-workflow .eyebrow {
  color: #cbbdff;
}

.public-v131-workflow h2,
.public-v131-workflow h3 {
  color: #fff;
}

.public-v131-workflow-copy p,
.public-v131-workflow-steps p {
  color: rgba(255, 255, 255, .68);
  line-height: 1.6;
}

.public-v131-workflow-steps {
  display: grid;
}

.public-v131-workflow-steps article {
  border-top: 1px solid rgba(255, 255, 255, .16);
  display: grid;
  gap: 20px;
  grid-template-columns: auto 1fr;
  padding: 23px 0;
}

.public-v131-workflow-steps article:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.public-v131-workflow-steps b {
  color: #b9a4ff;
  font-size: 12px;
}

.public-v131-workflow-steps h3 {
  font-size: 22px;
  margin: 0 0 7px;
}

.public-v131-workflow-steps p {
  margin: 0;
}

.public-v131-audience-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 82px;
}

.public-v131-audience-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  min-height: 380px;
  padding: clamp(36px, 5vw, 56px);
}

.public-v131-audience-grid article.is-purple {
  background: #f1edff;
  border-color: #dcd2ff;
}

.public-v131-audience-grid p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
  margin-top: 22px;
  max-width: 570px;
}

.public-v131-cta {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  display: flex;
  gap: 42px;
  justify-content: space-between;
  margin-top: 72px;
  padding: clamp(34px, 5vw, 58px);
}

.public-v131-cta .button {
  flex: 0 0 auto;
  min-height: 52px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1100px) {
  .public-v131-hero {
    grid-template-columns: 1fr;
  }

  .public-v131-visual {
    margin: 0 auto;
    max-width: 720px;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .public-v131-course-grid,
  .public-v131-audience-grid,
  .public-v131-workflow {
    grid-template-columns: 1fr;
  }

  .public-v131-workflow {
    gap: 36px;
  }
}

@media (max-width: 650px) {
  .public-v131-main {
    padding-left: 12px;
    padding-right: 12px;
  }

  .public-v131-hero {
    border-radius: 19px;
    padding: 30px 22px;
  }

  .public-v131-copy h1 {
    font-size: 50px;
  }

  .public-v131-actions {
    align-items: stretch;
    display: grid;
  }

  .public-v131-actions .button {
    justify-content: center;
    width: 100%;
  }

  .public-v131-text-link {
    justify-content: center;
  }

  .public-v131-visual {
    min-height: 390px;
  }

  .public-v131-photo {
    border-radius: 32px;
    height: 360px;
    left: 13%;
    width: 72%;
  }

  .public-v131-stat {
    height: 96px;
    width: 96px;
  }

  .public-v131-stat strong {
    font-size: 19px;
  }

  .public-v131-stat.is-top {
    right: -2px;
    top: 28px;
  }

  .public-v131-section-head,
  .public-v131-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .public-v131-course-grid {
    grid-template-columns: 1fr;
  }

  .public-v131-workflow,
  .public-v131-audience-grid article,
  .public-v131-cta {
    border-radius: 18px;
    padding: 28px 22px;
  }

  .public-v131-cta .button {
    justify-content: center;
    width: 100%;
  }
}


/* =========================================================
   Full-width public hero v132
   ========================================================= */

.public-v131-main {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.public-v132-hero {
  background: #f7f7f8;
  border: 0;
  border-radius: 0;
  display: block;
  min-height: 660px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.public-v132-hero-inner {
  align-items: center;
  display: grid;
  gap: clamp(36px, 5vw, 76px);
  grid-template-columns: minmax(0, .94fr) minmax(480px, 1.06fr);
  margin: 0 auto;
  max-width: 1400px;
  min-height: 660px;
  padding: clamp(42px, 6vw, 78px) 28px;
  position: relative;
  width: 100%;
}

.public-v131-course-section,
.public-v131-workflow,
.public-v131-audience-grid,
.public-v131-cta {
  margin-left: auto;
  margin-right: auto;
  max-width: 1344px;
  width: calc(100% - 56px);
}

@media (max-width: 1080px) {
  .public-v132-hero-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .public-v132-hero-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .public-v131-course-section,
  .public-v131-workflow,
  .public-v131-audience-grid,
  .public-v131-cta {
    width: calc(100% - 40px);
  }
}


/* =========================================================
   Refined public frontpage v133
   ========================================================= */

.public-v133-main {
  background: #fff;
}

.public-v133-hero {
  background: #f3f4f7;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  width: 100%;
}

.public-v133-hero-inner {
  align-items: center;
  display: grid;
  gap: clamp(48px, 7vw, 100px);
  grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
  margin: 0 auto;
  max-width: 1280px;
  min-height: 690px;
  padding: clamp(70px, 8vw, 110px) 32px;
}

.public-v133-copy {
  max-width: 600px;
}

.public-v133-copy .eyebrow {
  color: var(--brand-purple-dark);
}

.public-v133-copy h1 {
  color: var(--ink);
  font-size: clamp(54px, 6vw, 88px);
  letter-spacing: -.065em;
  line-height: .94;
  margin: 18px 0 24px;
}

.public-v133-copy h1 em {
  color: var(--brand-purple);
  display: block;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: .9em;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}

.public-v133-copy > p {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
  max-width: 560px;
}

.public-v133-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.public-v133-actions .button {
  min-height: 50px;
  padding-inline: 28px;
}

.public-v133-secondary {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--ink);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 20px;
  min-height: 50px;
  padding: 0 20px;
}

.public-v133-secondary:hover {
  background: #fff;
  border-color: #cbc5da;
}

.public-v133-trust {
  align-items: center;
  display: flex;
  gap: 0;
  margin-top: 34px;
}

.public-v133-trust > span {
  background: #c9cbd2;
  border: 2px solid #f3f4f7;
  border-radius: 50%;
  height: 13px;
  margin-left: -3px;
  width: 13px;
}

.public-v133-trust > span:first-child {
  margin-left: 0;
}

.public-v133-trust > span.is-purple {
  background: var(--brand-purple);
}

.public-v133-trust p {
  color: var(--muted);
  font-size: 11px;
  margin: 0 0 0 10px;
}

.public-v133-visual {
  min-height: 540px;
  position: relative;
}

.public-v133-shape {
  background: linear-gradient(135deg, #7455f4, #4b20d3);
  border-radius: 100px 22px 100px 22px;
  height: 360px;
  left: 3%;
  position: absolute;
  top: 118px;
  transform: rotate(-6deg);
  width: 88%;
}

.public-v133-dots {
  background-image: radial-gradient(#c8c4d6 2px, transparent 2px);
  background-size: 16px 16px;
  height: 120px;
  left: -24px;
  opacity: .75;
  position: absolute;
  top: 68px;
  width: 130px;
}

.public-v133-photo {
  background: var(--public-home-image) center center / cover no-repeat;
  border: 8px solid #fff;
  border-radius: 22px;
  box-shadow: 0 26px 70px rgba(33, 26, 63, .17);
  height: 430px;
  left: 15%;
  position: absolute;
  top: 40px;
  width: 66%;
  z-index: 2;
}

.public-v133-float-card {
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(222, 219, 230, .9);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(30, 26, 48, .11);
  display: grid;
  gap: 7px;
  padding: 18px;
  position: absolute;
  width: 176px;
  z-index: 3;
}

.public-v133-float-card strong {
  font-size: 15px;
  line-height: 1.25;
}

.public-v133-float-card p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  margin: 0;
}

.public-v133-float-card.is-top {
  right: 0;
  top: 34px;
}

.public-v133-float-card.is-left {
  bottom: 18px;
  left: 0;
}

.public-v133-float-card.is-right {
  bottom: 8px;
  right: 4px;
}

.public-v133-icon {
  align-items: center;
  background: var(--brand-purple-soft);
  border-radius: 11px;
  color: var(--brand-purple);
  display: flex;
  font-size: 18px;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.public-v133-feature-section {
  background: #fff;
  padding: 32px 32px 80px;
}

.public-v133-feature-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1280px;
}

.public-v133-feature-card {
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  display: grid;
  gap: 20px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 250px;
  padding: 28px;
}

.public-v133-feature-icon {
  align-items: center;
  background: var(--brand-purple-soft);
  border-radius: 13px;
  color: var(--brand-purple);
  display: flex;
  font-size: 24px;
  height: 58px;
  justify-content: center;
  width: 58px;
}

.public-v133-feature-card h2 {
  font-size: 23px;
  margin: 4px 0 8px;
}

.public-v133-feature-card p {
  color: var(--muted);
  line-height: 1.55;
  margin: 0 0 18px;
}

.public-v133-feature-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.public-v133-feature-card li {
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 1080px) {
  .public-v133-hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .public-v133-copy {
    max-width: 760px;
  }

  .public-v133-visual {
    margin: 0 auto;
    max-width: 720px;
    min-height: 560px;
    width: 100%;
  }

  .public-v133-feature-grid {
    grid-template-columns: 1fr;
  }

  .public-v133-feature-card {
    min-height: 0;
  }
}

@media (max-width: 700px) {
  .public-v133-hero-inner {
    padding: 58px 20px;
  }

  .public-v133-copy h1 {
    font-size: clamp(46px, 14vw, 66px);
  }

  .public-v133-visual {
    min-height: 450px;
  }

  .public-v133-photo {
    height: 330px;
    left: 8%;
    width: 82%;
  }

  .public-v133-shape {
    height: 280px;
    left: 0;
    top: 105px;
    width: 100%;
  }

  .public-v133-float-card {
    padding: 14px;
    width: 150px;
  }

  .public-v133-float-card.is-top {
    right: -4px;
  }

  .public-v133-float-card.is-left {
    bottom: 0;
  }

  .public-v133-float-card.is-right {
    bottom: -22px;
  }

  .public-v133-feature-section {
    padding: 26px 20px 60px;
  }

  .public-v133-feature-card {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .public-v133-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }

  .public-v133-actions .button,
  .public-v133-secondary {
    justify-content: center;
    width: 100%;
  }

  .public-v133-visual {
    min-height: 420px;
  }

  .public-v133-float-card.is-top {
    top: 10px;
  }

  .public-v133-float-card.is-left {
    left: 0;
  }

  .public-v133-float-card.is-right {
    right: 0;
  }
}


/* =========================================================
   Public frontpage mockup parity v134
   Isolated structural overrides
   ========================================================= */

body.public-home-page {
  background: #fff;
}

body.public-home-page .public-v134-header {
  background: #fff;
  border-bottom: 1px solid #e3e4e9;
  padding: 0 28px;
  width: 100%;
}

body.public-home-page .public-v134-header-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1380px;
  min-height: 76px;
  width: 100%;
}

body.public-home-page .public-v134-header .public-home-brand,
body.public-home-page .public-v134-header .public-home-nav {
  margin: 0;
}

body.public-home-page .public-v134-header .public-home-brand img {
  max-width: 260px;
  width: clamp(205px, 17vw, 250px);
}

body.public-home-page .public-v133-main {
  background: #fff;
}

body.public-home-page .public-v133-hero {
  background: #f3f4f7 !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
}

body.public-home-page .public-v133-hero-inner {
  align-items: center !important;
  column-gap: clamp(70px, 7vw, 120px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(540px, .96fr) !important;
  margin: 0 auto !important;
  max-width: 1380px !important;
  min-height: 700px !important;
  padding: 78px 42px 78px !important;
  width: 100% !important;
}

body.public-home-page .public-v133-copy {
  max-width: 650px !important;
  min-width: 0;
}

body.public-home-page .public-v133-copy .eyebrow {
  color: #5630df !important;
  font-size: 11px !important;
  letter-spacing: .18em !important;
}

body.public-home-page .public-v133-copy h1 {
  color: #17161c !important;
  display: grid !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(52px, 4.5vw, 72px) !important;
  font-weight: 700 !important;
  letter-spacing: -.052em !important;
  line-height: 1.04 !important;
  margin: 23px 0 25px !important;
  max-width: 650px !important;
}

body.public-home-page .public-v133-copy h1 em {
  color: #5630df !important;
  display: block !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 1.08em !important;
  font-style: italic !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: .98 !important;
  margin-bottom: 8px !important;
}

body.public-home-page .public-v133-copy h1 > span {
  display: block !important;
  white-space: nowrap;
}

body.public-home-page .public-v133-copy > p {
  color: #626572 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  max-width: 570px !important;
}

body.public-home-page .public-v133-actions {
  margin-top: 29px !important;
}

body.public-home-page .public-v133-actions .button,
body.public-home-page .public-v133-secondary {
  min-height: 52px !important;
}

body.public-home-page .public-v133-trust {
  margin-top: 32px !important;
}

body.public-home-page .public-v133-visual {
  height: 570px !important;
  min-height: 570px !important;
  position: relative !important;
  width: 100% !important;
}

body.public-home-page .public-v133-shape {
  border-radius: 92px 26px 92px 26px !important;
  height: 365px !important;
  left: 3% !important;
  top: 137px !important;
  transform: rotate(-5deg) !important;
  width: 94% !important;
}

body.public-home-page .public-v133-dots {
  height: 128px !important;
  left: -2% !important;
  top: 86px !important;
  width: 136px !important;
}

body.public-home-page .public-v133-photo {
  background-position: center center !important;
  border: 7px solid #fff !important;
  border-radius: 24px !important;
  box-shadow: 0 28px 75px rgba(34, 27, 66, .18) !important;
  height: 455px !important;
  left: 16% !important;
  top: 30px !important;
  width: 68% !important;
}

body.public-home-page .public-v133-float-card {
  border-radius: 17px !important;
  box-shadow: 0 18px 50px rgba(30, 26, 48, .12) !important;
  gap: 7px !important;
  padding: 18px !important;
  width: 182px !important;
}

body.public-home-page .public-v133-float-card.is-top {
  right: -1% !important;
  top: 25px !important;
}

body.public-home-page .public-v133-float-card.is-left {
  bottom: 2px !important;
  left: 0 !important;
}

body.public-home-page .public-v133-float-card.is-right {
  bottom: -4px !important;
  right: 1% !important;
}

body.public-home-page .public-v133-feature-section {
  background: #fff !important;
  padding: 38px 32px 88px !important;
}

body.public-home-page .public-v133-feature-grid {
  gap: 24px !important;
  max-width: 1320px !important;
}

body.public-home-page .public-v133-feature-card {
  border-color: #dfe0e6 !important;
  border-radius: 20px !important;
  gap: 22px !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  min-height: 238px !important;
  padding: 30px !important;
}

body.public-home-page .public-v133-feature-icon {
  height: 62px !important;
  width: 62px !important;
}

body.public-home-page .public-v133-feature-card h2 {
  font-size: 22px !important;
}

body.public-home-page .public-v131-workflow,
body.public-home-page .public-v131-cta {
  max-width: 1280px;
}

@media (max-width: 1180px) {
  body.public-home-page .public-v133-hero-inner {
    grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr) !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body.public-home-page .public-v133-copy h1 {
    font-size: clamp(47px, 5vw, 62px) !important;
  }

  body.public-home-page .public-v133-visual {
    transform: scale(.94);
    transform-origin: center center;
  }
}

@media (max-width: 980px) {
  body.public-home-page .public-v133-hero-inner {
    grid-template-columns: 1fr !important;
    row-gap: 35px !important;
  }

  body.public-home-page .public-v133-copy {
    max-width: 720px !important;
  }

  body.public-home-page .public-v133-copy h1 > span {
    white-space: normal;
  }

  body.public-home-page .public-v133-visual {
    margin: 0 auto !important;
    max-width: 700px !important;
    transform: none;
  }

  body.public-home-page .public-v133-feature-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  body.public-home-page .public-v134-header {
    padding: 0 18px;
  }

  body.public-home-page .public-v134-header-inner {
    min-height: 68px;
  }

  body.public-home-page .public-v133-hero-inner {
    padding: 52px 20px 62px !important;
  }

  body.public-home-page .public-v133-copy h1 {
    font-size: clamp(43px, 12vw, 60px) !important;
  }

  body.public-home-page .public-v133-visual {
    height: 480px !important;
    min-height: 480px !important;
  }

  body.public-home-page .public-v133-photo {
    height: 350px !important;
    left: 9% !important;
    width: 82% !important;
  }

  body.public-home-page .public-v133-shape {
    height: 290px !important;
    left: 0 !important;
    top: 115px !important;
    width: 100% !important;
  }

  body.public-home-page .public-v133-float-card {
    padding: 13px !important;
    width: 148px !important;
  }

  body.public-home-page .public-v133-feature-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.public-home-page .public-v133-feature-card {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   Public frontpage full-bleed hero fix v135
   ========================================================= */

body.public-home-page > main.public-v133-main {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.public-home-page .public-v133-hero {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.public-home-page .public-v133-hero-inner {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1380px !important;
  width: 100% !important;
}


/* =========================================================
   Long public frontpage and aligned navigation v136
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body.public-home-page {
  --public-v136-width: 1380px;
  --public-v136-gutter: 28px;
}

body.public-home-page .public-v134-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.public-home-page .public-v134-header-inner,
body.public-home-page .public-v133-hero-inner,
body.public-home-page .public-v133-feature-grid,
body.public-home-page .public-v136-workflow,
body.public-home-page .public-v136-audience,
body.public-home-page .public-v136-reuse,
body.public-home-page .public-v136-progress,
body.public-home-page .public-v136-cta,
body.public-home-page .public-home-footer {
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: calc(var(--public-v136-width) + (var(--public-v136-gutter) * 2)) !important;
  padding-left: var(--public-v136-gutter) !important;
  padding-right: var(--public-v136-gutter) !important;
  width: 100% !important;
}

body.public-home-page .public-v133-hero-inner {
  padding-bottom: 78px !important;
  padding-top: 78px !important;
  height: 730px;
}

body.public-home-page .public-v133-feature-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.public-home-page .public-v133-feature-grid {
  padding-bottom: 18px !important;
  padding-top: 18px !important;
}

body.public-home-page [id] {
  scroll-margin-top: 92px;
}

body.public-home-page .public-v136-nav {
  gap: 30px;
}

body.public-home-page .public-v136-workflow {
  display: grid;
  gap: 72px;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  padding-bottom: 110px !important;
  padding-top: 110px !important;
}

body.public-home-page .public-v136-section-copy h2,
body.public-home-page .public-v136-section-head h2,
body.public-home-page .public-v136-reuse-copy h2,
body.public-home-page .public-v136-progress-copy h2,
body.public-home-page .public-v136-cta h2 {
  font-size: clamp(38px, 4.3vw, 62px);
  letter-spacing: -.055em;
  line-height: 1.02;
  margin: 10px 0 18px;
}

body.public-home-page .public-v136-section-copy > p,
body.public-home-page .public-v136-section-head > p,
body.public-home-page .public-v136-reuse-copy > p,
body.public-home-page .public-v136-progress-copy > p,
body.public-home-page .public-v136-cta p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
}

body.public-home-page .public-v136-step-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.public-home-page .public-v136-step-grid article {
  background: #f3f4f7;
  border: 1px solid #e1e2e8;
  border-radius: 18px;
  min-height: 220px;
  padding: 27px;
}

body.public-home-page .public-v136-step-grid b {
  color: #5630df;
  font-size: 12px;
}

body.public-home-page .public-v136-step-grid h3 {
  font-size: 22px;
  margin: 24px 0 10px;
}

body.public-home-page .public-v136-step-grid p {
  color: var(--muted);
  line-height: 1.62;
  margin: 0;
}

body.public-home-page .public-v136-audience {
  background: #24202f;
  color: #fff;
  max-width: none !important;
  padding-bottom: 110px !important;
  padding-top: 110px !important;
}

body.public-home-page .public-v136-audience::before {
  background: #24202f;
  content: '';
  inset: 0 calc(50% - 50vw);
  position: absolute;
  z-index: -1;
}

body.public-home-page .public-v136-audience {
  position: relative;
}

body.public-home-page .public-v136-section-head {
  align-items: end;
  display: grid;
  gap: 60px;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  margin-bottom: 44px;
}

body.public-home-page .public-v136-audience .eyebrow {
  color: #cdbfff;
}

body.public-home-page .public-v136-audience h2 {
  color: #fff;
}

body.public-home-page .public-v136-audience .public-v136-section-head > p {
  color: rgba(255, 255, 255, .66);
}

body.public-home-page .public-v136-audience-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.public-home-page .public-v136-audience-grid article {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 22px;
  min-height: 390px;
  padding: 42px;
}

body.public-home-page .public-v136-audience-grid h3 {
  color: #fff;
  font-size: 31px;
  line-height: 1.12;
  margin: 15px 0 18px;
}

body.public-home-page .public-v136-audience-grid p,
body.public-home-page .public-v136-audience-grid li {
  color: rgba(255, 255, 255, .68);
  line-height: 1.65;
}

body.public-home-page .public-v136-audience-grid ul {
  display: grid;
  gap: 9px;
  margin: 28px 0 0;
  padding-left: 19px;
}

body.public-home-page .public-v136-card-kicker {
  color: #cdbfff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.public-home-page .public-v136-reuse,
body.public-home-page .public-v136-progress {
  align-items: center;
  display: grid;
  gap: 90px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: 120px !important;
  padding-top: 120px !important;
}

body.public-home-page .public-v136-reuse {
  background: #fff;
}

body.public-home-page .public-v136-reuse-visual {
  height: 420px;
  position: relative;
}

body.public-home-page .public-v136-stack-card {
  align-content: center;
  background: #fff;
  border: 1px solid #dfdce9;
  border-radius: 22px;
  box-shadow: 0 22px 55px rgba(45, 31, 90, .1);
  display: grid;
  left: 50%;
  min-height: 190px;
  padding: 30px;
  position: absolute;
  top: 50%;
  width: min(75%, 430px);
}

body.public-home-page .public-v136-stack-card.is-back {
  background: #ebe5ff;
  transform: translate(-61%, -72%) rotate(-7deg);
}

body.public-home-page .public-v136-stack-card.is-middle {
  background: #f3f4f7;
  transform: translate(-43%, -48%) rotate(5deg);
}

body.public-home-page .public-v136-stack-card.is-front {
  transform: translate(-52%, -33%);
}

body.public-home-page .public-v136-stack-card span {
  color: #5630df;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px;
}

body.public-home-page .public-v136-stack-card strong {
  font-size: 30px;
  line-height: 1.05;
}

body.public-home-page .public-v136-inline-points {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
}

body.public-home-page .public-v136-inline-points span {
  background: #f0ecff;
  border-radius: 999px;
  color: #4f2bd1;
  font-size: 12px;
  font-weight: 800;
  padding: 9px 13px;
}

body.public-home-page .public-v136-progress {
  background: #f3f4f7;
  max-width: none !important;
  position: relative;
}

body.public-home-page .public-v136-progress::before {
  background: #f3f4f7;
  content: '';
  inset: 0 calc(50% - 50vw);
  position: absolute;
  z-index: -1;
}

body.public-home-page .public-v136-progress-panel {
  background: #fff;
  border: 1px solid #dedfe6;
  border-radius: 22px;
  box-shadow: 0 22px 60px rgba(34, 31, 48, .08);
  padding: 34px;
}

body.public-home-page .public-v136-progress-top {
  align-items: end;
  display: flex;
  justify-content: space-between;
}

body.public-home-page .public-v136-progress-top > div {
  display: grid;
  gap: 4px;
}

body.public-home-page .public-v136-progress-top span {
  color: var(--muted);
  font-size: 12px;
}

body.public-home-page .public-v136-progress-top strong {
  font-size: 54px;
  letter-spacing: -.06em;
}

body.public-home-page .public-v136-progress-track {
  background: #e7e4ed;
  border-radius: 999px;
  height: 10px;
  margin: 28px 0;
  overflow: hidden;
}

body.public-home-page .public-v136-progress-track span {
  background: #5630df;
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 68%;
}

body.public-home-page .public-v136-progress-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.public-home-page .public-v136-progress-stats > div {
  background: #f7f7f9;
  border-radius: 14px;
  display: grid;
  gap: 5px;
  padding: 17px;
}

body.public-home-page .public-v136-progress-stats strong {
  font-size: 28px;
}

body.public-home-page .public-v136-progress-stats span {
  color: var(--muted);
  font-size: 11px;
}

body.public-home-page .public-v136-cta {
  align-items: center;
  display: flex;
  gap: 42px;
  justify-content: space-between;
  padding-bottom: 100px !important;
  padding-top: 100px !important;
}

body.public-home-page .public-v136-cta p {
  margin: 0;
}

body.public-home-page .public-v136-cta .button {
  flex: 0 0 auto;
  min-height: 54px;
  padding-left: 30px;
  padding-right: 30px;
}

body.public-home-page .public-home-footer {
  align-items: center;
  border-top: 1px solid #e2e3e8;
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px !important;
  padding-top: 32px !important;
}

@media (max-width: 980px) {
  body.public-home-page .public-v136-nav > a:not(.button) {
    display: none;
  }

  body.public-home-page .public-v136-workflow,
  body.public-home-page .public-v136-section-head,
  body.public-home-page .public-v136-reuse,
  body.public-home-page .public-v136-progress {
    grid-template-columns: 1fr;
  }

  body.public-home-page .public-v136-audience-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  body.public-home-page {
    --public-v136-gutter: 20px;
  }

  body.public-home-page .public-v136-step-grid,
  body.public-home-page .public-v136-progress-stats {
    grid-template-columns: 1fr;
  }

  body.public-home-page .public-v136-workflow,
  body.public-home-page .public-v136-audience,
  body.public-home-page .public-v136-reuse,
  body.public-home-page .public-v136-progress,
  body.public-home-page .public-v136-cta {
    padding-bottom: 72px !important;
    padding-top: 72px !important;
  }

  body.public-home-page .public-v136-audience-grid article {
    padding: 28px 22px;
  }

  body.public-home-page .public-v136-reuse-visual {
    height: 330px;
  }

  body.public-home-page .public-v136-cta {
    align-items: stretch;
    flex-direction: column;
  }

  body.public-home-page .public-v136-cta .button {
    justify-content: center;
    width: 100%;
  }
}


/* =========================================================
   Constrained content inside full-bleed sections v137
   ========================================================= */

body.public-home-page .public-v136-audience,
body.public-home-page .public-v136-progress {
  max-width: 1280px !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
}

@media (max-width: 980px) {
  body.public-home-page .public-v136-audience,
  body.public-home-page .public-v136-progress {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (max-width: 700px) {
  body.public-home-page .public-v136-audience,
  body.public-home-page .public-v136-progress {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* =========================================================
   Full-bleed backgrounds with one inner container v138
   ========================================================= */

body.public-home-page .public-v136-audience,
body.public-home-page .public-v136-progress {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

body.public-home-page .public-v136-audience::before,
body.public-home-page .public-v136-progress::before {
  display: none !important;
}

body.public-home-page .public-v136-section-inner {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--public-v136-width) + (var(--public-v136-gutter) * 2));
  padding-left: var(--public-v136-gutter);
  padding-right: var(--public-v136-gutter);
  width: 100%;
}

body.public-home-page .public-v136-audience > .public-v136-section-inner {
  padding-bottom: 110px;
  padding-top: 110px;
}

body.public-home-page .public-v136-progress {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

body.public-home-page .public-v136-progress-inner {
  align-items: center;
  display: grid;
  gap: 90px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: 120px;
  padding-top: 120px;
}

@media (max-width: 980px) {
  body.public-home-page .public-v136-progress-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  body.public-home-page .public-v136-audience > .public-v136-section-inner,
  body.public-home-page .public-v136-progress-inner {
    padding-bottom: 72px;
    padding-top: 72px;
  }
}


/* =========================================================
   Progress section alignment fix v139
   ========================================================= */

body.public-home-page .public-v136-progress {
  display: block !important;
  gap: 0 !important;
  grid-template-columns: none !important;
}

body.public-home-page .public-v136-progress-inner {
  justify-self: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: calc(
    var(--public-v136-width) + (var(--public-v136-gutter) * 2)
  ) !important;
  width: 100% !important;
}


/* =========================================================
   Subtle hero motion v140
   ========================================================= */

body.public-home-page .public-v133-visual {
  isolation: isolate;
}

body.public-home-page .public-v133-photo {
  --hero-parallax-x: 0px;
  --hero-parallax-y: 0px;
  transform: translate3d(
    var(--hero-parallax-x),
    var(--hero-parallax-y),
    0
  );
  transition: transform 120ms linear;
  will-change: transform;
}

body.public-home-page .public-v133-shape {
  animation: publicHeroShapeDrift 13s ease-in-out infinite alternate;
  transform-origin: 50% 55%;
  will-change: transform;
}

body.public-home-page .public-v133-dots {
  animation: publicHeroDotsDrift 16s ease-in-out infinite alternate;
  will-change: opacity, transform;
}

body.public-home-page .public-v133-float-card.is-top {
  animation: publicHeroFloatTop 8.5s ease-in-out infinite;
  will-change: transform;
}

body.public-home-page .public-v133-float-card.is-left {
  animation: publicHeroFloatLeft 10.5s ease-in-out infinite;
  will-change: transform;
}

body.public-home-page .public-v133-float-card.is-right {
  animation: publicHeroFloatRight 9.25s ease-in-out infinite;
  will-change: transform;
}

@keyframes publicHeroShapeDrift {
  0% {
    transform: translate3d(-4px, 3px, 0) rotate(-5.8deg) scale(.995);
  }
  50% {
    transform: translate3d(5px, -5px, 0) rotate(-4.5deg) scale(1.008);
  }
  100% {
    transform: translate3d(9px, 4px, 0) rotate(-5.2deg) scale(1.002);
  }
}

@keyframes publicHeroDotsDrift {
  0% {
    opacity: .56;
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: .82;
    transform: translate3d(7px, -6px, 0);
  }
  100% {
    opacity: .62;
    transform: translate3d(12px, 4px, 0);
  }
}

@keyframes publicHeroFloatTop {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}

@keyframes publicHeroFloatLeft {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(2px, -9px, 0); }
}

@keyframes publicHeroFloatRight {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-2px, -6px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  body.public-home-page .public-v133-photo,
  body.public-home-page .public-v133-shape,
  body.public-home-page .public-v133-dots,
  body.public-home-page .public-v133-float-card {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}


/* =========================================================
   Hero motion fix + product showcase v141
   ========================================================= */

/* Use individual transform properties so older !important transform rules
   cannot suppress the motion. */
body.public-home-page .public-v133-shape {
  animation: none !important;
  translate: 0 0;
  rotate: 0deg;
  scale: 1;
  animation: publicV141Shape 10s ease-in-out infinite alternate !important;
}

body.public-home-page .public-v133-dots {
  animation: publicV141Dots 11s ease-in-out infinite alternate !important;
}

body.public-home-page .public-v133-float-card.is-top {
  top: -8px !important;
  animation: publicV141CardTop 6.8s ease-in-out infinite !important;
}

body.public-home-page .public-v133-float-card.is-left {
  animation: publicV141CardLeft 7.8s ease-in-out infinite !important;
}

body.public-home-page .public-v133-float-card.is-right {
  animation: publicV141CardRight 7.1s ease-in-out infinite !important;
}

@keyframes publicV141Shape {
  0% { translate: -8px 7px; rotate: -1deg; scale: .99; }
  50% { translate: 7px -9px; rotate: 1.2deg; scale: 1.018; }
  100% { translate: 12px 5px; rotate: -.3deg; scale: 1.006; }
}

@keyframes publicV141Dots {
  0% { opacity: .45; translate: -3px 5px; }
  50% { opacity: .9; translate: 10px -9px; }
  100% { opacity: .58; translate: 17px 4px; }
}

@keyframes publicV141CardTop {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -13px; }
}

@keyframes publicV141CardLeft {
  0%, 100% { translate: 0 0; }
  50% { translate: 4px -12px; }
}

@keyframes publicV141CardRight {
  0%, 100% { translate: 0 0; }
  50% { translate: -4px -10px; }
}

.public-v141-showcase {
  margin: 0 auto;
  max-width: var(--public-v136-width, 1320px);
  padding: 112px var(--public-v136-gutter, 32px);
  scroll-margin-top: 90px;
}

.public-v141-showcase-head {
  align-items: end;
  display: grid;
  gap: 56px;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
  margin-bottom: 64px;
}

.public-v141-showcase-head h2 {
  font-size: clamp(40px, 5vw, 68px);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 9px 0 0;
  max-width: 780px;
}

.public-v141-showcase-head > p {
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

.public-v141-showcase-list {
  display: grid;
  gap: 96px;
}

.public-v141-showcase-row {
  align-items: center;
  display: grid;
  gap: clamp(44px, 6vw, 88px);
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, .72fr);
}

.public-v141-showcase-row.is-reversed {
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.18fr);
}

.public-v141-showcase-row.is-reversed .public-v141-screen-frame {
  grid-column: 2;
  grid-row: 1;
}

.public-v141-showcase-row.is-reversed .public-v141-showcase-copy {
  grid-column: 1;
  grid-row: 1;
}

.public-v141-screen-frame {
  background: #fff;
  border: 1px solid #dedfe7;
  border-radius: 20px;
  box-shadow: 0 26px 70px rgba(39, 31, 74, .12);
  overflow: hidden;
}

.public-v141-browser-bar {
  align-items: center;
  background: #f8f8fb;
  border-bottom: 1px solid #e7e6ed;
  display: flex;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px;
}

.public-v141-browser-bar span {
  background: #d9d6e2;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.public-v141-browser-bar b {
  color: #777281;
  font-size: 10px;
  font-weight: 750;
  margin-left: 8px;
}

.public-v141-screen-frame img {
  display: block;
  height: auto;
  width: 100%;
}

.public-v141-showcase-copy {
  max-width: 480px;
}

.public-v141-number {
  align-items: center;
  background: #eee9ff;
  border-radius: 12px;
  color: var(--brand-purple-dark);
  display: inline-flex;
  font-size: 12px;
  font-weight: 850;
  height: 42px;
  justify-content: center;
  margin-bottom: 20px;
  width: 42px;
}

.public-v141-showcase-copy h3 {
  font-size: clamp(30px, 3.5vw, 48px);
  letter-spacing: -.045em;
  line-height: 1.02;
  margin: 0 0 16px;
}

.public-v141-showcase-copy > p {
  color: var(--muted);
  line-height: 1.68;
  margin: 0 0 22px;
}

.public-v141-showcase-copy ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
}

.public-v141-showcase-copy li {
  color: #514d5b;
  line-height: 1.5;
}

.public-v141-reveal {
  opacity: 0;
  translate: 0 30px;
  transition: opacity .7s ease, translate .7s ease;
}

.public-v141-reveal.is-visible {
  opacity: 1;
  translate: 0 0;
}

@media (max-width: 900px) {
  .public-v141-showcase {
    padding-bottom: 84px;
    padding-top: 84px;
  }

  .public-v141-showcase-head,
  .public-v141-showcase-row,
  .public-v141-showcase-row.is-reversed {
    grid-template-columns: 1fr;
  }

  .public-v141-showcase-head {
    gap: 20px;
  }

  .public-v141-showcase-row.is-reversed .public-v141-screen-frame,
  .public-v141-showcase-row.is-reversed .public-v141-showcase-copy {
    grid-column: auto;
    grid-row: auto;
  }

  .public-v141-showcase-copy {
    max-width: 680px;
  }
}

@media (max-width: 600px) {
  .public-v141-showcase {
    padding-left: 20px;
    padding-right: 20px;
  }

  .public-v141-showcase-list {
    gap: 68px;
  }

  .public-v141-screen-frame {
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.public-home-page .public-v133-shape,
  body.public-home-page .public-v133-dots,
  body.public-home-page .public-v133-float-card {
    animation: none !important;
    translate: 0 0 !important;
  }

  .public-v141-reveal {
    opacity: 1 !important;
    translate: 0 0 !important;
    transition: none !important;
  }
}


/* =========================================================
   Research-backed gamification section v142
   ========================================================= */

.public-v142-gamification {
  background: #fff;
  scroll-margin-top: 84px;
}

.public-v142-gamification-inner {
  margin: 0 auto;
  max-width: 1380px;
  padding: clamp(76px, 8vw, 122px) clamp(24px, 4vw, 56px);
}

.public-v142-gamification-head {
  align-items: end;
  display: grid;
  gap: 42px;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .7fr);
  margin-bottom: 48px;
}

.public-v142-gamification-head h2 {
  font-size: clamp(42px, 5vw, 68px);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 9px 0 0;
  max-width: 760px;
}

.public-v142-gamification-head > p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  max-width: 520px;
}

.public-v142-gamification-layout {
  align-items: center;
  background: #f3f4f7;
  border-radius: 28px;
  display: grid;
  gap: clamp(36px, 6vw, 86px);
  grid-template-columns: minmax(450px, 1fr) minmax(360px, .8fr);
  overflow: hidden;
  padding: clamp(32px, 5vw, 68px);
}

.public-v142-learning-loop {
  aspect-ratio: 1;
  margin: 0 auto;
  max-width: 590px;
  position: relative;
  width: 100%;
}

.public-v142-loop-track {
  border: 2px dashed rgba(84, 45, 224, .25);
  border-radius: 50%;
  inset: 14%;
  position: absolute;
}

.public-v142-loop-track::before,
.public-v142-loop-track::after {
  border-color: transparent transparent transparent var(--brand-purple);
  border-style: solid;
  border-width: 7px 0 7px 11px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.public-v142-loop-track::before {
  right: 2%;
  top: 20%;
  transform: rotate(44deg);
}

.public-v142-loop-track::after {
  bottom: 16%;
  left: 5%;
  transform: rotate(220deg);
}

.public-v142-loop-center {
  align-items: center;
  background: linear-gradient(145deg, #5d35ee, #3c17c6);
  border: 10px solid rgba(255, 255, 255, .78);
  border-radius: 50%;
  box-shadow: 0 24px 60px rgba(67, 34, 172, .22);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 36%;
  justify-content: center;
  left: 32%;
  position: absolute;
  text-align: center;
  top: 32%;
  width: 36%;
  z-index: 2;
}

.public-v142-loop-center > span {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.public-v142-loop-center strong {
  font-size: clamp(38px, 5vw, 60px);
  letter-spacing: -.06em;
  line-height: 1;
  margin: 6px 0;
}

.public-v142-loop-center small {
  color: rgba(255, 255, 255, .78);
  font-size: 10px;
}

.public-v142-loop-node {
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(25, 22, 34, .09);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(31, 27, 47, .08);
  display: grid;
  gap: 3px;
  min-width: 146px;
  padding: 16px 18px;
  position: absolute;
  z-index: 3;
}

.public-v142-loop-node > span {
  color: var(--brand-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}

.public-v142-loop-node strong {
  font-size: 17px;
}

.public-v142-loop-node small {
  color: var(--muted);
  font-size: 10px;
}

.public-v142-loop-node.is-theory {
  left: 3%;
  top: 9%;
}

.public-v142-loop-node.is-action {
  right: 0;
  top: 15%;
}

.public-v142-loop-node.is-feedback {
  bottom: 6%;
  right: 3%;
}

.public-v142-loop-node.is-progress {
  bottom: 9%;
  left: 0;
}

.public-v142-gamification-copy {
  position: relative;
}

.public-v142-medal {
  align-items: center;
  background: #e9e2ff;
  border-radius: 18px;
  color: var(--brand-purple);
  display: flex;
  font-size: 26px;
  height: 62px;
  justify-content: center;
  width: 62px;
}

.public-v142-gamification-copy h3 {
  font-size: clamp(30px, 3.6vw, 48px);
  letter-spacing: -.045em;
  line-height: 1.02;
  margin: 22px 0 14px;
}

.public-v142-gamification-copy > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

.public-v142-benefits {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

.public-v142-benefits article {
  align-items: flex-start;
  background: #fff;
  border: 1px solid rgba(25, 22, 34, .08);
  border-radius: 15px;
  display: grid;
  gap: 13px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 14px 15px;
}

.public-v142-benefits article > span {
  align-items: center;
  background: #eee9ff;
  border-radius: 10px;
  color: var(--brand-purple);
  display: flex;
  font-size: 15px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.public-v142-benefits strong {
  font-size: 13px;
}

.public-v142-benefits p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
  margin: 3px 0 0;
}

.public-v142-research-note {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 17px;
  display: grid;
  gap: 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-top: 20px;
  padding: 18px 20px;
}

.public-v142-research-icon {
  align-items: center;
  background: var(--brand-purple-soft);
  border-radius: 50%;
  color: var(--brand-purple-dark);
  display: flex;
  font-size: 14px;
  font-weight: 900;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.public-v142-research-note p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.public-v142-research-note p strong {
  color: var(--ink);
}

.public-v142-research-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.public-v142-research-links a {
  background: #f4f2f8;
  border-radius: 999px;
  color: var(--ink);
  font-size: 10px;
  font-weight: 800;
  padding: 8px 10px;
}

.public-v142-research-links a:hover {
  background: var(--brand-purple-soft);
  color: var(--brand-purple-dark);
}

@media (prefers-reduced-motion: no-preference) {
  .public-v142-loop-track {
    animation: public-v142-spin 38s linear infinite;
  }

  .public-v142-loop-center {
    animation: public-v142-center-float 7s ease-in-out infinite;
  }

  .public-v142-loop-node.is-theory,
  .public-v142-loop-node.is-feedback {
    animation: public-v142-node-float-a 8s ease-in-out infinite;
  }

  .public-v142-loop-node.is-action,
  .public-v142-loop-node.is-progress {
    animation: public-v142-node-float-b 9.5s ease-in-out infinite;
  }
}

@keyframes public-v142-spin {
  to { transform: rotate(360deg); }
}

@keyframes public-v142-center-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes public-v142-node-float-a {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes public-v142-node-float-b {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

@media (max-width: 980px) {
  .public-v142-gamification-head,
  .public-v142-gamification-layout {
    grid-template-columns: 1fr;
  }

  .public-v142-gamification-head {
    align-items: start;
    gap: 18px;
  }

  .public-v142-learning-loop {
    max-width: 560px;
  }
}

@media (max-width: 640px) {
  .public-v142-gamification-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .public-v142-gamification-layout {
    border-radius: 20px;
    padding: 24px 16px;
  }

  .public-v142-learning-loop {
    aspect-ratio: auto;
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr;
  }

  .public-v142-loop-track {
    display: none;
  }

  .public-v142-loop-center,
  .public-v142-loop-node {
    inset: auto !important;
    min-height: 104px;
    min-width: 0;
    position: relative;
    transform: none !important;
  }

  .public-v142-loop-center {
    border: 0;
    border-radius: 18px;
    grid-column: 1 / -1;
    height: auto;
    padding: 22px;
    width: auto;
  }

  .public-v142-loop-node {
    padding: 14px;
  }

  .public-v142-research-note {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .public-v142-research-links {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}


/* =========================================================
   Compact platform showcase v143
   ========================================================= */

.public-home-page .public-v143-showcase {
  margin: 0 auto;
  max-width: 1380px;
  padding: 112px 24px;
}

.public-home-page .public-v143-showcase-head {
  align-items: end;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .7fr);
  margin-bottom: 36px;
}

.public-home-page .public-v143-showcase-head h2 {
  font-size: clamp(40px, 5vw, 66px);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 10px 0 0;
  max-width: 760px;
}

.public-home-page .public-v143-showcase-head > p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0;
  max-width: 480px;
}

.public-home-page .public-v143-tabs {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.public-home-page .public-v143-tabs button {
  align-items: center;
  appearance: none;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--muted);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  gap: 10px;
  justify-content: center;
  min-height: 52px;
  padding: 10px 16px;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease;
}

.public-home-page .public-v143-tabs button span {
  color: var(--brand-purple);
  font-size: 10px;
  letter-spacing: .08em;
}

.public-home-page .public-v143-tabs button:hover {
  border-color: #cbc2f2;
  color: var(--ink);
  transform: translateY(-1px);
}

.public-home-page .public-v143-tabs button.is-active {
  background: var(--site-purple);
  border-color: var(--site-purple);
  color: #fff;
  box-shadow: 0 12px 28px rgba(83, 48, 213, .16);
}

.public-home-page .public-v143-tabs button.is-active span {
  color: rgba(255, 255, 255, .78);
}

.public-home-page .public-v143-stage {
  background: #f3f4f7;
  border-radius: 24px;
  overflow: hidden;
  padding: clamp(22px, 3vw, 38px);
}

.public-home-page .public-v143-panel {
  align-items: center;
  display: grid;
  gap: clamp(30px, 5vw, 74px);
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}

.public-home-page .public-v143-panel[hidden] {
  display: none !important;
}

.public-home-page .public-v143-screen-frame {
  background: #fff;
  border: 1px solid #dfe1e8;
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(38, 34, 50, .08);
  overflow: hidden;
}

.public-home-page .public-v143-browser-bar {
  align-items: center;
  border-bottom: 1px solid #ececf1;
  display: flex;
  gap: 6px;
  min-height: 38px;
  padding: 0 13px;
}

.public-home-page .public-v143-browser-bar span {
  background: #dadbe2;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.public-home-page .public-v143-browser-bar b {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  margin-left: 8px;
}

.public-home-page .public-v143-screen-frame img {
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.public-home-page .public-v143-copy {
  max-width: 430px;
}

.public-home-page .public-v143-kicker {
  color: var(--brand-purple);
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.public-home-page .public-v143-copy h3 {
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -.045em;
  line-height: 1.03;
  margin: 0 0 14px;
}

.public-home-page .public-v143-copy > p {
  color: var(--muted);
  line-height: 1.65;
  margin: 0 0 18px;
}

.public-home-page .public-v143-copy ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 18px;
}

.public-home-page .public-v143-copy li {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 920px) {
  .public-home-page .public-v143-showcase-head,
  .public-home-page .public-v143-panel {
    grid-template-columns: 1fr;
  }

  .public-home-page .public-v143-showcase-head {
    align-items: start;
  }

  .public-home-page .public-v143-copy {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .public-home-page .public-v143-showcase {
    padding: 78px 18px;
  }

  .public-home-page .public-v143-tabs {
    grid-template-columns: 1fr;
  }

  .public-home-page .public-v143-tabs button {
    justify-content: flex-start;
  }

  .public-home-page .public-v143-stage {
    border-radius: 18px;
    padding: 16px;
  }
}


/* =========================================================
   Calm LearnByDoing story v144
   ========================================================= */

.public-v144-flow,
.public-v144-gamification,
.public-v144-people {
  margin-left: auto;
  margin-right: auto;
  max-width: 1380px;
  padding-left: 28px;
  padding-right: 28px;
}

.public-v144-flow {
  align-items: start;
  display: grid;
  gap: clamp(44px, 7vw, 90px);
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  padding-bottom: clamp(82px, 10vw, 138px);
  padding-top: clamp(82px, 10vw, 138px);
}

.public-v144-flow-copy h2,
.public-v144-gamification-copy h2,
.public-v144-people-copy h2 {
  font-size: clamp(38px, 4.6vw, 66px);
  letter-spacing: -.055em;
  line-height: .98;
  margin: 10px 0 20px;
}

.public-v144-flow-copy p,
.public-v144-gamification-copy > p,
.public-v144-people-copy > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
  max-width: 590px;
}

.public-v144-flow-steps {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-v144-flow-steps article {
  background: #f3f4f7;
  border: 1px solid #e2e3e8;
  border-radius: 18px;
  min-height: 168px;
  padding: 24px;
}

.public-v144-flow-steps span {
  color: var(--brand-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.public-v144-flow-steps strong {
  display: block;
  font-size: 22px;
  margin: 22px 0 8px;
}

.public-v144-flow-steps p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.public-v144-gamification {
  align-items: center;
  background: #f3f4f7;
  border-radius: 28px;
  display: grid;
  gap: clamp(42px, 7vw, 94px);
  grid-template-columns: minmax(350px, .9fr) minmax(0, 1.1fr);
  margin-bottom: clamp(86px, 10vw, 140px);
  padding-bottom: clamp(52px, 7vw, 84px);
  padding-top: clamp(52px, 7vw, 84px);
}

.public-v144-gamification-visual {
  aspect-ratio: 1;
  margin: 0 auto;
  max-width: 430px;
  position: relative;
  width: 100%;
}

.public-v144-xp-orbit {
  border: 1px dashed rgba(91,53,238,.3);
  border-radius: 50%;
  inset: 12%;
  position: absolute;
}

.public-v144-xp-core {
  align-items: center;
  background: linear-gradient(145deg,#6c43f4,#3e1ccc);
  border-radius: 50%;
  box-shadow: 0 24px 60px rgba(78,45,193,.25);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 170px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 170px;
}

.public-v144-xp-core span,
.public-v144-xp-core small { color: rgba(255,255,255,.76); }
.public-v144-xp-core strong { font-size: 44px; line-height: 1; margin: 5px 0; }

.public-v144-reward {
  background: #fff;
  border: 1px solid #e0dce9;
  border-radius: 999px;
  box-shadow: 0 14px 32px rgba(30,27,40,.08);
  font-size: 12px;
  font-weight: 800;
  padding: 12px 16px;
  position: absolute;
}
.public-v144-reward.is-one { left: 0; top: 22%; }
.public-v144-reward.is-two { right: 0; top: 28%; }
.public-v144-reward.is-three { bottom: 12%; left: 50%; transform: translateX(-50%); }

.public-v144-benefit-list {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}
.public-v144-benefit-list > div {
  background: #fff;
  border: 1px solid #e1e2e7;
  border-radius: 14px;
  display: grid;
  gap: 4px;
  padding: 15px 17px;
}
.public-v144-benefit-list strong { font-size: 13px; }
.public-v144-benefit-list span { color: var(--muted); font-size: 11px; line-height: 1.45; }
.public-v144-research-note { font-size: 11px !important; margin-top: 18px !important; }

.public-v144-people {
  align-items: center;
  display: grid;
  gap: clamp(42px, 7vw, 92px);
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  padding-bottom: clamp(88px, 11vw, 150px);
}

.public-v144-people-photo {
  background: var(--people-image) center center / cover no-repeat;
  border-radius: 24px;
  min-height: 520px;
}

.public-v144-role-points {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}
.public-v144-role-points article {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 5px;
  padding-top: 15px;
}
.public-v144-role-points strong { font-size: 14px; }
.public-v144-role-points span { color: var(--muted); font-size: 12px; line-height: 1.5; }

/* Reduce oversized gaps left by older landing page rules. */
.public-v143-showcase { margin-bottom: 0 !important; }
.public-v136-reuse { padding-bottom: clamp(84px, 10vw, 130px) !important; padding-top: clamp(84px, 10vw, 130px) !important; }
.public-v136-progress { padding-bottom: clamp(78px, 9vw, 120px) !important; padding-top: clamp(78px, 9vw, 120px) !important; }

@media (max-width: 900px) {
  .public-v144-flow,
  .public-v144-gamification,
  .public-v144-people { grid-template-columns: 1fr; }
  .public-v144-people-photo { min-height: 430px; order: 2; }
}

@media (max-width: 620px) {
  .public-v144-flow,
  .public-v144-gamification,
  .public-v144-people { padding-left: 20px; padding-right: 20px; }
  .public-v144-flow-steps { grid-template-columns: 1fr; }
  .public-v144-gamification { border-radius: 0; }
  .public-v144-gamification-visual { max-width: 340px; }
  .public-v144-xp-core { height: 132px; width: 132px; }
  .public-v144-xp-core strong { font-size: 34px; }
  .public-v144-reward { font-size: 10px; padding: 9px 12px; }
  .public-v144-people-photo { min-height: 330px; }
}


/* =========================================================
   Public frontpage v145
   ========================================================= */
html{scroll-behavior:smooth}.public-v145-page{background:#fff}.public-v145-container{box-sizing:border-box;margin:0 auto;max-width:1380px;padding-left:clamp(26px,4.5vw,68px);padding-right:clamp(26px,4.5vw,68px);width:100%}.public-v145-header{background:#fff;border-bottom:1px solid #e6e5eb;position:sticky;top:0;z-index:100}.public-v145-header-inner{align-items:center;display:flex;height:74px;justify-content:space-between}.public-v145-nav{align-items:center;display:flex;gap:31px}.public-v145-nav>a:not(.button){color:#5b5966;font-size:12px;font-weight:800}.public-v145-nav .button{min-height:42px;padding:0 21px}.public-v145-main{margin:0!important;max-width:none!important;padding:0!important;width:100%!important}.public-v145-hero{background:#f3f4f7;overflow:hidden}.public-v145-hero-inner{align-items:center;display:grid;gap:70px;grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr);min-height:680px;padding-bottom:74px;padding-top:72px}.public-v145-hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(55px,5vw,79px);letter-spacing:-.055em;line-height:.92;margin:22px 0 28px;max-width:700px}.public-v145-hero-copy h1 em{color:#5b35ee;display:block;font-weight:400;margin-bottom:14px}.public-v145-hero-copy h1 span{display:block}.public-v145-hero-copy>p{font-size:17px;line-height:1.7;max-width:650px}.public-v145-actions{align-items:center;display:flex;gap:14px;margin-top:28px}.public-v145-secondary{align-items:center;border:1px solid #d8d6e0;border-radius:11px;color:#201e27;display:inline-flex;font-size:12px;font-weight:850;gap:28px;min-height:48px;padding:0 20px}.public-v145-trust{align-items:center;color:#777481;display:flex;font-size:11px;gap:5px;margin-top:29px}.public-v145-trust i{background:#c9c7d0;border-radius:50%;height:8px;width:8px}.public-v145-trust i:first-child{background:#5b35ee}.public-v145-trust span{margin-left:8px}.public-v145-hero-visual{height:530px;position:relative}.public-v145-shape{background:linear-gradient(145deg,#744cf6,#4b20d9);border-radius:90px 34px 90px 40px;inset:78px 20px 20px 60px;position:absolute;transform:rotate(-5deg)}.public-v145-dots{background-image:radial-gradient(#c7bfdc 2px,transparent 2px);background-size:17px 17px;height:130px;left:6px;opacity:.8;position:absolute;top:75px;width:150px}.public-v145-photo{background:var(--hero-image) center 43%/cover no-repeat;border:7px solid rgba(255,255,255,.86);border-radius:36px;height:420px;left:90px;position:absolute;top:34px;width:390px}.public-v145-float{background:rgba(255,255,255,.94);border:1px solid #dedce5;border-radius:18px;box-shadow:0 18px 42px rgba(31,25,52,.11);display:grid;gap:5px;padding:19px;position:absolute;width:170px}.public-v145-float b{align-items:center;background:#eee9ff;border-radius:11px;color:#5b35ee;display:flex;font-size:18px;height:42px;justify-content:center;width:42px}.public-v145-float strong{font-size:16px;line-height:1.15}.public-v145-float span{color:#706d79;font-size:11px;line-height:1.45}.public-v145-float.is-top{right:-10px;top:0}.public-v145-float.is-left{bottom:0;left:0}.public-v145-float.is-right{bottom:-6px;right:3px}.public-v145-benefits{background:#fff;padding:54px 0}.public-v145-benefit-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.public-v145-benefit-grid article{align-items:flex-start;border:1px solid #dedde5;border-radius:18px;display:grid;gap:20px;grid-template-columns:auto 1fr;padding:28px}.public-v145-benefit-grid article>span{align-items:center;background:#eee9ff;border-radius:12px;color:#5b35ee;display:flex;font-size:22px;height:56px;justify-content:center;width:56px}.public-v145-benefit-grid h2{font-size:21px;margin:4px 0 8px}.public-v145-benefit-grid p{margin:0}.public-v145-people{padding:92px 0}.public-v145-people-inner{align-items:center;display:grid;gap:78px;grid-template-columns:1.05fr .95fr}.public-v145-people-image{background:var(--people-image) center/cover no-repeat;border-radius:24px;box-shadow:0 25px 55px rgba(31,25,52,.1);height:470px}.public-v145-people-copy h2,.public-v145-section-head h2,.public-v145-game-copy h2,.public-v145-cta h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4vw,60px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 20px}.public-v145-people-copy h2 em{color:#5b35ee;font-weight:400}.public-v145-people-copy>p{font-size:16px;line-height:1.7}.public-v145-people-points{display:grid;gap:18px;margin-top:28px}.public-v145-people-points>div{align-items:flex-start;display:grid;gap:15px;grid-template-columns:auto 1fr}.public-v145-people-points b{align-items:center;background:#eee9ff;border-radius:50%;color:#5b35ee;display:flex;height:42px;justify-content:center;width:42px}.public-v145-people-points span{color:#696672;display:grid;font-size:13px;gap:4px;line-height:1.5}.public-v145-people-points strong{color:#201e27;font-size:14px}.public-v145-gamification{background:linear-gradient(135deg,#5d35e8,#2f176f);color:#fff;padding:92px 0}.public-v145-game-inner{align-items:center;display:grid;gap:60px;grid-template-columns:.88fr 1.12fr}.public-v145-game-copy .eyebrow{color:#d7ccff}.public-v145-game-copy h2{color:#fff}.public-v145-game-copy p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.72}.public-v145-game-copy ul{display:grid;gap:11px;margin:25px 0 0;padding:0}.public-v145-game-copy li{list-style:none;padding-left:26px;position:relative}.public-v145-game-copy li:before{content:'✓';left:0;position:absolute}.public-v145-game-visual{height:450px;position:relative}.public-v145-orbit{border:1px dashed rgba(255,255,255,.36);border-radius:50%;height:360px;left:50%;position:absolute;top:45px;transform:translateX(-50%);width:480px}.public-v145-xp{align-items:center;background:#fff;border:15px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 60px rgba(255,255,255,.18);color:#5b35ee;display:flex;flex-direction:column;height:150px;justify-content:center;left:50%;position:absolute;top:150px;transform:translateX(-50%);width:150px}.public-v145-xp span{font-size:34px;font-weight:900}.public-v145-xp strong{font-size:23px}.public-v145-game-visual article{background:#fff;border-radius:16px;color:#201e27;display:grid;gap:4px;padding:17px;position:absolute;width:150px}.public-v145-game-visual article b{color:#5b35ee}.public-v145-game-visual article span{color:#716d7b;font-size:10px}.public-v145-game-visual .is-theory{left:15px;top:30px}.public-v145-game-visual .is-action{bottom:25px;left:45px}.public-v145-game-visual .is-feedback{right:15px;top:40px}.public-v145-game-visual .is-progress{bottom:25px;right:45px}.public-v145-platform{padding:96px 0 105px}.public-v145-section-head{margin:0 auto 46px;max-width:760px;text-align:center}.public-v145-section-head>p{font-size:16px;line-height:1.65}.public-v145-platform-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.public-v145-platform-grid article{border:1px solid #dfdee6;border-radius:18px;overflow:hidden;padding:0 0 22px}.public-v145-platform-grid img{aspect-ratio:1.48;display:block;object-fit:cover;width:100%}.public-v145-platform-grid h3{font-size:18px;margin:20px 20px 8px}.public-v145-platform-grid p{font-size:12px;line-height:1.55;margin:0 20px}.public-v145-cta{background:#f3f4f7;padding:62px 0}.public-v145-cta-inner{align-items:center;display:flex;justify-content:space-between}.public-v145-cta h2{font-size:clamp(38px,4vw,55px);margin:8px 0 10px}.public-v145-cta p{margin:0}.public-v145-footer{border-top:1px solid #e4e3e9;padding:27px 0}.public-v145-footer>div{align-items:center;display:flex;justify-content:space-between}.public-v145-footer img{width:180px}.public-v145-footer span{color:#777481;font-size:11px}
@media(max-width:1040px){.public-v145-hero-inner{grid-template-columns:1fr;min-height:auto}.public-v145-hero-copy{max-width:760px}.public-v145-hero-visual{margin:0 auto;width:min(100%,620px)}.public-v145-benefit-grid,.public-v145-platform-grid{grid-template-columns:repeat(2,1fr)}.public-v145-people-inner,.public-v145-game-inner{grid-template-columns:1fr}.public-v145-game-visual{margin:0 auto;max-width:650px;width:100%}}
@media(max-width:720px){.public-v145-nav>a:not(.button){display:none}.public-v145-hero-inner{gap:34px;padding-bottom:55px;padding-top:45px}.public-v145-hero-copy h1{font-size:clamp(48px,13vw,68px)}.public-v145-hero-visual{height:430px}.public-v145-photo{height:330px;left:12%;width:72%}.public-v145-float{padding:13px;width:135px}.public-v145-float.is-top{right:0}.public-v145-float.is-left{left:0}.public-v145-float.is-right{right:0}.public-v145-benefit-grid,.public-v145-platform-grid{grid-template-columns:1fr}.public-v145-people{padding:65px 0}.public-v145-people-image{height:360px}.public-v145-gamification{padding:66px 0}.public-v145-game-visual{height:520px}.public-v145-orbit{height:300px;top:100px;width:300px}.public-v145-game-visual article{width:125px}.public-v145-game-visual .is-theory{top:18px}.public-v145-game-visual .is-action{bottom:18px;left:5px}.public-v145-game-visual .is-feedback{right:5px;top:18px}.public-v145-game-visual .is-progress{bottom:18px;right:5px}.public-v145-cta-inner{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* LearnByDoing frontpage navigation v152 */
.public-home-page #platformen,
.public-home-page #for-hvem,
.public-home-page #se-platformen {
  scroll-margin-top: 96px;
}

.public-home-page #for-hvem{
  padding:88px 0px 88px !important  
}

.public-site-section{
  background: var(--site-bg) !important;
}

.public-home-page #platformen{
  background:var(--site-bg) !important;
  padding:88px 32px 88px !important
}

@media (max-width: 900px) {
  .public-home-page #platformen,
  .public-home-page #for-hvem,
  .public-home-page #se-platformen {
    scroll-margin-top: 82px;
  }
}
/* LearnByDoing showcase empty browser v160
   Chrome-like empty browser shell for manual screenshot insertion. */

body.public-home-page .public-v143-screen-frame.public-v160-browser-window {
  display: flex !important;
  flex-direction: column !important;
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, #f7f8fc 0%, #eef1f7 100%) !important;
  border: 1px solid #d7dbe6 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(19, 20, 44, 0.08) !important;
}

body.public-home-page .public-v160-browser-chrome {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e5e8f0 !important;
}

body.public-home-page .public-v160-browser-controls {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.public-home-page .public-v160-browser-controls span {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
}

body.public-home-page .public-v160-browser-controls .is-red { background: #ff5f57 !important; }
body.public-home-page .public-v160-browser-controls .is-yellow { background: #ffbd2f !important; }
body.public-home-page .public-v160-browser-controls .is-green { background: #28c840 !important; }

body.public-home-page .public-v160-browser-address {
  justify-self: center !important;
  width: min(100%, 440px) !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 1px solid #e6e8f1 !important;
  background: #f7f8fc !important;
  color: #7b8092 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.public-home-page .public-v160-browser-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.public-home-page .public-v160-browser-actions span {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #d7dbe6 !important;
  display: block !important;
}

body.public-home-page .public-v160-browser-stage {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: #eef1f7 !important;
}

body.public-home-page .public-v160-browser-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  border-radius: 18px !important;
  border: 2px dashed rgba(78, 57, 235, 0.28) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(250,251,255,0.98)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
  padding: 28px !important;
  color: #6e7385 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7) !important;
}

body.public-home-page .public-v160-browser-placeholder strong {
  display: block !important;
  color: #1b1d27 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

body.public-home-page .public-v160-browser-placeholder span {
  display: block !important;
  font-size: 14px !important;
}

body.public-home-page .public-v160-browser-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center top !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(29, 33, 68, 0.08) !important;
}

@media (max-width: 920px) {
  body.public-home-page .public-v160-browser-chrome {
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
  }

  body.public-home-page .public-v160-browser-actions {
    display: none !important;
  }

  body.public-home-page .public-v160-browser-address {
    width: 100% !important;
  }

  body.public-home-page .public-v160-browser-stage {
    padding: 16px !important;
  }

  body.public-home-page .public-v160-browser-placeholder {
    min-height: 220px !important;
    padding: 22px !important;
  }
}

/* LearnByDoing framework section */
body.public-home-page .public-v175-lbd-framework {
    max-width: 1380px;
    margin: 0 auto;
    padding: 88px 0px 88px !important;
}

body.public-home-page .public-v175-head {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
  gap: 28px;
  align-items: end;
  margin-bottom: 28px;
}

body.public-home-page .public-v175-head h2 {
  margin: 10px 0 14px;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.06;
  color: #171722;
}

body.public-home-page .public-v175-head p {
  margin: 0;
  max-width: 760px;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #575b6d;
}

body.public-home-page .public-v175-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body.public-home-page .public-v175-metric-card,
body.public-home-page .public-v175-stage-card,
body.public-home-page .public-v175-theory-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(94, 70, 218, 0.12);
  border-radius: 28px;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.06);
}

body.public-home-page .public-v175-metric-card {
  padding: 24px 20px;
}

body.public-home-page .public-v175-metric-card strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  line-height: 1;
  color: #171722;
}

body.public-home-page .public-v175-metric-card span {
  display: block;
  font-size: 0.98rem;
  line-height: 1.45;
  color: #575b6d;
}

body.public-home-page .public-v175-stage-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

body.public-home-page .public-v175-stage-card {
  padding: 22px 18px 20px;
}

body.public-home-page .public-v175-stage-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border-radius: 16px;
  background: rgba(94, 70, 218, 0.1);
  color: #245f4d;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.public-home-page .public-v175-stage-card h3,
body.public-home-page .public-v175-theory-card h3 {
  margin: 0 0 10px;
  font-size: 1.28rem;
  line-height: 1.2;
  color: #171722;
}

body.public-home-page .public-v175-stage-card p,
body.public-home-page .public-v175-theory-card p,
body.public-home-page .public-v175-theory-card li {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.7;
  color: #575b6d;
}

body.public-home-page .public-v175-theory-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 18px;
}

body.public-home-page .public-v175-theory-card {
  padding: 28px;
}

body.public-home-page .public-v175-theory-card.is-highlight {
  background: linear-gradient(135deg, rgba(94, 70, 218, 0.07), rgba(255, 255, 255, 0.96));
}

body.public-home-page .public-v175-theory-card ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding-left: 20px;
}

body.public-home-page .public-v175-theory-card strong {
  color: #171722;
}

body.public-home-page .public-v175-mini-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body.public-home-page .public-v175-mini-points span {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(94, 70, 218, 0.08);
  color: #3623b5;
  font-size: 0.92rem;
  font-weight: 700;
}

@media (max-width: 1160px) {
  body.public-home-page .public-v175-stage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.public-home-page .public-v175-head,
  body.public-home-page .public-v175-theory-grid {
    grid-template-columns: 1fr;
  }

  body.public-home-page .public-v175-stage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.public-home-page .public-v175-lbd-framework {
    padding: 0 18px 72px;
  }

  body.public-home-page .public-v175-metric-grid,
  body.public-home-page .public-v175-stage-grid {
    grid-template-columns: 1fr;
  }

  body.public-home-page .public-v175-theory-card,
  body.public-home-page .public-v175-stage-card,
  body.public-home-page .public-v175-metric-card {
    border-radius: 22px;
  }
}