{"id":3853,"date":"2026-05-05T08:38:11","date_gmt":"2026-05-05T06:38:11","guid":{"rendered":"https:\/\/vexcosolutions.com\/?page_id=3853"},"modified":"2026-05-05T09:03:33","modified_gmt":"2026-05-05T07:03:33","slug":"inicio","status":"publish","type":"page","link":"https:\/\/vexcosolutions.com\/es\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3853\" class=\"elementor elementor-3853\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ce5aa3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2ce5aa3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5d962f\" data-id=\"f5d962f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d27fa84 elementor-widget elementor-widget-html\" data-id=\"d27fa84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ========================================================\n     VEXCO \u2014 LANDING BODY v1 (sin header ni footer)\n     HubSpot Solutions Partner \u00b7 Orange #FF7A59 + Black\n     Pegar en: Elementor Pro \u2192 Page \u2192 HTML Widget\n     ======================================================== -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n  \/* Variables globales \u2014 VEXCO BRAND (Orange HubSpot + Black) *\/\n  :root {\n    --bg:        #0a0a0a;\n    --bg-elev:   rgba(255, 255, 255, 0.018);\n    --bg-warm:   rgba(255, 122, 89, 0.025);\n    --line:      rgba(255, 255, 255, 0.08);\n    --line-strong: rgba(255, 255, 255, 0.16);\n    --ink:       #f5f3ee;\n    --ink-soft:  rgba(245, 243, 238, 0.78);\n    --muted:     rgba(245, 243, 238, 0.5);\n    --soft:      rgba(245, 243, 238, 0.22);\n    --paper:     rgba(255, 255, 255, 0.04);\n    --paper-2:   rgba(255, 255, 255, 0.06);\n    --accent:    #FF7A59;          \/* HubSpot Orange *\/\n    --accent-2:  #FF8F73;\n    --accent-3:  #FF5C35;          \/* Deeper orange for hovers *\/\n    --accent-soft: rgba(255, 122, 89, 0.15);\n    --accent-glow: rgba(255, 122, 89, 0.4);\n    --positive:  #8FD9B0;\n    --container: 1280px;\n  }\n  body {\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    font-weight: 400;\n    color: var(--ink);\n    line-height: 1.4;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n    letter-spacing: -0.01em;\n    background-color: var(--bg) !important;\n    background-image:\n      radial-gradient(900px 700px at 85% -5%, rgba(255, 122, 89, 0.12), transparent 60%),\n      radial-gradient(700px 600px at -5% 95%, rgba(255, 122, 89, 0.10), transparent 60%),\n      radial-gradient(500px 500px at 50% 50%, rgba(255, 122, 89, 0.04), transparent 70%),\n      linear-gradient(180deg, #0a0a0a 0%, #050505 50%, #0a0a0a 100%) !important;\n    background-attachment: fixed;\n  }\n  body::before {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image:\n      linear-gradient(to right, rgba(255, 255, 255, 0.028) 1px, transparent 1px),\n      linear-gradient(to bottom, rgba(255, 255, 255, 0.028) 1px, transparent 1px);\n    background-size: 64px 64px;\n    pointer-events: none;\n    z-index: 0;\n  }\n  .vx-landing { position: relative; z-index: 1; letter-spacing: -0.01em; }\n  .vx-landing * { box-sizing: border-box; }\n  .vx-landing a { color: inherit; text-decoration: none; }\n  .vx-landing button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }\n  .vx-landing .label {\n    font-family: 'Inter', sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    font-size: 12px;\n  }\n  .vx-landing .container {\n    max-width: var(--container);\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  @media (min-width: 1100px) {\n    .vx-landing .container { padding: 0 60px; }\n  }\n  \/* ======== LIQUID GLASS BUTTONS ======== *\/\n  .vx-landing .btn-glass {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 14px 24px;\n    background: rgba(255, 255, 255, 0.06);\n    backdrop-filter: blur(20px) saturate(150%);\n    -webkit-backdrop-filter: blur(20px) saturate(150%);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 999px;\n    color: var(--ink); font-size: 14px; font-weight: 500;\n    transition: all 0.25s ease;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 4px 20px rgba(0,0,0,0.3);\n  }\n  .vx-landing .btn-glass:hover { background: rgba(255, 255, 255, 0.12); transform: translateY(-2px); border-color: rgba(255, 255, 255, 0.28); }\n  .vx-landing .btn-accent {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 16px 28px;\n    background: var(--accent); color: #1a0a05;\n    border-radius: 999px; font-size: 14px; font-weight: 600;\n    transition: all 0.25s ease;\n    box-shadow: 0 8px 28px var(--accent-soft), inset 0 1px 0 rgba(255,255,255,0.18);\n  }\n  .vx-landing .btn-accent:hover { transform: translateY(-2px); background: var(--accent-3); box-shadow: 0 12px 36px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,0.18); color: #fff; }\n  \/* ======== HERO ======== *\/\n  .vx-landing .hero {\n    min-height: 92vh;\n    display: flex; flex-direction: column;\n    justify-content: center; align-items: center;\n    text-align: center;\n    padding: 120px 24px 80px;\n    position: relative;\n  }\n  .vx-landing .hero-badge {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 8px 16px;\n    background: var(--accent-soft);\n    border: 1px solid var(--accent);\n    border-radius: 999px;\n    color: var(--accent);\n    font-size: 12px; font-weight: 600;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    margin-bottom: 32px;\n    opacity: 0;\n    animation: vxFadeUp 0.8s ease 0.2s forwards;\n  }\n  .vx-landing .hero-badge::before {\n    content: ''; width: 8px; height: 8px;\n    background: var(--accent); border-radius: 50%;\n    box-shadow: 0 0 12px var(--accent);\n    animation: vxPulseDot 1.6s ease-in-out infinite;\n  }\n  .vx-landing .hero h1 {\n    font-size: clamp(48px, 9vw, 132px);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.05em;\n    color: var(--ink);\n    max-width: 1200px;\n    margin: 0 auto;\n    padding-bottom: 0;\n  }\n  .vx-landing .hero h1 .line {\n    display: block;\n    overflow: hidden;\n    padding: 0.06em 0.08em 0.20em;\n    margin: -0.22em 0;\n    line-height: 1;\n  }\n  .vx-landing .hero h1 .line-3 { font-size: 0.62em; padding-top: 0.16em; margin-top: -0.16em; }\n  .vx-landing .hero h1 .word { display: inline-block; overflow: hidden; margin: 0 0.18em 0 0; padding: 0.02em 0.06em 0.14em 0; }\n  .vx-landing .hero h1 .word:last-child { margin-right: 0; padding-right: 0.08em; }\n  .vx-landing .hero h1 .char {\n    display: inline-block;\n    transform: translateY(110%);\n    animation: vxRise 1.1s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n    padding-bottom: 0.06em;\n  }\n  .vx-landing .hero h1 .accent { color: var(--accent); }\n  .vx-landing .hero h1 .line-1 .char { animation-delay: calc(0.04s * var(--i) + 0.4s); }\n  .vx-landing .hero h1 .line-2 .char { animation-delay: calc(0.04s * var(--i) + 0.8s); }\n  .vx-landing .hero h1 .line-3 .char { animation-delay: calc(0.04s * var(--i) + 1.2s); }\n  @keyframes vxRise { to { transform: translateY(0); } }\n  .vx-landing .hero-meta { margin-top: 32px; max-width: 620px; color: var(--ink-soft); font-size: 18px; line-height: 1.55; opacity: 0; animation: vxFadeUp 0.9s ease 1.9s forwards; text-wrap: balance; -webkit-hyphens: none; hyphens: none; }\n  .vx-landing .hero-cta-row { margin-top: 28px; display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; opacity: 0; animation: vxFadeUp 0.9s ease 2.2s forwards; }\n  .vx-landing .hero-trust { margin-top: 36px; display: flex; gap: 28px; flex-wrap: wrap; justify-content: center; align-items: center; opacity: 0; animation: vxFadeUp 0.9s ease 2.5s forwards; }\n  .vx-landing .hero-trust-item { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; font-weight: 500; }\n  .vx-landing .hero-trust-item strong { color: var(--ink); font-weight: 600; }\n  .vx-landing .hero-trust-item::before { content: '\u2713'; color: var(--accent); font-weight: 700; }\n  @keyframes vxFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n  \/* ======== MARQUEE ======== *\/\n  .vx-landing .marquee { padding: 28px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }\n  .vx-landing .marquee + .marquee { border-top: none; }\n  .vx-landing .marquee-track { display: flex; gap: 60px; white-space: nowrap; animation: vxScrollLeft 50s linear infinite; will-change: transform; }\n  .vx-landing .marquee-item { color: var(--ink); font-size: 22px; font-weight: 400; letter-spacing: -0.02em; display: flex; align-items: center; gap: 60px; }\n  .vx-landing .marquee-item::after { content: '\u2731'; color: var(--accent); font-size: 14px; }\n  @keyframes vxScrollLeft { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  \/* ======== TOAST TICKER ======== *\/\n  .vx-landing .toast-band { background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(8px); padding: 24px 0; border-bottom: 1px solid var(--line); overflow: hidden; position: relative; }\n  .vx-landing .toast-band::before, .vx-landing .toast-band::after { content: ''; position: absolute; top: 0; bottom: 0; width: 140px; z-index: 2; pointer-events: none; }\n  .vx-landing .toast-band::before { left: 0; background: linear-gradient(90deg, #050505, transparent); }\n  .vx-landing .toast-band::after { right: 0; background: linear-gradient(-90deg, #050505, transparent); }\n  .vx-landing .toast-track { display: flex; gap: 16px; white-space: nowrap; animation: vxScrollLeft 60s linear infinite; }\n  .vx-landing .toast { display: inline-flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 18px 10px 12px; border-radius: 14px; flex-shrink: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }\n  .vx-landing .toast-icon { width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,0.1); color: var(--ink); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; }\n  .vx-landing .toast-icon.accent { background: var(--accent); color: #1a0a05; }\n  .vx-landing .toast-icon.positive { background: var(--positive); color: #0a1424; }\n  .vx-landing .toast-text { display: flex; flex-direction: column; gap: 1px; }\n  .vx-landing .toast-text small { font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; font-size: 10px; color: var(--muted); }\n  .vx-landing .toast-text strong { font-weight: 500; font-size: 14px; color: var(--ink); letter-spacing: -0.01em; }\n  \/* ======== SECTION BASE ======== *\/\n  .vx-landing .section { padding: 120px 0; }\n  .vx-landing .section-eyebrow { color: var(--muted); margin-bottom: 32px; display: flex; align-items: center; gap: 12px; }\n  .vx-landing .section-eyebrow::before { content: ''; width: 24px; height: 1px; background: var(--accent); }\n  .vx-landing .section-title { font-size: clamp(32px, 5vw, 64px); font-weight: 500; line-height: 1.04; letter-spacing: -0.04em; max-width: 900px; margin-bottom: 24px; color: var(--ink); }\n  .vx-landing .section-title .accent { color: var(--accent); }\n  .vx-landing .section-lead { font-size: 19px; line-height: 1.55; color: var(--ink-soft); max-width: 620px; }\n  \/* ======== PAINS ======== *\/\n  .vx-landing .pains { padding: 120px 0; background: var(--bg-elev); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); backdrop-filter: blur(2px); }\n  .vx-landing .pains-head { margin-bottom: 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; }\n  @media (max-width: 800px) { .vx-landing .pains-head { grid-template-columns: 1fr; gap: 24px; } }\n  .vx-landing .pains-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n  @media (max-width: 1000px) { .vx-landing .pains-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 600px) { .vx-landing .pains-grid { grid-template-columns: 1fr; } }\n  .vx-landing .pain-card { background: var(--paper); backdrop-filter: blur(16px); border: 1px solid var(--line); padding: 28px; border-radius: 14px; display: flex; flex-direction: column; gap: 24px; transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s; }\n  .vx-landing .pain-card:hover { border-color: var(--accent); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(255, 122, 89, 0.12); }\n  .vx-landing .pain-mock { aspect-ratio: 16 \/ 9; background: rgba(0,0,0,0.4); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; padding: 16px; }\n  .vx-landing .pain-text small { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; display: block; }\n  .vx-landing .pain-text h3 { font-size: 22px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.2; color: var(--ink); margin-bottom: 10px; }\n  .vx-landing .pain-text p { font-size: 14px; color: var(--ink-soft); line-height: 1.5; }\n  .vx-landing .pain-cost {\n    margin-top: 14px;\n    padding-top: 14px;\n    border-top: 1px dashed var(--line);\n    font-size: 13px;\n    color: var(--ink-soft);\n    line-height: 1.5;\n    font-weight: 500;\n  }\n  .vx-landing .pain-cost strong {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--accent);\n    margin-right: 8px;\n    vertical-align: 1px;\n  }\n  .vx-landing .mock-tools { display: flex; gap: 8px; flex-wrap: wrap; width: 100%; justify-content: center; }\n  .vx-landing .mock-tool { padding: 8px 14px; background: rgba(255,255,255,0.06); border: 1px solid var(--line); border-radius: 6px; font-size: 11px; font-weight: 500; color: var(--ink-soft); display: flex; align-items: center; gap: 6px; }\n  .vx-landing .mock-tool .x { color: var(--muted); font-weight: 700; }\n  .vx-landing .mock-gauge-wrap { width: 90%; }\n  .vx-landing .mock-gauge { width: 100%; height: 6px; background: rgba(255,255,255,0.1); border-radius: 3px; overflow: hidden; position: relative; }\n  .vx-landing .mock-gauge .fill { width: 18%; height: 100%; background: var(--accent); border-radius: 3px; }\n  .vx-landing .mock-gauge-label { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); text-transform: uppercase; margin-top: 8px; letter-spacing: 0.1em; font-weight: 500; }\n  .vx-landing .mock-gauge-label .accent { color: var(--accent); }\n  .vx-landing .mock-bars { display: flex; align-items: flex-end; gap: 4px; height: 70%; }\n  .vx-landing .mock-bar { width: 14px; background: rgba(255,255,255,0.15); border-radius: 2px 2px 0 0; }\n  .vx-landing .mock-bar.lit { background: var(--accent); opacity: 0.65; }\n  .vx-landing .mock-chat { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 8px; padding: 12px; font-family: ui-monospace, 'SF Mono', monospace; font-size: 12px; color: var(--ink-soft); }\n  .vx-landing .mock-chat .typing::after { content: '_'; animation: vxBlink 1s ease infinite; }\n  @keyframes vxBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } }\n  .vx-landing .mock-dashboard { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 8px; }\n  .vx-landing .mock-row { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; }\n  .vx-landing .mock-row .empty { color: var(--soft); }\n  .vx-landing .mock-funnel { display: flex; flex-direction: column; gap: 6px; width: 90%; }\n  .vx-landing .mock-funnel-row { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--muted); text-transform: uppercase; font-weight: 500; letter-spacing: 0.08em; }\n  .vx-landing .mock-funnel-row span:first-child { width: 70px; flex-shrink: 0; }\n  .vx-landing .mock-funnel-bar { height: 8px; background: var(--accent); border-radius: 2px; flex: 1; }\n  .vx-landing .mock-funnel-row:nth-child(1) .mock-funnel-bar { opacity: 0.85; }\n  .vx-landing .mock-funnel-row:nth-child(2) .mock-funnel-bar { opacity: 0.5; max-width: 55%; }\n  .vx-landing .mock-funnel-row:nth-child(3) .mock-funnel-bar { opacity: 0.3; max-width: 12%; }\n  .vx-landing .mock-funnel-row .num { color: var(--accent); font-weight: 600; min-width: 36px; text-align: right; }\n  \/* PAIN HOVER ANIMATIONS *\/\n  .vx-landing .pain-card:hover .mock-tool .x { animation: vxXPulse 0.9s ease-in-out infinite; }\n  .vx-landing .pain-card:hover .mock-tool:nth-child(2) .x { animation-delay: 0.1s; }\n  .vx-landing .pain-card:hover .mock-tool:nth-child(3) .x { animation-delay: 0.2s; }\n  .vx-landing .pain-card:hover .mock-tool:nth-child(4) .x { animation-delay: 0.3s; }\n  .vx-landing .pain-card:hover .mock-tool:nth-child(5) .x { animation-delay: 0.4s; }\n  .vx-landing .pain-card:hover .mock-tool:nth-child(6) .x { animation-delay: 0.5s; }\n  @keyframes vxXPulse {\n    0%, 100% { color: var(--muted); transform: scale(1); }\n    50% { color: var(--accent); transform: scale(1.5); text-shadow: 0 0 10px var(--accent-glow); }\n  }\n  .vx-landing .pain-card:hover .mock-gauge .fill { animation: vxGaugePulse 1.6s ease-in-out infinite; }\n  @keyframes vxGaugePulse {\n    0%, 100% { width: 18%; box-shadow: none; }\n    50% { width: 34%; box-shadow: 0 0 12px var(--accent-glow); }\n  }\n  .vx-landing .pain-card:hover .mock-gauge-label .accent { animation: vxLabelBlink 0.8s ease-in-out infinite; }\n  @keyframes vxLabelBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }\n  .vx-landing .pain-card:hover .mock-chat { border-color: var(--accent); }\n  .vx-landing .pain-card:hover .mock-chat .typing::after { animation-duration: 0.3s; color: var(--accent); }\n  .vx-landing .pain-card:hover .mock-bar { animation: vxBarUp 1.4s cubic-bezier(.4,0,.6,1) infinite; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(1) { animation-delay: 0s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(2) { animation-delay: 0.08s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(3) { animation-delay: 0.16s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(4) { animation-delay: 0.24s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(5) { animation-delay: 0.32s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(6) { animation-delay: 0.40s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(7) { animation-delay: 0.48s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(8) { animation-delay: 0.56s; }\n  .vx-landing .pain-card:hover .mock-bar:nth-child(9) { animation-delay: 0.64s; }\n  @keyframes vxBarUp {\n    0%, 100% { transform: scaleY(1); filter: brightness(1); }\n    50% { transform: scaleY(1.35); filter: brightness(1.4); }\n  }\n  .vx-landing .pain-card:hover .mock-row .empty { animation: vxRowFlash 1s ease-in-out infinite; }\n  .vx-landing .pain-card:hover .mock-row:nth-child(1) .empty { animation-delay: 0s; }\n  .vx-landing .pain-card:hover .mock-row:nth-child(2) .empty { animation-delay: 0.15s; }\n  .vx-landing .pain-card:hover .mock-row:nth-child(3) .empty { animation-delay: 0.30s; }\n  .vx-landing .pain-card:hover .mock-row:nth-child(4) .empty { animation-delay: 0.45s; }\n  .vx-landing .pain-card:hover .mock-row:nth-child(5) .empty { animation-delay: 0.60s; }\n  @keyframes vxRowFlash {\n    0%, 100% { color: var(--soft); }\n    50% { color: var(--accent); text-shadow: 0 0 8px var(--accent-glow); }\n  }\n  .vx-landing .pain-card:hover .mock-funnel-bar { animation: vxFunnelLeak 1.4s ease-in-out infinite; }\n  .vx-landing .pain-card:hover .mock-funnel-row:nth-child(2) .mock-funnel-bar { animation-delay: 0.2s; }\n  .vx-landing .pain-card:hover .mock-funnel-row:nth-child(3) .mock-funnel-bar { animation-delay: 0.4s; }\n  @keyframes vxFunnelLeak {\n    0%, 100% { filter: brightness(1); }\n    50% { filter: brightness(1.5); box-shadow: 0 0 12px var(--accent-glow); }\n  }\n  \/* ======== SOLUTIONS (HUBSPOT HUBS) ======== *\/\n  .vx-landing .work-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 24px; margin-bottom: 48px; }\n  .vx-landing .work-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }\n  @media (max-width: 1000px) { .vx-landing .work-grid { grid-template-columns: 1fr 1fr; } }\n  @media (max-width: 700px) { .vx-landing .work-grid { grid-template-columns: 1fr; } }\n  .vx-landing .work-tile { display: flex; flex-direction: column; background: var(--paper); backdrop-filter: blur(16px); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); cursor: pointer; }\n  .vx-landing .work-tile:hover { transform: translateY(-6px); border-color: var(--accent); box-shadow: 0 16px 48px rgba(255, 122, 89, 0.15); }\n  .vx-landing .work-media { aspect-ratio: 4 \/ 3; overflow: hidden; position: relative; background: radial-gradient(circle at 50% 30%, rgba(255, 122, 89, 0.20), transparent 60%), linear-gradient(135deg, #1a1a1a, #0a0a0a); border-bottom: 1px solid var(--line); }\n  .vx-landing .work-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.5) 100%); pointer-events: none; }\n  .vx-landing .work-anim { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; color: var(--ink); font-size: clamp(18px, 2.4vw, 24px); font-weight: 500; letter-spacing: -0.03em; text-align: center; padding: 24px 24px 22px; z-index: 3; }\n  .vx-landing .work-icon {\n    position: absolute;\n    width: 80px; height: 80px;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%) translateY(-14px);\n    color: rgba(245, 243, 238, 0.85);\n    z-index: 2;\n    opacity: 0.85;\n    transition: opacity 0.5s ease, color 0.4s ease, filter 0.4s ease;\n  }\n  .vx-landing .work-tile:hover .work-icon { opacity: 1; color: var(--accent); animation: vxPulseOrange 1.6s ease-in-out infinite; }\n  .vx-landing .work-halo {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity 0.7s ease;\n    background: radial-gradient(ellipse at 50% 45%, rgba(255, 122, 89, 0.40), transparent 55%);\n  }\n  .vx-landing .work-tile:hover .work-halo { opacity: 1; }\n  @keyframes vxPulseOrange {\n    0%,100% { filter: drop-shadow(0 0 4px rgba(255,122,89,0.4)); }\n    50%    { filter: drop-shadow(0 0 16px rgba(255,122,89,0.85)); }\n  }\n  .vx-landing .work-info { padding: 24px; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n  .vx-landing .work-info .work-tag { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); font-weight: 500; min-height: 16px; }\n  .vx-landing .work-info h3 { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); line-height: 1.25; min-height: 50px; display: flex; align-items: flex-start; }\n  .vx-landing .work-info p { font-size: 14px; color: var(--ink-soft); line-height: 1.5; margin-top: 4px; flex: 1; }\n  .vx-landing .work-outcome { margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n  .vx-landing .work-outcome small { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; }\n  .vx-landing .work-outcome strong { color: var(--accent); font-weight: 600; font-size: 14px; }\n  \/* ======== SECTORS ======== *\/\n  .vx-landing .sectors { padding: 120px 0; }\n  .vx-landing .sectors-head { text-align: center; max-width: 720px; margin: 0 auto 56px; }\n  .vx-landing .sectors-head .section-eyebrow { justify-content: center; }\n  .vx-landing .sectors-head .section-title { margin-left: auto; margin-right: auto; text-align: center; }\n  .vx-landing .sectors-head .section-lead { margin-left: auto; margin-right: auto; text-align: center; }\n  .vx-landing .sectors-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n  @media (max-width: 1000px) { .vx-landing .sectors-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 600px) { .vx-landing .sectors-grid { grid-template-columns: 1fr; } }\n  .vx-landing .sector-card {\n    background: var(--paper);\n    backdrop-filter: blur(16px);\n    border: 1px solid var(--line);\n    border-radius: 14px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n  }\n  .vx-landing .sector-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, var(--accent-soft) 0%, transparent 50%);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n  .vx-landing .sector-card:hover { border-color: var(--accent); transform: translateY(-4px); }\n  .vx-landing .sector-card:hover::before { opacity: 1; }\n  .vx-landing .sector-card > * { position: relative; z-index: 1; }\n  .vx-landing .sector-icon {\n    width: 44px; height: 44px;\n    border-radius: 10px;\n    background: var(--accent-soft);\n    border: 1px solid var(--accent);\n    display: flex; align-items: center; justify-content: center;\n    color: var(--accent);\n    transition: all 0.3s;\n  }\n  .vx-landing .sector-card:hover .sector-icon { background: var(--accent); color: #1a0a05; box-shadow: 0 0 24px var(--accent-glow); }\n  .vx-landing .sector-icon svg { width: 22px; height: 22px; }\n  .vx-landing .sector-card h4 { font-size: 19px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); }\n  .vx-landing .sector-card p { font-size: 14px; color: var(--ink-soft); line-height: 1.5; }\n  .vx-landing .sector-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }\n  .vx-landing .sector-tag { padding: 4px 10px; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 999px; font-size: 11px; color: var(--ink-soft); font-weight: 500; }\n  .vx-landing .sector-card:hover .sector-tag { border-color: var(--accent-soft); color: var(--ink); }\n  \/* ======== CALCULATOR ======== *\/\n  .vx-landing .calc { padding: 140px 0; position: relative; overflow: hidden; }\n  .vx-landing .calc-inner { position: relative; }\n  .vx-landing .calc-body { margin-top: 80px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: stretch; }\n  @media (max-width: 900px) { .vx-landing .calc-body { grid-template-columns: 1fr; } }\n  .vx-landing .calc-inputs, .vx-landing .calc-output {\n    background: rgba(255,255,255,0.03);\n    backdrop-filter: blur(20px) saturate(150%);\n    -webkit-backdrop-filter: blur(20px) saturate(150%);\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    padding: 40px;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\n  }\n  .vx-landing .calc-input { margin-bottom: 32px; }\n  .vx-landing .calc-input:last-child { margin-bottom: 0; }\n  .vx-landing .calc-input-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; }\n  .vx-landing .calc-input-label { font-size: 12px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }\n  .vx-landing .calc-input-value { font-weight: 500; color: var(--ink); font-size: 22px; letter-spacing: -0.03em; }\n  .vx-landing .calc-slider-wrap { position: relative; padding: 8px 0 6px; }\n  .vx-landing .calc-slider-track-bg {\n    position: absolute;\n    left: 0; right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 8px;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.04);\n    border-radius: 999px;\n    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);\n    pointer-events: none;\n    overflow: hidden;\n  }\n  .vx-landing .calc-slider-track-fill {\n    position: absolute;\n    left: 0;\n    top: 0; bottom: 0;\n    width: var(--val, 50%);\n    background: linear-gradient(90deg, var(--accent-3), var(--accent), var(--accent-2));\n    border-radius: 999px;\n    box-shadow: 0 0 12px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,0.25);\n    transition: width 0.08s linear;\n  }\n  .vx-landing .calc-slider-track-fill::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\n    background-size: 60px 100%;\n    background-repeat: no-repeat;\n    background-position: -60px 0;\n    animation: vxSliderShine 2.4s ease-in-out infinite;\n    border-radius: 999px;\n  }\n  @keyframes vxSliderShine {\n    0% { background-position: -60px 0; }\n    100% { background-position: calc(100% + 60px) 0; }\n  }\n  .vx-landing .calc-slider-ticks {\n    position: absolute;\n    left: 0; right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 8px;\n    pointer-events: none;\n    display: flex;\n    justify-content: space-between;\n    padding: 0 4px;\n  }\n  .vx-landing .calc-slider-ticks span {\n    width: 1px;\n    background: rgba(255,255,255,0.15);\n    height: 4px;\n    align-self: center;\n  }\n  .vx-landing input[type=\"range\"] {\n    -webkit-appearance: none;\n    appearance: none;\n    position: relative;\n    width: 100%;\n    height: 24px;\n    background: transparent;\n    outline: none;\n    margin: 0;\n    cursor: pointer;\n    z-index: 2;\n  }\n  .vx-landing input[type=\"range\"]::-webkit-slider-runnable-track {\n    -webkit-appearance: none;\n    appearance: none;\n    height: 8px;\n    background: transparent;\n    border-radius: 999px;\n  }\n  .vx-landing input[type=\"range\"]::-moz-range-track {\n    height: 8px;\n    background: transparent;\n    border-radius: 999px;\n    border: none;\n  }\n  .vx-landing input[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 22px;\n    height: 22px;\n    margin-top: -7px;\n    background: #fff;\n    border-radius: 50%;\n    cursor: grab;\n    border: 3px solid var(--accent);\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 4px 14px rgba(255, 122, 89, 0.45), 0 0 24px rgba(255, 122, 89, 0.25);\n    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;\n  }\n  .vx-landing input[type=\"range\"]::-moz-range-thumb {\n    width: 22px;\n    height: 22px;\n    background: #fff;\n    border-radius: 50%;\n    cursor: grab;\n    border: 3px solid var(--accent);\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 4px 14px rgba(255, 122, 89, 0.45), 0 0 24px rgba(255, 122, 89, 0.25);\n    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;\n  }\n  .vx-landing input[type=\"range\"]:hover::-webkit-slider-thumb {\n    transform: scale(1.18);\n    border-color: var(--accent-3);\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 6px 22px rgba(255, 122, 89, 0.7), 0 0 36px rgba(255, 122, 89, 0.45);\n  }\n  .vx-landing input[type=\"range\"]:hover::-moz-range-thumb {\n    transform: scale(1.18);\n    border-color: var(--accent-3);\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 6px 22px rgba(255, 122, 89, 0.7), 0 0 36px rgba(255, 122, 89, 0.45);\n  }\n  .vx-landing input[type=\"range\"]:active::-webkit-slider-thumb {\n    cursor: grabbing;\n    transform: scale(1.28);\n  }\n  .vx-landing input[type=\"range\"]:focus { outline: none; }\n  .vx-landing .calc-slider-meta {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 8px;\n    font-size: 10px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--soft);\n    font-weight: 500;\n  }\n  .vx-landing .calc-output { display: flex; flex-direction: column; justify-content: space-between; }\n  .vx-landing .calc-output-block + .calc-output-block { margin-top: 32px; }\n  .vx-landing .calc-output-label { font-size: 12px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }\n  .vx-landing .calc-output-value { font-size: 56px; font-weight: 500; letter-spacing: -0.05em; line-height: 1; color: var(--ink); }\n  .vx-landing .calc-output-uplift { color: var(--accent); font-size: 17px; margin-top: 8px; font-weight: 500; letter-spacing: -0.02em; }\n  .vx-landing .calc-gauge { margin-top: 32px; text-align: center; }\n  .vx-landing .gauge-circle { --pct: 35; width: 180px; height: 180px; border-radius: 50%; background: conic-gradient(var(--accent) calc(var(--pct) * 1%), rgba(255,255,255,0.06) 0); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; transition: background 0.4s ease; }\n  .vx-landing .gauge-inner { width: 144px; height: 144px; border-radius: 50%; background: var(--bg); display: flex; flex-direction: column; align-items: center; justify-content: center; }\n  .vx-landing .gauge-num { font-size: 48px; font-weight: 500; letter-spacing: -0.04em; line-height: 1; color: var(--ink); }\n  .vx-landing .gauge-label { font-size: 11px; color: var(--muted); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 500; }\n  .vx-landing .gauge-verdict { font-size: 17px; color: var(--ink); letter-spacing: -0.02em; font-weight: 500; }\n  .vx-landing .gauge-verdict.warn { color: var(--accent); }\n  .vx-landing .gauge-verdict.good { color: var(--positive); }\n  \/* ======== METHOD DASHBOARD ======== *\/\n  .vx-landing .method { padding: 140px 0; }\n  .vx-landing .method-head { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 64px; }\n  @media (max-width: 800px) { .vx-landing .method-head { grid-template-columns: 1fr; gap: 24px; } }\n  .vx-landing .dashboard {\n    background: rgba(255,255,255,0.03);\n    backdrop-filter: blur(24px) saturate(160%);\n    -webkit-backdrop-filter: blur(24px) saturate(160%);\n    border: 1px solid var(--line);\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 24px 80px rgba(0,0,0,0.4);\n  }\n  .vx-landing .dash-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; border-bottom: 1px solid var(--line); background: rgba(0,0,0,0.2); }\n  .vx-landing .dash-header-left { display: flex; align-items: center; gap: 14px; font-size: 13px; color: var(--ink-soft); }\n  .vx-landing .dash-dot { width: 8px; height: 8px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 4px var(--accent-soft); animation: vxPulseDot 1.5s ease-in-out infinite; }\n  @keyframes vxPulseDot { 0%, 100% { box-shadow: 0 0 0 4px var(--accent-soft); } 50% { box-shadow: 0 0 0 7px transparent; } }\n  .vx-landing .dash-header-right { display: flex; gap: 20px; font-size: 12px; color: var(--muted); letter-spacing: 0.14em; text-transform: uppercase; font-weight: 500; }\n  .vx-landing .dash-header-right span strong { color: var(--ink); font-weight: 600; margin-left: 6px; }\n  .vx-landing .dash-progress { padding: 28px 32px 20px; border-bottom: 1px solid var(--line); }\n  .vx-landing .dash-progress-head { display: flex; justify-content: space-between; margin-bottom: 14px; font-size: 13px; color: var(--ink-soft); }\n  .vx-landing .dash-progress-head strong { color: var(--ink); font-weight: 600; }\n  .vx-landing .dash-bar { height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }\n  .vx-landing .dash-bar-fill { height: 100%; width: 52%; background: linear-gradient(90deg, var(--accent), var(--accent-2)); border-radius: 3px; box-shadow: 0 0 12px var(--accent-glow); }\n  .vx-landing .dash-stages { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 24px; }\n  @media (max-width: 800px) { .vx-landing .dash-stages { grid-template-columns: 1fr 1fr; } }\n  .vx-landing .dash-stage { padding: 14px 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--line); border-radius: 10px; display: flex; flex-direction: column; gap: 8px; }\n  .vx-landing .dash-stage.active { border-color: var(--accent); background: var(--accent-soft); }\n  .vx-landing .dash-stage.done .dash-stage-status { color: var(--positive); }\n  .vx-landing .dash-stage.active .dash-stage-status { color: var(--accent); }\n  .vx-landing .dash-stage.pending .dash-stage-status { color: var(--muted); }\n  .vx-landing .dash-stage-head { display: flex; justify-content: space-between; align-items: center; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; }\n  .vx-landing .dash-stage-status { font-weight: 600; }\n  .vx-landing .dash-stage-name { font-size: 16px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); }\n  .vx-landing .dash-stage-pct { font-size: 13px; color: var(--ink-soft); font-weight: 500; }\n  .vx-landing .dash-body { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; }\n  @media (max-width: 800px) { .vx-landing .dash-body { grid-template-columns: 1fr; } }\n  .vx-landing .dash-panel { padding: 24px 32px; }\n  .vx-landing .dash-panel + .dash-panel { border-left: 1px solid var(--line); }\n  @media (max-width: 800px) { .vx-landing .dash-panel + .dash-panel { border-left: none; border-top: 1px solid var(--line); } }\n  .vx-landing .dash-panel-title { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin-bottom: 18px; }\n  .vx-landing .dash-task-list { display: flex; flex-direction: column; gap: 10px; }\n  .vx-landing .dash-task { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(255,255,255,0.025); border: 1px solid var(--line); border-radius: 8px; font-size: 14px; color: var(--ink-soft); }\n  .vx-landing .dash-task .marker { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; }\n  .vx-landing .dash-task.done .marker { background: var(--positive); color: #0a1424; }\n  .vx-landing .dash-task.done { color: var(--ink); }\n  .vx-landing .dash-task.active .marker { background: var(--accent); color: #1a0a05; }\n  .vx-landing .dash-task.active { color: var(--ink); border-color: var(--accent-soft); background: var(--accent-soft); }\n  .vx-landing .dash-task.pending .marker { background: rgba(255,255,255,0.05); border: 1px solid var(--soft); }\n  .vx-landing .dash-task .task-meta { margin-left: auto; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); font-weight: 500; }\n  .vx-landing .dash-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n  .vx-landing .dash-kpi { padding: 14px; background: rgba(255,255,255,0.025); border: 1px solid var(--line); border-radius: 8px; }\n  .vx-landing .dash-kpi-label { font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin-bottom: 6px; }\n  .vx-landing .dash-kpi-value { font-size: 24px; font-weight: 500; letter-spacing: -0.04em; color: var(--ink); line-height: 1; }\n  .vx-landing .dash-kpi-trend { font-size: 11px; color: var(--positive); margin-top: 4px; font-weight: 500; }\n  .vx-landing .dash-kpi-trend.down { color: var(--accent); }\n  .vx-landing .dash-next { margin-top: 18px; padding: 14px; background: rgba(0,0,0,0.3); border: 1px dashed var(--line); border-radius: 8px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink); }\n  .vx-landing .dash-next small { font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); display: block; margin-bottom: 2px; font-weight: 500; }\n  \/* ======== HUBSPOT PARTNER STRIP ======== *\/\n  .vx-landing .hs-partner-strip {\n    padding: 80px 0;\n    background: linear-gradient(180deg, transparent, rgba(255, 122, 89, 0.05), transparent);\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n  }\n  .vx-landing .hs-partner-grid {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    gap: 48px;\n    max-width: 980px;\n    margin: 0 auto;\n  }\n  @media (max-width: 800px) {\n    .vx-landing .hs-partner-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }\n  }\n  .vx-landing .hs-partner-text small { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); font-weight: 600; display: block; margin-bottom: 8px; }\n  .vx-landing .hs-partner-text h3 { font-size: clamp(22px, 3vw, 30px); font-weight: 500; letter-spacing: -0.03em; color: var(--ink); line-height: 1.2; }\n  .vx-landing .hs-partner-badge {\n    position: relative;\n    width: 180px;\n    height: 180px;\n    flex-shrink: 0;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: vxBadgeFloat 4s ease-in-out infinite;\n  }\n  .vx-landing .hs-partner-badge::before {\n    content: '';\n    position: absolute;\n    inset: 8%;\n    background: radial-gradient(circle, rgba(255, 122, 89, 0.45) 0%, rgba(255, 122, 89, 0.15) 45%, transparent 70%);\n    filter: blur(28px);\n    z-index: 0;\n    animation: vxBadgeGlowPulse 3s ease-in-out infinite;\n    pointer-events: none;\n  }\n  @keyframes vxBadgeGlowPulse {\n    0%, 100% { opacity: 0.7; transform: scale(0.9); }\n    50% { opacity: 1; transform: scale(1.1); }\n  }\n  @keyframes vxBadgeFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n  }\n  .vx-landing .diamond-badge {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n    filter: drop-shadow(0 6px 24px rgba(255, 122, 89, 0.35));\n    transition: transform 0.4s ease, filter 0.4s ease;\n  }\n  .vx-landing .hs-partner-badge:hover .diamond-badge {\n    transform: scale(1.04);\n    filter: drop-shadow(0 8px 32px rgba(255, 122, 89, 0.55));\n  }\n  .vx-landing .hs-partner-stats { display: flex; flex-direction: column; gap: 10px; }\n  .vx-landing .hs-partner-stat { display: flex; align-items: baseline; gap: 12px; padding: 12px 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--line); border-radius: 10px; }\n  .vx-landing .hs-partner-stat strong { font-size: 26px; font-weight: 500; letter-spacing: -0.04em; color: var(--accent); line-height: 1; }\n  .vx-landing .hs-partner-stat span { font-size: 13px; color: var(--ink-soft); }\n  \/* ======== ABOUT IMAGE ======== *\/\n  .vx-landing .about-photos {\n    position: relative;\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    overflow: hidden;\n    min-height: 600px;\n    aspect-ratio: 4 \/ 5;\n    background: linear-gradient(135deg, rgba(255, 122, 89, 0.15), rgba(0,0,0,0.4)),\n                radial-gradient(circle at 30% 30%, rgba(255, 122, 89, 0.30), transparent 60%),\n                #0a0a0a;\n    transition: transform 0.5s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  @media (max-width: 800px) { .vx-landing .about-photos { min-height: 420px; aspect-ratio: 4 \/ 4; } }\n  .vx-landing .about-photos:hover { transform: translateY(-4px); }\n  .vx-landing .about-photos::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 50%, rgba(5,5,5,0.85) 100%);\n  }\n  .vx-landing .about-photos figcaption {\n    position: absolute;\n    bottom: 28px;\n    left: 28px;\n    right: 28px;\n    z-index: 2;\n    color: var(--ink);\n  }\n  .vx-landing .about-photos figcaption small {\n    display: block;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--accent);\n    font-weight: 500;\n    margin-bottom: 6px;\n  }\n  .vx-landing .about-photos figcaption span {\n    font-size: 22px;\n    font-weight: 500;\n    letter-spacing: -0.02em;\n    color: var(--ink);\n  }\n  .vx-landing .about-photos .vx-logo-mark {\n    position: relative; z-index: 1;\n    max-width: 320px;\n    width: 70%;\n    height: auto;\n    display: block;\n    filter: drop-shadow(0 0 60px rgba(255, 122, 89, 0.55)) drop-shadow(0 0 24px rgba(255, 122, 89, 0.4));\n    animation: vxLogoFloat 5s ease-in-out infinite;\n  }\n  @keyframes vxLogoFloat {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-8px); }\n  }\n  \/* ======== ABOUT ======== *\/\n  .vx-landing .about { padding: 140px 0; background: var(--bg-elev); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n  .vx-landing .about-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }\n  @media (max-width: 800px) { .vx-landing .about-grid { grid-template-columns: 1fr; gap: 48px; } }\n  .vx-landing .about-text h2 { font-size: clamp(36px, 5vw, 60px); font-weight: 500; line-height: 1.02; letter-spacing: -0.04em; margin-bottom: 24px; color: var(--ink); }\n  .vx-landing .about-text h2 .accent { color: var(--accent); }\n  .vx-landing .about-text p { color: var(--ink-soft); font-size: 17px; line-height: 1.6; margin-bottom: 32px; max-width: 480px; }\n  .vx-landing .about-stats-row { display: flex; gap: 32px; margin-top: 32px; flex-wrap: wrap; }\n  .vx-landing .about-stat-block { display: flex; flex-direction: column; }\n  .vx-landing .about-stat-block .num { font-size: 48px; font-weight: 500; letter-spacing: -0.05em; line-height: 1; color: var(--ink); }\n  .vx-landing .about-stat-block .num .accent { color: var(--accent); }\n  .vx-landing .about-stat-block .lbl { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); margin-top: 8px; font-weight: 500; }\n  \/* ======== FAQ ======== *\/\n  .vx-landing .faq { padding: 140px 0; }\n  .vx-landing .faq-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 80px; align-items: start; }\n  @media (max-width: 800px) { .vx-landing .faq-grid { grid-template-columns: 1fr; gap: 40px; } }\n  .vx-landing .faq-list { border-top: 1px solid var(--line-strong); }\n  .vx-landing .faq-item { border-bottom: 1px solid var(--line); cursor: pointer; }\n  .vx-landing .faq-q { display: flex; justify-content: space-between; align-items: center; padding: 28px 0; font-size: 19px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); gap: 24px; }\n  .vx-landing .faq-q .toggle { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--line-strong); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.3s; font-size: 16px; color: var(--ink); }\n  .vx-landing .faq-item.open .toggle { transform: rotate(45deg); background: var(--accent); color: #1a0a05; border-color: var(--accent); }\n  .vx-landing .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; color: var(--ink-soft); font-size: 15px; line-height: 1.65; padding-right: 56px; }\n  .vx-landing .faq-item.open .faq-a { max-height: 400px; padding-bottom: 28px; }\n  \/* ======== CONTACT CTA ======== *\/\n  .vx-landing .contact-section { padding: 140px 0; background: var(--bg-warm); border-top: 1px solid var(--line); }\n  .vx-landing .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n  @media (max-width: 900px) { .vx-landing .contact-grid { grid-template-columns: 1fr; gap: 40px; } }\n  .vx-landing .contact-info h2 { font-size: clamp(36px, 5vw, 60px); font-weight: 500; line-height: 1.02; letter-spacing: -0.04em; margin-bottom: 24px; color: var(--ink); }\n  .vx-landing .contact-info h2 .accent { color: var(--accent); }\n  .vx-landing .contact-info p { color: var(--ink-soft); font-size: 17px; line-height: 1.55; margin-bottom: 40px; max-width: 440px; }\n  .vx-landing .contact-info .row { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }\n  .vx-landing .contact-info .row:first-of-type { border-top: 1px solid var(--line); }\n  .vx-landing .contact-info .row small { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); font-weight: 500; min-width: 120px; }\n  .vx-landing .contact-info .row span { font-size: 15px; color: var(--ink); }\n  .vx-landing .contact-cta-card {\n    background: rgba(255,255,255,0.03);\n    backdrop-filter: blur(24px) saturate(150%);\n    -webkit-backdrop-filter: blur(24px) saturate(150%);\n    border: 1px solid var(--line);\n    border-radius: 20px;\n    padding: 48px;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 16px 64px rgba(0,0,0,0.3);\n    text-align: center;\n  }\n  .vx-landing .contact-cta-card .badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--accent-soft); border: 1px solid var(--accent); color: var(--accent); border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 28px; }\n  .vx-landing .contact-cta-card h3 { font-size: clamp(28px, 4vw, 40px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 16px; color: var(--ink); }\n  .vx-landing .contact-cta-card p { color: var(--ink-soft); font-size: 15px; margin-bottom: 32px; line-height: 1.55; }\n  .vx-landing .contact-cta-card .stats-mini { display: flex; justify-content: center; gap: 32px; padding: 20px 0; margin-bottom: 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n  .vx-landing .stats-mini-item { display: flex; flex-direction: column; align-items: center; }\n  .vx-landing .stats-mini-item strong { font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: var(--ink); }\n  .vx-landing .stats-mini-item small { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); font-weight: 500; margin-top: 4px; }\n  .vx-landing .contact-cta-card .btn-accent { padding: 18px 32px; font-size: 15px; }\n  \/* ======== BIG MARQUEE ======== *\/\n  .vx-landing .big-marquee { padding: 80px 0; overflow: hidden; position: relative; }\n  .vx-landing .big-marquee-track { display: flex; gap: 80px; white-space: nowrap; animation: vxScrollLeft 35s linear infinite; will-change: transform; }\n  .vx-landing .big-marquee-track span { font-size: clamp(80px, 14vw, 220px); font-weight: 500; letter-spacing: -0.06em; line-height: 1; color: var(--ink); display: inline-flex; align-items: center; gap: 80px; }\n  .vx-landing .big-marquee-track span::after { content: '\u2731'; font-size: 0.4em; color: var(--accent); }\n  \/* ======== REVEAL ======== *\/\n  .vx-landing .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }\n  .vx-landing .reveal.in { opacity: 1; transform: translateY(0); }\n  \/* ======== QUALIFYING FORM MODAL ======== *\/\n  .qf-modal { position: fixed; inset: 0; z-index: 200; display: none; align-items: center; justify-content: center; padding: 24px; font-family: 'Inter', system-ui, sans-serif; }\n  .qf-modal.open { display: flex; }\n  .qf-backdrop { position: absolute; inset: 0; background: rgba(5, 5, 5, 0.78); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); animation: vxFadeIn 0.3s ease; }\n  @keyframes vxFadeIn { from { opacity: 0; } to { opacity: 1; } }\n  .qf-card {\n    position: relative;\n    width: 100%;\n    max-width: 640px;\n    background: rgba(15, 15, 15, 0.92);\n    backdrop-filter: blur(24px) saturate(160%);\n    -webkit-backdrop-filter: blur(24px) saturate(160%);\n    border: 1px solid var(--line-strong);\n    border-radius: 24px;\n    padding: 40px 48px;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 80px rgba(255, 122, 89, 0.10);\n    animation: vxSlideUp 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n    display: flex;\n    flex-direction: column;\n    min-height: 480px;\n    max-height: 90vh;\n  }\n  @media (max-width: 600px) { .qf-card { padding: 28px 24px; min-height: 100%; max-height: 95vh; } }\n  @keyframes vxSlideUp { from { opacity: 0; transform: translateY(30px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } }\n  .qf-close { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.05); border: 1px solid var(--line); color: var(--ink); font-size: 22px; font-weight: 300; line-height: 1; display: flex; align-items: center; justify-content: center; transition: all 0.2s; cursor: pointer; }\n  .qf-close:hover { background: rgba(255,255,255,0.1); transform: rotate(90deg); }\n  .qf-header { margin-bottom: 32px; }\n  .qf-progress-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }\n  .qf-progress-label { font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink); white-space: nowrap; }\n  .qf-progress-label .qf-progress-current { color: var(--accent); }\n  .qf-progress-pct { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }\n  .qf-progress-dots { display: flex; gap: 6px; width: 100%; }\n  .qf-dot { flex: 1; height: 4px; background: rgba(255,255,255,0.06); border-radius: 2px; transition: background 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, transform 0.3s ease; position: relative; overflow: hidden; }\n  .qf-dot.done { background: var(--accent); }\n  .qf-dot.active { background: var(--accent); box-shadow: 0 0 10px var(--accent-glow); }\n  .qf-dot.active::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);\n    animation: vxDotShine 1.6s ease-in-out infinite;\n  }\n  @keyframes vxDotShine {\n    0% { transform: translateX(-100%); }\n    100% { transform: translateX(100%); }\n  }\n  .qf-step { flex: 1; display: none; flex-direction: column; justify-content: center; animation: vxStepIn 0.45s cubic-bezier(0.22, 1, 0.36, 1); }\n  .qf-step.active { display: flex; }\n  @keyframes vxStepIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n  .qf-step-num { font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }\n  .qf-step-q { font-size: clamp(24px, 3.2vw, 30px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.2; color: var(--ink); margin-bottom: 8px; }\n  .qf-step-sub { font-size: 14px; color: var(--muted); margin-bottom: 28px; line-height: 1.5; }\n  .qf-input { width: 100%; padding: 16px 20px; background: rgba(255,255,255,0.04); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); font-family: inherit; font-size: 17px; transition: all 0.2s; }\n  .qf-input::placeholder { color: var(--muted); }\n  .qf-input:focus { outline: none; border-color: var(--accent); background: rgba(255,255,255,0.06); box-shadow: 0 0 0 4px var(--accent-soft); }\n  textarea.qf-input { resize: vertical; min-height: 120px; }\n  .qf-choices { display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; padding-right: 4px; }\n  .qf-choice { display: flex; align-items: center; gap: 14px; padding: 16px 20px; background: rgba(255,255,255,0.03); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); font-size: 15px; font-weight: 500; text-align: left; transition: all 0.2s; width: 100%; cursor: pointer; font-family: inherit; }\n  .qf-choice:hover { background: rgba(255,255,255,0.06); border-color: var(--line-strong); transform: translateX(4px); }\n  .qf-choice.selected { background: var(--accent-soft); border-color: var(--accent); color: var(--ink); }\n  .qf-choice .qf-choice-key { width: 26px; height: 26px; border-radius: 6px; background: rgba(255,255,255,0.06); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; color: var(--muted); flex-shrink: 0; }\n  .qf-choice.selected .qf-choice-key { background: var(--accent); color: #1a0a05; border-color: var(--accent); }\n  .qf-footer { margin-top: 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }\n  .qf-back { color: var(--muted); font-size: 13px; font-weight: 500; padding: 8px 14px; border-radius: 8px; transition: color 0.2s; cursor: pointer; background: none; border: none; font-family: inherit; }\n  .qf-back:hover { color: var(--ink); }\n  .qf-back[disabled] { visibility: hidden; }\n  .qf-next { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; background: var(--accent); color: #1a0a05; border: none; border-radius: 999px; font-size: 14px; font-weight: 600; transition: all 0.2s; box-shadow: 0 4px 16px var(--accent-soft); cursor: pointer; font-family: inherit; }\n  .qf-next:hover { transform: translateY(-1px); background: var(--accent-3); color: #fff; box-shadow: 0 8px 24px var(--accent-glow); }\n  .qf-next:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }\n  .qf-hint { font-size: 12px; color: var(--muted); text-align: right; }\n  .qf-hint kbd { display: inline-block; padding: 2px 8px; background: rgba(255,255,255,0.08); border: 1px solid var(--line); border-radius: 4px; font-family: ui-monospace, monospace; font-size: 11px; color: var(--ink); margin: 0 2px; }\n  .qf-done { text-align: center; padding: 32px 0; }\n  .qf-done-icon { width: 72px; height: 72px; border-radius: 50%; background: var(--accent-soft); border: 1px solid var(--accent); color: var(--accent); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; font-size: 32px; }\n  .qf-done h3 { font-size: 28px; font-weight: 500; letter-spacing: -0.03em; color: var(--ink); margin-bottom: 12px; }\n  .qf-done p { font-size: 15px; color: var(--ink-soft); line-height: 1.55; max-width: 380px; margin: 0 auto 24px; }\n  body.qf-open { overflow: hidden; }\n  \/* ============================================================\n     ============= RESPONSIVE OVERRIDES =========================\n     ============================================================ *\/\n  @media (max-width: 1024px) {\n    .vx-landing .container { padding: 0 32px; }\n    .vx-landing .section { padding: 90px 0; }\n    .vx-landing .pains, .vx-landing .calc, .vx-landing .method, .vx-landing .about, .vx-landing .faq, .vx-landing .contact-section, .vx-landing .sectors { padding: 90px 0; }\n    .vx-landing .hero { padding: 110px 24px 70px; min-height: 88vh; }\n    .vx-landing .hs-partner-strip { padding: 60px 0; }\n    .vx-landing .big-marquee { padding: 60px 0; }\n  }\n  @media (max-width: 768px) {\n    body { background-attachment: scroll; }\n    body::before { background-size: 40px 40px; }\n    .vx-landing .container { padding: 0 20px; }\n    .vx-landing .section,\n    .vx-landing .pains,\n    .vx-landing .calc,\n    .vx-landing .method,\n    .vx-landing .about,\n    .vx-landing .faq,\n    .vx-landing .sectors,\n    .vx-landing .contact-section { padding: 64px 0; }\n    .vx-landing .hs-partner-strip { padding: 48px 0; }\n    .vx-landing .big-marquee { padding: 40px 0; }\n    .vx-landing .hero { padding: 90px 20px 56px; min-height: auto; }\n    .vx-landing .hero h1 { font-size: clamp(40px, 12vw, 72px); }\n    .vx-landing .hero h1 .line-3 { font-size: 0.55em; }\n    .vx-landing .hero-meta { font-size: 16px; margin-top: 24px; padding: 0 8px; }\n    .vx-landing .hero-cta-row { margin-top: 24px; gap: 10px; flex-direction: column; align-items: stretch; }\n    .vx-landing .hero-cta-row .btn-accent,\n    .vx-landing .hero-cta-row .btn-glass { justify-content: center; width: 100%; }\n    .vx-landing .hero-trust { gap: 18px; }\n    .vx-landing .marquee { padding: 18px 0; }\n    .vx-landing .marquee-item { font-size: 16px; gap: 36px; }\n    .vx-landing .marquee-track { gap: 36px; }\n    .vx-landing .toast-band { padding: 16px 0; }\n    .vx-landing .toast { padding: 8px 14px 8px 10px; }\n    .vx-landing .toast-icon { width: 26px; height: 26px; font-size: 12px; }\n    .vx-landing .toast-text small { font-size: 9px; }\n    .vx-landing .toast-text strong { font-size: 12px; }\n    .vx-landing .toast-band::before, .vx-landing .toast-band::after { width: 60px; }\n    .vx-landing .section-title { font-size: clamp(28px, 7vw, 40px); margin-bottom: 18px; }\n    .vx-landing .section-lead { font-size: 16px; }\n    .vx-landing .section-eyebrow { margin-bottom: 20px; font-size: 11px; }\n    .vx-landing .pains-head { margin-bottom: 36px; }\n    .vx-landing .pains-grid { gap: 14px; }\n    .vx-landing .pain-card { padding: 22px; gap: 18px; }\n    .vx-landing .pain-text h3 { font-size: 19px; }\n    .vx-landing .pain-text p { font-size: 13px; }\n    .vx-landing .work-head { margin-bottom: 32px; }\n    .vx-landing .work-grid { gap: 16px; }\n    .vx-landing .work-icon { width: 64px; height: 64px; }\n    .vx-landing .work-info { padding: 20px; }\n    .vx-landing .work-info h3 { font-size: 18px; }\n    .vx-landing .work-info p { font-size: 13px; }\n    .vx-landing .sector-card { padding: 22px; }\n    .vx-landing .sector-card h4 { font-size: 17px; }\n    .vx-landing .calc-body { margin-top: 36px; gap: 18px; }\n    .vx-landing .calc-inputs, .vx-landing .calc-output { padding: 24px; border-radius: 14px; }\n    .vx-landing .calc-input { margin-bottom: 22px; }\n    .vx-landing .calc-input-value { font-size: 18px; }\n    .vx-landing .calc-output-value { font-size: 40px; }\n    .vx-landing .gauge-circle { width: 150px; height: 150px; }\n    .vx-landing .gauge-inner { width: 118px; height: 118px; }\n    .vx-landing .gauge-num { font-size: 38px; }\n    .vx-landing .method-head { margin-bottom: 36px; }\n    .vx-landing .dash-header { padding: 12px 16px; flex-wrap: wrap; gap: 8px; }\n    .vx-landing .dash-header-left, .vx-landing .dash-header-right { font-size: 11px; gap: 10px; }\n    .vx-landing .dash-header-right { flex-wrap: wrap; }\n    .vx-landing .dash-progress { padding: 18px 18px 14px; }\n    .vx-landing .dash-stages { grid-template-columns: 1fr 1fr; gap: 10px; }\n    .vx-landing .dash-stage { padding: 10px 12px; }\n    .vx-landing .dash-stage-name { font-size: 14px; }\n    .vx-landing .dash-body { grid-template-columns: 1fr; }\n    .vx-landing .dash-panel { padding: 18px 20px; }\n    .vx-landing .dash-panel + .dash-panel { border-left: none; border-top: 1px solid var(--line); }\n    .vx-landing .dash-task { font-size: 13px; padding: 8px 10px; }\n    .vx-landing .dash-task .task-meta { font-size: 10px; }\n    .vx-landing .dash-kpi { padding: 12px; }\n    .vx-landing .dash-kpi-value { font-size: 20px; }\n    .vx-landing .hs-partner-badge { width: 140px; height: 140px; }\n    .vx-landing .about-grid { gap: 32px; }\n    .vx-landing .about-text h2 { font-size: clamp(30px, 7vw, 44px); margin-bottom: 18px; }\n    .vx-landing .about-text p { font-size: 15px; margin-bottom: 24px; }\n    .vx-landing .about-stats-row { gap: 24px; margin-top: 24px; }\n    .vx-landing .about-stat-block .num { font-size: 36px; }\n    .vx-landing .about-stat-block .lbl { font-size: 10px; }\n    .vx-landing .about-photos { min-height: 360px; aspect-ratio: 4 \/ 4; border-radius: 14px; }\n    .vx-landing .about-photos figcaption { bottom: 22px; left: 22px; right: 22px; }\n    .vx-landing .about-photos figcaption span { font-size: 18px; }\n    .vx-landing .about-photos .vx-logo-mark { max-width: 220px; width: 75%; }\n    .vx-landing .faq-grid { gap: 28px; }\n    .vx-landing .faq-q { font-size: 16px; padding: 22px 0; gap: 16px; }\n    .vx-landing .faq-q .toggle { width: 28px; height: 28px; font-size: 14px; }\n    .vx-landing .faq-a { font-size: 14px; padding-right: 0; }\n    .vx-landing .faq-item.open .faq-a { padding-bottom: 22px; }\n    .vx-landing .contact-grid { gap: 32px; }\n    .vx-landing .contact-info h2 { font-size: clamp(30px, 7vw, 44px); margin-bottom: 18px; }\n    .vx-landing .contact-info p { font-size: 15px; margin-bottom: 28px; }\n    .vx-landing .contact-info .row { padding: 12px 0; gap: 10px; flex-wrap: wrap; }\n    .vx-landing .contact-info .row small { min-width: 90px; font-size: 10px; }\n    .vx-landing .contact-info .row span { font-size: 14px; }\n    .vx-landing .contact-cta-card { padding: 32px 24px; border-radius: 16px; }\n    .vx-landing .contact-cta-card h3 { font-size: clamp(24px, 6vw, 32px); margin-bottom: 12px; }\n    .vx-landing .contact-cta-card p { font-size: 14px; margin-bottom: 24px; }\n    .vx-landing .contact-cta-card .stats-mini { gap: 22px; padding: 16px 0; margin-bottom: 24px; }\n    .vx-landing .stats-mini-item strong { font-size: 18px; }\n    .vx-landing .stats-mini-item small { font-size: 9px; }\n    .vx-landing .contact-cta-card .btn-accent { padding: 14px 24px; font-size: 14px; width: 100%; justify-content: center; }\n    .vx-landing .big-marquee-track { gap: 50px; }\n    .vx-landing .big-marquee-track span { gap: 50px; }\n    .vx-landing .btn-glass, .vx-landing .btn-accent { padding: 13px 22px; font-size: 13px; }\n    .qf-modal { padding: 12px; }\n    .qf-card { padding: 24px 20px; min-height: 0; max-height: 92vh; border-radius: 18px; }\n    .qf-close { top: 14px; right: 14px; width: 32px; height: 32px; font-size: 20px; }\n    .qf-header { margin-bottom: 24px; }\n    .qf-step-num { font-size: 10px; margin-bottom: 10px; }\n    .qf-step-q { font-size: clamp(20px, 5.4vw, 26px); }\n    .qf-step-sub { font-size: 13px; margin-bottom: 22px; }\n    .qf-input { font-size: 16px; padding: 14px 16px; }\n    .qf-choices { max-height: 280px; gap: 8px; }\n    .qf-choice { padding: 14px 16px; font-size: 14px; gap: 12px; }\n    .qf-choice .qf-choice-key { width: 22px; height: 22px; font-size: 10px; }\n    .qf-footer { margin-top: 22px; gap: 10px; }\n    .qf-back { padding: 6px 10px; font-size: 12px; }\n    .qf-next { padding: 12px 22px; font-size: 13px; }\n    .qf-hint { display: none; }\n    .qf-progress-label { font-size: 10px; }\n    .qf-progress-pct { font-size: 10px; }\n    .qf-done h3 { font-size: 24px; }\n    .qf-done p { font-size: 14px; }\n    .qf-done-icon { width: 60px; height: 60px; font-size: 28px; margin-bottom: 18px; }\n  }\n  @media (max-width: 480px) {\n    .vx-landing .container { padding: 0 16px; }\n    .vx-landing .hero { padding: 80px 16px 48px; }\n    .vx-landing .hero h1 { font-size: clamp(36px, 13vw, 60px); letter-spacing: -0.04em; }\n    .vx-landing .hero h1 .line-3 { font-size: 0.5em; }\n    .vx-landing .hero-meta { font-size: 15px; line-height: 1.5; }\n    .vx-landing .section,\n    .vx-landing .pains,\n    .vx-landing .calc,\n    .vx-landing .method,\n    .vx-landing .about,\n    .vx-landing .faq,\n    .vx-landing .sectors,\n    .vx-landing .contact-section { padding: 48px 0; }\n    .vx-landing .section-title { font-size: clamp(24px, 8vw, 32px); }\n    .vx-landing .section-lead { font-size: 15px; }\n    .vx-landing .pain-card { padding: 18px; gap: 14px; }\n    .vx-landing .pain-mock { padding: 12px; }\n    .vx-landing .mock-tool { padding: 6px 10px; font-size: 10px; }\n    .vx-landing .pain-text h3 { font-size: 17px; }\n    .vx-landing .calc-inputs, .vx-landing .calc-output { padding: 20px; }\n    .vx-landing .calc-output-value { font-size: 34px; }\n    .vx-landing .gauge-circle { width: 130px; height: 130px; }\n    .vx-landing .gauge-inner { width: 102px; height: 102px; }\n    .vx-landing .gauge-num { font-size: 32px; }\n    .vx-landing .dash-header-right { width: 100%; justify-content: space-between; gap: 6px; }\n    .vx-landing .dash-stages { grid-template-columns: 1fr; }\n    .vx-landing .dash-kpis { grid-template-columns: 1fr 1fr; }\n    .vx-landing .dash-task { flex-wrap: wrap; }\n    .vx-landing .dash-task .task-meta { width: 100%; margin-left: 0; margin-top: 2px; }\n    .vx-landing .about-photos { min-height: 280px; }\n    .vx-landing .about-stats-row { gap: 18px; }\n    .vx-landing .about-stat-block .num { font-size: 32px; }\n    .vx-landing .contact-info .row { flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 0; }\n    .vx-landing .contact-info .row small { min-width: 0; }\n    .qf-card { padding: 20px 16px; border-radius: 14px; }\n    .qf-step-q { font-size: clamp(19px, 5.6vw, 22px); }\n    .qf-input { font-size: 15px; padding: 12px 14px; }\n    .qf-choice { padding: 12px 14px; font-size: 13px; }\n    .vx-landing .big-marquee { padding: 32px 0; }\n    .vx-landing .big-marquee-track span { gap: 32px; }\n    .vx-landing .toast-text small { font-size: 8px; }\n    .vx-landing .toast-text strong { font-size: 11px; }\n  }\n  @media (max-width: 360px) {\n    .vx-landing .hero h1 { font-size: clamp(32px, 14vw, 48px); }\n    .vx-landing .pain-text h3 { font-size: 16px; }\n  }\n\n  \/* ============================================================\n     ============= MOBILE FINE-TUNE (Diamond, sliders,\n     pain-cost, partner strip, contact card) ====================\n     ============================================================ *\/\n  @media (max-width: 768px) {\n    \/* HS Partner Strip \u2014 re-compose mobile layout *\/\n    .vx-landing .hs-partner-grid { gap: 28px; max-width: 480px; margin-left: auto; margin-right: auto; }\n    .vx-landing .hs-partner-text h3 { font-size: 19px; line-height: 1.25; }\n    .vx-landing .hs-partner-text small { font-size: 10px; }\n    .vx-landing .hs-partner-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 8px;\n      width: 100%;\n    }\n    .vx-landing .hs-partner-stat {\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 4px;\n      padding: 12px 8px;\n    }\n    .vx-landing .hs-partner-stat strong { font-size: 20px; }\n    .vx-landing .hs-partner-stat span { font-size: 10.5px; line-height: 1.3; letter-spacing: 0; }\n    \/* Diamond badge mobile presence *\/\n    .vx-landing .hs-partner-badge { width: 140px; height: 140px; }\n    \/* Pain-cost mobile readability *\/\n    .vx-landing .pain-cost { font-size: 12.5px; padding-top: 12px; margin-top: 12px; line-height: 1.5; }\n    .vx-landing .pain-cost strong { font-size: 9.5px; margin-right: 6px; letter-spacing: 0.14em; }\n    \/* Calculator sliders \u2014 compact track and meta on mobile *\/\n    .vx-landing .calc-slider-wrap { padding: 6px 0 4px; }\n    .vx-landing .calc-slider-track-bg { height: 7px; }\n    .vx-landing input[type=\"range\"] { height: 22px; }\n    .vx-landing input[type=\"range\"]::-webkit-slider-thumb { width: 20px; height: 20px; margin-top: -7px; border-width: 2.5px; }\n    .vx-landing input[type=\"range\"]::-moz-range-thumb { width: 20px; height: 20px; border-width: 2.5px; }\n    .vx-landing .calc-slider-meta { font-size: 9.5px; margin-top: 6px; }\n    \/* Contact card \u2014 tighter on mobile *\/\n    .vx-landing .contact-cta-card .badge { font-size: 10px; padding: 6px 12px; margin-bottom: 20px; }\n    .vx-landing .contact-cta-card h3 { font-size: clamp(22px, 5.6vw, 28px); line-height: 1.15; }\n    \/* Hero \u2014 extra tighten line-spacing on mobile (em-based already adapts) *\/\n    .vx-landing .hero h1 .line { padding: 0.05em 0.06em 0.20em; margin: -0.22em 0; }\n    .vx-landing .hero-trust { gap: 14px; }\n    .vx-landing .hero-trust-item { font-size: 12px; }\n    \/* Solutions \/ Hub tiles \u2014 keep min-height of h3 lower on mobile *\/\n    .vx-landing .work-info h3 { min-height: 0; }\n    \/* Sectors \u2014 tighter padding *\/\n    .vx-landing .sector-card { padding: 20px; gap: 12px; }\n    .vx-landing .sector-card p { font-size: 13px; }\n    .vx-landing .sector-tags { gap: 5px; }\n    .vx-landing .sector-tag { padding: 3px 8px; font-size: 10.5px; }\n  }\n  @media (max-width: 560px) {\n    \/* Pain mock visuals \u2014 slightly smaller on very small screens *\/\n    .vx-landing .mock-tools { gap: 5px; }\n    .vx-landing .mock-tool { padding: 5px 8px; font-size: 9.5px; }\n    .vx-landing .mock-funnel-row { font-size: 10px; }\n    .vx-landing .mock-funnel-row span:first-child { width: 56px; }\n    \/* Diamond badge \u2014 slightly smaller *\/\n    .vx-landing .hs-partner-badge { width: 128px; height: 128px; }\n    \/* HS partner stats in 1 row of 3 still *\/\n    .vx-landing .hs-partner-stat { padding: 10px 6px; gap: 2px; }\n    .vx-landing .hs-partner-stat strong { font-size: 18px; }\n    .vx-landing .hs-partner-stat span { font-size: 9.5px; }\n  }\n  @media (max-width: 420px) {\n    \/* Hub-tiles min-height removed already, ensure h3 wraps cleanly *\/\n    .vx-landing .work-info h3 { font-size: 17px; }\n    .vx-landing .work-outcome small { font-size: 9.5px; }\n    .vx-landing .work-outcome strong { font-size: 13px; }\n    \/* Calc output value smaller so it doesn't overflow *\/\n    .vx-landing .calc-output-value { font-size: 30px; }\n    .vx-landing .calc-output-uplift { font-size: 14px; }\n    \/* Sectors stack more compactly *\/\n    .vx-landing .sector-icon { width: 38px; height: 38px; }\n    .vx-landing .sector-icon svg { width: 18px; height: 18px; }\n    \/* Contact card mini stats compact *\/\n    .vx-landing .contact-cta-card .stats-mini { gap: 14px; }\n    .vx-landing .stats-mini-item strong { font-size: 16px; }\n  }\n<\/style>\n\n<div class=\"vx-landing\">\n\n  <!-- ======== HERO ======== -->\n  <section class=\"hero\">\n    <h1 id=\"hero-title\">\n      <span class=\"line line-1\"><\/span>\n      <span class=\"line line-2\"><\/span>\n      <span class=\"line line-3\"><\/span>\n    <\/h1>\n    <p class=\"hero-meta\">Implementamos, optimizamos y escalamos HubSpot para empresas que quieren convertir su CRM en un motor de revenue real, no en otra herramienta m\u00e1s que nadie usa.<\/p>\n    <div class=\"hero-cta-row\">\n      <a href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-accent\">Agendar tu auditor\u00eda \u2192<\/a>\n      <a href=\"#work\" class=\"btn-glass\">Ver soluciones<\/a>\n    <\/div>\n    <div class=\"hero-trust\">\n      <div class=\"hero-trust-item\"><strong>+130<\/strong>&nbsp;implementaciones<\/div>\n      <div class=\"hero-trust-item\"><strong>+12<\/strong>&nbsp;sectores<\/div>\n      <div class=\"hero-trust-item\"><strong>EU + MEA<\/strong><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== MARQUEE ======== -->\n  <div class=\"marquee\">\n    <div class=\"marquee-track\">\n      <span class=\"marquee-item\">HubSpot Sales Hub<\/span>\n      <span class=\"marquee-item\">Marketing Hub<\/span>\n      <span class=\"marquee-item\">Service Hub<\/span>\n      <span class=\"marquee-item\">Operations Hub<\/span>\n      <span class=\"marquee-item\">CMS Hub<\/span>\n      <span class=\"marquee-item\">Custom Objects<\/span>\n      <span class=\"marquee-item\">RevOps<\/span>\n      <span class=\"marquee-item\">Migraciones CRM<\/span>\n      <span class=\"marquee-item\">HubSpot Sales Hub<\/span>\n      <span class=\"marquee-item\">Marketing Hub<\/span>\n      <span class=\"marquee-item\">Service Hub<\/span>\n      <span class=\"marquee-item\">Operations Hub<\/span>\n      <span class=\"marquee-item\">CMS Hub<\/span>\n      <span class=\"marquee-item\">Custom Objects<\/span>\n      <span class=\"marquee-item\">RevOps<\/span>\n      <span class=\"marquee-item\">Migraciones CRM<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ======== TOAST TICKER ======== -->\n  <div class=\"toast-band\">\n    <div class=\"toast-track\">\n      <div class=\"toast\"><div class=\"toast-icon accent\">$<\/div><div class=\"toast-text\"><small>NEW DEAL \u00b7 MADRID<\/small><strong>Sales Hub Enterprise \u00b7 \u20ac34,500<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2197<\/div><div class=\"toast-text\"><small>MIGRATION \u00b7 BARCELONA<\/small><strong>Salesforce \u2192 HubSpot \u00b7 12,400 contactos<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon positive\">\u2713<\/div><div class=\"toast-text\"><small>SHIPPED \u00b7 2026<\/small><strong>Marketing Hub Pro \u00b7 CR up 47%<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon accent\">\u2301<\/div><div class=\"toast-text\"><small>AUTOMATION \u00b7 SaaS<\/small><strong>14 workflows en producci\u00f3n<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2605<\/div><div class=\"toast-text\"><small>NEW PARTNER \u00b7 DUBAI<\/small><strong>Real Estate \u00b7 8 brokers onboarded<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon accent\">$<\/div><div class=\"toast-text\"><small>UPSELL \u00b7 VALENCIA<\/small><strong>Service Hub Pro a\u00f1adido<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon positive\">\u2713<\/div><div class=\"toast-text\"><small>ONBOARDING \u00b7 LIVE<\/small><strong>Lead scoring engine deployed<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2197<\/div><div class=\"toast-text\"><small>PIPELINE \u00b7 LIVE<\/small><strong>RevOps dashboard \u00b7 6 KPIs<\/strong><\/div><\/div>\n      <!-- duplicate -->\n      <div class=\"toast\"><div class=\"toast-icon accent\">$<\/div><div class=\"toast-text\"><small>NEW DEAL \u00b7 MADRID<\/small><strong>Sales Hub Enterprise \u00b7 \u20ac34,500<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2197<\/div><div class=\"toast-text\"><small>MIGRATION \u00b7 BARCELONA<\/small><strong>Salesforce \u2192 HubSpot \u00b7 12,400 contactos<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon positive\">\u2713<\/div><div class=\"toast-text\"><small>SHIPPED \u00b7 2026<\/small><strong>Marketing Hub Pro \u00b7 CR up 47%<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon accent\">\u2301<\/div><div class=\"toast-text\"><small>AUTOMATION \u00b7 SaaS<\/small><strong>14 workflows en producci\u00f3n<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2605<\/div><div class=\"toast-text\"><small>NEW PARTNER \u00b7 DUBAI<\/small><strong>Real Estate \u00b7 8 brokers onboarded<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon accent\">$<\/div><div class=\"toast-text\"><small>UPSELL \u00b7 VALENCIA<\/small><strong>Service Hub Pro a\u00f1adido<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon positive\">\u2713<\/div><div class=\"toast-text\"><small>ONBOARDING \u00b7 LIVE<\/small><strong>Lead scoring engine deployed<\/strong><\/div><\/div>\n      <div class=\"toast\"><div class=\"toast-icon\">\u2197<\/div><div class=\"toast-text\"><small>PIPELINE \u00b7 LIVE<\/small><strong>RevOps dashboard \u00b7 6 KPIs<\/strong><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ======== PAINS \u2014 HubSpot specific ======== -->\n  <section class=\"pains\">\n    <div class=\"container\">\n      <div class=\"pains-head reveal\">\n        <div>\n          <div class=\"section-eyebrow label\">S\u00edntomas que reconocer\u00e1s<\/div>\n          <h2 class=\"section-title\">\u00bfTu HubSpot est\u00e1 infrautilizado?<\/h2>\n        <\/div>\n        <p class=\"section-lead\">Pagas la licencia, pero el CRM no est\u00e1 moviendo el negocio. Si dos o m\u00e1s de estos puntos te suenan, tu HubSpot est\u00e1 cost\u00e1ndote dinero, no gener\u00e1ndolo.<\/p>\n      <\/div>\n      <div class=\"pains-grid\">\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-tools\">\n              <div class=\"mock-tool\">SHEETS<span class=\"x\">\u00d7<\/span><\/div>\n              <div class=\"mock-tool\">HUBSPOT<span class=\"x\">\u00d7<\/span><\/div>\n              <div class=\"mock-tool\">EMAIL<span class=\"x\">\u00d7<\/span><\/div>\n              <div class=\"mock-tool\">FORMS<span class=\"x\">\u00d7<\/span><\/div>\n              <div class=\"mock-tool\">ERP<span class=\"x\">\u00d7<\/span><\/div>\n              <div class=\"mock-tool\">SLACK<span class=\"x\">\u00d7<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>01 \u00b7 Datos fragmentados<\/small>\n            <h3>Tus contactos viven en 6 sistemas distintos<\/h3>\n            <p>Marketing tiene su Excel. Ventas vive en HubSpot. Finanzas en el ERP. Soporte en otro tool. Nadie conf\u00eda en los datos.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> reportes manuales semanales \u00b7 forecast a ciegas<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-funnel\">\n              <div class=\"mock-funnel-row\"><span>VISITS<\/span><div class=\"mock-funnel-bar\"><\/div><span class=\"num\">100%<\/span><\/div>\n              <div class=\"mock-funnel-row\"><span>MQL<\/span><div class=\"mock-funnel-bar\"><\/div><span class=\"num\">8%<\/span><\/div>\n              <div class=\"mock-funnel-row\"><span>SQL<\/span><div class=\"mock-funnel-bar\"><\/div><span class=\"num\">0.6%<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>02 \u00b7 Funnel roto<\/small>\n            <h3>Marketing genera leads, ventas no los usa<\/h3>\n            <p>MQLs que nunca se convierten en SQL. Sin lead scoring, sin handoff claro, sin SLA entre equipos.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> 60\u201380% de leads perdidos en el handoff<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-chat\">\n              &gt; \u00bfc\u00f3mo configuro<br\/>\n              &gt; el lead scoring?<br\/>\n              &gt; \u00bfy los workflows? <span class=\"typing\"><\/span>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>03 \u00b7 HubSpot sin configurar<\/small>\n            <h3>Compraste la licencia, no la implementaci\u00f3n<\/h3>\n            <p>HubSpot fuera de la caja es un buen Rolodex. Sin properties, workflows, scoring y reporting bien dise\u00f1ados, no es un CRM.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> licencia Pro\/Enterprise sin ROI<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-bars\">\n              <div class=\"mock-bar\" style=\"height: 30%\"><\/div>\n              <div class=\"mock-bar\" style=\"height: 55%\"><\/div>\n              <div class=\"mock-bar lit\" style=\"height: 25%\"><\/div>\n              <div class=\"mock-bar\" style=\"height: 70%\"><\/div>\n              <div class=\"mock-bar lit\" style=\"height: 35%\"><\/div>\n              <div class=\"mock-bar\" style=\"height: 60%\"><\/div>\n              <div class=\"mock-bar lit\" style=\"height: 20%\"><\/div>\n              <div class=\"mock-bar\" style=\"height: 80%\"><\/div>\n              <div class=\"mock-bar\" style=\"height: 50%\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>04 \u00b7 Reporting que no decide<\/small>\n            <h3>Dashboards bonitos, decisiones lentas<\/h3>\n            <p>Reports que muestran actividad, no revenue. Sin atribuci\u00f3n multi-touch, sin pipeline velocity, sin forecast accuracy.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> reuniones de 90' que no llevan a acci\u00f3n<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-dashboard\">\n              <div class=\"mock-row\"><span>PIPELINE<\/span><span class=\"empty\">\u2014 \u2014<\/span><\/div>\n              <div class=\"mock-row\"><span>FORECAST<\/span><span class=\"empty\">\u2014 \u2014<\/span><\/div>\n              <div class=\"mock-row\"><span>WIN RATE<\/span><span class=\"empty\">\u2014 \u2014<\/span><\/div>\n              <div class=\"mock-row\"><span>VELOCITY<\/span><span class=\"empty\">\u2014 \u2014<\/span><\/div>\n              <div class=\"mock-row\"><span>CAC PAYBACK<\/span><span class=\"empty\">\u2014 \u2014<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>05 \u00b7 Adopci\u00f3n cero<\/small>\n            <h3>Tu equipo de ventas no abre HubSpot<\/h3>\n            <p>Reps que apuntan en libretas. Forecasts en Excel los viernes. El director comercial pide updates por WhatsApp.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> \u20ac2.000\u2013\u20ac8.000\/mes en licencias muertas<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"pain-card reveal\">\n          <div class=\"pain-mock\">\n            <div class=\"mock-gauge-wrap\">\n              <div class=\"mock-gauge\"><div class=\"fill\"><\/div><\/div>\n              <div class=\"mock-gauge-label\"><span>ROI \u00b7 -<\/span><span class=\"accent\">CAC \u2191 41%<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"pain-text\">\n            <small>06 \u00b7 Salesforce caro y r\u00edgido<\/small>\n            <h3>Migraste a Salesforce, ahora pagas el doble<\/h3>\n            <p>Licencias 3x, consultores externos para cada cambio, time-to-deploy de 6 meses. Y tu equipo sigue sin usarlo.<\/p>\n            <div class=\"pain-cost\"><strong>Coste<\/strong> \u20ac60K\u2013\u20ac180K\/a\u00f1o vs HubSpot Enterprise<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div style=\"text-align: center; margin-top: 56px;\" class=\"reveal\">\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-accent\">Audita tu HubSpot, gratis \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== HUBSPOT PARTNER STRIP ======== -->\n  <section class=\"hs-partner-strip\">\n    <div class=\"container\">\n      <div class=\"hs-partner-grid\">\n        <div class=\"hs-partner-text reveal\">\n          <small>HubSpot Diamond Solutions Partner<\/small>\n          <h3>Implementaciones HubSpot certificadas, entregadas en semanas, no en meses.<\/h3>\n        <\/div>\n        <div class=\"hs-partner-badge reveal\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp?ssl=1\" alt=\"HubSpot Diamond Partner\" class=\"diamond-badge\" loading=\"lazy\" \/>\n        <\/div>\n        <div class=\"hs-partner-stats reveal\">\n          <div class=\"hs-partner-stat\"><strong>30d<\/strong><span>onboarding promedio<\/span><\/div>\n          <div class=\"hs-partner-stat\"><strong>+47%<\/strong><span>conversion lift t\u00edpico<\/span><\/div>\n          <div class=\"hs-partner-stat\"><strong>92<\/strong><span>NPS clientes activos<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== SOLUTIONS \u2014 HubSpot Hubs ======== -->\n  <section class=\"section\" id=\"work\">\n    <div class=\"container\">\n      <div class=\"work-head reveal\">\n        <div>\n          <div class=\"section-eyebrow label\">Soluciones HubSpot<\/div>\n          <h2 class=\"section-title\">El stack completo, una sola operaci\u00f3n.<\/h2>\n        <\/div>\n        <p class=\"section-lead\">Dise\u00f1amos, implementamos y optimizamos los Hubs de HubSpot conectados entre s\u00ed, para que marketing, ventas y servicio operen como un solo motor de revenue.<\/p>\n      <\/div>\n      <div class=\"work-grid\">\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n              <polyline points=\"22 4 12 14.01 9 11.01\"\/>\n            <\/svg>\n            <div class=\"work-anim\">Sales Hub<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">CRM, Sales<\/span>\n            <h3>Sales Hub Implementation<\/h3>\n            <p>Pipelines a medida, lead scoring, automatizaci\u00f3n de prospecci\u00f3n, sequences, forecasting y onboarding del equipo comercial.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>+38% MQL \u2192 SQL<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M3 11l18-5v12L3 14v-3z\"\/>\n              <path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\"\/>\n            <\/svg>\n            <div class=\"work-anim\">Marketing Hub<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">Marketing, Automation<\/span>\n            <h3>Marketing Hub Implementation<\/h3>\n            <p>Workflows de nurturing, segmentaci\u00f3n inteligente, atribuci\u00f3n multi-touch, landing pages CRO y reporting de revenue.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>+47% CR landing<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n            <\/svg>\n            <div class=\"work-anim\">Service Hub<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">Service, CX<\/span>\n            <h3>Service Hub Implementation<\/h3>\n            <p>Tickets, knowledge base, chatbots, customer portals y NPS. Convertimos soporte en upsell y retenci\u00f3n medible.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>-52% tiempo resoluci\u00f3n<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/>\n              <path d=\"M3 5v14a9 3 0 0 0 18 0V5\"\/>\n              <path d=\"M3 12a9 3 0 0 0 18 0\"\/>\n            <\/svg>\n            <div class=\"work-anim\">Operations Hub<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">Ops, Data<\/span>\n            <h3>Operations Hub & Data Sync<\/h3>\n            <p>Sincronizaci\u00f3n bidireccional con ERP, datawarehouse, billing y producto. Custom code actions, data quality y programmable automation.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>1 sola fuente de verdad<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/>\n              <path d=\"M3 10h18\"\/>\n              <path d=\"M9 21h6\"\/>\n              <path d=\"M12 18v3\"\/>\n            <\/svg>\n            <div class=\"work-anim\">CMS Hub<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">Web, CMS<\/span>\n            <h3>CMS Hub & Web Optimization<\/h3>\n            <p>Webs HubSpot CMS, smart content por buyer persona, A\/B testing nativo, SEO t\u00e9cnico y CR-orientation desde el d\u00eda 1.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>+62% pipeline org\u00e1nico<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n        <a class=\"work-tile reveal\" href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\">\n          <div class=\"work-media\">\n            <div class=\"work-halo\"><\/div>\n            <svg class=\"work-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <polyline points=\"9 11 12 14 22 4\"\/>\n              <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\n            <\/svg>\n            <div class=\"work-anim\">Migraci\u00f3n CRM<\/div>\n          <\/div>\n          <div class=\"work-info\">\n            <span class=\"work-tag\">Migration, RevOps<\/span>\n            <h3>Migraci\u00f3n a HubSpot<\/h3>\n            <p>Salesforce, Pipedrive, Zoho, Dynamics \u2192 HubSpot. Datos, workflows, integraciones y formaci\u00f3n. Cero p\u00e9rdida de informaci\u00f3n, downtime m\u00ednimo.<\/p>\n            <div class=\"work-outcome\"><small>Resultado t\u00edpico<\/small><strong>-50% TCO en 12 meses<\/strong><\/div>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== SECTORS ======== -->\n  <section class=\"sectors\">\n    <div class=\"container\">\n      <div class=\"sectors-head reveal\">\n        <div class=\"section-eyebrow label\" style=\"justify-content: center;\">Sectores<\/div>\n        <h2 class=\"section-title\">HubSpot, configurado para tu industria.<\/h2>\n        <p class=\"section-lead\">No vendemos plantillas. Configuramos HubSpot con properties, pipelines, scoring y workflows pensados para c\u00f3mo se vende y se compra en tu sector.<\/p>\n      <\/div>\n      <div class=\"sectors-grid\">\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n              <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\n            <\/svg>\n          <\/div>\n          <h4>B2B SaaS<\/h4>\n          <p>Funnel PLG\/SLG, lead scoring por product usage, MRR tracking en HubSpot, expansion playbooks y churn prevention.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">PLG<\/span>\n            <span class=\"sector-tag\">Free trial<\/span>\n            <span class=\"sector-tag\">MRR<\/span>\n            <span class=\"sector-tag\">Churn<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\n              <polyline points=\"9 22 9 12 15 12 15 22\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Real Estate<\/h4>\n          <p>Inventario de propiedades, gesti\u00f3n de brokers, viewings, off-plan sales y developer pipelines. Custom Objects para units y proyectos.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">Off-plan<\/span>\n            <span class=\"sector-tag\">Brokers<\/span>\n            <span class=\"sector-tag\">MEA<\/span>\n            <span class=\"sector-tag\">Inventory<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <circle cx=\"9\" cy=\"21\" r=\"1\"\/>\n              <circle cx=\"20\" cy=\"21\" r=\"1\"\/>\n              <path d=\"M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6\"\/>\n            <\/svg>\n          <\/div>\n          <h4>eCommerce & D2C<\/h4>\n          <p>Sync con Shopify\/WooCommerce, abandonment workflows, post-purchase nurturing, LTV tracking y customer segmentation por RFM.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">Shopify<\/span>\n            <span class=\"sector-tag\">LTV<\/span>\n            <span class=\"sector-tag\">Email flows<\/span>\n            <span class=\"sector-tag\">RFM<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n              <polyline points=\"14 2 14 8 20 8\"\/>\n              <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n              <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Servicios profesionales<\/h4>\n          <p>Consultor\u00edas, despachos, agencias. Quote-to-cash, billable hours integration, gesti\u00f3n de projects y referrals trackeados.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">Quotes<\/span>\n            <span class=\"sector-tag\">Projects<\/span>\n            <span class=\"sector-tag\">Referrals<\/span>\n            <span class=\"sector-tag\">Billing<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M12 2L2 7v10l10 5 10-5V7L12 2z\"\/>\n              <polyline points=\"2 7 12 12 22 7\"\/>\n              <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"12\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Industrial & Manufacturing<\/h4>\n          <p>Quote complejo, distribuidores, partners, RFQ\/RFP automatizados, integraci\u00f3n con ERP (SAP, Dynamics, Sage) y after-sales.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">RFQ<\/span>\n            <span class=\"sector-tag\">ERP sync<\/span>\n            <span class=\"sector-tag\">Distribuidores<\/span>\n            <span class=\"sector-tag\">After-sales<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"sector-card reveal\">\n          <div class=\"sector-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\n              <path d=\"M9 12l2 2 4-4\"\/>\n            <\/svg>\n          <\/div>\n          <h4>Salud & Wellness<\/h4>\n          <p>Gesti\u00f3n de pacientes, citas, consentimientos GDPR, tratamiento journeys, recordatorios autom\u00e1ticos y NPS cl\u00ednico.<\/p>\n          <div class=\"sector-tags\">\n            <span class=\"sector-tag\">GDPR<\/span>\n            <span class=\"sector-tag\">Citas<\/span>\n            <span class=\"sector-tag\">Pacientes<\/span>\n            <span class=\"sector-tag\">NPS<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div style=\"text-align: center; margin-top: 48px;\" class=\"reveal\">\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-glass\">\u00bfTu sector no est\u00e1? Hablemos \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== CALCULATOR ======== -->\n  <section class=\"calc\" id=\"calc\">\n    <div class=\"container calc-inner\">\n      <div class=\"reveal\" style=\"text-align:center;\">\n        <div class=\"section-eyebrow label\" style=\"justify-content:center;\">HubSpot ROI calculator<\/div>\n        <h2 class=\"section-title\" style=\"margin-left:auto;margin-right:auto;text-align:center;\">\u00bfCu\u00e1nto revenue est\u00e1 dejando escapar <span class=\"accent\">tu HubSpot?<\/span><\/h2>\n        <p class=\"section-lead\" style=\"margin-left:auto;margin-right:auto;text-align:center;\">Mueve los sliders. Te calculamos el revenue que est\u00e1s dejando sobre la mesa, tu Growth Score y el uplift t\u00edpico que entregamos en los primeros 90 d\u00edas.<\/p>\n      <\/div>\n      <div class=\"calc-body reveal\">\n        <div class=\"calc-inputs\">\n          <div class=\"calc-input\">\n            <div class=\"calc-input-head\"><span class=\"calc-input-label\">Visitas web mensuales<\/span><span class=\"calc-input-value\" id=\"v-visitors\">10,000<\/span><\/div>\n            <div class=\"calc-slider-wrap\">\n              <div class=\"calc-slider-track-bg\"><div class=\"calc-slider-track-fill\" id=\"fill-visitors\"><\/div><\/div>\n              <input type=\"range\" id=\"visitors\" min=\"500\" max=\"200000\" step=\"500\" value=\"10000\">\n            <\/div>\n            <div class=\"calc-slider-meta\"><span>500<\/span><span>200K<\/span><\/div>\n          <\/div>\n          <div class=\"calc-input\">\n            <div class=\"calc-input-head\"><span class=\"calc-input-label\">Conversion rate (visit \u2192 MQL)<\/span><span class=\"calc-input-value\" id=\"v-cr\">1.2%<\/span><\/div>\n            <div class=\"calc-slider-wrap\">\n              <div class=\"calc-slider-track-bg\"><div class=\"calc-slider-track-fill\" id=\"fill-cr\"><\/div><\/div>\n              <input type=\"range\" id=\"cr\" min=\"1\" max=\"80\" step=\"1\" value=\"12\">\n            <\/div>\n            <div class=\"calc-slider-meta\"><span>0.1%<\/span><span>8%<\/span><\/div>\n          <\/div>\n          <div class=\"calc-input\">\n            <div class=\"calc-input-head\"><span class=\"calc-input-label\">Ticket medio (\u20ac)<\/span><span class=\"calc-input-value\" id=\"v-aov\">\u20ac 1,500<\/span><\/div>\n            <div class=\"calc-slider-wrap\">\n              <div class=\"calc-slider-track-bg\"><div class=\"calc-slider-track-fill\" id=\"fill-aov\"><\/div><\/div>\n              <input type=\"range\" id=\"aov\" min=\"50\" max=\"100000\" step=\"50\" value=\"1500\">\n            <\/div>\n            <div class=\"calc-slider-meta\"><span>\u20ac50<\/span><span>\u20ac100K<\/span><\/div>\n          <\/div>\n          <div class=\"calc-input\">\n            <div class=\"calc-input-head\"><span class=\"calc-input-label\">Inversi\u00f3n paid mensual<\/span><span class=\"calc-input-value\" id=\"v-spend\">\u20ac 5,000<\/span><\/div>\n            <div class=\"calc-slider-wrap\">\n              <div class=\"calc-slider-track-bg\"><div class=\"calc-slider-track-fill\" id=\"fill-spend\"><\/div><\/div>\n              <input type=\"range\" id=\"spend\" min=\"0\" max=\"200000\" step=\"500\" value=\"5000\">\n            <\/div>\n            <div class=\"calc-slider-meta\"><span>\u20ac0<\/span><span>\u20ac200K<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"calc-output\">\n          <div class=\"calc-output-block\">\n            <div class=\"calc-output-label\">Revenue mensual estimado<\/div>\n            <div class=\"calc-output-value\" id=\"o-revenue\">\u20ac 180,000<\/div>\n            <div class=\"calc-output-uplift\" id=\"o-uplift\">+ \u20ac54,000\/mo con uplift HubSpot t\u00edpico<\/div>\n          <\/div>\n          <div class=\"calc-gauge\">\n            <div class=\"gauge-circle\" id=\"gauge\" style=\"--pct:35\">\n              <div class=\"gauge-inner\">\n                <div class=\"gauge-num\" id=\"o-score\">35<\/div>\n                <div class=\"gauge-label\">Growth Score<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"gauge-verdict warn\" id=\"o-verdict\">Margen significativo de mejora<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"text-align:center; margin-top: 56px;\" class=\"reveal\">\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-accent\">Quiero mi auditor\u00eda HubSpot \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== METHOD DASHBOARD ======== -->\n  <section class=\"method\" id=\"method\">\n    <div class=\"container\">\n      <div class=\"method-head reveal\">\n        <div>\n          <div class=\"section-eyebrow label\">C\u00f3mo trabajamos<\/div>\n          <h2 class=\"section-title\">Menos proceso. M\u00e1s claridad.<\/h2>\n        <\/div>\n        <p class=\"section-lead\">Sin capas de juniors, sin handoffs. Cada implementaci\u00f3n HubSpot la lidera el mismo equipo senior que dise\u00f1a, configura y entrena. Esto es lo que ves en el dashboard a mitad de proyecto.<\/p>\n      <\/div>\n      <div class=\"dashboard reveal\">\n        <div class=\"dash-header\">\n          <div class=\"dash-header-left\">\n            <span class=\"dash-dot\"><\/span>\n            <span><strong>Vexco \u00b7 HubSpot Engagement<\/strong><\/span>\n            <span style=\"color: var(--muted)\">\u00b7<\/span>\n            <span style=\"color: var(--muted)\">Live<\/span>\n          <\/div>\n          <div class=\"dash-header-right\">\n            <span>D\u00eda <strong>21\/45<\/strong><\/span>\n            <span>Sprint <strong>3\/6<\/strong><\/span>\n            <span>NPS <strong>92<\/strong><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dash-progress\">\n          <div class=\"dash-progress-head\"><span>Implementation progress<\/span><span><strong>52%<\/strong> complete<\/span><\/div>\n          <div class=\"dash-bar\"><div class=\"dash-bar-fill\"><\/div><\/div>\n          <div class=\"dash-stages\">\n            <div class=\"dash-stage done\">\n              <div class=\"dash-stage-head\"><span>01 \u00b7 Audit<\/span><span class=\"dash-stage-status\">DONE<\/span><\/div>\n              <div class=\"dash-stage-name\">Diagn\u00f3stico HubSpot<\/div>\n              <div class=\"dash-stage-pct\">100%<\/div>\n            <\/div>\n            <div class=\"dash-stage done\">\n              <div class=\"dash-stage-head\"><span>02 \u00b7 Architect<\/span><span class=\"dash-stage-status\">DONE<\/span><\/div>\n              <div class=\"dash-stage-name\">Data model & pipelines<\/div>\n              <div class=\"dash-stage-pct\">100%<\/div>\n            <\/div>\n            <div class=\"dash-stage active\">\n              <div class=\"dash-stage-head\"><span>03 \u00b7 Build<\/span><span class=\"dash-stage-status\">ACTIVE<\/span><\/div>\n              <div class=\"dash-stage-name\">Workflows & dashboards<\/div>\n              <div class=\"dash-stage-pct\">75%<\/div>\n            <\/div>\n            <div class=\"dash-stage pending\">\n              <div class=\"dash-stage-head\"><span>04 \u00b7 Enable<\/span><span class=\"dash-stage-status\">QUEUED<\/span><\/div>\n              <div class=\"dash-stage-name\">Training & adopci\u00f3n<\/div>\n              <div class=\"dash-stage-pct\">\u2014<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"dash-body\">\n          <div class=\"dash-panel\">\n            <div class=\"dash-panel-title\">Sprint backlog \u00b7 Active now<\/div>\n            <div class=\"dash-task-list\">\n              <div class=\"dash-task done\"><span class=\"marker\">\u2713<\/span><span>Properties &amp; data model firmado<\/span><span class=\"task-meta\">Wk 01<\/span><\/div>\n              <div class=\"dash-task done\"><span class=\"marker\">\u2713<\/span><span>Pipelines &amp; lifecycle stages<\/span><span class=\"task-meta\">Wk 02<\/span><\/div>\n              <div class=\"dash-task active\"><span class=\"marker\">\u26a1<\/span><span>Lead scoring \u00b7 8 of 14 reglas<\/span><span class=\"task-meta\">Wk 03<\/span><\/div>\n              <div class=\"dash-task active\"><span class=\"marker\">\u26a1<\/span><span>Workflows \u00b7 nurturing &amp; handoff<\/span><span class=\"task-meta\">Wk 03<\/span><\/div>\n              <div class=\"dash-task pending\"><span class=\"marker\"><\/span><span>Reporting v2 \u00b7 KPI dashboards<\/span><span class=\"task-meta\">Wk 04<\/span><\/div>\n              <div class=\"dash-task pending\"><span class=\"marker\"><\/span><span>Sales enablement &amp; training<\/span><span class=\"task-meta\">Wk 05<\/span><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"dash-panel\">\n            <div class=\"dash-panel-title\">KPIs in flight<\/div>\n            <div class=\"dash-kpis\">\n              <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">Pipeline<\/div><div class=\"dash-kpi-value\">\u20ac4.2M<\/div><div class=\"dash-kpi-trend\">\u2191 62% vs Q4<\/div><\/div>\n              <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">MQLs \/ mo<\/div><div class=\"dash-kpi-value\">1,840<\/div><div class=\"dash-kpi-trend\">\u2191 38%<\/div><\/div>\n              <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">CAC<\/div><div class=\"dash-kpi-value\">\u20ac312<\/div><div class=\"dash-kpi-trend down\">\u2193 27%<\/div><\/div>\n              <div class=\"dash-kpi\"><div class=\"dash-kpi-label\">Workflows live<\/div><div class=\"dash-kpi-value\">14<\/div><div class=\"dash-kpi-trend\">+ 6 este sprint<\/div><\/div>\n            <\/div>\n            <div class=\"dash-next\">\n              <div>\n                <small>NEXT MILESTONE<\/small>\n                <span>Sprint 4 demo \u00b7 Viernes 14:00 CET<\/span>\n              <\/div>\n              <span style=\"color: var(--accent); font-weight: 600;\">\u2192<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== ABOUT ======== -->\n  <section class=\"about\">\n    <div class=\"container\">\n      <div class=\"about-grid\">\n        <div class=\"about-text reveal\">\n          <div class=\"section-eyebrow label\">El partner<\/div>\n          <h2><span class=\"accent\">Vexco<\/span>. <br\/>HubSpot Diamond Partner, desde dentro.<\/h2>\n          <p>Vexco es HubSpot Diamond Solutions Partner, especializado en convertir licencias en revenue. Equipo senior in-house, sin externalizaci\u00f3n, con foco vertical en B2B SaaS, real estate, eCommerce y servicios profesionales. Implementamos HubSpot como deber\u00eda implementarse: con criterio comercial, no t\u00e9cnico.<\/p>\n          <div class=\"about-stats-row\">\n            <div class=\"about-stat-block\">\n              <div class=\"num\">+80<\/div>\n              <div class=\"lbl\">Implementaciones<\/div>\n            <\/div>\n            <div class=\"about-stat-block\">\n              <div class=\"num\">+12<\/div>\n              <div class=\"lbl\">Sectores cubiertos<\/div>\n            <\/div>\n            <div class=\"about-stat-block\">\n              <div class=\"num\">92<span class=\"accent\">+<\/span><\/div>\n              <div class=\"lbl\">NPS clientes activos<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <figure class=\"about-photos reveal\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/VEXCO-LOGO.png?ssl=1\" alt=\"Vexco\" class=\"vx-logo-mark\" \/>\n          <figcaption>\n            <small>\u25cf HubSpot Diamond Partner<\/small>\n            <span>Cada licencia, convertida en pipeline.<\/span>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== FAQ ======== -->\n  <section class=\"faq\" id=\"faq\">\n    <div class=\"container\">\n      <div class=\"faq-grid\">\n        <div class=\"reveal\">\n          <div class=\"section-eyebrow label\">FAQ<\/div>\n          <h2 class=\"section-title\">Lo que nos preguntan antes de firmar.<\/h2>\n        <\/div>\n        <div class=\"faq-list reveal\">\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfCu\u00e1nto tarda una implementaci\u00f3n HubSpot? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">Para la mayor\u00eda de equipos B2B, una implementaci\u00f3n de Sales + Marketing Hub se entrega en 4 a 8 semanas: data model, properties, pipelines, lead scoring, workflows, dashboards y formaci\u00f3n. Real estate, manufacturing o multi-entidad pueden extenderse a 10\u201314 semanas. Te entregamos el calendario detallado en la auditor\u00eda inicial.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfQu\u00e9 tier de HubSpot necesito? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">Depende del caso. Sales\/Marketing Pro cubren el 80% de empresas B2B mid-market. Enterprise tiene sentido cuando hay equipos &gt;15 reps, custom objects intensivos, hierarchies complejas o data governance. En la auditor\u00eda te recomendamos el tier m\u00ednimo viable y te ayudamos a negociar con HubSpot el descuento como Solutions Partner.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfMigr\u00e1is desde Salesforce \/ Pipedrive \/ Zoho? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">S\u00ed, es uno de nuestros servicios estrella. Migramos contactos, empresas, deals, custom objects, hist\u00f3ricos de actividad, workflows y reports. Cero p\u00e9rdida de datos, downtime m\u00ednimo y formaci\u00f3n al equipo. Las migraciones desde Salesforce t\u00edpicamente bajan el TCO un 40\u201360% en 12 meses.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfTrabaj\u00e1is en modelo proyecto o retainer? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">Ambos. Abrimos casi todas las relaciones con un proyecto fijo (4\u201310 semanas) para implementar HubSpot bien. Despu\u00e9s rolamos a un retainer mensual de optimizaci\u00f3n, que va desde light (revisar workflows y reports cada mes) hasta full RevOps con propiedad total del CRM.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfQu\u00e9 nivel de partner sois en HubSpot? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">Somos <strong>Diamond Partners<\/strong>, el segundo tier m\u00e1s alto del programa de HubSpot Solutions Partners (solo por debajo de Elite). Esto significa para ti: acceso directo al equipo de producto de HubSpot, descuentos preferentes en licencias para nuestros clientes, certificaciones avanzadas en todos los Hubs, soporte prioritario para casos complejos y participaci\u00f3n en betas. Solo un pu\u00f1ado de partners en Europa alcanza este nivel.<\/div>\n          <\/div>\n          <div class=\"faq-item\">\n            <div class=\"faq-q\">\u00bfHac\u00e9is white-label para otras agencias? <span class=\"toggle\">+<\/span><\/div>\n            <div class=\"faq-a\">S\u00ed. Si tu agencia no tiene capacidad t\u00e9cnica HubSpot in-house, podemos ejecutar implementaciones bajo tu marca con NDA de partner. Reportamos a tu equipo, no al cliente final.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== CONTACT CTA ======== -->\n  <section class=\"contact-section\" id=\"contact\">\n    <div class=\"container\">\n      <div class=\"contact-grid\">\n        <div class=\"contact-info reveal\">\n          <div class=\"section-eyebrow label\">Hablemos<\/div>\n          <h2>Cu\u00e9ntanos qu\u00e9 <span class=\"accent\">HubSpot necesitas.<\/span><\/h2>\n          <p>15 minutos con nuestro CEO. Sin pitch, sin compromiso. Te decimos qu\u00e9 tiene sentido implementar en tu HubSpot y qu\u00e9 no.<\/p>\n          <div class=\"row\"><small>Studio<\/small><span>Barcelona \u00b7 Madrid \u00b7 Dubai<\/span><\/div>\n          <div class=\"row\"><small>Llamada<\/small><span>15 min \u00b7 Google Meet<\/span><\/div>\n          <div class=\"row\"><small>Disponibilidad<\/small><span>Lun\u2013Vie \u00b7 09:00\u201318:00 CET<\/span><\/div>\n        <\/div>\n        <div class=\"contact-cta-card reveal\">\n          <span class=\"badge\">15-min audit call<\/span>\n          <h3>Agendar tu auditor\u00eda HubSpot.<\/h3>\n          <p>Elige el hueco que mejor te encaje en el calendario. Recibir\u00e1s la invitaci\u00f3n al instante con el link de Meet y un breve cuestionario previo.<\/p>\n          <div class=\"stats-mini\">\n            <div class=\"stats-mini-item\"><strong>15<\/strong><small>Minutos<\/small><\/div>\n            <div class=\"stats-mini-item\"><strong>0\u20ac<\/strong><small>Coste<\/small><\/div>\n            <div class=\"stats-mini-item\"><strong>CEO<\/strong><small>Directo<\/small><\/div>\n          <\/div>\n          <a href=\"https:\/\/meetings-eu1.hubspot.com\/javier11?uuid=0bf98192-4e61-4a18-9ff0-d995ea26723d\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-accent\">Agendar tu auditor\u00eda \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ======== BIG MARQUEE ======== -->\n  <div class=\"big-marquee\">\n    <div class=\"big-marquee-track\">\n      <span>Let's HubSpot<\/span>\n      <span>Let's HubSpot<\/span>\n      <span>Let's HubSpot<\/span>\n      <span>Let's HubSpot<\/span>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/vx-landing -->\n\n<!-- ======== QUALIFYING FORM MODAL ======== -->\n<div class=\"qf-modal\" id=\"qf-modal\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"qf-backdrop\" data-close-form><\/div>\n  <div class=\"qf-card\">\n    <button class=\"qf-close\" data-close-form aria-label=\"Close\">\u00d7<\/button>\n    <div class=\"qf-header\">\n      <div class=\"qf-progress-row\">\n        <span class=\"qf-progress-label\" id=\"qf-progress-label\">Paso <span class=\"qf-progress-current\">1<\/span> de 7<\/span>\n        <span class=\"qf-progress-pct\" id=\"qf-progress-pct\">0%<\/span>\n      <\/div>\n      <div class=\"qf-progress-dots\" id=\"qf-progress-dots\"><\/div>\n    <\/div>\n    <div id=\"qf-steps\"><\/div>\n    <div class=\"qf-footer\" id=\"qf-footer\">\n      <button class=\"qf-back\" id=\"qf-back\" disabled>\u2190 Atr\u00e1s<\/button>\n      <div style=\"display:flex; align-items:center; gap:16px;\">\n        <span class=\"qf-hint\" id=\"qf-hint\">Pulsa <kbd>Enter<\/kbd> para continuar<\/span>\n        <button class=\"qf-next\" id=\"qf-next\">Continuar \u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  function init() {\n    \/* ======== HERO LETTER REVEAL ======== *\/\n    const HERO_LINES = [\n      { text: 'Tu HubSpot,', accent: false },\n      { text: 'convertido en', accent: false },\n      { text: 'motor de revenue', accent: true }\n    ];\n    HERO_LINES.forEach((item, idx) => {\n      const lineEl = document.querySelector('.vx-landing .line-' + (idx + 1));\n      if (!lineEl) return;\n      const words = item.text.split(' ');\n      let charIndex = 0;\n      lineEl.innerHTML = words.map(w => {\n        const chars = [...w].map(c => {\n          const html = '<span class=\"char' + (item.accent ? ' accent' : '') + '\" style=\"--i:' + charIndex + '\">' + (c === ' ' ? '&nbsp;' : c) + '<\/span>';\n          charIndex++;\n          return html;\n        }).join('');\n        return '<span class=\"word\">' + chars + '<\/span>';\n      }).join(' ');\n    });\n\n    \/* ======== SCROLL REVEAL ======== *\/\n    const observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('in');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n    document.querySelectorAll('.vx-landing .reveal').forEach(function(el) { observer.observe(el); });\n\n    \/* ======== CALCULATOR ======== *\/\n    const visitorsEl = document.getElementById('visitors');\n    const crEl = document.getElementById('cr');\n    const aovEl = document.getElementById('aov');\n    const spendEl = document.getElementById('spend');\n    if (visitorsEl && crEl && aovEl && spendEl) {\n      const fmt = function(n) { return new Intl.NumberFormat('es-ES').format(Math.round(n)); };\n      function setFill(input, fillId) {\n        const fill = document.getElementById(fillId);\n        if (!fill) return;\n        const min = +input.min || 0;\n        const max = +input.max || 100;\n        const v = +input.value;\n        const pct = max > min ? ((v - min) \/ (max - min)) * 100 : 0;\n        fill.style.width = pct + '%';\n      }\n      function updateCalc() {\n        const visitors = +visitorsEl.value;\n        const cr = +crEl.value \/ 10;\n        const aov = +aovEl.value;\n        const spend = +spendEl.value;\n        setFill(visitorsEl, 'fill-visitors');\n        setFill(crEl, 'fill-cr');\n        setFill(aovEl, 'fill-aov');\n        setFill(spendEl, 'fill-spend');\n        document.getElementById('v-visitors').textContent = fmt(visitors);\n        document.getElementById('v-cr').textContent = cr.toFixed(1) + '%';\n        document.getElementById('v-aov').textContent = '\u20ac ' + fmt(aov);\n        document.getElementById('v-spend').textContent = '\u20ac ' + fmt(spend);\n        const conversions = visitors * (cr \/ 100);\n        const revenue = conversions * aov;\n        const upliftRev = revenue * 0.30;\n        document.getElementById('o-revenue').textContent = '\u20ac ' + fmt(revenue);\n        document.getElementById('o-uplift').textContent = '+ \u20ac' + fmt(upliftRev) + '\/mo con uplift HubSpot t\u00edpico';\n        let score = 20;\n        if (cr >= 0.5) score += 10;\n        if (cr >= 1.5) score += 15;\n        if (cr >= 2.5) score += 15;\n        if (cr >= 4) score += 10;\n        if (visitors >= 5000) score += 10;\n        if (visitors >= 30000) score += 10;\n        if (aov >= 1000) score += 5;\n        if (aov >= 10000) score += 5;\n        score = Math.min(score, 92);\n        const gauge = document.getElementById('gauge');\n        if (gauge) gauge.style.setProperty('--pct', score);\n        document.getElementById('o-score').textContent = score;\n        const verdictEl = document.getElementById('o-verdict');\n        verdictEl.classList.remove('warn', 'good');\n        if (score < 40) { verdictEl.textContent = 'Margen significativo de mejora'; verdictEl.classList.add('warn'); }\n        else if (score < 70) { verdictEl.textContent = 'Base s\u00f3lida, gran upside'; verdictEl.classList.add('warn'); }\n        else { verdictEl.textContent = 'Ya optimizado, vamos a escalar'; verdictEl.classList.add('good'); }\n      }\n      [visitorsEl, crEl, aovEl, spendEl].forEach(function(el) { el.addEventListener('input', updateCalc); });\n      updateCalc();\n    }\n\n    \/* ======== FAQ ACCORDION ======== *\/\n    document.querySelectorAll('.vx-landing .faq-item').forEach(function(item) {\n      item.addEventListener('click', function() {\n        const wasOpen = item.classList.contains('open');\n        document.querySelectorAll('.vx-landing .faq-item').forEach(function(i) { i.classList.remove('open'); });\n        if (!wasOpen) item.classList.add('open');\n      });\n    });\n\n    \/* ======== QUALIFYING FORM ======== *\/\n    const QF_STEPS = [\n      { id: 'name', type: 'text', num: '01', question: \"Empecemos por tu nombre.\", sub: 'Para saber c\u00f3mo dirigirnos a ti.', placeholder: 'Nombre y apellido', required: true },\n      { id: 'email', type: 'email', num: '02', question: \"\u00bfCu\u00e1l es tu email de trabajo?\", sub: \"Te respondemos aqu\u00ed en 24h.\", placeholder: 'tu@empresa.com', required: true },\n      { id: 'company', type: 'text', num: '03', question: \"\u00bfY tu empresa?\", sub: 'Nombre o web, lo que nos ayude a entender el negocio.', placeholder: 'Empresa o URL', required: true },\n      { id: 'service', type: 'choice', num: '04', question: \"\u00bfQu\u00e9 necesita tu equipo?\", sub: 'Elige lo que m\u00e1s se acerque. Lo refinamos en la llamada.', options: ['Implementaci\u00f3n HubSpot (Sales\/Marketing)', 'Migraci\u00f3n desde otro CRM', 'Optimizaci\u00f3n de HubSpot existente', 'Operations Hub & Data Sync', 'CMS Hub & Web', 'Auditor\u00eda HubSpot + roadmap', 'No lo tengo claro, hablemos'], required: true },\n      { id: 'sector', type: 'choice', num: '05', question: \"\u00bfCu\u00e1l es tu sector?\", sub: 'Cada vertical tiene su configuraci\u00f3n \u00f3ptima.', options: ['B2B SaaS', 'Real Estate', 'eCommerce \/ D2C', 'Servicios profesionales', 'Industrial \/ Manufacturing', 'Salud \/ Wellness', 'Otro'], required: true },\n      { id: 'budget', type: 'choice', num: '06', question: \"Presupuesto mensual para esta iniciativa\", sub: 'Un rango aprox. nos ayuda a ajustar el scope.', options: ['Menos de \u20ac5K', '\u20ac5K \u2013 \u20ac15K', '\u20ac15K \u2013 \u20ac40K', '\u20ac40K \u2013 \u20ac100K', '\u20ac100K+', \"Lo discutimos\"], required: true },\n      { id: 'message', type: 'textarea', num: '07', question: \"\u00bfAlgo m\u00e1s que debamos saber?\", sub: 'Objetivos, timeline, stack actual. Opcional.', placeholder: 'Cu\u00e9ntanos en pocas l\u00edneas...', required: false }\n    ];\n    const qfState = { step: 0, data: {}, sending: false, lock: false };\n    const modal = document.getElementById('qf-modal');\n    const stepsEl = document.getElementById('qf-steps');\n    const progressLabel = document.getElementById('qf-progress-label');\n    const progressPct = document.getElementById('qf-progress-pct');\n    const progressDots = document.getElementById('qf-progress-dots');\n    const backBtn = document.getElementById('qf-back');\n    const nextBtn = document.getElementById('qf-next');\n    const hintEl = document.getElementById('qf-hint');\n    const footerEl = document.getElementById('qf-footer');\n    function escapeHtml(s) { return String(s).replace(\/[&<>\"']\/g, function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];}); }\n    function renderDots() {\n      if (!progressDots) return;\n      progressDots.innerHTML = QF_STEPS.map(function(_, i) {\n        const cls = i < qfState.step ? 'done' : (i === qfState.step ? 'active' : '');\n        return '<span class=\"qf-dot ' + cls + '\" data-i=\"' + i + '\"><\/span>';\n      }).join('');\n    }\n    function renderSteps() {\n      stepsEl.innerHTML = QF_STEPS.map(function(step, i) {\n        let inputHtml = '';\n        if (step.type === 'text' || step.type === 'email') {\n          inputHtml = '<input type=\"' + step.type + '\" class=\"qf-input\" data-id=\"' + step.id + '\" placeholder=\"' + escapeHtml(step.placeholder) + '\" autocomplete=\"off\" \/>';\n        } else if (step.type === 'textarea') {\n          inputHtml = '<textarea class=\"qf-input\" data-id=\"' + step.id + '\" placeholder=\"' + escapeHtml(step.placeholder) + '\"><\/textarea>';\n        } else if (step.type === 'choice') {\n          inputHtml = '<div class=\"qf-choices\">' + step.options.map(function(opt, idx) {\n            return '<button type=\"button\" class=\"qf-choice\" data-id=\"' + step.id + '\" data-value=\"' + escapeHtml(opt) + '\"><span class=\"qf-choice-key\">' + String.fromCharCode(65 + idx) + '<\/span><span>' + escapeHtml(opt) + '<\/span><\/button>';\n          }).join('') + '<\/div>';\n        }\n        return '<div class=\"qf-step\" data-step=\"' + i + '\"><div class=\"qf-step-num\">Pregunta ' + step.num + '<\/div><div class=\"qf-step-q\">' + step.question + '<\/div><div class=\"qf-step-sub\">' + step.sub + '<\/div>' + inputHtml + '<\/div>';\n      }).join('') + '<div class=\"qf-step\" data-step=\"' + QF_STEPS.length + '\"><div class=\"qf-done\"><div class=\"qf-done-icon\">\u2713<\/div><h3 id=\"qf-done-title\">Gracias, te contactamos pronto.<\/h3><p id=\"qf-done-msg\">Tus datos est\u00e1n con nosotros. Un senior del equipo te responder\u00e1 en 24h con una propuesta a medida y un slot de discovery call.<\/p><\/div><\/div>';\n      stepsEl.querySelectorAll('.qf-choice').forEach(function(btn) {\n        btn.addEventListener('click', function(e) {\n          e.preventDefault();\n          e.stopPropagation();\n          if (qfState.lock) return;\n          const id = btn.dataset.id;\n          const value = btn.dataset.value;\n          qfState.data[id] = value;\n          btn.parentElement.querySelectorAll('.qf-choice').forEach(function(b) { b.classList.remove('selected'); });\n          btn.classList.add('selected');\n          qfState.lock = true;\n          setTimeout(function() { qfState.lock = false; goNext(); }, 320);\n        });\n      });\n      stepsEl.querySelectorAll('input.qf-input, textarea.qf-input').forEach(function(el) {\n        el.addEventListener('input', function() {\n          qfState.data[el.dataset.id] = el.value;\n          validate();\n        });\n        el.addEventListener('keydown', function(e) {\n          if (e.key === 'Enter' && el.tagName !== 'TEXTAREA') {\n            e.preventDefault();\n            e.stopPropagation();\n            qfState.lock = true;\n            setTimeout(function(){ qfState.lock = false; goNext(); }, 80);\n          }\n        });\n      });\n    }\n    function goToStep(i) {\n      qfState.step = i;\n      stepsEl.querySelectorAll('.qf-step').forEach(function(s) { s.classList.remove('active'); });\n      const target = stepsEl.querySelector('.qf-step[data-step=\"' + i + '\"]');\n      if (target) target.classList.add('active');\n      updateProgress();\n      backBtn.disabled = (i === 0);\n      backBtn.toggleAttribute('disabled', i === 0);\n      if (i >= QF_STEPS.length) {\n        footerEl.style.display = 'none';\n        renderDots();\n      } else {\n        footerEl.style.display = 'flex';\n        setTimeout(function() {\n          const input = target.querySelector('input.qf-input, textarea.qf-input');\n          if (input) input.focus();\n        }, 200);\n        validate();\n        const step = QF_STEPS[i];\n        if (step.type === 'choice') { hintEl.innerHTML = 'Click o pulsa <kbd>A<\/kbd>\u2014<kbd>' + String.fromCharCode(64 + step.options.length) + '<\/kbd>'; nextBtn.textContent = 'Continuar \u2192'; }\n        else if (i === QF_STEPS.length - 1) { hintEl.innerHTML = '<kbd>\u2318<\/kbd>+<kbd>Enter<\/kbd> para enviar'; nextBtn.textContent = 'Enviar \u2192'; }\n        else { hintEl.innerHTML = 'Pulsa <kbd>Enter<\/kbd> para continuar'; nextBtn.textContent = 'Continuar \u2192'; }\n      }\n    }\n    function updateProgress() {\n      const totalForPct = QF_STEPS.length;\n      const pct = qfState.step >= totalForPct\n        ? 100\n        : Math.round((qfState.step \/ totalForPct) * 100);\n      if (progressPct) progressPct.textContent = pct + '%';\n      if (progressLabel) {\n        if (qfState.step >= totalForPct) progressLabel.innerHTML = 'Env\u00edo <span class=\"qf-progress-current\">completo<\/span>';\n        else progressLabel.innerHTML = 'Paso <span class=\"qf-progress-current\">' + (qfState.step + 1) + '<\/span> de ' + totalForPct;\n      }\n      renderDots();\n    }\n    function validate() {\n      const step = QF_STEPS[qfState.step];\n      if (!step) return;\n      const v = (qfState.data[step.id] || '').toString();\n      let valid = true;\n      if (step.required && !v.trim()) valid = false;\n      if (step.type === 'email' && !\/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$\/.test(v)) valid = false;\n      nextBtn.disabled = !valid;\n    }\n    function goNext() {\n      if (qfState.sending) return;\n      const step = QF_STEPS[qfState.step];\n      if (step) {\n        const v = (qfState.data[step.id] || '').toString();\n        if (step.required && !v.trim()) return;\n        if (step.type === 'email' && !\/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$\/.test(v)) return;\n      }\n      if (qfState.step < QF_STEPS.length - 1) goToStep(qfState.step + 1);\n      else submitForm();\n    }\n    function goBack() { if (qfState.step > 0) goToStep(qfState.step - 1); }\n    function showError(msg) {\n      let err = document.getElementById('qf-error');\n      if (!err) {\n        err = document.createElement('div');\n        err.id = 'qf-error';\n        err.style.cssText = 'margin-top:14px;padding:12px 16px;background:rgba(255,90,90,0.08);border:1px solid rgba(255,90,90,0.35);color:#ffb8b8;border-radius:10px;font-size:13px;line-height:1.45;';\n        footerEl.parentNode.insertBefore(err, footerEl.nextSibling);\n      }\n      err.textContent = msg;\n    }\n    function clearError() {\n      const err = document.getElementById('qf-error');\n      if (err) err.remove();\n    }\n    function getCf7Endpoint(form) {\n      try {\n        if (form.wpcf7 && form.wpcf7.apiSettings && form.wpcf7.apiSettings.endpoint) {\n          return form.wpcf7.apiSettings.endpoint;\n        }\n      } catch (e) {}\n      let postId = null;\n      const idInput = form.querySelector('input[name=\"_wpcf7\"]');\n      if (idInput && idInput.value) postId = idInput.value;\n      if (!postId) {\n        const wrapper = form.closest('.wpcf7');\n        if (wrapper && wrapper.id) {\n          const m = wrapper.id.match(\/wpcf7-f(\\d+)\/);\n          if (m) postId = m[1];\n        }\n      }\n      if (!postId) return null;\n      let root = '\/wp-json\/';\n      try { if (window.wpcf7 && window.wpcf7.api && window.wpcf7.api.root) root = window.wpcf7.api.root; } catch(e){}\n      root = root.replace(\/\\\/+$\/, '\/');\n      return root + 'contact-form-7\/v1\/contact-forms\/' + postId + '\/feedback';\n    }\n    function submitForm() {\n      if (qfState.sending) return;\n      qfState.sending = true;\n      clearError();\n      nextBtn.disabled = true;\n      nextBtn.textContent = 'Enviando...';\n      const data = qfState.data;\n      const cf7Form = document.querySelector('form.wpcf7-form');\n      if (!cf7Form) {\n        qfState.sending = false;\n        nextBtn.disabled = false;\n        nextBtn.textContent = 'Enviar \u2192';\n        showError(\"El formulario no est\u00e1 inicializado. Escr\u00edbenos a info@vexcosolutions.com.\");\n        return;\n      }\n      const endpoint = getCf7Endpoint(cf7Form);\n      if (!endpoint) {\n        qfState.sending = false;\n        nextBtn.disabled = false;\n        nextBtn.textContent = 'Enviar \u2192';\n        showError(\"No se pudo resolver el endpoint del formulario. Escr\u00edbenos a info@vexcosolutions.com.\");\n        return;\n      }\n      const fd = new FormData();\n      cf7Form.querySelectorAll('input[type=\"hidden\"]').forEach(function(input) {\n        if (input.name) fd.append(input.name, input.value || '');\n      });\n      fd.set('your-name',    data.name    || '');\n      fd.set('your-email',   data.email   || '');\n      fd.set('your-company', data.company || '');\n      fd.set('your-service', data.service || '');\n      fd.set('your-sector',  data.sector  || '');\n      fd.set('your-budget',  data.budget  || '');\n      fd.set('your-message', data.message || '');\n      fd.set('your-source',  window.location.href);\n      fetch(endpoint, {\n        method: 'POST',\n        body: fd,\n        credentials: 'same-origin'\n      })\n      .then(function(r) {\n        return r.text().then(function(txt) {\n          let body = null;\n          try { body = JSON.parse(txt); } catch(e) {}\n          return { ok: r.ok, status: r.status, body: body, raw: body ? null : txt };\n        });\n      })\n      .then(function(result) {\n        if (result.body && result.body.status === 'mail_sent') {\n          qfState.sending = false;\n          goToStep(QF_STEPS.length);\n          const name = (data.name || '').split(' ')[0];\n          if (name) {\n            const t = document.getElementById('qf-done-title');\n            if (t) t.textContent = 'Gracias, ' + name + \", te contactamos pronto.\";\n          }\n        } else if (result.body && result.body.status === 'validation_failed') {\n          throw new Error('Validation failed');\n        } else if (result.body && result.body.message) {\n          throw new Error(result.body.message);\n        } else {\n          throw new Error('Endpoint returned non-JSON response');\n        }\n      })\n      .catch(function(err) {\n        qfState.sending = false;\n        nextBtn.disabled = false;\n        nextBtn.textContent = 'Enviar \u2192';\n        showError(\"No pudimos enviar el formulario. Escr\u00edbenos a info@vexcosolutions.com.\");\n      });\n    }\n    function openForm() {\n      document.body.classList.add('qf-open');\n      modal.classList.add('open');\n      if (!stepsEl.children.length) renderSteps();\n      qfState.sending = false;\n      qfState.lock = false;\n      goToStep(0);\n    }\n    function closeForm() {\n      document.body.classList.remove('qf-open');\n      modal.classList.remove('open');\n    }\n    document.querySelectorAll('[data-open-form]').forEach(function(btn) {\n      btn.addEventListener('click', function(e) { e.preventDefault(); openForm(); });\n    });\n    document.querySelectorAll('[data-close-form]').forEach(function(btn) {\n      btn.addEventListener('click', closeForm);\n    });\n    backBtn.addEventListener('click', function(e) { e.preventDefault(); goBack(); });\n    nextBtn.addEventListener('click', function(e) { e.preventDefault(); goNext(); });\n    document.addEventListener('keydown', function(e) {\n      if (!modal.classList.contains('open')) return;\n      if (e.key === 'Escape') { closeForm(); return; }\n      if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) { e.preventDefault(); goNext(); return; }\n      const ae = document.activeElement;\n      if (ae && (ae.tagName === 'INPUT' || ae.tagName === 'TEXTAREA' || ae.tagName === 'BUTTON')) return;\n      if (qfState.lock) return;\n      const step = QF_STEPS[qfState.step];\n      if (!step || step.type !== 'choice') return;\n      if (e.key.length !== 1 || !\/^[a-zA-Z]$\/.test(e.key)) return;\n      const idx = e.key.toUpperCase().charCodeAt(0) - 65;\n      if (idx < 0 || idx >= step.options.length) return;\n      const stepEl = stepsEl.querySelector('.qf-step[data-step=\"' + qfState.step + '\"]');\n      if (!stepEl) return;\n      const choices = stepEl.querySelectorAll('.qf-choice');\n      if (choices[idx]) choices[idx].click();\n    });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Implementamos, optimizamos y escalamos HubSpot para empresas que quieren convertir su CRM en un motor de revenue real, no en otra herramienta m\u00e1s que nadie usa. Agendar tu auditor\u00eda \u2192 Ver soluciones +130&nbsp;implementaciones +12&nbsp;sectores EU + MEA HubSpot Sales Hub Marketing Hub Service Hub Operations Hub CMS Hub Custom Objects RevOps Migraciones CRM HubSpot Sales [&hellip;]<\/p>\n","protected":false},"author":231275767,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","content-type":"","_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3853","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>INICIO | VEXCO<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vexcosolutions.com\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"INICIO | VEXCO\" \/>\n<meta property=\"og:description\" content=\"Implementamos, optimizamos y escalamos HubSpot para empresas que quieren convertir su CRM en un motor de revenue real, no en otra herramienta m\u00e1s que nadie usa. Agendar tu auditor\u00eda \u2192 Ver soluciones +130&nbsp;implementaciones +12&nbsp;sectores EU + MEA HubSpot Sales Hub Marketing Hub Service Hub Operations Hub CMS Hub Custom Objects RevOps Migraciones CRM HubSpot Sales [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vexcosolutions.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"VEXCO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T07:03:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/\",\"url\":\"https:\\\/\\\/vexcosolutions.com\\\/\",\"name\":\"INICIO | VEXCO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vexcosolutions.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/diamond-partner-hubspot.webp\",\"datePublished\":\"2026-05-05T06:38:11+00:00\",\"dateModified\":\"2026-05-05T07:03:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vexcosolutions.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vexcosolutions.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/diamond-partner-hubspot.webp\",\"contentUrl\":\"https:\\\/\\\/vexcosolutions.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/diamond-partner-hubspot.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/vexcosolutions.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#website\",\"url\":\"https:\\\/\\\/vexcosolutions.com\\\/\",\"name\":\"VEXCO\",\"description\":\"Igniting Success through CRM Expertise\",\"publisher\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vexcosolutions.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#organization\",\"name\":\"Vex\",\"url\":\"https:\\\/\\\/vexcosolutions.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/vexcosolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/VEXCO-removebg-preview.png?fit=871%2C286&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/vexcosolutions.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/VEXCO-removebg-preview.png?fit=871%2C286&ssl=1\",\"width\":871,\"height\":286,\"caption\":\"Vex\"},\"image\":{\"@id\":\"https:\\\/\\\/vexcosolutions.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/vexco-solutions\\\/?originalSubdomain=es\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"INICIO | VEXCO","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vexcosolutions.com\/es\/","og_locale":"es_ES","og_type":"article","og_title":"INICIO | VEXCO","og_description":"Implementamos, optimizamos y escalamos HubSpot para empresas que quieren convertir su CRM en un motor de revenue real, no en otra herramienta m\u00e1s que nadie usa. Agendar tu auditor\u00eda \u2192 Ver soluciones +130&nbsp;implementaciones +12&nbsp;sectores EU + MEA HubSpot Sales Hub Marketing Hub Service Hub Operations Hub CMS Hub Custom Objects RevOps Migraciones CRM HubSpot Sales [&hellip;]","og_url":"https:\/\/vexcosolutions.com\/es\/","og_site_name":"VEXCO","article_modified_time":"2026-05-05T07:03:33+00:00","og_image":[{"url":"https:\/\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vexcosolutions.com\/","url":"https:\/\/vexcosolutions.com\/","name":"INICIO | VEXCO","isPartOf":{"@id":"https:\/\/vexcosolutions.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vexcosolutions.com\/#primaryimage"},"image":{"@id":"https:\/\/vexcosolutions.com\/#primaryimage"},"thumbnailUrl":"https:\/\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp","datePublished":"2026-05-05T06:38:11+00:00","dateModified":"2026-05-05T07:03:33+00:00","breadcrumb":{"@id":"https:\/\/vexcosolutions.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vexcosolutions.com\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vexcosolutions.com\/#primaryimage","url":"https:\/\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp","contentUrl":"https:\/\/vexcosolutions.com\/wp-content\/uploads\/2026\/05\/diamond-partner-hubspot.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/vexcosolutions.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/vexcosolutions.com\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@type":"WebSite","@id":"https:\/\/vexcosolutions.com\/#website","url":"https:\/\/vexcosolutions.com\/","name":"VEXCO","description":"Igniting Success through CRM Expertise","publisher":{"@id":"https:\/\/vexcosolutions.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vexcosolutions.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/vexcosolutions.com\/#organization","name":"Vex","url":"https:\/\/vexcosolutions.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vexcosolutions.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/VEXCO-removebg-preview.png?fit=871%2C286&ssl=1","contentUrl":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/VEXCO-removebg-preview.png?fit=871%2C286&ssl=1","width":871,"height":286,"caption":"Vex"},"image":{"@id":"https:\/\/vexcosolutions.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/vexco-solutions\/?originalSubdomain=es"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"newspack-article-block-landscape-large":false,"newspack-article-block-portrait-large":false,"newspack-article-block-square-large":false,"newspack-article-block-landscape-medium":false,"newspack-article-block-portrait-medium":false,"newspack-article-block-square-medium":false,"newspack-article-block-landscape-intermediate":false,"newspack-article-block-portrait-intermediate":false,"newspack-article-block-square-intermediate":false,"newspack-article-block-landscape-small":false,"newspack-article-block-portrait-small":false,"newspack-article-block-square-small":false,"newspack-article-block-landscape-tiny":false,"newspack-article-block-portrait-tiny":false,"newspack-article-block-square-tiny":false,"newspack-article-block-uncropped":false},"uagb_author_info":{"display_name":"Vexco Solutions","author_link":"https:\/\/vexcosolutions.com\/es\/author\/xaviadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Implementamos, optimizamos y escalamos HubSpot para empresas que quieren convertir su CRM en un motor de revenue real, no en otra herramienta m\u00e1s que nadie usa. Agendar tu auditor\u00eda \u2192 Ver soluciones +130&nbsp;implementaciones +12&nbsp;sectores EU + MEA HubSpot Sales Hub Marketing Hub Service Hub Operations Hub CMS Hub Custom Objects RevOps Migraciones CRM HubSpot Sales&hellip;","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PeyTDy-109","jetpack-related-posts":[{"id":3318,"url":"https:\/\/vexcosolutions.com\/es\/hubspot_services\/","url_meta":{"origin":3853,"position":0},"title":"Servicios de HubSpot","author":"Vexco Solutions","date":"8th noviembre 2023","format":false,"excerpt":"HubSpot Services Book a Meeting Implementation Optimization Migration Implement HubSpot Overview At Vexco Solutions, we understand the power of HubSpot and how it can transform your business. Our Implement HubSpot service is designed to kickstart your journey to harness the full potential of this powerful platform. With a team of\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3251,"url":"https:\/\/vexcosolutions.com\/es\/vexco-academy\/","url_meta":{"origin":3853,"position":1},"title":"Vexco Academy","author":"Vexco Solutions","date":"2nd noviembre 2023","format":false,"excerpt":"Vexco Academy Vexco Academy Introducci\u00f3n Integraci\u00f3n Automatizaci\u00f3n Data Marketing Ventas Service Casos pr\u00e1cticos Introducci\u00f3n Introducci\u00f3n a Hubspot 6 Videos Introducci\u00f3n a HubSpot 1:13 Definici\u00f3n de objetos 2:50 Barra de men\u00fas 9:55 Funnel de ventas 12:38 Configuraci\u00f3n general 9:05 Mercado de aplicaciones 9:05 Integraci\u00f3n Introducci\u00f3n a Hubspot 7 Videos A\u00f1adir usuarios\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3783,"url":"https:\/\/vexcosolutions.com\/es\/vexco-academia\/","url_meta":{"origin":3853,"position":2},"title":"Vexco Academia","author":"Vexco Solutions","date":"22nd diciembre 2023","format":false,"excerpt":"Vexco Academy We present the Vexco Academy! \ud83d\udcbb https:\/\/www.youtube.com\/watch?v=phAuOWoCKR0 Yes, we love our clients. And we know it's not easy to learn HubSpot from scratch, that\u2019s why we created the Vexco Academy. A place where you will learn the basics of Hubspot with real examples. Life is hard, but HubSpot\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/img.youtube.com\/vi\/phAuOWoCKR0\/0.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1804,"url":"https:\/\/vexcosolutions.com\/es\/hubspot\/","url_meta":{"origin":3853,"position":3},"title":"HubSpot","author":"Pau R.","date":"11th junio 2023","format":false,"excerpt":"Customer Relationship Management HubSpotBook a call Overview HubSpot is a CRM platform that connects everything scaling companies need to deliver a best-in-class customer experience into one place.With HubSpot, customers come first, customization is simple, and teams are unified through a connected CRM.Our approach to product development takes the critical elements\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":3370,"url":"https:\/\/vexcosolutions.com\/es\/services-2\/","url_meta":{"origin":3853,"position":4},"title":"Services.","author":"Vexco Solutions","date":"8th noviembre 2023","format":false,"excerpt":"Services Discover the power of our transformative services and unlock new possibilities for your business. Book a Meeting HubSpot Services Data Analysis Website Optimization Supercharge your business with our HubSpot services. From marketing to automation, we've got you covered. Elevate your success with HubSpot today. Gain a competitive edge with\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/11\/Diseno-sin-titulo-8-1024x576.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/11\/Diseno-sin-titulo-8-1024x576.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/11\/Diseno-sin-titulo-8-1024x576.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/11\/Diseno-sin-titulo-8-1024x576.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":2552,"url":"https:\/\/vexcosolutions.com\/es\/case-studies-crmsetup\/","url_meta":{"origin":3853,"position":5},"title":"CRM Implementation","author":"Vexco Solutions","date":"26th junio 2023","format":false,"excerpt":"HubSpot Development CRM SET UP About the client A startup event management company faced challenges in managing their sales and marketing activities, tracking attendee information, and communicating with sponsors and speakers. To address these issues, they implemented HubSpot, a leading CRM and marketing automation tool. The challenge The startup struggled\u2026","rel":"","context":"Entrada similar","block_context":{"text":"Entrada similar","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/marvin-meyer-SYTO3xs06fU-unsplash.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/marvin-meyer-SYTO3xs06fU-unsplash.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/marvin-meyer-SYTO3xs06fU-unsplash.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/marvin-meyer-SYTO3xs06fU-unsplash.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/vexcosolutions.com\/wp-content\/uploads\/2023\/06\/marvin-meyer-SYTO3xs06fU-unsplash.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/pages\/3853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/users\/231275767"}],"replies":[{"embeddable":true,"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/comments?post=3853"}],"version-history":[{"count":16,"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/pages\/3853\/revisions"}],"predecessor-version":[{"id":3883,"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/pages\/3853\/revisions\/3883"}],"wp:attachment":[{"href":"https:\/\/vexcosolutions.com\/es\/wp-json\/wp\/v2\/media?parent=3853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}