/* Accessible static scenes are the default; desktop animation is an enhancement. */
html { scroll-padding-top: 88px; }
body { overflow-wrap: break-word; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--beige); outline-offset: 4px; }
.panel-box, .hero-content, .final-cta-content { min-width: 0; }
.panel-body, .chat-input-text { overflow-wrap: anywhere; }
.split-safe-example { display: none; }
.live-typing { min-height: 4.8em; }
.hero-headline .gradient-text {
  background: linear-gradient(135deg, #6477db, #efd5a8);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-toggle[aria-expanded="true"] span:first-child { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:last-child { transform: rotate(-45deg) translate(5px, -5px); }
/* Content stays readable with JavaScript disabled or a blocked animation CDN. */
.eyebrow, .section-headline, .stat-card, .step-card, .demo-wrapper,
.payload-panels, .final-cta-headline, .final-cta-sub,
.final-cta-buttons, .final-cta-note { opacity: 1; transform: none; }
html:not(.desktop-scenes) .scene-feature-reel {
  width: 100%; height: auto; min-height: 0; padding: 80px 24px;
  overflow: visible; perspective: none;
}
html:not(.desktop-scenes) .feature-header-wrap {
  position: static; transform: none; width: 100%; margin-bottom: 32px;
}
html:not(.desktop-scenes) .feature-header-wrap .hero-headline { font-size: clamp(28px, 5vw, 42px) !important; }
html:not(.desktop-scenes) .feature-progress-bar { display: none; }
html:not(.desktop-scenes) .feature-cards-deck {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
  width: 100%; max-width: 1000px; height: auto; margin: 0;
}
html:not(.desktop-scenes) .flashcard {
  position: relative; inset: auto; width: 100%; height: auto; min-width: 0;
  margin: 0; padding: 32px 24px; opacity: 1 !important;
  transform: none !important; will-change: auto; box-shadow: none !important;
}
html:not(.desktop-scenes) .fc-title { font-size: clamp(24px, 3vw, 30px); line-height: 1.25; margin-bottom: 16px; }
html:not(.desktop-scenes) .fc-desc { font-size: 16px; margin-bottom: 16px; }
html:not(.desktop-scenes) .scene-split-screen {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
  width: 100%; height: auto; min-height: 0; padding: 32px 24px 80px;
  max-width: 1048px; margin-inline: auto; overflow: visible;
}
html:not(.desktop-scenes) .split-side, html:not(.desktop-scenes) .split-divider { display: none; }
html:not(.desktop-scenes) .split-prompt-wrapper {
  position: static; inset: auto; transform: none; width: 100%; min-width: 0;
  font-size: 14px; padding: 28px; line-height: 1.8; overflow-wrap: anywhere;
}
html:not(.desktop-scenes) .split-prompt-wrapper::before {
  content: 'WITHOUT ELDORA'; display: block; margin-bottom: 20px;
  color: #f1b2ad; font-size: 12px; letter-spacing: .1em; font-weight: 700;
}
html:not(.desktop-scenes) .split-safe-example { display: block; border-color: rgba(239,213,168,.3); }
html:not(.desktop-scenes) .split-safe-example::before { content: 'WITH ELDORA'; color: var(--beige); }
html:not(.desktop-scenes) .warn-icon { animation: none; }
@media (max-width: 1024px), (pointer: coarse) {
  html { scroll-snap-type: none; scroll-behavior: auto; }
  .hero, .section, .final-cta { min-height: 0; scroll-snap-align: none; }
  .section, .final-cta { padding-block: 72px; }
  .hero { min-height: 650px; min-height: min(100svh, 820px); }
  .hero-content, .hero-visual, .parallax-layer { transform: none !important; opacity: 1 !important; will-change: auto; }
  .orb { display: none; }
  .hero-bg::before { background: radial-gradient(ellipse at 50% 30%, rgba(6,28,121,.3), transparent 75%); }
  .hero-bg::after { background-size: 48px 48px; }
  .marquee-wrapper {
    min-width: 0; overflow-x: auto; overflow-y: hidden;
    overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
    mask-image: none; -webkit-mask-image: none;
    scrollbar-width: thin; scrollbar-color: #343440 transparent;
  }
  .marquee-wrapper::-webkit-scrollbar { height: 3px; }
  .marquee-wrapper::-webkit-scrollbar-thumb { background: #343440; border-radius: 3px; }
  .marquee-wrapper:focus-visible { outline: 2px solid var(--beige); outline-offset: 4px; }
  .marquee-track { animation: none; width: max-content; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; padding-bottom: 8px; }
  .company-pill { flex: 0 0 auto; white-space: nowrap; }
  .marquee-track .company-pill:nth-child(n + 9) { display: none; }
  .marquee-container { overflow: visible; mask-image: none; -webkit-mask-image: none; }
  .demo-wrapper, .browser-mockup, .connector-line, .live-typing, .eldora-badge { animation: none; }
  .hero-headline .word, .hero-sub, .hero-cta, .hero-proof { opacity: 1; transform: none; animation: none; }
  .hero-headline { font-size: clamp(32px, 6.2vw, 58px); line-height: 1.12; }
  .hero-proof { max-width: 100%; line-height: 1.8; }
  .nav, .nav.scrolled { background: #060608; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .nav-links { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .nav-toggle { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }
  .nav-waitlist, .nav-cta { min-height: 44px; }
  .footer-social a { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
  .stat-card, .step-card, .browser-mockup { will-change: auto; }
}
@media (max-width: 768px) {
  html { scroll-padding-top: 136px; }
  .nav-inner { min-height: 112px; padding-top: max(8px, env(safe-area-inset-top)); }
  .nav-links { max-height: calc(100dvh - 112px); overflow-y: auto; padding: 12px 20px; gap: 4px; }
  .nav-links a { display: block; padding: 12px; min-height: 44px; }
  .hero { padding: 156px 20px 56px; }
  .hero-headline { font-size: clamp(30px, 7.6vw, 48px); }
  .hero-sub { font-size: 16px; line-height: 1.75; margin-bottom: 28px; }
  .hero-cta { gap: 12px; margin-bottom: 20px; }
  .hero-proof { display: block; font-size: 12px; }
  .hero-proof .dot { display: inline; margin: 0 6px; }
  .social-proof { padding: 20px; }
  .social-proof-inner { width: 100%; padding: 0; gap: 14px; align-items: stretch; }
  .social-proof-label { text-align: left; white-space: normal; }
  .marquee-wrapper { width: 100%; flex: auto; }
  .company-pill { padding: 8px 14px; font-size: 12px; white-space: nowrap; }
  .section { padding: 64px 20px; }
  .section-headline { font-size: clamp(28px, 7vw, 36px); line-height: 1.2; margin-bottom: 32px; }
  .stat-cards, .steps-flow, .live-demo-section, .demo-wrapper { max-width: 100%; }
  .step-desc { margin-inline: auto; }
  .panel-box { width: 100%; padding: 20px; }
  .chat-input-text { padding-bottom: 44px; }
  .animated-badge { max-width: calc(100% - 36px); font-size: 10px; padding: 6px 9px; }
  html:not(.desktop-scenes) .scene-feature-reel { padding: 64px 20px; }
  html:not(.desktop-scenes) .feature-cards-deck { grid-template-columns: 1fr; gap: 16px; }
  html:not(.desktop-scenes) .flashcard { padding: 28px 22px; border-radius: 18px; }
  html:not(.desktop-scenes) .scene-split-screen { grid-template-columns: 1fr; padding: 0 20px 64px; gap: 16px; }
  html:not(.desktop-scenes) .split-prompt-wrapper { padding: 24px 20px; }
  .fc-tags { gap: 8px; }
  .fc-tag { font-size: 12px; padding: 6px 10px; }
  .final-cta { padding: 64px 20px; }
  .final-cta-headline { font-size: clamp(28px, 7vw, 36px); }
  .final-cta-content { width: 100%; }
  .final-cta-bg { display: none; }
  .footer { padding: 40px 20px 24px; }
  .footer-inner { margin-bottom: 28px; }
  .footer-bottom { gap: 20px; }
  .footer-copy { line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-snap-type: none; scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .hero-content, .hero-visual, .hero-headline .word, .hero-sub, .hero-cta, .hero-proof { opacity: 1 !important; transform: none !important; }
}