/*
 * Dailera local behavior layer.
 * The layout, type, spacing, colors, and source artwork come from the
 * authorized source capture. This file only supplies rebranding and safe,
 * static interaction behavior that the original server runtime provided.
 */

.dailera-mark {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  height: var(--mark-h);
  justify-content: center;
  width: var(--mark-h);
}

.dailera-mark img {
  display: block;
  height: 100%;
  width: 100%;
}

[data-reveal] {
  transform: translateY(18px);
  transition:
    opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-reveal].is-visible {
  opacity: 1 !important;
  transform: none !important;
}

#features .overflow-hidden > .flex {
  transition: transform 550ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

#pricing [data-price-role] {
  display: inline-block;
  font-variant-numeric: tabular-nums;
  transition:
    opacity 180ms ease,
    transform 250ms ease;
}

#pricing [data-price-role].is-changing {
  opacity: 0.35;
  transform: translateY(4px);
}

#pricing button {
  cursor: pointer;
}

.dailera-testimonial-changing {
  opacity: 0 !important;
  transform: translateX(-24px) scale(0.97) !important;
  transition:
    opacity 180ms ease-in,
    transform 180ms ease-in;
}

.legal-content h2 {
  color: var(--foreground);
  font-family: var(--font-display), Georgia, serif;
  font-size: 1.75rem;
  line-height: 1.2;
  margin-top: 2.5rem;
}

.legal-content a {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.dailera-type-cursor {
  animation: dailera-cursor-blink 850ms steps(1, end) infinite;
  border-right: 1.5px solid currentColor;
  display: inline-block;
  height: 0.9em;
  margin-left: 0.08em;
  vertical-align: -0.05em;
}

@keyframes dailera-cursor-blink {
  50% {
    opacity: 0;
  }
}

.dailera-wordmark-visible {
  filter: blur(0) !important;
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

main > section:not([id]) img[src*="/images/wordmarks/"] {
  transition: opacity 420ms ease;
}

main > section:not([id]) img[src*="/images/wordmarks/"] {
  opacity: 1;
}

main
  > section:not([id])
  img[src*="/images/wordmarks/"]
  :where(*) {
  pointer-events: none;
}

main
  > section:not([id])
  img[src*="/images/wordmarks/"] {
  will-change: opacity;
}

main
  > section:not([id])
  :has(> img[src*="/images/wordmarks/"]) {
  transition:
    opacity 420ms ease,
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 420ms ease !important;
  will-change: opacity, transform, filter;
}

.dailera-how-card {
  opacity: 0;
  transform: translateY(28px) scale(0.97);
  transition:
    opacity 650ms ease calc(var(--dailera-card-index) * 110ms),
    transform 750ms cubic-bezier(0.22, 1, 0.36, 1)
      calc(var(--dailera-card-index) * 110ms);
}

.dailera-how-active .dailera-how-card {
  opacity: 1;
  transform: none;
}

.dailera-how-card:hover {
  transform: scale(1.025);
}

.dailera-how-active .dailera-how-app {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition:
    opacity 520ms ease calc(var(--dailera-app-index) * 150ms),
    transform 720ms cubic-bezier(0.34, 1.56, 0.64, 1)
      calc(var(--dailera-app-index) * 150ms) !important;
}

.dailera-how-active .dailera-app-check {
  transform: scale(1) !important;
  transition: transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1)
    calc(550ms + var(--dailera-app-index) * 150ms) !important;
}

.dailera-agent-email {
  display: inline-block;
  max-width: 0;
  width: auto !important;
}

.dailera-how-active .dailera-agent-email {
  animation: dailera-email-type 1.6s steps(21, end) 500ms forwards;
}

@keyframes dailera-email-type {
  to {
    max-width: 21ch;
  }
}

.dailera-mail-card {
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dailera-mail-card:hover {
  transform: translateY(-6px) rotate(-0.4deg);
}

.dailera-task-working {
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.dailera-task-activity {
  animation: dailera-task-activity 500ms ease-out both;
}

@keyframes dailera-task-activity {
  from {
    height: 0;
    opacity: 0;
  }
}

#integrations .perspective-dramatic > div:first-child {
  transform-origin: center bottom;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 768px) {
  #integrations .perspective-dramatic > div:first-child {
    transform: perspective(900px) rotateX(6deg) scaleY(0.9);
  }

  #integrations .perspective-dramatic:hover > div:first-child {
    transform: perspective(900px) rotateX(0) scaleY(1);
  }
}

.dailera-pill-brand,
.dailera-pill-actions {
  display: none;
}

@media (min-width: 1024px) {
  header nav [data-dailera-outer-brand],
  header nav [data-dailera-outer-actions] {
    transition:
      opacity 380ms ease,
      filter 380ms ease,
      transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .dailera-pill-brand,
  .dailera-pill-actions {
    align-items: center;
    display: flex;
    filter: blur(4px);
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(6px);
    transition:
      opacity 380ms ease,
      filter 380ms ease,
      transform 450ms cubic-bezier(0.22, 1, 0.36, 1),
      max-width 500ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .dailera-pill-brand {
    transform: translateX(-6px);
  }

  .dailera-pill-brand > a {
    align-items: center;
    display: flex;
    white-space: nowrap;
  }

  .dailera-pill-actions-inner {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    white-space: nowrap;
  }

  header nav.dailera-nav-scrolled [data-dailera-outer-brand],
  header nav.dailera-nav-scrolled [data-dailera-outer-actions] {
    filter: blur(4px);
    opacity: 0;
    pointer-events: none;
  }

  header nav.dailera-nav-scrolled [data-dailera-outer-brand] {
    transform: translateX(8px);
  }

  header nav.dailera-nav-scrolled [data-dailera-outer-actions] {
    transform: translateX(-8px);
  }

  header nav.dailera-nav-scrolled .dailera-pill-brand,
  header nav.dailera-nav-scrolled .dailera-pill-actions {
    filter: none;
    max-width: 12rem;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  header nav.dailera-nav-scrolled .absolute.inset-0.z-20 {
    background-color: var(--color-card) !important;
    box-shadow:
      0 1px 2px rgb(0 0 0 / 0.08),
      0 8px 22px rgb(0 0 0 / 0.08);
    gap: 0.5rem !important;
    padding-left: 0.875rem !important;
    padding-right: 0.5rem !important;
    ring: 1px solid var(--color-border);
    backdrop-filter: blur(16px);
    border: 1px solid var(--color-border);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
}