/* Coordinated entrance, readable scenes and luminous brand accents. */
.lt-hero-line {
  display: inline-block;
  animation: lt-hero-arrive 1.15s cubic-bezier(0.2, 0.75, 0.25, 1) both;
}
.lt-page .lt-hero-line-next {
  animation-delay: 0.16s;
}
.lt-hero-bottom > p {
  animation: lt-copy-arrive 1.1s 0.32s both;
}
.lt-hero-actions {
  animation: lt-copy-arrive 1.1s 0.48s both;
}
.lt-hero-copy {
  position: relative;
  isolation: isolate;
}
.lt-hero-copy:before {
  content: "";
  position: absolute;
  inset: -30% -10%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 28% 48%, #40cadb16, transparent 48%),
    radial-gradient(ellipse at 72% 50%, #977be81c, transparent 48%);
  animation: lt-hero-light 11s ease-in-out infinite alternate;
}
.lt-header .lt-button,
.lt-hero-actions .lt-button {
  position: relative;
  isolation: isolate;
  background: #edf2ff;
  color: #334c85 !important;
  border: 1px solid transparent;
  box-shadow: 0 6px 22px #6584c624;
}
.lt-header .lt-button:before,
.lt-hero-actions .lt-button:before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(
    from var(--lt-border-angle),
    #38c8da,
    #6283e8,
    #b78aed,
    #38c8da
  );
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
  animation: lt-border-turn 5s linear infinite;
}
@property --lt-border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.lt-button {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}
.lt-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #5474b52b;
}
.lt-button:active {
  transform: translateY(0);
}
.lt-feature .lt-sales-preview,
.lt-feature .lt-agenda-preview,
.lt-feature .lt-doc-preview,
.lt-feature .lt-memory-preview {
  position: relative;
  overflow: hidden;
}
.lt-feature.lt-in-view .lt-sales-preview > div:first-child {
  animation: lt-scene-arrive 6.5s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-sales-preview b {
  animation: lt-status-glow 6.5s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-preview-row {
  animation: lt-scene-arrive 6.5s 0.4s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-agenda-preview > div:nth-child(1) {
  animation: lt-scene-arrive 7s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-agenda-preview > div:nth-child(2) {
  animation: lt-scene-arrive 7s 0.5s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-agenda-preview > div:nth-child(1) > i,
.lt-feature.lt-in-view .lt-agenda-preview > div:nth-child(2) > i {
  animation: lt-status-glow 4s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-doc-preview > span:first-child {
  animation: lt-file-float 6s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-doc-preview > b {
  animation: lt-download-flow 3s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-doc-result {
  animation: lt-scene-arrive 6s 0.7s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-memory-preview > span {
  animation: lt-scene-arrive 7s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-memory-preview > p {
  animation: lt-scene-arrive 7s 0.6s ease-in-out infinite;
}
.lt-feature.lt-in-view .lt-memory-preview strong {
  animation: lt-context-glow 7s ease-in-out infinite;
}
.lt-page .lt-plan {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(135deg, #fff 25%, #eef7ff 65%, #f0edff), #f0f5ff;
  border-color: #cddcf4;
  box-shadow: 0 12px 35px #6b87ba15;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.lt-page .lt-plan-pro {
  background: linear-gradient(130deg, #172740, #29335d 58%, #433569), #263451;
  border-color: #777bba;
  box-shadow: 0 18px 45px #554e9326;
}
.lt-plan:before {
  content: "";
  position: absolute;
  left: -30%;
  top: -30%;
  width: 150%;
  height: 80%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse, #50cadd1e, transparent 64%);
  animation: lt-plan-light 12s ease-in-out infinite alternate;
}
.lt-plan-pro:before {
  background: radial-gradient(ellipse, #bd97ff24, transparent 65%);
}
.lt-plan:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #35c8db, #7292ed, #b492e9, #35c8db);
  background-size: 200% 100%;
  animation: lt-brand-flow 7s linear infinite;
}
.lt-plan:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px #5574b82b;
}
.lt-plan-pro .lt-pro-word {
  background: linear-gradient(90deg, #e8f8ff, #c7c7ff, #d9adff, #e8f8ff);
  background-size: 200% 100%;
  color: #eef2ff;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: lt-brand-flow 8s linear infinite;
}
.lt-plan.lt-in-view li {
  animation: lt-copy-arrive 0.7s both;
}
.lt-plan li:nth-child(2) {
  animation-delay: 0.07s !important;
}
.lt-plan li:nth-child(3) {
  animation-delay: 0.14s !important;
}
.lt-plan li:nth-child(4) {
  animation-delay: 0.21s !important;
}
.lt-plan li:nth-child(5) {
  animation-delay: 0.28s !important;
}
.lt-plan li:nth-child(6) {
  animation-delay: 0.35s !important;
}
.lt-team-avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.lt-team-apps > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  min-width: 43px;
  min-height: 43px;
}
.lt-team-apps img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.lt-app-picker button > img {
  object-fit: contain;
}
.lt-team-agents {
  padding-bottom: 0;
}
@keyframes lt-hero-arrive {
  from {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
@keyframes lt-copy-arrive {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lt-hero-light {
  from {
    transform: translateX(-3%) scale(0.95);
  }
  to {
    transform: translateX(3%) scale(1.06);
  }
}
@keyframes lt-border-turn {
  to {
    --lt-border-angle: 360deg;
  }
}
@keyframes lt-scene-arrive {
  0%,
  100% {
    opacity: 0.94;
    transform: translateY(5px);
  }
  14%,
  78% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lt-status-glow {
  0%,
  100% {
    box-shadow: 0 0 0 0 #70aac800;
  }
  50% {
    box-shadow: 0 0 0 5px #70aac815;
  }
}
@keyframes lt-file-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes lt-download-flow {
  0%,
  100% {
    transform: translateY(-3px);
    opacity: 0.7;
  }
  50% {
    transform: translateY(4px);
    opacity: 1;
  }
}
@keyframes lt-context-glow {
  0%,
  100% {
    color: #47597a;
  }
  50% {
    color: #6655a0;
  }
}
@keyframes lt-plan-light {
  from {
    transform: translate(-8%, -4%);
  }
  to {
    transform: translate(18%, 15%);
  }
}
@keyframes lt-brand-flow {
  to {
    background-position: 200% 0;
  }
}
.lt-page[data-paused="true"] .lt-hero-line,
.lt-page[data-paused="true"] .lt-hero-bottom > p,
.lt-page[data-paused="true"] .lt-hero-actions,
.lt-page[data-paused="true"] .lt-plan li {
  animation: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
.lt-page[data-paused="true"] .lt-button,
.lt-page[data-paused="true"] .lt-plan {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .lt-hero-line,
  .lt-hero-bottom > p,
  .lt-hero-actions,
  .lt-plan li {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .lt-hero-copy:before,
  .lt-plan:before,
  .lt-plan:after,
  .lt-pro-word,
  .lt-feature.lt-in-view div,
  .lt-feature.lt-in-view span,
  .lt-feature.lt-in-view b,
  .lt-feature.lt-in-view strong,
  .lt-button:before {
    animation: none !important;
  }
  .lt-button,
  .lt-plan {
    transition: none !important;
  }
}
@media (max-width: 560px) {
  .lt-hero-copy:before {
    inset: -10% -5%;
  }
  .lt-plan:hover {
    transform: none;
  }
}
.lt-page[data-paused="true"] *::before,
.lt-page[data-paused="true"] *::after {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  .lt-page *::before,
  .lt-page *::after {
    animation: none !important;
  }
}