/* Drapr How It Works V2: the page's own <style> blocks, verbatim */
@keyframes menuIn { from { opacity: 0; transform: translateY(-6px) scale(0.98); } to { opacity: 1; transform: none; } }

    @keyframes fdrift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-12%, 10%) scale(1.15); } }
    @keyframes fdrift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(14%, -8%) scale(0.9); } }
    @keyframes okIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { [style*="fdrift"] { animation: none !important; } }
    .ftr-in::placeholder { color: #7A6660; }
  

    body { margin: 0; background: #F7EEE9; font-family: Inter, sans-serif; -webkit-font-smoothing: antialiased; }
    a { color: #6B2A38; text-decoration: none; }
    a:hover { color: #571F2C; }
    a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #6B2A38; outline-offset: 3px; }
    input::placeholder, textarea::placeholder { color: #7A6660; }
    @keyframes drift1 { from { transform: translate(0, 0) scale(1); } to { transform: translate(-10%, 8%) scale(1.15); } }
    @keyframes drift2 { from { transform: translate(0, 0) scale(1); } to { transform: translate(12%, -10%) scale(0.9); } }
    @keyframes drift3 { from { transform: translate(0, 0) scale(1); } to { transform: translate(8%, 10%) scale(1.1); } }
    @keyframes floatA { 0%,100% { transform: translateY(0) rotate(var(--r, 0deg)); } 50% { transform: translateY(-10px) rotate(var(--r, 0deg)); } }
    @keyframes bubbleIn { from { opacity: 0; transform: translateY(10px) scale(0.96); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { [style*="drift"], [style*="floatA"] { animation: none !important; } [style*="bubbleIn"] { animation-duration: 1ms !important; } }
  

    @keyframes flow { from { offset-distance: 0%; } to { offset-distance: 100%; } }
    @keyframes pulseDot { 0% { left: 0%; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
    @keyframes pulseDotR { 0% { left: 100%; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: 0%; opacity: 0; } }
    @keyframes pulseDown { 0% { top: 0%; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
    @keyframes stepfill { from { scale: 0 1; } to { scale: 1 1; } }
    @keyframes ring { 0% { box-shadow: 0 0 0 0 rgba(107,42,56,0.35); } 100% { box-shadow: 0 0 0 22px rgba(107,42,56,0); } }
    @media (prefers-reduced-motion: reduce) { [style*="pulseDot"], [style*="pulseDown"], [style*="ring"], [style*="ring "] { animation: none !important; } }