/* FactoringWerkstatt – Brand Stylesheet */

:root {
    --navy:  #1A2E5A;
    --blue:  #1B4A8B;
    --mid:   #2B6BC8;
    --cyan:  #5BB8F5;
    --light: #EBF4FF;
    --bg:    #F7FAFD;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }

/* ── Scroll Reveal ── */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ── Hero fade-in ── */
.fade-in {
    animation: fadeInUp 0.7s ease both;
}
.fade-in-delay {
    animation: fadeInUp 0.7s ease 0.15s both;
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── FAQ content reveal ── */
.faq-content:not(.hidden) {
    animation: fadeDown 0.2s ease-out;
}
@keyframes fadeDown {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── CTA pulse on mobile ── */
@keyframes subtlePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(26, 46, 90, 0.15); }
    50%       { box-shadow: 0 0 0 8px rgba(26, 46, 90, 0); }
}
.cta-primary:hover { animation: subtlePulse 1.5s ease infinite; }

/* ── Mobile sticky CTA spacer ── */
@media (max-width: 1023px) {
    body { padding-bottom: 72px; }
}

/* ── Print ── */
@media print {
    header, .fixed { display: none !important; }
    body { padding-bottom: 0; }
}