.ttit-main-page {
  position: relative;
  isolation: isolate;
}

.ttit-main-page::before,
.ttit-main-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.ttit-main-page::before {
  background:
    radial-gradient(circle at 50% 18%, rgba(110, 126, 149, 0.16), rgba(110, 126, 149, 0) 28%),
    radial-gradient(circle at 50% 68%, rgba(47, 57, 73, 0.22), rgba(47, 57, 73, 0) 42%),
    linear-gradient(180deg, rgba(13, 17, 24, 0.46), rgba(8, 11, 18, 0.18) 28%, rgba(8, 11, 18, 0.44) 100%);
  opacity: 0.7;
}

.ttit-main-page::after {
  background:
    radial-gradient(circle at 50% 28%, rgba(143, 159, 182, 0.18), rgba(143, 159, 182, 0) 20%),
    radial-gradient(circle at 50% 82%, rgba(80, 95, 116, 0.18), rgba(80, 95, 116, 0) 30%);
  opacity: 0.34;
  filter: blur(86px);
}

.ttit-main-page.is-booting::before {
  animation: mainFieldLift 1.1s ease-out both;
}

.ttit-main-page.is-booting::after {
  animation: mainMistSettle 1.45s ease-out both;
}

.ttit-main-page.is-booting .ambient {
  opacity: 0;
  animation: mainAmbientRise 1.05s ease-out forwards;
}

.ttit-main-page.is-booting .ambient--right {
  animation-delay: 120ms;
}

.ttit-main-page.is-booting .ambient--bottom {
  animation-delay: 240ms;
}

.ttit-main-page.is-booting .hero-panel,
.ttit-main-page.is-booting .system-panel,
.ttit-main-page.is-booting .review-panel,
.ttit-main-page.is-booting .report-panel,
.ttit-main-page.is-booting .compare-panel,
.ttit-main-page.is-booting .hero-brain-block {
  opacity: 0;
  animation: mainPanelRise 0.88s ease-out 220ms forwards;
}

.ttit-main-page.is-booting .eyebrow,
.ttit-main-page.is-booting .hero-title,
.ttit-main-page.is-booting .panel-title,
.ttit-main-page.is-booting .system-title,
.ttit-main-page.is-booting .section-title,
.ttit-main-page.is-booting .report-title,
.ttit-main-page.is-booting .result-code {
  opacity: 0;
  animation: mainTitleReveal 0.9s ease-out 420ms forwards;
}

.ttit-main-page.is-booting .hero-copy,
.ttit-main-page.is-booting .panel-copy,
.ttit-main-page.is-booting .section-copy,
.ttit-main-page.is-booting .report-copy,
.ttit-main-page.is-booting .review-copy,
.ttit-main-page.is-booting .compare-copy,
.ttit-main-page.is-booting .detail-copy,
.ttit-main-page.is-booting .soft-caption,
.ttit-main-page.is-booting .meta-group,
.ttit-main-page.is-booting .system-topbar,
.ttit-main-page.is-booting .result-topbar,
.ttit-main-page.is-booting .progress-track {
  opacity: 0;
  animation: mainTextReveal 0.84s ease-out 620ms forwards;
}

.ttit-main-page.is-booting .hero-actions,
.ttit-main-page.is-booting .system-actions,
.ttit-main-page.is-booting .review-actions,
.ttit-main-page.is-booting .report-actions,
.ttit-main-page.is-booting .compare-actions,
.ttit-main-page.is-booting .system-nav,
.ttit-main-page.is-booting .feature-card,
.ttit-main-page.is-booting .mini-card,
.ttit-main-page.is-booting .story-card,
.ttit-main-page.is-booting .detail-card,
.ttit-main-page.is-booting .metric-card,
.ttit-main-page.is-booting .review-card,
.ttit-main-page.is-booting .compare-table-wrap,
.ttit-main-page.is-booting .question-card {
  opacity: 0;
  animation: mainCardReveal 0.92s ease-out 820ms forwards;
}

.ttit-main-page.is-booting .hero-brain-block {
  animation-delay: 980ms;
}

@keyframes mainFieldLift {
  from {
    opacity: 0.98;
    filter: blur(14px);
  }

  to {
    opacity: 0.7;
    filter: blur(0);
  }
}

@keyframes mainMistSettle {
  from {
    opacity: 0.52;
    transform: scale(1.06);
  }

  to {
    opacity: 0.34;
    transform: scale(1);
  }
}

@keyframes mainAmbientRise {
  from {
    opacity: 0;
    transform: scale(0.9);
    filter: blur(52px);
  }

  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(42px);
  }
}

@keyframes mainPanelRise {
  from {
    opacity: 0;
    transform: translateY(22px);
    filter: blur(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes mainTitleReveal {
  from {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes mainTextReveal {
  from {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@keyframes mainCardReveal {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.99);
    filter: blur(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ttit-main-page::before,
  .ttit-main-page::after,
  .ttit-main-page .ambient,
  .ttit-main-page .hero-panel,
  .ttit-main-page .system-panel,
  .ttit-main-page .review-panel,
  .ttit-main-page .report-panel,
  .ttit-main-page .compare-panel,
  .ttit-main-page .hero-brain-block,
  .ttit-main-page .eyebrow,
  .ttit-main-page .hero-title,
  .ttit-main-page .panel-title,
  .ttit-main-page .system-title,
  .ttit-main-page .section-title,
  .ttit-main-page .report-title,
  .ttit-main-page .result-code,
  .ttit-main-page .hero-copy,
  .ttit-main-page .panel-copy,
  .ttit-main-page .section-copy,
  .ttit-main-page .report-copy,
  .ttit-main-page .review-copy,
  .ttit-main-page .compare-copy,
  .ttit-main-page .detail-copy,
  .ttit-main-page .soft-caption,
  .ttit-main-page .meta-group,
  .ttit-main-page .system-topbar,
  .ttit-main-page .result-topbar,
  .ttit-main-page .progress-track,
  .ttit-main-page .hero-actions,
  .ttit-main-page .system-actions,
  .ttit-main-page .review-actions,
  .ttit-main-page .report-actions,
  .ttit-main-page .compare-actions,
  .ttit-main-page .system-nav,
  .ttit-main-page .feature-card,
  .ttit-main-page .mini-card,
  .ttit-main-page .story-card,
  .ttit-main-page .detail-card,
  .ttit-main-page .metric-card,
  .ttit-main-page .review-card,
  .ttit-main-page .compare-table-wrap,
  .ttit-main-page .question-card {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}