/* Color-banded landing page inspired by contemporary education SaaS sites. */
.landing-shell.landing-simplified-v77 {
  --landing-band-violet: #f1efff;
  --landing-band-mint: #eefaf7;
  --landing-band-gold: #fff8e9;
  --landing-band-aqua: #edf8f8;
  background: #ffffff;
}

.landing-shell.landing-simplified-v77 .landing-nav {
  border-bottom-color: #dedaf8;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 24px rgba(42, 49, 78, 0.06);
}

.landing-shell.landing-simplified-v77 .landing-hero {
  background: #ecebfb;
  border-bottom: 1px solid #d9d5f5;
}

.landing-shell.landing-simplified-v77 .landing-hero::after {
  background: linear-gradient(
    90deg,
    rgba(247, 245, 255, 0.97) 0%,
    rgba(245, 245, 255, 0.91) 52%,
    rgba(230, 248, 243, 0.76) 100%
  );
}

.landing-shell.landing-simplified-v77 .landing-hero-visual img {
  opacity: 0.45;
  filter: saturate(0.82) contrast(0.91);
}

.landing-shell.landing-simplified-v77 .landing-kicker {
  border-color: #bdb4f4;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 20px rgba(82, 68, 181, 0.08);
}

.landing-shell.landing-simplified-v77 .landing-hero-proof span {
  border-color: #c9c4e5;
}

.landing-shell.landing-simplified-v77 .landing-synny-band {
  background: var(--landing-band-mint);
  border-bottom: 1px solid #cbe8e1;
}

.landing-shell.landing-simplified-v77 .landing-synny-portrait {
  border-color: #b7ded6;
  background: #ffffff;
  box-shadow: 0 22px 48px rgba(23, 91, 78, 0.1);
}

.landing-shell.landing-simplified-v77 .landing-synny-audience span {
  border-color: #c7e5de;
  background: rgba(255, 255, 255, 0.72);
}

.landing-shell.landing-simplified-v77 .landing-evidence,
.landing-shell.landing-simplified-v77 .landing-product {
  position: relative;
  isolation: isolate;
}

.landing-shell.landing-simplified-v77 .landing-evidence::before,
.landing-shell.landing-simplified-v77 .landing-product::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  pointer-events: none;
}

.landing-shell.landing-simplified-v77 .landing-evidence::before {
  background: var(--landing-band-gold);
  border-block: 1px solid #f0dfbb;
}

.landing-shell.landing-simplified-v77 .landing-evidence-grid {
  overflow: hidden;
  border: 1px solid #e5d8bd;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 42px rgba(101, 74, 20, 0.08);
}

.landing-shell.landing-simplified-v77 .landing-evidence-grid > * {
  background: transparent;
}

.landing-shell.landing-simplified-v77 .landing-workflow-band {
  background: var(--landing-band-violet);
  border-block: 1px solid #dcd7f7;
}

.landing-shell.landing-simplified-v77 .landing-workflow-list > li {
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 18px 42px rgba(61, 51, 134, 0.08);
}

.landing-shell.landing-simplified-v77 .landing-workflow-list > li:hover {
  border-color: #aaa0ed;
  box-shadow: 0 22px 48px rgba(61, 51, 134, 0.13);
}

.landing-shell.landing-simplified-v77 .landing-product::before {
  background: var(--landing-band-aqua);
  border-block: 1px solid #cde5e5;
}

.landing-shell.landing-simplified-v77 .landing-product-copy .landing-section-label {
  color: #087a6b;
}

.landing-shell.landing-simplified-v77 .landing-product-window {
  border-color: #bcd9d6;
  box-shadow: 0 26px 60px rgba(26, 84, 78, 0.15);
}

.landing-shell.landing-simplified-v77 .landing-final-band {
  border-top: 5px solid #6b5ce7;
  background: #1d2740;
}

.landing-shell.landing-simplified-v77 .landing-footer {
  background: #fbfcff;
}

@media (max-width: 720px) {
  .landing-shell.landing-simplified-v77 .landing-hero::after {
    background: linear-gradient(
      180deg,
      rgba(247, 245, 255, 0.96) 0%,
      rgba(242, 247, 250, 0.91) 72%,
      rgba(231, 248, 243, 0.87) 100%
    );
  }

  .landing-shell.landing-simplified-v77 .landing-evidence-grid {
    border-radius: 8px;
  }

  .landing-shell.landing-simplified-v77 .landing-evidence-grid article,
  .landing-shell.landing-simplified-v77 .landing-evidence-grid article:first-child {
    padding-inline: 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-shell.landing-simplified-v77 .landing-workflow-list > li {
    transition: none !important;
  }
}