);
}
// ---- DESKTOP / console: upright browser window, contained right, 10% empty top, bleeds right edge ----
const vpW = 1280, vpH = 800;
const Wf = 560, Hf = Math.round(Wf * (vpH / vpW));
const s = Wf / vpW;
const dvpH = Math.round(Hf / s);
return (
{["#ff5f57", "#febc2e", "#28c840"].map((c, i) => )}
{Comp ? (
{}} />
) : (
)}
{/* left scrim — keeps the text fully legible over the hero gradient */}
);
}
window.LiveMock = LiveMock;
// ============================================================
// Cover · portada "vendedor" de cada rol
// ============================================================
function RoleCover({ guide, roleId, onEnter, onSection }) {
if (!guide) return null;
const accent = guide.accent;
const prev = guide.journeyPrev, next = guide.journeyNext;
const metaPrev = prev && ROLE_META[prev.role];
const metaNext = next && ROLE_META[next.role];
return (