/* Orbit landing page: custom styles (Tailwind handles the rest via CDN) */

/* soft gold breathing glow, same vibe as the app's collapsed pill */
@keyframes breathe {
  0%, 100% { box-shadow: 0 0 18px 0 rgba(224, 169, 75, 0.25); }
  50%      { box-shadow: 0 0 34px 4px rgba(224, 169, 75, 0.45); }
}
.glow { animation: breathe 3.2s ease-in-out infinite; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.7s ease-out both; }
.fade-up-1 { animation-delay: 0.10s; }
.fade-up-2 { animation-delay: 0.22s; }
.fade-up-3 { animation-delay: 0.34s; }

/* keyboard focus: gold ring, matches the brand accent */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #e0a94b;
  outline-offset: 3px;
  border-radius: 9999px;
}

/* honour users who turn animations off */
@media (prefers-reduced-motion: reduce) {
  .glow, .fade-up, .fade-up-1, .fade-up-2, .fade-up-3 {
    animation: none;
  }
  html { scroll-behavior: auto; }
}

/* faint starfield like the app's welcome screen */
.stars {
  background-image:
    radial-gradient(1px 1px at 15% 30%, rgba(224,169,75,.35) 0, transparent 100%),
    radial-gradient(1px 1px at 70% 20%, rgba(236,231,223,.20) 0, transparent 100%),
    radial-gradient(1.5px 1.5px at 85% 65%, rgba(224,169,75,.25) 0, transparent 100%),
    radial-gradient(1px 1px at 40% 80%, rgba(236,231,223,.15) 0, transparent 100%),
    radial-gradient(1px 1px at 55% 45%, rgba(224,169,75,.20) 0, transparent 100%);
}

/* hero app mockup: match real window control + input dock geometry */
.mockup-win-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.mockup-win-btn__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
}
.mockup-input {
  min-height: 50px;
}
.mockup-input__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 9999px;
}
.mockup-input__send {
  background: #e0a94b;
}
.mockup-plan li {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
}