/* ── Fonts ───────────────────────────────────────────── */
.font-display { font-family: Helvetica, Arial, sans-serif; }
.font-body    { font-family: Helvetica, Arial, sans-serif; }

/* ── Accent helpers ──────────────────────────────────── */
.hero-title em.accent {
    font-style: italic;
    background: linear-gradient(135deg, #16a34a, #15803d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.section-title em.accent {
    font-style: italic;
    color: #16a34a;
}
.dark .section-title em.accent {
    color: #4ade80;
}
.cta-title em.accent {
    font-style: italic;
    color: #16a34a;
}

/* ── Scroll animation ────────────────────────────────── */
[data-animate] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
[data-animate].visible {
    opacity: 1;
    transform: translateY(0);
}

/* ── Pulse dot ───────────────────────────────────────── */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.animate-pulse-dot { animation: pulse-dot 2s infinite; }

/* ── Process connecting line ──────────────────────────── */
.process-line {
    background: linear-gradient(90deg, #16a34a, #0891b2, #7c3aed, #16a34a);
    opacity: 0.3;
}