/**
 * Golden Promise — white text with gold outline (headline + agent name).
 */
:root {
    --gold-promise-stroke: #c9b06a;
    --gold-promise-ring: rgba(196, 163, 90, 0.75);
    --white-max: #ffffff;
}

.funnel-container .welcome-title,
.funnel-container .agent-name {
    color: var(--white-max);
    -webkit-text-fill-color: var(--white-max);
    -webkit-text-stroke: 1px var(--gold-promise-stroke);
    paint-order: stroke fill;
    /* .phase.active * { filter: blur(0) } breaks stroke on iOS — reset on the text itself */
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Mobile / touch: thin text-shadow ring — stroke + paint-order fail under WebKit compositing */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .funnel-container .welcome-title,
    .funnel-container .agent-name {
        -webkit-text-stroke: 0 transparent;
        paint-order: normal;
        text-shadow:
            -1px -1px 0 var(--gold-promise-ring),
            1px -1px 0 var(--gold-promise-ring),
            -1px 1px 0 var(--gold-promise-ring),
            1px 1px 0 var(--gold-promise-ring),
            0 -1px 0 var(--gold-promise-ring),
            0 1px 0 var(--gold-promise-ring),
            -1px 0 0 var(--gold-promise-ring),
            1px 0 0 var(--gold-promise-ring),
            0 1px 3px rgba(0, 0, 0, 0.35);
    }
}

@media (prefers-reduced-motion: reduce) {
    .welcome-title {
        opacity: 1 !important;
    }
}