{"id":6008,"date":"2026-08-06T22:20:31","date_gmt":"2026-08-07T03:20:31","guid":{"rendered":"https:\/\/wowmediax.com\/es\/?page_id=6008"},"modified":"2026-08-07T18:02:15","modified_gmt":"2026-08-07T23:02:15","slug":"home-2","status":"publish","type":"page","link":"https:\/\/wowmediax.com\/es\/","title":{"rendered":""},"content":{"rendered":"\n<!-- =========================================================\n     WOW MEDIA X \u2014 HERO V6 \/ WMXH6\n     \n     DESKTOP:\n     Intro + CTA | Connected system\n     \n     TABLET \/ MOBILE:\n     Intro\n     Connected system\n     CTA\n     \n     SEO \/ GEO \/ ACCESSIBILITY \/ PERFORMANCE\n     No JS\n     No external libraries\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   01. WORDPRESS \/ DIVI \/ GUTENBERG RESET\n   ========================================================= *\/\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nhtml,\nbody {\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    overflow-x: clip;\n}\n\nbody.page #main-content,\nbody.page #main-content .container,\nbody.page #left-area,\nbody.page article,\nbody.page article.page,\nbody.page .post,\nbody.page .entry-content,\nbody.page .wp-block-post-content {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody.page #left-area {\n    float: none !important;\n}\n\nbody.page #main-content .container::before {\n    display: none !important;\n}\n\nbody.page #sidebar {\n    display: none !important;\n}\n\nbody.page .entry-title,\nbody.page h1.entry-title,\nbody.page .et_post_meta_wrapper,\nbody.page .page-title,\nbody.page .et_pb_title_container,\nbody.page .et_page_title,\nbody.page .et_pb_post_title {\n    display: none !important;\n}\n\n\n\/* =========================================================\n   02. TOKENS\n   ========================================================= *\/\n\n#wmxh6-hero {\n\n    --wmxh6-navy: #01012c;\n    --wmxh6-navy-2: #060637;\n\n    --wmxh6-white: #ffffff;\n    --wmxh6-muted: #b9b9ca;\n    --wmxh6-soft: #9292a8;\n\n    --wmxh6-pink: #fa00b9;\n    --wmxh6-pink-hover: #df00a6;\n\n    --wmxh6-decixium: #c7ff00;\n    --wmxh6-agentral: #62e83b;\n    --wmxh6-audience: #fa00b9;\n\n    --wmxh6-border: rgba(255,255,255,.11);\n    --wmxh6-border-strong: rgba(255,255,255,.18);\n\n    --wmxh6-header: 88px;\n}\n\n#wmxh6-hero,\n#wmxh6-hero * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   03. HERO\n   ========================================================= *\/\n\n#wmxh6-hero {\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    min-height:\n        calc(100svh - var(--wmxh6-header));\n\n    overflow-x: clip;\n    overflow-y: visible;\n\n    color: var(--wmxh6-white);\n\n    background:\n\n        radial-gradient(\n            circle at 80% 42%,\n            rgba(250,0,185,.10),\n            transparent 35%\n        ),\n\n        linear-gradient(\n            135deg,\n            #01012c 0%,\n            #030331 56%,\n            #070739 100%\n        );\n}\n\n\n\/* =========================================================\n   04. BACKGROUND\n   ========================================================= *\/\n\n.wmxh6-bg {\n\n    position: absolute;\n    inset: 0;\n\n    z-index: -1;\n\n    pointer-events: none;\n}\n\n.wmxh6-bg::before {\n\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n\n        linear-gradient(\n            rgba(255,255,255,.016) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.016) 1px,\n            transparent 1px\n        );\n\n    background-size: 72px 72px;\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.88),\n            transparent 98%\n        );\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.88),\n            transparent 98%\n        );\n}\n\n\n\/* =========================================================\n   05. MAIN GRID\n   ========================================================= *\/\n\n.wmxh6-inner {\n\n    position: relative;\n    z-index: 2;\n\n    width:\n        min(1440px, calc(100% - 72px));\n\n    min-height:\n        calc(100svh - var(--wmxh6-header));\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.96fr)\n        minmax(500px,.84fr);\n\n    grid-template-areas:\n        \"intro visual\"\n        \"actions visual\";\n\n    grid-template-rows:\n        auto\n        auto;\n\n    align-content: center;\n    align-items: center;\n\n    column-gap:\n        clamp(52px,6vw,96px);\n\n    padding:\n        clamp(52px,6vh,76px)\n        0;\n}\n\n\n\/* =========================================================\n   06. INTRO\n   ========================================================= *\/\n\n.wmxh6-intro {\n\n    grid-area: intro;\n\n    max-width: 760px;\n}\n\n\n\/* =========================================================\n   07. EYEBROW\n   ========================================================= *\/\n\n.wmxh6-eyebrow {\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin:\n        0\n        0\n        24px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .18em;\n    text-transform: uppercase;\n\n    color:\n        rgba(255,255,255,.72);\n}\n\n.wmxh6-eyebrow-dot {\n\n    width: 4px;\n    height: 4px;\n\n    flex: 0 0 4px;\n\n    border-radius: 50%;\n\n    background:\n        var(--wmxh6-pink);\n\n    box-shadow:\n        0 0 10px rgba(250,0,185,.70);\n}\n\n\n\/* =========================================================\n   08. TITLE\n   ========================================================= *\/\n\n.wmxh6-title {\n\n    max-width: 760px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(60px,5.35vw,92px);\n\n    font-weight: 800;\n\n    line-height: .97;\n\n    letter-spacing: -.058em;\n\n    text-wrap: balance;\n\n    color:\n        var(--wmxh6-white);\n}\n\n.wmxh6-title-accent {\n\n    display: block;\n\n    color:\n        var(--wmxh6-pink);\n}\n\n\n\/* =========================================================\n   09. COPY\n   ========================================================= *\/\n\n.wmxh6-copy {\n\n    max-width: 680px;\n\n    margin:\n        clamp(28px,3vh,36px)\n        0\n        0;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px,1.15vw,20px);\n\n    line-height: 1.58;\n\n    color:\n        var(--wmxh6-muted);\n}\n\n.wmxh6-copy strong {\n\n    color:\n        var(--wmxh6-white);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   10. VISUAL\n   ========================================================= *\/\n\n.wmxh6-visual {\n\n    grid-area: visual;\n\n    width: 100%;\n    max-width: 650px;\n\n    margin-left: auto;\n\n    min-width: 0;\n}\n\n\n\/* =========================================================\n   11. SYSTEM OUTER BOX\n   ========================================================= *\/\n\n.wmxh6-system {\n\n    position: relative;\n\n    width: 100%;\n\n    border:\n        1px solid var(--wmxh6-border);\n\n    border-radius: 20px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.052),\n            rgba(255,255,255,.018)\n        );\n\n    box-shadow:\n        0 24px 60px rgba(0,0,0,.22);\n}\n\n\n\/*\n * CRITICAL:\n * ALL system content sits inside this wrapper.\n *\/\n\n.wmxh6-system-inner {\n\n    width: 100%;\n\n    padding:\n        22px;\n}\n\n\n\/* =========================================================\n   12. SYSTEM HEADER\n   ========================================================= *\/\n\n.wmxh6-system-header {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 18px;\n\n    width: 100%;\n\n    margin-bottom: 16px;\n\n    padding:\n        4px\n        4px\n        16px;\n\n    border-bottom:\n        1px solid rgba(255,255,255,.08);\n}\n\n.wmxh6-system-label {\n\n    margin: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1.2;\n\n    letter-spacing: .16em;\n\n    text-transform: uppercase;\n\n    color:\n        rgba(255,255,255,.48);\n}\n\n.wmxh6-status {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    flex: 0 0 auto;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .08em;\n\n    text-transform: uppercase;\n\n    color:\n        rgba(255,255,255,.55);\n}\n\n.wmxh6-status-dot {\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background:\n        var(--wmxh6-pink);\n\n    box-shadow:\n        0 0 11px rgba(250,0,185,.7);\n\n    animation:\n        wmxh6Pulse\n        2.4s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   13. PLATFORM LIST\n   ========================================================= *\/\n\n.wmxh6-platforms {\n\n    display: grid;\n\n    width: 100%;\n\n    gap: 12px;\n}\n\n\n\/* =========================================================\n   14. PLATFORM OUTER CARD\n   ========================================================= *\/\n\n.wmxh6-card {\n\n    position: relative;\n\n    width: 100%;\n\n    min-width: 0;\n\n    border:\n        1px solid rgba(255,255,255,.09);\n\n    border-radius: 14px;\n\n    background:\n        rgba(6,6,50,.70);\n\n    overflow: visible;\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        background-color .2s ease;\n}\n\n\n\/*\n * CRITICAL FIX:\n * The grid is INSIDE the card.\n * Nothing is positioned directly against exterior border.\n *\/\n\n.wmxh6-card-inner {\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        48px\n        minmax(0,1fr)\n        36px;\n\n    align-items: center;\n\n    column-gap: 18px;\n\n    padding:\n        17px\n        19px;\n\n    min-height: 106px;\n}\n\n\n\/* =========================================================\n   15. PLATFORM HOVER\n   ========================================================= *\/\n\n.wmxh6-card:hover {\n\n    transform:\n        translateY(-2px);\n\n    background:\n        rgba(10,10,62,.86);\n}\n\n.wmxh6-card--decision:hover {\n    border-color:\n        rgba(199,255,0,.30);\n}\n\n.wmxh6-card--innovation:hover {\n    border-color:\n        rgba(98,232,59,.30);\n}\n\n.wmxh6-card--audience:hover {\n    border-color:\n        rgba(250,0,185,.30);\n}\n\n\n\/* =========================================================\n   16. NUMBER\n   ========================================================= *\/\n\n.wmxh6-number {\n\n    display: grid;\n\n    place-items: center;\n\n    width: 46px;\n    height: 46px;\n\n    justify-self: start;\n\n    border-radius: 11px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 12px;\n    font-weight: 800;\n}\n\n\n\/* DECIXIUM *\/\n\n.wmxh6-card--decision\n.wmxh6-number {\n\n    color:\n        var(--wmxh6-decixium);\n\n    border:\n        1px solid rgba(199,255,0,.32);\n\n    background:\n        rgba(199,255,0,.065);\n}\n\n\n\/* AGENTRAL *\/\n\n.wmxh6-card--innovation\n.wmxh6-number {\n\n    color:\n        var(--wmxh6-agentral);\n\n    border:\n        1px solid rgba(98,232,59,.32);\n\n    background:\n        rgba(98,232,59,.065);\n}\n\n\n\/* AUDIENCE *\/\n\n.wmxh6-card--audience\n.wmxh6-number {\n\n    color:\n        var(--wmxh6-audience);\n\n    border:\n        1px solid rgba(250,0,185,.32);\n\n    background:\n        rgba(250,0,185,.065);\n}\n\n\n\/* =========================================================\n   17. PLATFORM CONTENT\n   ========================================================= *\/\n\n.wmxh6-card-content {\n\n    min-width: 0;\n}\n\n.wmxh6-stage {\n\n    display: block;\n\n    margin:\n        0\n        0\n        5px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 8px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n}\n\n\n\/* COLORS *\/\n\n.wmxh6-card--decision\n.wmxh6-stage {\n    color:\n        var(--wmxh6-decixium);\n}\n\n.wmxh6-card--innovation\n.wmxh6-stage {\n    color:\n        var(--wmxh6-agentral);\n}\n\n.wmxh6-card--audience\n.wmxh6-stage {\n    color:\n        var(--wmxh6-audience);\n}\n\n\n\/* TITLE *\/\n\n.wmxh6-card-title {\n\n    margin:\n        0\n        0\n        5px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px,1.15vw,20px);\n\n    font-weight: 800;\n\n    line-height: 1.15;\n\n    letter-spacing: -.02em;\n\n    color:\n        var(--wmxh6-white);\n}\n\n\n\/* DESCRIPTION *\/\n\n.wmxh6-card-copy {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 12px;\n\n    line-height: 1.38;\n\n    color:\n        var(--wmxh6-soft);\n}\n\n\n\/* =========================================================\n   18. ARROW\n   ========================================================= *\/\n\n.wmxh6-arrow {\n\n    display: grid;\n\n    place-items: center;\n\n    width: 36px;\n    height: 36px;\n\n    justify-self: end;\n\n    border:\n        1px solid rgba(255,255,255,.13);\n\n    border-radius: 50%;\n\n    color:\n        var(--wmxh6-white);\n\n    text-decoration:\n        none !important;\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        background-color .2s ease;\n}\n\n.wmxh6-arrow:hover {\n\n    transform:\n        translateX(2px);\n\n    border-color:\n        rgba(250,0,185,.40);\n\n    background:\n        rgba(250,0,185,.08);\n}\n\n.wmxh6-arrow:focus-visible {\n\n    outline:\n        2px solid #fff;\n\n    outline-offset:\n        3px;\n}\n\n.wmxh6-arrow svg {\n\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   19. OUTCOME OUTER CARD\n   ========================================================= *\/\n\n.wmxh6-outcome {\n\n    position: relative;\n\n    width: 100%;\n\n    margin-top: 14px;\n\n    border:\n        1px solid rgba(250,0,185,.34);\n\n    border-radius: 14px;\n\n    background:\n\n        linear-gradient(\n            100deg,\n            rgba(250,0,185,.14),\n            rgba(250,0,185,.045)\n        );\n}\n\n\n\/*\n * Same architecture:\n * exterior card + inner content.\n *\/\n\n.wmxh6-outcome-inner {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        58px;\n\n    align-items: center;\n\n    gap: 18px;\n\n    width: 100%;\n\n    padding:\n        19px\n        21px;\n}\n\n\n\/* LABEL *\/\n\n.wmxh6-outcome-label {\n\n    display: block;\n\n    margin-bottom: 6px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 8px;\n    font-weight: 800;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n\n    color:\n        rgba(255,255,255,.48);\n}\n\n\n\/* TITLE *\/\n\n.wmxh6-outcome-title {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(18px,1.35vw,22px);\n\n    font-weight: 800;\n\n    line-height: 1.18;\n\n    letter-spacing: -.025em;\n\n    color:\n        var(--wmxh6-white);\n}\n\n.wmxh6-outcome-title strong {\n\n    color:\n        var(--wmxh6-pink);\n}\n\n\n\/* =========================================================\n   20. SIGNAL\n   ========================================================= *\/\n\n.wmxh6-signal-area {\n\n    display: grid;\n\n    place-items: center;\n\n    width: 58px;\n    height: 58px;\n}\n\n.wmxh6-signal {\n\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 12px;\n\n    border-radius: 50%;\n\n    background:\n        var(--wmxh6-pink);\n\n    box-shadow:\n        0 0 14px rgba(250,0,185,.9),\n        0 0 28px rgba(250,0,185,.35);\n}\n\n.wmxh6-signal::before,\n.wmxh6-signal::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    border:\n        1px solid rgba(250,0,185,.34);\n\n    border-radius: 50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        wmxh6Signal\n        2.8s\n        ease-out\n        infinite;\n}\n\n.wmxh6-signal::before {\n\n    width: 34px;\n    height: 34px;\n}\n\n.wmxh6-signal::after {\n\n    width: 54px;\n    height: 54px;\n\n    animation-delay: 1s;\n}\n\n\n\/* =========================================================\n   21. ACTIONS AREA\n   ========================================================= *\/\n\n.wmxh6-actions-area {\n\n    grid-area: actions;\n\n    max-width: 760px;\n\n    padding-top:\n        clamp(30px,3.3vh,40px);\n}\n\n\n\/* =========================================================\n   22. CTA\n   ========================================================= *\/\n\n.wmxh6-actions {\n\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 14px;\n}\n\n.wmxh6-button {\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    min-height: 54px;\n\n    padding:\n        0\n        24px;\n\n    border-radius: 2px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 14px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        transform .2s ease,\n        background-color .2s ease,\n        border-color .2s ease;\n}\n\n\n\/* PRIMARY *\/\n\n.wmxh6-button--primary {\n\n    color:\n        #fff !important;\n\n    border:\n        1px solid var(--wmxh6-pink);\n\n    background:\n        var(--wmxh6-pink);\n\n    box-shadow:\n        0 10px 28px rgba(250,0,185,.18);\n}\n\n.wmxh6-button--primary:hover {\n\n    color:\n        #fff !important;\n\n    background:\n        var(--wmxh6-pink-hover);\n\n    border-color:\n        var(--wmxh6-pink-hover);\n\n    transform:\n        translateY(-2px);\n}\n\n\n\/* SECONDARY *\/\n\n.wmxh6-button--secondary {\n\n    color:\n        #fff !important;\n\n    border:\n        1px solid var(--wmxh6-border-strong);\n\n    background:\n        rgba(255,255,255,.025);\n}\n\n.wmxh6-button--secondary:hover {\n\n    color:\n        #fff !important;\n\n    background:\n        rgba(255,255,255,.065);\n\n    border-color:\n        rgba(255,255,255,.32);\n\n    transform:\n        translateY(-2px);\n}\n\n.wmxh6-button:focus-visible {\n\n    outline:\n        3px solid #fff;\n\n    outline-offset:\n        4px;\n}\n\n.wmxh6-button svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   23. LOGIC\n   ========================================================= *\/\n\n.wmxh6-logic {\n\n    display: flex;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 9px;\n\n    margin-top: 28px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    letter-spacing: .09em;\n\n    text-transform: uppercase;\n}\n\n.wmxh6-logic-decision {\n    color:\n        var(--wmxh6-decixium);\n}\n\n.wmxh6-logic-innovation {\n    color:\n        var(--wmxh6-agentral);\n}\n\n.wmxh6-logic-audience {\n    color:\n        var(--wmxh6-audience);\n}\n\n.wmxh6-logic-arrow {\n    color:\n        rgba(255,255,255,.42);\n}\n\n\n\/* =========================================================\n   24. ACCESSIBILITY\n   ========================================================= *\/\n\n.wmxh6-sr-only {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    margin: -1px !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   25. ANIMATION\n   ========================================================= *\/\n\n@keyframes wmxh6Pulse {\n\n    0%,\n    100% {\n        opacity: .5;\n        transform: scale(.9);\n    }\n\n    50% {\n        opacity: 1;\n        transform: scale(1.15);\n    }\n}\n\n@keyframes wmxh6Signal {\n\n    0% {\n\n        opacity: .72;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.55);\n    }\n\n    100% {\n\n        opacity: 0;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.4);\n    }\n}\n\n\n\/* =========================================================\n   26. LAPTOP\n   ========================================================= *\/\n\n@media\n(max-width:1240px)\nand\n(min-width:1025px) {\n\n    .wmxh6-inner {\n\n        width:\n            min(1160px,calc(100% - 56px));\n\n        grid-template-columns:\n            minmax(0,.92fr)\n            minmax(470px,1.08fr);\n\n        column-gap: 42px;\n\n        padding:\n            52px 0;\n    }\n\n    .wmxh6-title {\n\n        font-size:\n            clamp(54px,5.5vw,78px);\n    }\n\n    .wmxh6-system-inner {\n\n        padding: 18px;\n    }\n\n    .wmxh6-card-inner {\n\n        padding:\n            15px\n            17px;\n\n        min-height:\n            100px;\n    }\n\n}\n\n\n\/* =========================================================\n   27. TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n    #wmxh6-hero {\n\n        min-height: auto;\n    }\n\n    .wmxh6-inner {\n\n        width:\n            min(860px,calc(100% - 48px));\n\n        min-height: auto;\n\n        grid-template-columns:\n            1fr;\n\n        grid-template-areas:\n            \"intro\"\n            \"visual\"\n            \"actions\";\n\n        grid-template-rows:\n            auto\n            auto\n            auto;\n\n        align-content: start;\n\n        padding:\n            68px\n            0\n            64px;\n    }\n\n    .wmxh6-intro {\n\n        max-width: 780px;\n    }\n\n    .wmxh6-title {\n\n        max-width: 760px;\n\n        font-size:\n            clamp(58px,8vw,82px);\n    }\n\n    .wmxh6-copy {\n\n        max-width: 720px;\n    }\n\n\n    \/* GRAPHIC AFTER COPY *\/\n\n    .wmxh6-visual {\n\n        width: 100%;\n        max-width: 760px;\n\n        margin:\n            44px\n            auto\n            0;\n    }\n\n\n    \/* CTA AFTER GRAPHIC *\/\n\n    .wmxh6-actions-area {\n\n        width: 100%;\n        max-width: 760px;\n\n        margin:\n            0 auto;\n\n        padding-top:\n            36px;\n    }\n\n}\n\n\n\/* =========================================================\n   28. TABLET PORTRAIT\n   ========================================================= *\/\n\n@media (max-width:820px) {\n\n    .wmxh6-inner {\n\n        width:\n            min(720px,calc(100% - 40px));\n\n        padding:\n            60px\n            0\n            58px;\n    }\n\n    .wmxh6-title {\n\n        font-size:\n            clamp(52px,10vw,72px);\n    }\n\n    .wmxh6-visual {\n\n        margin-top:\n            38px;\n    }\n\n    \/*\n     * More lateral breathing room.\n     *\/\n\n    .wmxh6-system-inner {\n\n        padding:\n            18px;\n    }\n\n    .wmxh6-card-inner {\n\n        padding:\n            17px\n            20px;\n\n        grid-template-columns:\n            50px\n            minmax(0,1fr)\n            36px;\n\n        column-gap:\n            17px;\n    }\n\n}\n\n\n\/* =========================================================\n   29. MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #wmxh6-hero {\n\n        background:\n\n            radial-gradient(\n                circle at 85% 52%,\n                rgba(250,0,185,.075),\n                transparent 34%\n            ),\n\n            var(--wmxh6-navy);\n    }\n\n\n    .wmxh6-bg::before {\n\n        background-size:\n            54px 54px;\n    }\n\n\n    .wmxh6-inner {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            48px\n            0;\n    }\n\n\n    \/* EYEBROW *\/\n\n    .wmxh6-eyebrow {\n\n        gap: 7px;\n\n        margin-bottom:\n            18px;\n\n        font-size:\n            8px;\n\n        letter-spacing:\n            .135em;\n    }\n\n\n    .wmxh6-eyebrow-dot {\n\n        width: 3px;\n        height: 3px;\n\n        flex-basis:\n            3px;\n    }\n\n\n    \/* TITLE *\/\n\n    .wmxh6-title {\n\n        font-size:\n            clamp(47px,14vw,64px);\n\n        line-height:\n            .97;\n    }\n\n\n    \/* COPY *\/\n\n    .wmxh6-copy {\n\n        margin-top:\n            24px;\n\n        font-size:\n            16px;\n\n        line-height:\n            1.52;\n    }\n\n\n    \/* VISUAL *\/\n\n    .wmxh6-visual {\n\n        margin-top:\n            34px;\n    }\n\n\n    \/*\n     * Outer system breathing room.\n     *\/\n\n    .wmxh6-system {\n\n        border-radius:\n            16px;\n    }\n\n\n    .wmxh6-system-inner {\n\n        \/*\n         * REAL DISTANCE FROM OUTER BORDER\n         *\/\n\n        padding:\n            16px;\n    }\n\n\n    .wmxh6-system-header {\n\n        margin-bottom:\n            12px;\n\n        padding:\n            3px\n            2px\n            12px;\n    }\n\n\n    .wmxh6-system-label {\n\n        font-size:\n            7px;\n\n        letter-spacing:\n            .12em;\n    }\n\n\n    .wmxh6-status {\n\n        font-size:\n            7px;\n    }\n\n\n    \/* PLATFORM CARDS *\/\n\n    .wmxh6-platforms {\n\n        gap: 10px;\n    }\n\n\n    .wmxh6-card {\n\n        border-radius:\n            13px;\n    }\n\n\n    \/*\n     * THIS IS THE CORE MOBILE FIX.\n     *\n     * Card border\n     *  |\n     *  | 18px space\n     *  |\n     *  badge \/ copy \/ arrow\n     *\/\n\n    .wmxh6-card-inner {\n\n        grid-template-columns:\n            42px\n            minmax(0,1fr)\n            30px;\n\n        column-gap:\n            13px;\n\n        min-height:\n            94px;\n\n        padding:\n            15px\n            18px;\n    }\n\n\n    .wmxh6-number {\n\n        width:\n            40px;\n\n        height:\n            40px;\n\n        border-radius:\n            9px;\n\n        font-size:\n            11px;\n    }\n\n\n    .wmxh6-stage {\n\n        font-size:\n            7px;\n    }\n\n\n    .wmxh6-card-title {\n\n        font-size:\n            16px;\n    }\n\n\n    .wmxh6-card-copy {\n\n        font-size:\n            11px;\n\n        line-height:\n            1.32;\n    }\n\n\n    .wmxh6-arrow {\n\n        width:\n            30px;\n\n        height:\n            30px;\n    }\n\n\n    \/* OUTCOME *\/\n\n    .wmxh6-outcome {\n\n        margin-top:\n            11px;\n\n        border-radius:\n            13px;\n    }\n\n\n    .wmxh6-outcome-inner {\n\n        grid-template-columns:\n            minmax(0,1fr)\n            46px;\n\n        gap:\n            12px;\n\n        padding:\n            16px\n            18px;\n    }\n\n\n    .wmxh6-outcome-title {\n\n        font-size:\n            17px;\n    }\n\n\n    .wmxh6-signal-area {\n\n        width:\n            44px;\n\n        height:\n            44px;\n    }\n\n\n    \/* CTA AFTER GRAPHIC *\/\n\n    .wmxh6-actions-area {\n\n        padding-top:\n            30px;\n    }\n\n\n    .wmxh6-actions {\n\n        flex-direction:\n            column;\n\n        align-items:\n            stretch;\n\n        gap:\n            10px;\n    }\n\n\n    .wmxh6-button {\n\n        width:\n            100%;\n\n        min-height:\n            52px;\n\n        padding:\n            0\n            18px;\n    }\n\n\n    \/* FINAL LOGIC *\/\n\n    .wmxh6-logic {\n\n        justify-content:\n            center;\n\n        margin-top:\n            22px;\n\n        font-size:\n            8px;\n\n        letter-spacing:\n            .055em;\n    }\n\n}\n\n\n\/* =========================================================\n   30. VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    .wmxh6-inner {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .wmxh6-title {\n\n        font-size:\n            clamp(43px,13.7vw,53px);\n    }\n\n\n    .wmxh6-system-inner {\n\n        padding:\n            12px;\n    }\n\n\n    .wmxh6-card-inner {\n\n        \/*\n         * Still 15px real inset.\n         *\/\n\n        grid-template-columns:\n            40px\n            minmax(0,1fr);\n\n        padding:\n            14px\n            15px;\n\n        column-gap:\n            12px;\n    }\n\n\n    .wmxh6-arrow {\n\n        display: none;\n    }\n\n\n    .wmxh6-outcome-inner {\n\n        grid-template-columns:\n            1fr;\n\n        padding:\n            15px;\n    }\n\n\n    .wmxh6-signal-area {\n\n        display: none;\n    }\n\n}\n\n\n\/* =========================================================\n   31. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    html {\n        scroll-behavior: auto;\n    }\n\n    .wmxh6-status-dot,\n    .wmxh6-signal::before,\n    .wmxh6-signal::after {\n\n        animation:\n            none !important;\n    }\n\n    .wmxh6-card,\n    .wmxh6-arrow,\n    .wmxh6-button {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     HERO HTML\n     ========================================================= -->\n\n<section\n    id=\"wmxh6-hero\"\n    aria-labelledby=\"wmxh6-title\"\n    aria-describedby=\"wmxh6-description\"\n>\n\n\n    <div\n        class=\"wmxh6-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmxh6-inner\">\n\n\n        <!-- =================================================\n             1. INTRO\n             ================================================= -->\n\n        <div class=\"wmxh6-intro\">\n\n\n            <p class=\"wmxh6-eyebrow\">\n\n                <span>\n                    Decision\n                <\/span>\n\n\n                <span\n                    class=\"wmxh6-eyebrow-dot\"\n                    aria-hidden=\"true\"\n                ><\/span>\n\n\n                <span>\n                    Innovation\n                <\/span>\n\n\n                <span\n                    class=\"wmxh6-eyebrow-dot\"\n                    aria-hidden=\"true\"\n                ><\/span>\n\n\n                <span>\n                    Audience\n                <\/span>\n\n            <\/p>\n\n\n            <h1\n                id=\"wmxh6-title\"\n                class=\"wmxh6-title\"\n            >\n\n                Create the difference\n\n                <span class=\"wmxh6-title-accent\">\n                    that matters.\n                <\/span>\n\n            <\/h1>\n\n\n            <p\n                id=\"wmxh6-description\"\n                class=\"wmxh6-copy\"\n            >\n\n                WOW Media X helps growing businesses\n\n                <strong>\n                    decide what matters,\n                <\/strong>\n\n                build differentiated solutions through practical innovation,\n                and connect them with the audiences and markets that create value.\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             2. CONNECTED SYSTEM\n             ================================================= -->\n\n        <div\n            class=\"wmxh6-visual\"\n            aria-label=\"WOW Media X connected growth system\"\n        >\n\n\n            <div class=\"wmxh6-system\">\n\n\n                <!-- =========================================\n                     REAL SYSTEM INNER WRAPPER\n                     ========================================= -->\n\n                <div class=\"wmxh6-system-inner\">\n\n\n                    <!-- =====================================\n                         HEADER\n                         ===================================== -->\n\n                    <div class=\"wmxh6-system-header\">\n\n\n                        <p class=\"wmxh6-system-label\">\n                            One connected growth system\n                        <\/p>\n\n\n                        <span class=\"wmxh6-status\">\n\n\n                            <span\n                                class=\"wmxh6-status-dot\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n\n                            Integrated\n\n\n                        <\/span>\n\n\n                    <\/div>\n\n\n                    <!-- =====================================\n                         PLATFORM CARDS\n                         ===================================== -->\n\n                    <div class=\"wmxh6-platforms\">\n\n\n                        <!-- DECIXIUM -->\n\n                        <article\n                            class=\"\n                                wmxh6-card\n                                wmxh6-card--decision\n                            \"\n                            aria-labelledby=\"wmxh6-decixium\"\n                        >\n\n\n                            <div class=\"wmxh6-card-inner\">\n\n\n                                <span\n                                    class=\"wmxh6-number\"\n                                    aria-hidden=\"true\"\n                                >\n                                    01\n                                <\/span>\n\n\n                                <div class=\"wmxh6-card-content\">\n\n\n                                    <span class=\"wmxh6-stage\">\n                                        Decision\n                                    <\/span>\n\n\n                                    <h2\n                                        id=\"wmxh6-decixium\"\n                                        class=\"wmxh6-card-title\"\n                                    >\n                                        Decixium\n                                    <\/h2>\n\n\n                                    <p class=\"wmxh6-card-copy\">\n\n                                        Identify what matters and make better strategic decisions.\n\n                                    <\/p>\n\n\n                                <\/div>\n\n\n                                <a\n                                    class=\"wmxh6-arrow\"\n                                    href=\"#decixium\"\n                                    aria-label=\"Explore Decixium\"\n                                >\n\n\n                                    <svg\n                                        viewBox=\"0 0 20 20\"\n                                        aria-hidden=\"true\"\n                                    >\n\n                                        <path\n                                            d=\"M4 10h11M11 5l5 5-5 5\"\n                                        ><\/path>\n\n                                    <\/svg>\n\n\n                                <\/a>\n\n\n                            <\/div>\n\n\n                        <\/article>\n\n\n                        <!-- AGENTRAL -->\n\n                        <article\n                            class=\"\n                                wmxh6-card\n                                wmxh6-card--innovation\n                            \"\n                            aria-labelledby=\"wmxh6-agentral\"\n                        >\n\n\n                            <div class=\"wmxh6-card-inner\">\n\n\n                                <span\n                                    class=\"wmxh6-number\"\n                                    aria-hidden=\"true\"\n                                >\n                                    02\n                                <\/span>\n\n\n                                <div class=\"wmxh6-card-content\">\n\n\n                                    <span class=\"wmxh6-stage\">\n                                        Innovation\n                                    <\/span>\n\n\n                                    <h2\n                                        id=\"wmxh6-agentral\"\n                                        class=\"wmxh6-card-title\"\n                                    >\n                                        Agentral\n                                    <\/h2>\n\n\n                                    <p class=\"wmxh6-card-copy\">\n\n                                        Turn artificial intelligence into practical business innovation.\n\n                                    <\/p>\n\n\n                                <\/div>\n\n\n                                <a\n                                    class=\"wmxh6-arrow\"\n                                    href=\"#agentral\"\n                                    aria-label=\"Explore Agentral\"\n                                >\n\n\n                                    <svg\n                                        viewBox=\"0 0 20 20\"\n                                        aria-hidden=\"true\"\n                                    >\n\n                                        <path\n                                            d=\"M4 10h11M11 5l5 5-5 5\"\n                                        ><\/path>\n\n                                    <\/svg>\n\n\n                                <\/a>\n\n\n                            <\/div>\n\n\n                        <\/article>\n\n\n                        <!-- AUDIENCE -->\n\n                        <article\n                            class=\"\n                                wmxh6-card\n                                wmxh6-card--audience\n                            \"\n                            aria-labelledby=\"wmxh6-audience\"\n                        >\n\n\n                            <div class=\"wmxh6-card-inner\">\n\n\n                                <span\n                                    class=\"wmxh6-number\"\n                                    aria-hidden=\"true\"\n                                >\n                                    03\n                                <\/span>\n\n\n                                <div class=\"wmxh6-card-content\">\n\n\n                                    <span class=\"wmxh6-stage\">\n                                        Audience\n                                    <\/span>\n\n\n                                    <h2\n                                        id=\"wmxh6-audience\"\n                                        class=\"wmxh6-card-title\"\n                                    >\n                                        Audience &amp; Partnerships\n                                    <\/h2>\n\n\n                                    <p class=\"wmxh6-card-copy\">\n\n                                        Connect differentiated ideas with media,\n                                        sports and markets.\n\n                                    <\/p>\n\n\n                                <\/div>\n\n\n                                <a\n                                    class=\"wmxh6-arrow\"\n                                    href=\"#audience-partnerships\"\n                                    aria-label=\"Explore Audience and Partnerships\"\n                                >\n\n\n                                    <svg\n                                        viewBox=\"0 0 20 20\"\n                                        aria-hidden=\"true\"\n                                    >\n\n                                        <path\n                                            d=\"M4 10h11M11 5l5 5-5 5\"\n                                        ><\/path>\n\n                                    <\/svg>\n\n\n                                <\/a>\n\n\n                            <\/div>\n\n\n                        <\/article>\n\n\n                    <\/div>\n\n\n                    <!-- =====================================\n                         BUSINESS OUTCOME\n                         ===================================== -->\n\n                    <div\n                        class=\"wmxh6-outcome\"\n                        aria-label=\"WOW Media X business outcome\"\n                    >\n\n\n                        <div class=\"wmxh6-outcome-inner\">\n\n\n                            <div>\n\n\n                                <span class=\"wmxh6-outcome-label\">\n                                    Business outcome\n                                <\/span>\n\n\n                                <p class=\"wmxh6-outcome-title\">\n\n                                    A difference that earns\n\n                                    <strong>\n                                        attention and action.\n                                    <\/strong>\n\n                                <\/p>\n\n\n                            <\/div>\n\n\n                            <span\n                                class=\"wmxh6-signal-area\"\n                                aria-hidden=\"true\"\n                            >\n\n                                <span class=\"wmxh6-signal\"><\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             3. CTA \/ FINAL ACTIONS\n             ================================================= -->\n\n        <div class=\"wmxh6-actions-area\">\n\n\n            <div\n                class=\"wmxh6-actions\"\n                aria-label=\"WOW Media X primary actions\"\n            >\n\n\n                <a\n                    class=\"\n                        wmxh6-button\n                        wmxh6-button--primary\n                    \"\n                    href=\"#contact\"\n                >\n\n                    Start a Conversation\n\n\n                    <svg\n                        viewBox=\"0 0 20 20\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <path\n                            d=\"M4 10h11M11 5l5 5-5 5\"\n                        ><\/path>\n\n                    <\/svg>\n\n\n                <\/a>\n\n\n                <a\n                    class=\"\n                        wmxh6-button\n                        wmxh6-button--secondary\n                    \"\n                    href=\"#wmx9-platforms\"\n                >\n\n                    Explore Our Platforms\n\n                <\/a>\n\n\n            <\/div>\n\n\n            <div\n                class=\"wmxh6-logic\"\n                aria-label=\"WOW Media X operating model\"\n            >\n\n\n                <span class=\"wmxh6-logic-decision\">\n                    Decide it\n                <\/span>\n\n\n                <span\n                    class=\"wmxh6-logic-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n\n\n                <span class=\"wmxh6-logic-innovation\">\n                    Build it\n                <\/span>\n\n\n                <span\n                    class=\"wmxh6-logic-arrow\"\n                    aria-hidden=\"true\"\n                >\n                    \u2192\n                <\/span>\n\n\n                <span class=\"wmxh6-logic-audience\">\n                    Connect it\n                <\/span>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEO \/ GEO SEMANTIC SUPPORT\n             ================================================= -->\n\n        <p class=\"wmxh6-sr-only\">\n\n            WOW Media X helps growing businesses create meaningful\n            differentiation through three connected capabilities.\n            Decixium supports better decision making.\n            Agentral provides practical artificial intelligence innovation.\n            Audience and Partnerships connects differentiated solutions\n            with relevant audiences, sports, media and commercial markets.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WOW MEDIA X \u2014 SECTION 02 \/ CLEAN REBUILD V6\n     THE DIFFERENCE\n\n     IMPORTANT:\n     All selectors use the unique \"wmx6-\" namespace\n     to prevent conflicts with previous section versions.\n\n     Stack:\n     WordPress + Divi 5 Theme\n     Gutenberg + Custom HTML\n\n     Optimized for:\n     SEO \/ GEO \/ Accessibility \/ Core Web Vitals\n     Desktop \/ Tablet \/ Mobile\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   01. ROOT + TOKENS\n   ========================================================= *\/\n\n#wmx6-difference {\n    --wmx6-bg: #f6f6f8;\n    --wmx6-panel-light: #efeff3;\n\n    --wmx6-black: #111118;\n    --wmx6-white: #ffffff;\n\n    --wmx6-navy: #01012c;\n    --wmx6-navy-soft: #08083d;\n\n    --wmx6-pink: #fa00b9;\n\n    --wmx6-gray: #626271;\n    --wmx6-gray-soft: #9292a0;\n\n    --wmx6-light-border: rgba(17,17,24,.11);\n    --wmx6-dark-border: rgba(255,255,255,.105);\n    --wmx6-pink-border: rgba(250,0,185,.34);\n\n    --wmx6-shadow:\n        0 22px 58px rgba(10,10,32,.085);\n}\n\n#wmx6-difference,\n#wmx6-difference * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   02. SECTION SHELL\n   ========================================================= *\/\n\n#wmx6-difference {\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background: var(--wmx6-bg);\n    color: var(--wmx6-black);\n\n    content-visibility: auto;\n    contain-intrinsic-size: 1100px;\n}\n\n\n\/* =========================================================\n   03. VERY LIGHT BACKGROUND DETAIL\n   ========================================================= *\/\n\n.wmx6-bg-decoration {\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n    z-index: -1;\n}\n\n.wmx6-bg-decoration::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 440px;\n    height: 440px;\n\n    right: -255px;\n    top: -210px;\n\n    border:\n        1px solid rgba(250,0,185,.065);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 70px rgba(250,0,185,.012),\n        0 0 0 140px rgba(250,0,185,.007);\n}\n\n\n\/* =========================================================\n   04. GLOBAL SECTION CONTAINER\n   ========================================================= *\/\n\n.wmx6-container {\n    position: relative;\n    z-index: 1;\n\n    width:\n        min(1440px, calc(100% - 104px));\n\n    margin: 0 auto;\n\n    padding:\n        clamp(92px, 7vw, 126px)\n        0\n        clamp(96px, 7vw, 130px);\n}\n\n\n\/* =========================================================\n   05. INTRO\n   ========================================================= *\/\n\n.wmx6-intro {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .92fr)\n        minmax(410px, .58fr);\n\n    align-items: end;\n\n    gap:\n        clamp(60px, 8vw, 126px);\n\n    margin-bottom:\n        clamp(64px, 6vw, 92px);\n}\n\n\n\/* =========================================================\n   06. EYEBROW\n   ========================================================= *\/\n\n.wmx6-eyebrow {\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin:\n        0\n        0\n        22px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: .19em;\n    text-transform: uppercase;\n\n    color: var(--wmx6-pink);\n}\n\n.wmx6-eyebrow::before {\n    content: \"\";\n\n    display: block;\n\n    width: 32px;\n    height: 2px;\n\n    flex: 0 0 32px;\n\n    background: var(--wmx6-pink);\n}\n\n\n\/* =========================================================\n   07. MAIN SECTION TITLE\n   ========================================================= *\/\n\n.wmx6-title {\n    max-width: 860px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(48px, 5vw, 82px);\n\n    font-weight: 800;\n    line-height: .99;\n\n    letter-spacing: -.052em;\n\n    color: var(--wmx6-black);\n\n    text-wrap: balance;\n}\n\n.wmx6-title span {\n    color: var(--wmx6-pink);\n}\n\n\n\/* =========================================================\n   08. INTRO TEXT\n   ========================================================= *\/\n\n.wmx6-intro-copy {\n    max-width: 550px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px, 1.2vw, 20px);\n\n    line-height: 1.62;\n\n    color: var(--wmx6-gray);\n}\n\n.wmx6-intro-copy strong {\n    font-weight: 700;\n    color: var(--wmx6-black);\n}\n\n\n\/* =========================================================\n   09. TWO-COLUMN COMPARISON\n   ========================================================= *\/\n\n.wmx6-comparison {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0,1fr));\n\n    align-items: stretch;\n\n    gap: 28px;\n}\n\n\n\/* =========================================================\n   10. PANEL BASE\n   ========================================================= *\/\n\n.wmx6-panel {\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n\n    min-width: 0;\n\n    border-radius: 24px;\n\n    box-shadow: var(--wmx6-shadow);\n}\n\n\n\/*\n * CRITICAL FIX:\n * One dedicated inner wrapper owns ALL content spacing.\n *\n * Nothing inside can reach the exterior panel border.\n *\/\n\n.wmx6-panel-inner {\n    position: relative;\n    z-index: 3;\n\n    width: 100%;\n\n    padding:\n        44px\n        48px\n        48px;\n}\n\n\n\/* =========================================================\n   11. LIGHT PANEL\n   ========================================================= *\/\n\n.wmx6-panel--common {\n    border:\n        1px solid var(--wmx6-light-border);\n\n    background:\n        linear-gradient(\n            145deg,\n            #f1f1f4,\n            #ececf1\n        );\n}\n\n\n\/* =========================================================\n   12. DARK PANEL\n   ========================================================= *\/\n\n.wmx6-panel--approach {\n    border:\n        1px solid rgba(250,0,185,.28);\n\n    background:\n        radial-gradient(\n            circle at 90% 5%,\n            rgba(250,0,185,.12),\n            transparent 31%\n        ),\n        linear-gradient(\n            145deg,\n            #09083e,\n            #01012c 68%\n        );\n\n    box-shadow:\n        0 24px 62px rgba(1,1,44,.17);\n\n    color: var(--wmx6-white);\n}\n\n\n\/* =========================================================\n   13. TOP LABELS\n   ========================================================= *\/\n\n.wmx6-panel-label {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    \/*\n     * Completely inside the 44px top inset.\n     *\/\n    margin:\n        0\n        0\n        34px;\n\n    padding:\n        9px\n        14px;\n\n    border:\n        1px solid rgba(17,17,24,.105);\n\n    border-radius: 999px;\n\n    background:\n        rgba(255,255,255,.62);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: .15em;\n    text-transform: uppercase;\n\n    color: #545460;\n}\n\n.wmx6-panel-label-dot {\n    display: block;\n\n    width: 6px;\n    height: 6px;\n\n    flex: 0 0 6px;\n\n    border-radius: 50%;\n\n    background: #8d8d98;\n}\n\n\n\/* DARK LABEL *\/\n\n.wmx6-panel--approach .wmx6-panel-label {\n    border-color:\n        rgba(255,255,255,.12);\n\n    background:\n        rgba(255,255,255,.035);\n\n    color:\n        rgba(255,255,255,.65);\n}\n\n.wmx6-panel--approach .wmx6-panel-label-dot {\n    background:\n        var(--wmx6-pink);\n\n    box-shadow:\n        0 0 10px rgba(250,0,185,.72);\n}\n\n\n\/* =========================================================\n   14. PANEL TITLES\n   ========================================================= *\/\n\n.wmx6-panel-title {\n    max-width: 580px;\n\n    margin:\n        0\n        0\n        22px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(31px, 2.75vw, 44px);\n\n    font-weight: 800;\n    line-height: 1.04;\n\n    letter-spacing: -.04em;\n\n    color: var(--wmx6-black);\n\n    text-wrap: balance;\n}\n\n.wmx6-panel--approach .wmx6-panel-title {\n    color: var(--wmx6-white);\n}\n\n\n\/* =========================================================\n   15. PANEL DESCRIPTIONS\n   ========================================================= *\/\n\n.wmx6-panel-copy {\n    max-width: 580px;\n\n    margin:\n        0\n        0\n        38px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 16px;\n    line-height: 1.58;\n\n    color: var(--wmx6-gray);\n}\n\n.wmx6-panel--approach .wmx6-panel-copy {\n    color:\n        rgba(255,255,255,.68);\n}\n\n\n\/* =========================================================\n   16. COMMON PATTERN LIST\n   ========================================================= *\/\n\n.wmx6-common-list {\n    display: grid;\n\n    width: 100%;\n\n    gap: 12px;\n}\n\n.wmx6-common-row {\n    display: grid;\n\n    grid-template-columns:\n        36px\n        minmax(0,1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 16px;\n\n    min-height: 62px;\n\n    \/*\n     * Second level of inset.\n     *\/\n    padding:\n        11px\n        20px;\n\n    border:\n        1px solid rgba(17,17,24,.075);\n\n    border-radius: 12px;\n\n    background:\n        rgba(255,255,255,.72);\n}\n\n.wmx6-common-icon {\n    display: grid;\n    place-items: center;\n\n    width: 32px;\n    height: 32px;\n\n    border-radius: 9px;\n\n    background:\n        rgba(17,17,24,.05);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    color: #70707c;\n}\n\n.wmx6-common-name {\n    min-width: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.3;\n\n    color: #50505d;\n}\n\n.wmx6-common-result {\n    padding-left: 14px;\n\n    white-space: nowrap;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: .10em;\n    text-transform: uppercase;\n\n    color: #9696a2;\n}\n\n\n\/* =========================================================\n   17. APPROACH STEPS\n   ========================================================= *\/\n\n.wmx6-steps {\n    position: relative;\n\n    display: grid;\n\n    width: 100%;\n\n    gap: 12px;\n}\n\n\n\/* =========================================================\n   18. STEP CARD\n   ========================================================= *\/\n\n.wmx6-step {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        52px\n        minmax(0,1fr);\n\n    align-items: center;\n\n    gap: 18px;\n\n    min-height: 76px;\n\n    \/*\n     * Second inset level.\n     *\/\n    padding:\n        13px\n        20px;\n\n    border:\n        1px solid rgba(255,255,255,.09);\n\n    border-radius: 12px;\n\n    background:\n        rgba(255,255,255,.035);\n\n    transition:\n        border-color .25s ease,\n        background-color .25s ease;\n}\n\n\n\/* =========================================================\n   19. STEP NUMBERS\n   Sequential animation 01 \u2192 02 \u2192 03\n   ========================================================= *\/\n\n.wmx6-step-number {\n    position: relative;\n\n    display: grid;\n    place-items: center;\n\n    width: 44px;\n    height: 44px;\n\n    border:\n        1px solid rgba(250,0,185,.34);\n\n    border-radius: 10px;\n\n    background:\n        rgba(250,0,185,.065);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 11px;\n    font-weight: 800;\n\n    color: var(--wmx6-pink);\n\n    \/*\n     * 4.8 seconds total.\n     * Three stages, 1.6 seconds apart.\n     *\/\n    animation:\n        wmx6StepNumber\n        4.8s\n        ease-in-out\n        infinite;\n}\n\n\n\/* Sequential delays *\/\n\n.wmx6-step:nth-child(1) .wmx6-step-number {\n    animation-delay: 0s;\n}\n\n.wmx6-step:nth-child(2) .wmx6-step-number {\n    animation-delay: 1.6s;\n}\n\n.wmx6-step:nth-child(3) .wmx6-step-number {\n    animation-delay: 3.2s;\n}\n\n\n\/*\n * The full row responds subtly with the number.\n *\/\n\n.wmx6-step:nth-child(1) {\n    animation:\n        wmx6StepRow\n        4.8s\n        ease-in-out\n        infinite;\n\n    animation-delay: 0s;\n}\n\n.wmx6-step:nth-child(2) {\n    animation:\n        wmx6StepRow\n        4.8s\n        ease-in-out\n        infinite;\n\n    animation-delay: 1.6s;\n}\n\n.wmx6-step:nth-child(3) {\n    animation:\n        wmx6StepRow\n        4.8s\n        ease-in-out\n        infinite;\n\n    animation-delay: 3.2s;\n}\n\n\n\/* =========================================================\n   20. STEP CONTENT\n   ========================================================= *\/\n\n.wmx6-step-content {\n    min-width: 0;\n}\n\n.wmx6-step-title {\n    display: block;\n\n    margin:\n        0\n        0\n        4px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.25;\n\n    color: var(--wmx6-white);\n}\n\n.wmx6-step-copy {\n    display: block;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    color:\n        rgba(255,255,255,.50);\n}\n\n\n\/* =========================================================\n   21. OUTCOME\n   ========================================================= *\/\n\n.wmx6-outcome {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        46px;\n\n    align-items: center;\n\n    gap: 18px;\n\n    width: 100%;\n\n    margin-top: 15px;\n\n    padding:\n        16px\n        20px;\n\n    border:\n        1px solid rgba(250,0,185,.36);\n\n    border-radius: 12px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(250,0,185,.105),\n            rgba(250,0,185,.045)\n        );\n}\n\n.wmx6-outcome-text {\n    min-width: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.42;\n\n    color:\n        rgba(255,255,255,.81);\n}\n\n.wmx6-outcome-text strong {\n    color: var(--wmx6-pink);\n}\n\n\n\/* =========================================================\n   22. OUTCOME SIGNAL\n   ========================================================= *\/\n\n.wmx6-signal-wrap {\n    display: grid;\n    place-items: center;\n\n    width: 46px;\n    height: 46px;\n}\n\n.wmx6-signal {\n    position: relative;\n\n    display: block;\n\n    width: 12px;\n    height: 12px;\n\n    border-radius: 50%;\n\n    background: var(--wmx6-pink);\n\n    box-shadow:\n        0 0 14px rgba(250,0,185,.92),\n        0 0 28px rgba(250,0,185,.38);\n\n    animation:\n        wmx6CorePulse\n        1.9s\n        ease-in-out\n        infinite;\n}\n\n.wmx6-signal::before,\n.wmx6-signal::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    border:\n        1px solid rgba(250,0,185,.38);\n\n    border-radius: 50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        wmx6SignalWave\n        2.8s\n        ease-out\n        infinite;\n}\n\n.wmx6-signal::before {\n    width: 28px;\n    height: 28px;\n}\n\n.wmx6-signal::after {\n    width: 42px;\n    height: 42px;\n\n    animation-delay: 1s;\n}\n\n\n\/* =========================================================\n   23. BOTTOM PRINCIPLE\n   ========================================================= *\/\n\n.wmx6-principle {\n    display: grid;\n\n    grid-template-columns:\n        auto\n        minmax(0,1fr);\n\n    align-items: center;\n\n    gap:\n        clamp(34px,4vw,64px);\n\n    margin-top:\n        clamp(52px,5vw,76px);\n\n    padding-top:\n        clamp(38px,4vw,54px);\n\n    border-top:\n        1px solid var(--wmx6-light-border);\n}\n\n.wmx6-principle-label {\n    white-space: nowrap;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: .17em;\n    text-transform: uppercase;\n\n    color: var(--wmx6-pink);\n}\n\n.wmx6-principle-copy {\n    max-width: 980px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(21px,2vw,30px);\n\n    font-weight: 700;\n    line-height: 1.34;\n\n    letter-spacing: -.025em;\n\n    color: var(--wmx6-black);\n}\n\n\n\/* =========================================================\n   24. ACCESSIBILITY\n   ========================================================= *\/\n\n.wmx6-sr-only {\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    margin: -1px !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   25. ANIMATIONS\n   ========================================================= *\/\n\n@keyframes wmx6StepNumber {\n\n    0%,\n    60%,\n    100% {\n        color: var(--wmx6-pink);\n\n        border-color:\n            rgba(250,0,185,.34);\n\n        background:\n            rgba(250,0,185,.065);\n\n        box-shadow: none;\n\n        transform: scale(1);\n    }\n\n    12%,\n    32% {\n        color: #ffffff;\n\n        border-color:\n            rgba(250,0,185,.9);\n\n        background:\n            rgba(250,0,185,.30);\n\n        box-shadow:\n            0 0 18px rgba(250,0,185,.34);\n\n        transform:\n            scale(1.08);\n    }\n}\n\n\n@keyframes wmx6StepRow {\n\n    0%,\n    60%,\n    100% {\n        border-color:\n            rgba(255,255,255,.09);\n\n        background:\n            rgba(255,255,255,.035);\n    }\n\n    12%,\n    32% {\n        border-color:\n            rgba(250,0,185,.26);\n\n        background:\n            rgba(250,0,185,.055);\n    }\n}\n\n\n@keyframes wmx6SignalWave {\n\n    0% {\n        opacity: .78;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.55);\n    }\n\n    100% {\n        opacity: 0;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.48);\n    }\n}\n\n\n@keyframes wmx6CorePulse {\n\n    0%,\n    100% {\n        opacity: .8;\n\n        transform:\n            scale(.9);\n    }\n\n    50% {\n        opacity: 1;\n\n        transform:\n            scale(1.16);\n    }\n}\n\n\n\/* =========================================================\n   26. DESKTOP \/ LAPTOP AUDIT\n   1025px \u2014 1240px\n   ========================================================= *\/\n\n@media (max-width: 1240px) {\n\n    .wmx6-container {\n        width:\n            min(1160px, calc(100% - 72px));\n    }\n\n    .wmx6-intro {\n        grid-template-columns:\n            minmax(0,.9fr)\n            minmax(360px,.6fr);\n\n        gap: 58px;\n    }\n\n    .wmx6-panel-inner {\n        padding:\n            40px\n            38px\n            44px;\n    }\n\n    .wmx6-panel-title {\n        font-size:\n            clamp(30px,3vw,40px);\n    }\n\n}\n\n\n\/* =========================================================\n   27. TABLET AUDIT\n   <= 1024px\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    #wmx6-difference {\n        contain-intrinsic-size: 1600px;\n    }\n\n    .wmx6-container {\n        width:\n            min(860px, calc(100% - 52px));\n\n        padding:\n            84px\n            0\n            90px;\n    }\n\n    .wmx6-intro {\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n\n        margin-bottom: 56px;\n    }\n\n    .wmx6-intro-copy {\n        max-width: 720px;\n    }\n\n    .wmx6-comparison {\n        grid-template-columns: 1fr;\n\n        gap: 24px;\n    }\n\n    .wmx6-panel-inner {\n        padding:\n            44px\n            42px\n            48px;\n    }\n\n}\n\n\n\/* =========================================================\n   28. TABLET PORTRAIT AUDIT\n   <= 820px\n   ========================================================= *\/\n\n@media (max-width: 820px) {\n\n    .wmx6-container {\n        width:\n            min(720px, calc(100% - 42px));\n\n        padding:\n            74px\n            0\n            80px;\n    }\n\n    .wmx6-title {\n        font-size:\n            clamp(46px,8.5vw,68px);\n    }\n\n    .wmx6-principle {\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n    }\n\n}\n\n\n\/* =========================================================\n   29. MOBILE AUDIT\n   <= 600px\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #wmx6-difference {\n        contain-intrinsic-size: 1800px;\n    }\n\n    .wmx6-bg-decoration::before {\n        width: 280px;\n        height: 280px;\n\n        right: -170px;\n        top: -130px;\n    }\n\n    .wmx6-container {\n        width:\n            calc(100% - 32px);\n\n        padding:\n            64px\n            0\n            70px;\n    }\n\n    .wmx6-intro {\n        gap: 24px;\n\n        margin-bottom: 42px;\n    }\n\n    .wmx6-eyebrow {\n        margin-bottom: 17px;\n\n        font-size: 9px;\n    }\n\n    .wmx6-title {\n        font-size:\n            clamp(43px,12.4vw,59px);\n\n        line-height: 1;\n    }\n\n    .wmx6-intro-copy {\n        font-size: 16px;\n        line-height: 1.55;\n    }\n\n    .wmx6-comparison {\n        gap: 16px;\n    }\n\n    .wmx6-panel {\n        border-radius: 18px;\n    }\n\n\n    \/*\n     * 22px real panel inset on mobile.\n     *\/\n\n    .wmx6-panel-inner {\n        padding:\n            30px\n            22px\n            34px;\n    }\n\n    .wmx6-panel-label {\n        margin-bottom: 25px;\n\n        padding:\n            8px\n            12px;\n\n        font-size: 8px;\n    }\n\n    .wmx6-panel-title {\n        margin-bottom: 17px;\n\n        font-size:\n            clamp(30px,9vw,40px);\n    }\n\n    .wmx6-panel-copy {\n        margin-bottom: 29px;\n\n        font-size: 15px;\n    }\n\n\n    \/* Common list *\/\n\n    .wmx6-common-row {\n        grid-template-columns:\n            34px\n            minmax(0,1fr);\n\n        gap: 12px;\n\n        min-height: 58px;\n\n        padding:\n            11px\n            14px;\n    }\n\n    .wmx6-common-result {\n        display: none;\n    }\n\n\n    \/* Approach *\/\n\n    .wmx6-step {\n        grid-template-columns:\n            44px\n            minmax(0,1fr);\n\n        gap: 13px;\n\n        min-height: 72px;\n\n        padding:\n            12px\n            14px;\n    }\n\n    .wmx6-step-number {\n        width: 40px;\n        height: 40px;\n    }\n\n    .wmx6-step-title {\n        font-size: 14px;\n    }\n\n    .wmx6-step-copy {\n        font-size: 11px;\n    }\n\n\n    \/* Outcome *\/\n\n    .wmx6-outcome {\n        grid-template-columns:\n            minmax(0,1fr)\n            40px;\n\n        gap: 10px;\n\n        padding:\n            14px\n            15px;\n    }\n\n    .wmx6-signal-wrap {\n        width: 40px;\n        height: 40px;\n    }\n\n\n    \/* Bottom *\/\n\n    .wmx6-principle {\n        margin-top: 42px;\n        padding-top: 31px;\n    }\n\n    .wmx6-principle-copy {\n        font-size: 21px;\n    }\n\n}\n\n\n\/* =========================================================\n   30. VERY SMALL MOBILE\n   <= 380px\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n    .wmx6-container {\n        width:\n            calc(100% - 24px);\n    }\n\n    .wmx6-panel-inner {\n        padding:\n            27px\n            19px\n            31px;\n    }\n\n    .wmx6-outcome {\n        grid-template-columns: 1fr;\n    }\n\n    .wmx6-signal-wrap {\n        display: none;\n    }\n\n}\n\n\n\/* =========================================================\n   31. REDUCED MOTION \/ ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .wmx6-step,\n    .wmx6-step-number,\n    .wmx6-signal,\n    .wmx6-signal::before,\n    .wmx6-signal::after {\n        animation: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION 02 \u2014 HTML\n     ========================================================= -->\n\n<section\n    id=\"wmx6-difference\"\n    aria-labelledby=\"wmx6-main-title\"\n    aria-describedby=\"wmx6-summary\"\n>\n\n\n    <div\n        class=\"wmx6-bg-decoration\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmx6-container\">\n\n\n        <!-- =================================================\n             INTRO\n             ================================================= -->\n\n        <header class=\"wmx6-intro\">\n\n\n            <div>\n\n                <p class=\"wmx6-eyebrow\">\n                    The difference\n                <\/p>\n\n\n                <h2\n                    id=\"wmx6-main-title\"\n                    class=\"wmx6-title\"\n                >\n\n                    More activity does not create\n\n                    <span>\n                        more relevance.\n                    <\/span>\n\n                <\/h2>\n\n            <\/div>\n\n\n            <p\n                id=\"wmx6-summary\"\n                class=\"wmx6-intro-copy\"\n            >\n\n                Businesses add more campaigns,\n                more technology, more content and now more AI.\n\n                <strong>\n                    But more execution does not automatically create advantage.\n                <\/strong>\n\n                WOW Media X starts with a harder question:\n                what difference would actually matter to the market?\n\n            <\/p>\n\n\n        <\/header>\n\n\n        <!-- =================================================\n             COMPARISON\n             ================================================= -->\n\n        <div class=\"wmx6-comparison\">\n\n\n            <!-- =============================================\n                 COMMON PATTERN\n                 ============================================= -->\n\n            <article\n                class=\"\n                    wmx6-panel\n                    wmx6-panel--common\n                \"\n                aria-labelledby=\"wmx6-common-title\"\n            >\n\n\n                <div class=\"wmx6-panel-inner\">\n\n\n                    <div class=\"wmx6-panel-label\">\n\n                        <span\n                            class=\"wmx6-panel-label-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        The common pattern\n\n                    <\/div>\n\n\n                    <h3\n                        id=\"wmx6-common-title\"\n                        class=\"wmx6-panel-title\"\n                    >\n\n                        Doing more of what everyone else is doing.\n\n                    <\/h3>\n\n\n                    <p class=\"wmx6-panel-copy\">\n\n                        When the strategy is interchangeable,\n                        more execution often creates more noise\n                        instead of more value.\n\n                    <\/p>\n\n\n                    <div\n                        class=\"wmx6-common-list\"\n                        aria-label=\"Examples of activity without meaningful differentiation\"\n                    >\n\n\n                        <div class=\"wmx6-common-row\">\n\n                            <span\n                                class=\"wmx6-common-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                +\n                            <\/span>\n\n                            <span class=\"wmx6-common-name\">\n                                More campaigns\n                            <\/span>\n\n                            <span class=\"wmx6-common-result\">\n                                Same category\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"wmx6-common-row\">\n\n                            <span\n                                class=\"wmx6-common-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                +\n                            <\/span>\n\n                            <span class=\"wmx6-common-name\">\n                                More content\n                            <\/span>\n\n                            <span class=\"wmx6-common-result\">\n                                Same message\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"wmx6-common-row\">\n\n                            <span\n                                class=\"wmx6-common-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                +\n                            <\/span>\n\n                            <span class=\"wmx6-common-name\">\n                                More technology\n                            <\/span>\n\n                            <span class=\"wmx6-common-result\">\n                                Same process\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"wmx6-common-row\">\n\n                            <span\n                                class=\"wmx6-common-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                +\n                            <\/span>\n\n                            <span class=\"wmx6-common-name\">\n                                More AI\n                            <\/span>\n\n                            <span class=\"wmx6-common-result\">\n                                Same thinking\n                            <\/span>\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n            <!-- =============================================\n                 WOW MEDIA X APPROACH\n                 ============================================= -->\n\n            <article\n                class=\"\n                    wmx6-panel\n                    wmx6-panel--approach\n                \"\n                aria-labelledby=\"wmx6-approach-title\"\n            >\n\n\n                <div class=\"wmx6-panel-inner\">\n\n\n                    <div class=\"wmx6-panel-label\">\n\n                        <span\n                            class=\"wmx6-panel-label-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        The WOW Media X approach\n\n                    <\/div>\n\n\n                    <h3\n                        id=\"wmx6-approach-title\"\n                        class=\"wmx6-panel-title\"\n                    >\n\n                        Create a difference the market has a reason to choose.\n\n                    <\/h3>\n\n\n                    <p class=\"wmx6-panel-copy\">\n\n                        Differentiation is not decoration.\n                        It is a deliberate business choice built around\n                        relevance, utility and market connection.\n\n                    <\/p>\n\n\n                    <!-- =====================================\n                         SEQUENTIAL STEPS\n                         ===================================== -->\n\n                    <div\n                        class=\"wmx6-steps\"\n                        aria-label=\"WOW Media X differentiation process\"\n                    >\n\n\n                        <div class=\"wmx6-step\">\n\n\n                            <span\n                                class=\"wmx6-step-number\"\n                                aria-hidden=\"true\"\n                            >\n                                01\n                            <\/span>\n\n\n                            <span class=\"wmx6-step-content\">\n\n                                <strong class=\"wmx6-step-title\">\n                                    Find what matters\n                                <\/strong>\n\n                                <span class=\"wmx6-step-copy\">\n\n                                    Identify the decision,\n                                    friction or opportunity worth solving.\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <div class=\"wmx6-step\">\n\n\n                            <span\n                                class=\"wmx6-step-number\"\n                                aria-hidden=\"true\"\n                            >\n                                02\n                            <\/span>\n\n\n                            <span class=\"wmx6-step-content\">\n\n                                <strong class=\"wmx6-step-title\">\n                                    Build a relevant difference\n                                <\/strong>\n\n                                <span class=\"wmx6-step-copy\">\n\n                                    Turn insight into practical innovation,\n                                    not novelty for its own sake.\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <div class=\"wmx6-step\">\n\n\n                            <span\n                                class=\"wmx6-step-number\"\n                                aria-hidden=\"true\"\n                            >\n                                03\n                            <\/span>\n\n\n                            <span class=\"wmx6-step-content\">\n\n                                <strong class=\"wmx6-step-title\">\n                                    Connect it to demand\n                                <\/strong>\n\n                                <span class=\"wmx6-step-copy\">\n\n                                    Bring the difference to audiences,\n                                    partners and markets where it can create value.\n\n                                <\/span>\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                    <!-- =====================================\n                         BUSINESS OUTCOME\n                         ===================================== -->\n\n                    <div\n                        class=\"wmx6-outcome\"\n                        aria-label=\"WOW Media X differentiation outcome\"\n                    >\n\n\n                        <span class=\"wmx6-outcome-text\">\n\n                            The goal is not to look different.\n\n                            <strong>\n                                The goal is to become more worth choosing.\n                            <\/strong>\n\n                        <\/span>\n\n\n                        <span\n                            class=\"wmx6-signal-wrap\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <span\n                                class=\"wmx6-signal\"\n                            ><\/span>\n\n                        <\/span>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/article>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             PRINCIPLE\n             ================================================= -->\n\n        <div class=\"wmx6-principle\">\n\n\n            <span class=\"wmx6-principle-label\">\n                Our principle\n            <\/span>\n\n\n            <p class=\"wmx6-principle-copy\">\n\n                WOW Media X combines better decisions,\n                practical innovation and audience connection\n                to create meaningful differentiation for growing businesses.\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEMANTIC SUPPORT\n             ================================================= -->\n\n        <p class=\"wmx6-sr-only\">\n\n            WOW Media X helps growing businesses create meaningful\n            differentiation by identifying important decisions and opportunities,\n            building practical innovation and connecting it with relevant\n            audiences, partners and markets.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WOW MEDIA X \u2014 SECTION 03 \/ V3 \/ WMX9\n     THREE CONNECTED PLATFORMS\n\n     STACK\n     WordPress + Divi 5\n     Gutenberg + Custom HTML\n\n     RESPONSIVE\n     Desktop \/ Laptop \/ Tablet \/ Mobile\n\n     TECHNICAL\n     SEO \/ GEO \/ Accessibility \/ Core Web Vitals\n     No JS\n     No external libraries\n     No external fonts\n     ========================================================= -->\n\n\n<style>\n\n\/* =========================================================\n   01. DESIGN TOKENS\n   ========================================================= *\/\n\n#wmx9-platforms {\n\n    \/* WOW *\/\n    --wmx9-navy: #01012c;\n    --wmx9-navy-2: #070738;\n    --wmx9-white: #ffffff;\n    --wmx9-pink: #fa00b9;\n\n    \/* PLATFORM COLORS *\/\n\n    \/* Decixium \u2014 electric lime *\/\n    --wmx9-decixium: #c7ff00;\n    --wmx9-decixium-soft: rgba(199,255,0,.10);\n    --wmx9-decixium-border: rgba(199,255,0,.40);\n\n    \/* Agentral \u2014 bright AI green *\/\n    --wmx9-agentral: #62e83b;\n    --wmx9-agentral-soft: rgba(98,232,59,.10);\n    --wmx9-agentral-border: rgba(98,232,59,.40);\n\n    \/* Audience \u2014 WOW magenta *\/\n    --wmx9-audience: #fa00b9;\n    --wmx9-audience-soft: rgba(250,0,185,.10);\n    --wmx9-audience-border: rgba(250,0,185,.40);\n\n    --wmx9-muted: #b9b9ca;\n    --wmx9-soft: #8c8ca3;\n\n    --wmx9-border:\n        rgba(255,255,255,.11);\n\n    --wmx9-header:\n        88px;\n}\n\n\n\/* =========================================================\n   02. RESET\n   ========================================================= *\/\n\n#wmx9-platforms,\n#wmx9-platforms * {\n\n    box-sizing:\n        border-box;\n}\n\n\n\/* =========================================================\n   03. SECTION\n   ========================================================= *\/\n\n#wmx9-platforms {\n\n    position:\n        relative;\n\n    isolation:\n        isolate;\n\n    width:\n        100vw;\n\n    max-width:\n        100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    \/*\n     * CRITICAL:\n     * Never use hidden vertically here.\n     *\/\n\n    overflow-x:\n        clip;\n\n    overflow-y:\n        visible;\n\n    color:\n        var(--wmx9-white);\n\n    background:\n\n        radial-gradient(\n            circle at 82% 18%,\n            rgba(250,0,185,.075),\n            transparent 27%\n        ),\n\n        linear-gradient(\n            145deg,\n            #01012c 0%,\n            #050533 58%,\n            #08083b 100%\n        );\n\n\n    \/*\n     * Full-screen intention,\n     * without cutting content.\n     *\/\n\n    min-height:\n        calc(100svh - var(--wmx9-header));\n\n    height:\n        auto;\n\n    content-visibility:\n        auto;\n\n    contain-intrinsic-size:\n        950px;\n}\n\n\n\/* =========================================================\n   04. BACKGROUND GRID\n   ========================================================= *\/\n\n.wmx9-bg {\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    z-index:\n        -1;\n\n    overflow:\n        hidden;\n\n    pointer-events:\n        none;\n}\n\n\n.wmx9-bg::before {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    background-image:\n\n        linear-gradient(\n            rgba(255,255,255,.016) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.016) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        72px 72px;\n\n    -webkit-mask-image:\n\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.88),\n            transparent 97%\n        );\n\n    mask-image:\n\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.88),\n            transparent 97%\n        );\n}\n\n\n\/* =========================================================\n   05. CONTAINER\n   ========================================================= *\/\n\n.wmx9-container {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    width:\n        min(\n            1440px,\n            calc(100% - 104px)\n        );\n\n    margin:\n        0 auto;\n\n    padding:\n        clamp(60px,6vh,84px)\n        0\n        clamp(64px,6vh,90px);\n}\n\n\n\/* =========================================================\n   06. INTRO\n   ========================================================= *\/\n\n.wmx9-intro {\n\n    display:\n        grid;\n\n    grid-template-columns:\n\n        minmax(0,.92fr)\n\n        minmax(390px,.58fr);\n\n    align-items:\n        end;\n\n    gap:\n        clamp(54px,7vw,110px);\n\n    margin-bottom:\n        clamp(36px,4vh,52px);\n}\n\n\n\/* =========================================================\n   07. EYEBROW\n   ========================================================= *\/\n\n.wmx9-eyebrow {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    gap:\n        11px;\n\n    margin:\n        0\n        0\n        17px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        9px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .18em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        var(--wmx9-pink);\n}\n\n\n.wmx9-eyebrow::before {\n\n    content:\n        \"\";\n\n    display:\n        block;\n\n    width:\n        28px;\n\n    height:\n        2px;\n\n    flex:\n        0 0 28px;\n\n    background:\n        var(--wmx9-pink);\n}\n\n\n\/* =========================================================\n   08. SECTION TITLE\n   ========================================================= *\/\n\n.wmx9-title {\n\n    max-width:\n        850px;\n\n    margin:\n        0;\n\n    padding:\n        0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(44px,4.3vw,70px);\n\n    font-weight:\n        800;\n\n    line-height:\n        .99;\n\n    letter-spacing:\n        -.05em;\n\n    color:\n        var(--wmx9-white);\n\n    text-wrap:\n        balance;\n}\n\n\n.wmx9-title span {\n\n    color:\n        var(--wmx9-pink);\n}\n\n\n\/* =========================================================\n   09. INTRO COPY\n   ========================================================= *\/\n\n.wmx9-intro-copy {\n\n    max-width:\n        540px;\n\n    margin:\n        0;\n\n    padding:\n        0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(15px,1.05vw,18px);\n\n    line-height:\n        1.57;\n\n    color:\n        var(--wmx9-muted);\n}\n\n\n.wmx9-intro-copy strong {\n\n    font-weight:\n        700;\n\n    color:\n        var(--wmx9-white);\n}\n\n\n\/* =========================================================\n   10. SYSTEM\n   ========================================================= *\/\n\n.wmx9-system {\n\n    position:\n        relative;\n\n    width:\n        100%;\n}\n\n\n\/* =========================================================\n   11. CONNECTOR\n   ========================================================= *\/\n\n.wmx9-connector {\n\n    position:\n        absolute;\n\n    z-index:\n        1;\n\n    left:\n        16.666%;\n\n    right:\n        16.666%;\n\n    top:\n        40px;\n\n    height:\n        1px;\n\n    overflow:\n        hidden;\n\n    background:\n        rgba(255,255,255,.095);\n}\n\n\n.wmx9-connector-signal {\n\n    position:\n        absolute;\n\n    top:\n        0;\n\n    left:\n        0;\n\n    width:\n        20%;\n\n    height:\n        1px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            transparent,\n\n            var(--wmx9-pink),\n\n            transparent\n        );\n\n    animation:\n        wmx9ConnectorFlow\n        4.6s\n        linear\n        infinite;\n}\n\n\n\/* =========================================================\n   12. CARDS GRID\n   ========================================================= *\/\n\n.wmx9-grid {\n\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(\n            3,\n            minmax(0,1fr)\n        );\n\n    \/*\n     * CRITICAL:\n     * all cards adopt tallest card.\n     *\/\n\n    align-items:\n        stretch;\n\n    gap:\n        18px;\n}\n\n\n\/* =========================================================\n   13. CARD\n   ========================================================= *\/\n\n.wmx9-card {\n\n    position:\n        relative;\n\n    isolation:\n        isolate;\n\n    min-width:\n        0;\n\n    \/*\n     * NO HEIGHT FIXED.\n     *\/\n\n    height:\n        auto;\n\n    min-height:\n        420px;\n\n    overflow:\n        visible;\n\n    border:\n        1px solid\n        var(--wmx9-border);\n\n    border-radius:\n        18px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.052),\n            rgba(255,255,255,.018)\n        );\n\n    box-shadow:\n        0 18px 44px\n        rgba(0,0,0,.18);\n\n    transition:\n        transform .22s ease,\n        border-color .22s ease,\n        box-shadow .22s ease;\n}\n\n\n\/* CARD HOVER *\/\n\n.wmx9-card:hover {\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 24px 52px\n        rgba(0,0,0,.22);\n}\n\n\n\/* =========================================================\n   14. PLATFORM-SPECIFIC CARD COLORS\n   ========================================================= *\/\n\n\/* DECIXIUM *\/\n\n.wmx9-card--decixium:hover {\n\n    border-color:\n        var(--wmx9-decixium-border);\n}\n\n\n\/* AGENTRAL *\/\n\n.wmx9-card--agentral:hover {\n\n    border-color:\n        var(--wmx9-agentral-border);\n}\n\n\n\/* AUDIENCE *\/\n\n.wmx9-card--audience:hover {\n\n    border-color:\n        var(--wmx9-audience-border);\n}\n\n\n\/* =========================================================\n   15. CARD INNER\n   ========================================================= *\/\n\n.wmx9-card-inner {\n\n    position:\n        relative;\n\n    z-index:\n        3;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    \/*\n     * REAL SAFE INSET.\n     *\/\n\n    padding:\n        27px\n        28px\n        28px;\n}\n\n\n\/* =========================================================\n   16. TOP ACCENT\n   ========================================================= *\/\n\n.wmx9-card-accent {\n\n    position:\n        absolute;\n\n    z-index:\n        2;\n\n    top:\n        0;\n\n    left:\n        28px;\n\n    right:\n        28px;\n\n    height:\n        1px;\n}\n\n\n.wmx9-card--decixium\n.wmx9-card-accent {\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            transparent,\n\n            var(--wmx9-decixium),\n\n            transparent\n        );\n}\n\n\n.wmx9-card--agentral\n.wmx9-card-accent {\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            transparent,\n\n            var(--wmx9-agentral),\n\n            transparent\n        );\n}\n\n\n.wmx9-card--audience\n.wmx9-card-accent {\n\n    background:\n\n        linear-gradient(\n            90deg,\n\n            transparent,\n\n            var(--wmx9-audience),\n\n            transparent\n        );\n}\n\n\n\/* =========================================================\n   17. CARD TOP\n   ========================================================= *\/\n\n.wmx9-card-top {\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        space-between;\n\n    gap:\n        18px;\n\n    margin-bottom:\n        22px;\n}\n\n\n\/* =========================================================\n   18. NUMBERS\n   ========================================================= *\/\n\n.wmx9-number {\n\n    position:\n        relative;\n\n    display:\n        grid;\n\n    place-items:\n        center;\n\n    width:\n        52px;\n\n    height:\n        52px;\n\n    flex:\n        0 0 52px;\n\n    border-radius:\n        13px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        12px;\n\n    font-weight:\n        800;\n\n    animation:\n\n        wmx9NumberPulse\n        5.4s\n        ease-in-out\n        infinite;\n}\n\n\n\/* DECIXIUM NUMBER *\/\n\n.wmx9-card--decixium\n.wmx9-number {\n\n    color:\n        var(--wmx9-decixium);\n\n    border:\n        1px solid\n        var(--wmx9-decixium-border);\n\n    background:\n        var(--wmx9-decixium-soft);\n\n    --wmx9-node-color:\n        199,255,0;\n\n    animation-delay:\n        0s;\n}\n\n\n\/* AGENTRAL NUMBER *\/\n\n.wmx9-card--agentral\n.wmx9-number {\n\n    color:\n        var(--wmx9-agentral);\n\n    border:\n        1px solid\n        var(--wmx9-agentral-border);\n\n    background:\n        var(--wmx9-agentral-soft);\n\n    --wmx9-node-color:\n        98,232,59;\n\n    animation-delay:\n        1.8s;\n}\n\n\n\/* AUDIENCE NUMBER *\/\n\n.wmx9-card--audience\n.wmx9-number {\n\n    color:\n        var(--wmx9-audience);\n\n    border:\n        1px solid\n        var(--wmx9-audience-border);\n\n    background:\n        var(--wmx9-audience-soft);\n\n    --wmx9-node-color:\n        250,0,185;\n\n    animation-delay:\n        3.6s;\n}\n\n\n\/* =========================================================\n   19. STAGE\n   ========================================================= *\/\n\n.wmx9-stage {\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        9px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .16em;\n\n    text-transform:\n        uppercase;\n}\n\n\n\/* DECISION GREEN *\/\n\n.wmx9-card--decixium\n.wmx9-stage {\n\n    color:\n        var(--wmx9-decixium);\n}\n\n\n\/* INNOVATION AGENTRAL GREEN *\/\n\n.wmx9-card--agentral\n.wmx9-stage {\n\n    color:\n        var(--wmx9-agentral);\n}\n\n\n\/* AUDIENCE MAGENTA *\/\n\n.wmx9-card--audience\n.wmx9-stage {\n\n    color:\n        var(--wmx9-audience);\n}\n\n\n\/* =========================================================\n   20. PLATFORM TITLE\n   ========================================================= *\/\n\n.wmx9-card-title {\n\n    margin:\n        0\n        0\n        11px;\n\n    padding:\n        0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(26px,2vw,34px);\n\n    font-weight:\n        800;\n\n    line-height:\n        1.03;\n\n    letter-spacing:\n        -.035em;\n\n    color:\n        var(--wmx9-white);\n\n    text-wrap:\n        balance;\n}\n\n\n\/* =========================================================\n   21. PLATFORM DESCRIPTION\n   ========================================================= *\/\n\n.wmx9-role {\n\n    min-height:\n        65px;\n\n    margin:\n        0\n        0\n        19px;\n\n    padding:\n        0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.5;\n\n    color:\n        var(--wmx9-muted);\n}\n\n\n\/* =========================================================\n   22. VALUE POINTS\n   ========================================================= *\/\n\n.wmx9-points {\n\n    display:\n        grid;\n\n    gap:\n        9px;\n\n    margin:\n        0\n        0\n        22px;\n}\n\n\n.wmx9-point {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        7px\n        minmax(0,1fr);\n\n    align-items:\n        start;\n\n    gap:\n        10px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        12px;\n\n    line-height:\n        1.4;\n\n    color:\n        rgba(255,255,255,.61);\n}\n\n\n.wmx9-point-dot {\n\n    width:\n        5px;\n\n    height:\n        5px;\n\n    margin-top:\n        6px;\n\n    border-radius:\n        50%;\n}\n\n\n\/* DECIXIUM DOTS *\/\n\n.wmx9-card--decixium\n.wmx9-point-dot {\n\n    background:\n        var(--wmx9-decixium);\n\n    box-shadow:\n        0 0 7px\n        rgba(199,255,0,.42);\n}\n\n\n\/* AGENTRAL DOTS *\/\n\n.wmx9-card--agentral\n.wmx9-point-dot {\n\n    background:\n        var(--wmx9-agentral);\n\n    box-shadow:\n        0 0 7px\n        rgba(98,232,59,.42);\n}\n\n\n\/* AUDIENCE DOTS *\/\n\n.wmx9-card--audience\n.wmx9-point-dot {\n\n    background:\n        var(--wmx9-audience);\n\n    box-shadow:\n        0 0 7px\n        rgba(250,0,185,.42);\n}\n\n\n\/* =========================================================\n   23. CARD FOOTER\n   ========================================================= *\/\n\n.wmx9-card-footer {\n\n    \/*\n     * Push footer to bottom,\n     * but NEVER outside card.\n     *\/\n\n    margin-top:\n        auto;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        38px;\n\n    align-items:\n        end;\n\n    gap:\n        18px;\n\n    padding-top:\n        18px;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.08);\n}\n\n\n\/* =========================================================\n   24. ROLE LABEL\n   ========================================================= *\/\n\n.wmx9-outcome-label {\n\n    display:\n        block;\n\n    margin-bottom:\n        6px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        8px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .14em;\n\n    text-transform:\n        uppercase;\n\n    color:\n        rgba(255,255,255,.36);\n}\n\n\n\/* =========================================================\n   25. OUTCOME TEXT\n   ========================================================= *\/\n\n.wmx9-outcome {\n\n    display:\n        block;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        14px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.3;\n\n    color:\n        var(--wmx9-white);\n}\n\n\n\/* PLATFORM ACCENT ON OUTCOME *\/\n\n.wmx9-card--decixium\n.wmx9-outcome strong {\n\n    color:\n        var(--wmx9-decixium);\n}\n\n\n.wmx9-card--agentral\n.wmx9-outcome strong {\n\n    color:\n        var(--wmx9-agentral);\n}\n\n\n.wmx9-card--audience\n.wmx9-outcome strong {\n\n    color:\n        var(--wmx9-audience);\n}\n\n\n\/* =========================================================\n   26. ARROW\n   ========================================================= *\/\n\n.wmx9-arrow {\n\n    display:\n        grid;\n\n    place-items:\n        center;\n\n    width:\n        36px;\n\n    height:\n        36px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.14);\n\n    border-radius:\n        50%;\n\n    color:\n        var(--wmx9-white);\n\n    text-decoration:\n        none !important;\n\n    transition:\n        transform .2s ease,\n        background-color .2s ease,\n        border-color .2s ease;\n}\n\n\n.wmx9-arrow:hover {\n\n    transform:\n        translateX(2px);\n}\n\n\n.wmx9-card--decixium\n.wmx9-arrow:hover {\n\n    border-color:\n        var(--wmx9-decixium-border);\n\n    background:\n        var(--wmx9-decixium-soft);\n}\n\n\n.wmx9-card--agentral\n.wmx9-arrow:hover {\n\n    border-color:\n        var(--wmx9-agentral-border);\n\n    background:\n        var(--wmx9-agentral-soft);\n}\n\n\n.wmx9-card--audience\n.wmx9-arrow:hover {\n\n    border-color:\n        var(--wmx9-audience-border);\n\n    background:\n        var(--wmx9-audience-soft);\n}\n\n\n.wmx9-arrow:focus-visible {\n\n    outline:\n        2px solid #ffffff;\n\n    outline-offset:\n        3px;\n}\n\n\n.wmx9-arrow svg {\n\n    width:\n        14px;\n\n    height:\n        14px;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.8;\n\n    stroke-linecap:\n        round;\n\n    stroke-linejoin:\n        round;\n}\n\n\n\/* =========================================================\n   27. BOTTOM FLOW\n   ========================================================= *\/\n\n.wmx9-flow {\n\n    display:\n        grid;\n\n    grid-template-columns:\n        auto\n        minmax(70px,1fr)\n        auto\n        minmax(70px,1fr)\n        auto;\n\n    align-items:\n        center;\n\n    gap:\n        15px;\n\n    width:\n        min(850px,100%);\n\n    margin:\n        28px\n        auto\n        0;\n\n    padding:\n        14px\n        22px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    border-radius:\n        12px;\n\n    background:\n        rgba(255,255,255,.025);\n}\n\n\n\/* WORDS *\/\n\n.wmx9-flow-word {\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        12px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .045em;\n}\n\n\n\/* DECIDE *\/\n\n.wmx9-flow-word--decide {\n\n    color:\n        var(--wmx9-decixium);\n}\n\n\n\/* BUILD *\/\n\n.wmx9-flow-word--build {\n\n    color:\n        var(--wmx9-agentral);\n}\n\n\n\/* CONNECT *\/\n\n.wmx9-flow-word--connect {\n\n    color:\n        var(--wmx9-audience);\n}\n\n\n\/* FLOW LINE *\/\n\n.wmx9-flow-line {\n\n    height:\n        1px;\n\n    background:\n        rgba(255,255,255,.11);\n}\n\n\n\/* =========================================================\n   28. ACCESSIBILITY TEXT\n   ========================================================= *\/\n\n.wmx9-sr-only {\n\n    position:\n        absolute !important;\n\n    width:\n        1px !important;\n\n    height:\n        1px !important;\n\n    margin:\n        -1px !important;\n\n    padding:\n        0 !important;\n\n    overflow:\n        hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space:\n        nowrap !important;\n\n    border:\n        0 !important;\n}\n\n\n\/* =========================================================\n   29. ANIMATIONS\n   ========================================================= *\/\n\n@keyframes wmx9ConnectorFlow {\n\n    0% {\n\n        transform:\n            translateX(-120%);\n    }\n\n    100% {\n\n        transform:\n            translateX(520%);\n    }\n\n}\n\n\n@keyframes wmx9NumberPulse {\n\n    0%,\n    62%,\n    100% {\n\n        transform:\n            scale(1);\n\n        box-shadow:\n            none;\n    }\n\n    10%,\n    30% {\n\n        transform:\n            scale(1.08);\n\n        box-shadow:\n\n            0 0 20px\n            rgba(\n                var(--wmx9-node-color),\n                .34\n            ),\n\n            inset\n            0 0 20px\n            rgba(\n                var(--wmx9-node-color),\n                .08\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   30. LAPTOP\n   1025\u20131240\n   ========================================================= *\/\n\n@media\n(max-width:1240px)\nand\n(min-width:1025px) {\n\n    .wmx9-container {\n\n        width:\n            min(\n                1160px,\n                calc(100% - 64px)\n            );\n    }\n\n\n    .wmx9-intro {\n\n        gap:\n            48px;\n    }\n\n\n    .wmx9-card-inner {\n\n        padding:\n            25px\n            23px\n            27px;\n    }\n\n\n    .wmx9-card-title {\n\n        font-size:\n            27px;\n    }\n\n\n    .wmx9-role {\n\n        font-size:\n            13px;\n    }\n\n\n    .wmx9-point {\n\n        font-size:\n            11px;\n    }\n\n}\n\n\n\/* =========================================================\n   31. SHORT DESKTOP\n   DO NOT CUT CONTENT\n   ========================================================= *\/\n\n@media\n(max-height:760px)\nand\n(min-width:1025px) {\n\n    #wmx9-platforms {\n\n        min-height:\n            700px;\n    }\n\n\n    .wmx9-container {\n\n        padding:\n            42px\n            0\n            46px;\n    }\n\n\n    .wmx9-intro {\n\n        margin-bottom:\n            30px;\n    }\n\n\n    .wmx9-title {\n\n        font-size:\n            clamp(\n                40px,\n                3.8vw,\n                58px\n            );\n    }\n\n\n    .wmx9-grid {\n\n        align-items:\n            stretch;\n    }\n\n\n    \/*\n     * Still no fixed card height.\n     *\/\n\n    .wmx9-card {\n\n        min-height:\n            405px;\n    }\n\n}\n\n\n\/* =========================================================\n   32. TABLET\n   <=1024\n   ========================================================= *\/\n\n@media\n(max-width:1024px) {\n\n    #wmx9-platforms {\n\n        min-height:\n            auto;\n\n        height:\n            auto;\n\n        contain-intrinsic-size:\n            1700px;\n    }\n\n\n    .wmx9-container {\n\n        width:\n            min(\n                860px,\n                calc(100% - 48px)\n            );\n\n        padding:\n            82px\n            0\n            88px;\n    }\n\n\n    .wmx9-intro {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            28px;\n\n        margin-bottom:\n            54px;\n    }\n\n\n    .wmx9-intro-copy {\n\n        max-width:\n            720px;\n    }\n\n\n    .wmx9-connector {\n\n        display:\n            none;\n    }\n\n\n    .wmx9-grid {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            18px;\n    }\n\n\n    .wmx9-card {\n\n        min-height:\n            0;\n    }\n\n\n    .wmx9-card-inner {\n\n        padding:\n            32px\n            34px;\n    }\n\n\n    .wmx9-role {\n\n        min-height:\n            0;\n    }\n\n\n    .wmx9-flow {\n\n        margin-top:\n            32px;\n    }\n\n}\n\n\n\/* =========================================================\n   33. TABLET PORTRAIT\n   <=820\n   ========================================================= *\/\n\n@media\n(max-width:820px) {\n\n    .wmx9-container {\n\n        width:\n            min(\n                720px,\n                calc(100% - 40px)\n            );\n\n        padding:\n            72px\n            0\n            78px;\n    }\n\n\n    .wmx9-title {\n\n        font-size:\n            clamp(\n                44px,\n                8vw,\n                65px\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   34. MOBILE\n   <=600\n   ========================================================= *\/\n\n@media\n(max-width:600px) {\n\n    #wmx9-platforms {\n\n        contain-intrinsic-size:\n            1850px;\n    }\n\n\n    .wmx9-bg::before {\n\n        background-size:\n            54px 54px;\n    }\n\n\n    .wmx9-container {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            62px\n            0\n            68px;\n    }\n\n\n    .wmx9-intro {\n\n        gap:\n            22px;\n\n        margin-bottom:\n            40px;\n    }\n\n\n    .wmx9-eyebrow {\n\n        margin-bottom:\n            16px;\n\n        font-size:\n            8px;\n    }\n\n\n    .wmx9-title {\n\n        font-size:\n            clamp(\n                42px,\n                12vw,\n                57px\n            );\n\n        line-height:\n            1;\n    }\n\n\n    .wmx9-intro-copy {\n\n        font-size:\n            16px;\n\n        line-height:\n            1.52;\n    }\n\n\n    .wmx9-grid {\n\n        gap:\n            15px;\n    }\n\n\n    .wmx9-card {\n\n        min-height:\n            0;\n\n        border-radius:\n            17px;\n    }\n\n\n    \/*\n     * SAFE MOBILE INSET\n     *\/\n\n    .wmx9-card-inner {\n\n        padding:\n            27px\n            22px\n            26px;\n    }\n\n\n    .wmx9-card-top {\n\n        margin-bottom:\n            21px;\n    }\n\n\n    .wmx9-number {\n\n        width:\n            46px;\n\n        height:\n            46px;\n\n        flex-basis:\n            46px;\n\n        border-radius:\n            11px;\n    }\n\n\n    .wmx9-card-title {\n\n        font-size:\n            29px;\n    }\n\n\n    .wmx9-role {\n\n        min-height:\n            0;\n\n        margin-bottom:\n            18px;\n\n        font-size:\n            14px;\n    }\n\n\n    .wmx9-points {\n\n        gap:\n            8px;\n\n        margin-bottom:\n            21px;\n    }\n\n\n    .wmx9-point {\n\n        font-size:\n            12px;\n    }\n\n\n    .wmx9-card-footer {\n\n        padding-top:\n            17px;\n    }\n\n\n    .wmx9-flow {\n\n        grid-template-columns:\n            1fr;\n\n        justify-items:\n            center;\n\n        gap:\n            10px;\n\n        margin-top:\n            28px;\n\n        padding:\n            18px;\n    }\n\n\n    .wmx9-flow-line {\n\n        width:\n            1px;\n\n        height:\n            22px;\n    }\n\n}\n\n\n\/* =========================================================\n   35. VERY SMALL MOBILE\n   <=380\n   ========================================================= *\/\n\n@media\n(max-width:380px) {\n\n    .wmx9-container {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .wmx9-card-inner {\n\n        padding:\n            25px\n            19px\n            25px;\n    }\n\n}\n\n\n\/* =========================================================\n   36. REDUCED MOTION\n   ========================================================= *\/\n\n@media\n(prefers-reduced-motion:reduce) {\n\n    .wmx9-connector-signal,\n    .wmx9-number {\n\n        animation:\n            none !important;\n    }\n\n\n    .wmx9-card,\n    .wmx9-arrow {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION 03 HTML\n     ========================================================= -->\n\n<section\n    id=\"wmx9-platforms\"\n    aria-labelledby=\"wmx9-main-title\"\n    aria-describedby=\"wmx9-summary\"\n>\n\n\n    <div\n        class=\"wmx9-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmx9-container\">\n\n\n        <!-- =================================================\n             INTRO\n             ================================================= -->\n\n        <header class=\"wmx9-intro\">\n\n\n            <div>\n\n\n                <p class=\"wmx9-eyebrow\">\n                    Three connected platforms\n                <\/p>\n\n\n                <h2\n                    id=\"wmx9-main-title\"\n                    class=\"wmx9-title\"\n                >\n\n                    One system.\n\n                    <span>\n                        Three specialized capabilities.\n                    <\/span>\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <p\n                id=\"wmx9-summary\"\n                class=\"wmx9-intro-copy\"\n            >\n\n                WOW Media X connects three specialized platforms\n                around one objective:\n\n                <strong>\n                    decide what matters, build the relevant difference\n                    and connect it to the market.\n                <\/strong>\n\n            <\/p>\n\n\n        <\/header>\n\n\n        <!-- =================================================\n             PLATFORM SYSTEM\n             ================================================= -->\n\n        <div class=\"wmx9-system\">\n\n\n            <div\n                class=\"wmx9-connector\"\n                aria-hidden=\"true\"\n            >\n\n                <span\n                    class=\"wmx9-connector-signal\"\n                ><\/span>\n\n            <\/div>\n\n\n            <div class=\"wmx9-grid\">\n\n\n                <!-- =========================================\n                     DECIXIUM\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx9-card\n                        wmx9-card--decixium\n                    \"\n                    id=\"decixium\"\n                    aria-labelledby=\"wmx9-decixium-title\"\n                >\n\n\n                    <span\n                        class=\"wmx9-card-accent\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n\n                    <div class=\"wmx9-card-inner\">\n\n\n                        <div class=\"wmx9-card-top\">\n\n\n                            <span\n                                class=\"wmx9-number\"\n                                aria-hidden=\"true\"\n                            >\n                                01\n                            <\/span>\n\n\n                            <span class=\"wmx9-stage\">\n                                Decision\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <h3\n                            id=\"wmx9-decixium-title\"\n                            class=\"wmx9-card-title\"\n                        >\n                            Decixium\n                        <\/h3>\n\n\n                        <p class=\"wmx9-role\">\n\n                            Decision systems that identify what matters\n                            before resources and attention are committed.\n\n                        <\/p>\n\n\n                        <div\n                            class=\"wmx9-points\"\n                            aria-label=\"Decixium capabilities\"\n                        >\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Clarify the decision.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Diagnose friction and uncertainty.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Design better decision support.\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <div class=\"wmx9-card-footer\">\n\n\n                            <div>\n\n\n                                <span class=\"wmx9-outcome-label\">\n                                    Role\n                                <\/span>\n\n\n                                <span class=\"wmx9-outcome\">\n\n                                    <strong>\n                                        Decide\n                                    <\/strong>\n\n                                    what matters.\n\n                                <\/span>\n\n\n                            <\/div>\n\n\n                            <a\n                                class=\"wmx9-arrow\"\n                                href=\"#contact\"\n                                aria-label=\"Explore Decixium\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 20 20\"\n                                    aria-hidden=\"true\"\n                                >\n\n                                    <path\n                                        d=\"M4 10h11M11 5l5 5-5 5\"\n                                    ><\/path>\n\n                                <\/svg>\n\n                            <\/a>\n\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     AGENTRAL\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx9-card\n                        wmx9-card--agentral\n                    \"\n                    id=\"agentral\"\n                    aria-labelledby=\"wmx9-agentral-title\"\n                >\n\n\n                    <span\n                        class=\"wmx9-card-accent\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n\n                    <div class=\"wmx9-card-inner\">\n\n\n                        <div class=\"wmx9-card-top\">\n\n\n                            <span\n                                class=\"wmx9-number\"\n                                aria-hidden=\"true\"\n                            >\n                                02\n                            <\/span>\n\n\n                            <span class=\"wmx9-stage\">\n                                Innovation\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <h3\n                            id=\"wmx9-agentral-title\"\n                            class=\"wmx9-card-title\"\n                        >\n                            Agentral\n                        <\/h3>\n\n\n                        <p class=\"wmx9-role\">\n\n                            AI innovation that converts real business\n                            opportunities into practical improvements.\n\n                        <\/p>\n\n\n                        <div\n                            class=\"wmx9-points\"\n                            aria-label=\"Agentral AI innovation capabilities\"\n                        >\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Apply AI where it creates utility.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Redesign workflows and experiences.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Turn technology into usable innovation.\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <div class=\"wmx9-card-footer\">\n\n\n                            <div>\n\n\n                                <span class=\"wmx9-outcome-label\">\n                                    Role\n                                <\/span>\n\n\n                                <span class=\"wmx9-outcome\">\n\n                                    <strong>\n                                        Build\n                                    <\/strong>\n\n                                    what is different.\n\n                                <\/span>\n\n\n                            <\/div>\n\n\n                            <a\n                                class=\"wmx9-arrow\"\n                                href=\"#contact\"\n                                aria-label=\"Explore Agentral AI innovation\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 20 20\"\n                                    aria-hidden=\"true\"\n                                >\n\n                                    <path\n                                        d=\"M4 10h11M11 5l5 5-5 5\"\n                                    ><\/path>\n\n                                <\/svg>\n\n                            <\/a>\n\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     AUDIENCE & PARTNERSHIPS\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx9-card\n                        wmx9-card--audience\n                    \"\n                    id=\"audience-partnerships\"\n                    aria-labelledby=\"wmx9-audience-title\"\n                >\n\n\n                    <span\n                        class=\"wmx9-card-accent\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n\n                    <div class=\"wmx9-card-inner\">\n\n\n                        <div class=\"wmx9-card-top\">\n\n\n                            <span\n                                class=\"wmx9-number\"\n                                aria-hidden=\"true\"\n                            >\n                                03\n                            <\/span>\n\n\n                            <span class=\"wmx9-stage\">\n                                Audience\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <h3\n                            id=\"wmx9-audience-title\"\n                            class=\"wmx9-card-title\"\n                        >\n                            Audience &amp; Partnerships\n                        <\/h3>\n\n\n                        <p class=\"wmx9-role\">\n\n                            Commercial connections that take relevant ideas\n                            into audiences, sports and markets.\n\n                        <\/p>\n\n\n                        <div\n                            class=\"wmx9-points\"\n                            aria-label=\"Audience and Partnerships capabilities\"\n                        >\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Media Sales.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Sports Sales.\n\n                            <\/span>\n\n\n                            <span class=\"wmx9-point\">\n\n                                <span\n                                    class=\"wmx9-point-dot\"\n                                    aria-hidden=\"true\"\n                                ><\/span>\n\n                                Commercial partnerships.\n\n                            <\/span>\n\n\n                        <\/div>\n\n\n                        <div class=\"wmx9-card-footer\">\n\n\n                            <div>\n\n\n                                <span class=\"wmx9-outcome-label\">\n                                    Role\n                                <\/span>\n\n\n                                <span class=\"wmx9-outcome\">\n\n                                    <strong>\n                                        Connect\n                                    <\/strong>\n\n                                    it to the market.\n\n                                <\/span>\n\n\n                            <\/div>\n\n\n                            <a\n                                class=\"wmx9-arrow\"\n                                href=\"#contact\"\n                                aria-label=\"Explore Audience and Partnerships\"\n                            >\n\n                                <svg\n                                    viewBox=\"0 0 20 20\"\n                                    aria-hidden=\"true\"\n                                >\n\n                                    <path\n                                        d=\"M4 10h11M11 5l5 5-5 5\"\n                                    ><\/path>\n\n                                <\/svg>\n\n                            <\/a>\n\n\n                        <\/div>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SYSTEM FLOW\n             ================================================= -->\n\n        <div\n            class=\"wmx9-flow\"\n            aria-label=\"WOW Media X operating sequence\"\n        >\n\n\n            <span\n                class=\"\n                    wmx9-flow-word\n                    wmx9-flow-word--decide\n                \"\n            >\n                DECIDE\n            <\/span>\n\n\n            <span\n                class=\"wmx9-flow-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n\n            <span\n                class=\"\n                    wmx9-flow-word\n                    wmx9-flow-word--build\n                \"\n            >\n                BUILD\n            <\/span>\n\n\n            <span\n                class=\"wmx9-flow-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n\n            <span\n                class=\"\n                    wmx9-flow-word\n                    wmx9-flow-word--connect\n                \"\n            >\n                CONNECT\n            <\/span>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEMANTIC SUPPORT \u2014 SEO \/ GEO\n             ================================================= -->\n\n        <p class=\"wmx9-sr-only\">\n\n            WOW Media X operates through three connected specialized\n            platforms. Decixium provides decision systems for identifying\n            important decisions, uncertainty and decision bottlenecks.\n            Agentral provides practical artificial intelligence innovation\n            for growing businesses. Audience and Partnerships provides\n            Media Sales, Sports Sales and commercial partnerships that\n            connect businesses and brands with relevant audiences and markets.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WOW MEDIA X \u2014 SECTION 04 \/ WMX10\n     HOW WE WORK\n\n     Narrative:\n     OBSERVE \u2192 DIAGNOSE \u2192 DECIDE \u2192 BUILD \u2192 CONNECT \u2192 LEARN\n\n     Stack:\n     WordPress + Divi 5\n     Gutenberg Custom HTML\n\n     Responsive:\n     Desktop \/ Tablet \/ Mobile\n\n     Technical:\n     SEO \/ GEO \/ Accessibility \/ Core Web Vitals\n     No JS\n     No external libraries\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   01. TOKENS\n   ========================================================= *\/\n\n#wmx10-method {\n\n    --wmx10-bg: #f6f6f8;\n    --wmx10-white: #ffffff;\n\n    --wmx10-black: #111118;\n    --wmx10-muted: #656575;\n    --wmx10-soft: #92929f;\n\n    --wmx10-navy: #01012c;\n\n    --wmx10-pink: #fa00b9;\n\n    --wmx10-decixium: #c7ff00;\n    --wmx10-agentral: #62e83b;\n    --wmx10-audience: #fa00b9;\n\n    --wmx10-border:\n        rgba(17,17,24,.11);\n\n    --wmx10-shadow:\n        0 18px 46px rgba(9,9,34,.07);\n}\n\n\n\/* =========================================================\n   02. RESET\n   ========================================================= *\/\n\n#wmx10-method,\n#wmx10-method * {\n\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   03. SECTION\n   ========================================================= *\/\n\n#wmx10-method {\n\n    position: relative;\n\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    overflow-x: clip;\n    overflow-y: visible;\n\n    background:\n        var(--wmx10-bg);\n\n    color:\n        var(--wmx10-black);\n\n    content-visibility: auto;\n\n    contain-intrinsic-size:\n        900px;\n}\n\n\n\/* =========================================================\n   04. BACKGROUND DETAIL\n   ========================================================= *\/\n\n.wmx10-bg {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -1;\n\n    pointer-events: none;\n}\n\n\n.wmx10-bg::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 430px;\n    height: 430px;\n\n    left: -245px;\n    top: 90px;\n\n    border:\n        1px solid rgba(250,0,185,.055);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 70px rgba(250,0,185,.010),\n        0 0 0 140px rgba(250,0,185,.006);\n}\n\n\n\/* =========================================================\n   05. CONTAINER\n   ========================================================= *\/\n\n.wmx10-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(1440px,calc(100% - 104px));\n\n    margin:\n        0 auto;\n\n    padding:\n        clamp(92px,7vw,126px)\n        0\n        clamp(96px,7vw,130px);\n}\n\n\n\/* =========================================================\n   06. HEADER\n   ========================================================= *\/\n\n.wmx10-header {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.9fr)\n        minmax(390px,.6fr);\n\n    align-items: end;\n\n    gap:\n        clamp(60px,8vw,124px);\n\n    margin-bottom:\n        clamp(64px,6vw,88px);\n}\n\n\n\/* =========================================================\n   07. EYEBROW\n   ========================================================= *\/\n\n.wmx10-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin:\n        0\n        0\n        21px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n.wmx10-eyebrow::before {\n\n    content: \"\";\n\n    display: block;\n\n    width: 32px;\n    height: 2px;\n\n    flex:\n        0 0 32px;\n\n    background:\n        var(--wmx10-pink);\n}\n\n\n\/* =========================================================\n   08. TITLE\n   ========================================================= *\/\n\n.wmx10-title {\n\n    max-width: 850px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(48px,5vw,80px);\n\n    font-weight: 800;\n\n    line-height: .99;\n\n    letter-spacing: -.052em;\n\n    color:\n        var(--wmx10-black);\n\n    text-wrap: balance;\n}\n\n\n.wmx10-title span {\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n\/* =========================================================\n   09. INTRO COPY\n   ========================================================= *\/\n\n.wmx10-summary {\n\n    max-width: 550px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px,1.2vw,20px);\n\n    line-height: 1.62;\n\n    color:\n        var(--wmx10-muted);\n}\n\n\n.wmx10-summary strong {\n\n    color:\n        var(--wmx10-black);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   10. PROCESS WRAPPER\n   ========================================================= *\/\n\n.wmx10-process {\n\n    position: relative;\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   11. MASTER LINE\n   ========================================================= *\/\n\n.wmx10-line {\n\n    position: absolute;\n\n    z-index: 1;\n\n    left: 7%;\n    right: 7%;\n\n    top: 37px;\n\n    height: 2px;\n\n    background:\n        rgba(17,17,24,.10);\n\n    overflow: hidden;\n}\n\n\n.wmx10-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 0;\n\n    width: 22%;\n    height: 2px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--wmx10-pink),\n            transparent\n        );\n\n    animation:\n        wmx10ProcessFlow\n        5.6s\n        linear\n        infinite;\n}\n\n\n\/* =========================================================\n   12. STEPS GRID\n   ========================================================= *\/\n\n.wmx10-steps {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6,minmax(0,1fr));\n\n    gap: 16px;\n}\n\n\n\/* =========================================================\n   13. STEP\n   ========================================================= *\/\n\n.wmx10-step {\n\n    position: relative;\n\n    min-width: 0;\n\n    padding-top:\n        1px;\n}\n\n\n\/* =========================================================\n   14. NODE\n   ========================================================= *\/\n\n.wmx10-node {\n\n    position: relative;\n\n    display: grid;\n\n    place-items: center;\n\n    width: 74px;\n    height: 74px;\n\n    margin:\n        0\n        0\n        30px;\n\n    border:\n        1px solid rgba(17,17,24,.12);\n\n    border-radius: 50%;\n\n    background:\n        var(--wmx10-bg);\n\n    box-shadow:\n        0 0 0 8px var(--wmx10-bg);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 11px;\n    font-weight: 800;\n\n    color:\n        var(--wmx10-black);\n\n    animation:\n        wmx10Node\n        8.4s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   15. NODE SEQUENCE\n   ========================================================= *\/\n\n.wmx10-step:nth-child(1)\n.wmx10-node {\n    animation-delay: 0s;\n}\n\n.wmx10-step:nth-child(2)\n.wmx10-node {\n    animation-delay: 1.4s;\n}\n\n.wmx10-step:nth-child(3)\n.wmx10-node {\n    animation-delay: 2.8s;\n}\n\n.wmx10-step:nth-child(4)\n.wmx10-node {\n    animation-delay: 4.2s;\n}\n\n.wmx10-step:nth-child(5)\n.wmx10-node {\n    animation-delay: 5.6s;\n}\n\n.wmx10-step:nth-child(6)\n.wmx10-node {\n    animation-delay: 7s;\n}\n\n\n\/* =========================================================\n   16. STEP CONTENT\n   ========================================================= *\/\n\n.wmx10-step-content {\n\n    padding-right:\n        12px;\n}\n\n\n\/* NUMBER *\/\n\n.wmx10-number {\n\n    display: block;\n\n    margin-bottom:\n        10px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .15em;\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n\/* TITLE *\/\n\n.wmx10-step-title {\n\n    margin:\n        0\n        0\n        10px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(18px,1.45vw,23px);\n\n    font-weight: 800;\n\n    line-height: 1.1;\n\n    letter-spacing: -.025em;\n\n    color:\n        var(--wmx10-black);\n}\n\n\n\/* COPY *\/\n\n.wmx10-step-copy {\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n\n    color:\n        var(--wmx10-muted);\n}\n\n\n\/* =========================================================\n   17. COLOR STATES\n   ========================================================= *\/\n\n\/*\n * OBSERVE + DIAGNOSE\n * Neutral diagnostic stage.\n *\/\n\n.wmx10-step--observe\n.wmx10-node,\n\n.wmx10-step--diagnose\n.wmx10-node {\n\n    border-color:\n        rgba(17,17,24,.16);\n}\n\n\n\/*\n * DECIDE \u2014 Decixium\n *\/\n\n.wmx10-step--decide\n.wmx10-node {\n\n    border-color:\n        rgba(199,255,0,.65);\n\n    color:\n        #718f00;\n\n    background:\n        rgba(199,255,0,.09);\n}\n\n\n.wmx10-step--decide\n.wmx10-number {\n\n    color:\n        #718f00;\n}\n\n\n\/*\n * BUILD \u2014 Agentral\n *\/\n\n.wmx10-step--build\n.wmx10-node {\n\n    border-color:\n        rgba(98,232,59,.58);\n\n    color:\n        #299b0b;\n\n    background:\n        rgba(98,232,59,.09);\n}\n\n\n.wmx10-step--build\n.wmx10-number {\n\n    color:\n        #299b0b;\n}\n\n\n\/*\n * CONNECT \u2014 Audience\n *\/\n\n.wmx10-step--connect\n.wmx10-node {\n\n    border-color:\n        rgba(250,0,185,.50);\n\n    color:\n        var(--wmx10-pink);\n\n    background:\n        rgba(250,0,185,.075);\n}\n\n\n\/*\n * LEARN\n *\/\n\n.wmx10-step--learn\n.wmx10-node {\n\n    border-color:\n        rgba(250,0,185,.28);\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n\/* =========================================================\n   18. OPERATING PRINCIPLE\n   ========================================================= *\/\n\n.wmx10-principle {\n\n    position: relative;\n\n    overflow: hidden;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        auto;\n\n    align-items: center;\n\n    gap:\n        38px;\n\n    margin-top:\n        clamp(64px,6vw,88px);\n\n    padding:\n        clamp(32px,3vw,42px)\n        clamp(34px,3.5vw,52px);\n\n    border:\n        1px solid var(--wmx10-border);\n\n    border-radius: 18px;\n\n    background:\n        var(--wmx10-white);\n\n    box-shadow:\n        var(--wmx10-shadow);\n}\n\n\n\/* =========================================================\n   19. PRINCIPLE DECORATION\n   ========================================================= *\/\n\n.wmx10-principle::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 220px;\n    height: 220px;\n\n    right: -110px;\n    top: -110px;\n\n    border:\n        1px solid rgba(250,0,185,.09);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 45px rgba(250,0,185,.012);\n}\n\n\n\/* =========================================================\n   20. PRINCIPLE LABEL\n   ========================================================= *\/\n\n.wmx10-principle-label {\n\n    display: block;\n\n    margin-bottom:\n        9px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n\/* =========================================================\n   21. PRINCIPLE TEXT\n   ========================================================= *\/\n\n.wmx10-principle-text {\n\n    max-width: 1000px;\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(22px,2vw,30px);\n\n    font-weight: 700;\n\n    line-height: 1.35;\n\n    letter-spacing: -.025em;\n\n    color:\n        var(--wmx10-black);\n}\n\n\n.wmx10-principle-text strong {\n\n    font-weight: 800;\n\n    color:\n        var(--wmx10-pink);\n}\n\n\n\/* =========================================================\n   22. SIGNAL\n   ========================================================= *\/\n\n.wmx10-signal-area {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: grid;\n\n    place-items: center;\n\n    width: 74px;\n    height: 74px;\n}\n\n\n.wmx10-signal {\n\n    position: relative;\n\n    width: 12px;\n    height: 12px;\n\n    border-radius: 50%;\n\n    background:\n        var(--wmx10-pink);\n\n    box-shadow:\n        0 0 15px rgba(250,0,185,.65);\n}\n\n\n.wmx10-signal::before,\n.wmx10-signal::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    border:\n        1px solid rgba(250,0,185,.28);\n\n    border-radius: 50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        wmx10Signal\n        2.8s\n        ease-out\n        infinite;\n}\n\n\n.wmx10-signal::before {\n\n    width: 36px;\n    height: 36px;\n}\n\n\n.wmx10-signal::after {\n\n    width: 58px;\n    height: 58px;\n\n    animation-delay: 1s;\n}\n\n\n\/* =========================================================\n   23. ACCESSIBILITY\n   ========================================================= *\/\n\n.wmx10-sr-only {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    margin: -1px !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   24. ANIMATIONS\n   ========================================================= *\/\n\n@keyframes wmx10ProcessFlow {\n\n    from {\n\n        transform:\n            translateX(-120%);\n    }\n\n    to {\n\n        transform:\n            translateX(560%);\n    }\n\n}\n\n\n@keyframes wmx10Node {\n\n    0%,\n    72%,\n    100% {\n\n        transform:\n            scale(1);\n\n        box-shadow:\n            0 0 0 8px var(--wmx10-bg);\n    }\n\n    8%,\n    22% {\n\n        transform:\n            scale(1.08);\n\n        box-shadow:\n            0 0 0 8px var(--wmx10-bg),\n            0 8px 28px rgba(250,0,185,.12);\n    }\n\n}\n\n\n@keyframes wmx10Signal {\n\n    0% {\n\n        opacity: .7;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.55);\n    }\n\n    100% {\n\n        opacity: 0;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.45);\n    }\n\n}\n\n\n\/* =========================================================\n   25. LAPTOP\n   ========================================================= *\/\n\n@media\n(max-width:1240px)\nand\n(min-width:1025px) {\n\n    .wmx10-container {\n\n        width:\n            min(1160px,calc(100% - 64px));\n    }\n\n\n    .wmx10-header {\n\n        gap:\n            54px;\n    }\n\n\n    .wmx10-steps {\n\n        gap:\n            12px;\n    }\n\n\n    .wmx10-node {\n\n        width:\n            68px;\n\n        height:\n            68px;\n    }\n\n\n    .wmx10-step-copy {\n\n        font-size:\n            12px;\n    }\n\n}\n\n\n\/* =========================================================\n   26. TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n    #wmx10-method {\n\n        contain-intrinsic-size:\n            1300px;\n    }\n\n\n    .wmx10-container {\n\n        width:\n            min(860px,calc(100% - 48px));\n\n        padding:\n            82px\n            0\n            88px;\n    }\n\n\n    .wmx10-header {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            28px;\n\n        margin-bottom:\n            56px;\n    }\n\n\n    .wmx10-summary {\n\n        max-width:\n            720px;\n    }\n\n\n    \/*\n     * 3 x 2 tablet layout\n     *\/\n\n    .wmx10-steps {\n\n        grid-template-columns:\n            repeat(3,minmax(0,1fr));\n\n        gap:\n            34px\n            24px;\n    }\n\n\n    \/*\n     * Horizontal global line no longer useful.\n     *\/\n\n    .wmx10-line {\n\n        display:\n            none;\n    }\n\n\n    .wmx10-node {\n\n        margin-bottom:\n            22px;\n\n        box-shadow:\n            none;\n    }\n\n\n    .wmx10-step-content {\n\n        padding-right:\n            10px;\n    }\n\n}\n\n\n\/* =========================================================\n   27. TABLET PORTRAIT\n   ========================================================= *\/\n\n@media (max-width:820px) {\n\n    .wmx10-container {\n\n        width:\n            min(720px,calc(100% - 40px));\n\n        padding:\n            72px\n            0\n            78px;\n    }\n\n\n    .wmx10-title {\n\n        font-size:\n            clamp(44px,8vw,65px);\n    }\n\n\n    .wmx10-steps {\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n\n        gap:\n            34px\n            28px;\n    }\n\n}\n\n\n\/* =========================================================\n   28. MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #wmx10-method {\n\n        contain-intrinsic-size:\n            1500px;\n    }\n\n\n    .wmx10-container {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            62px\n            0\n            68px;\n    }\n\n\n    .wmx10-header {\n\n        gap:\n            22px;\n\n        margin-bottom:\n            42px;\n    }\n\n\n    .wmx10-eyebrow {\n\n        margin-bottom:\n            16px;\n\n        font-size:\n            8px;\n    }\n\n\n    .wmx10-title {\n\n        font-size:\n            clamp(42px,12vw,57px);\n\n        line-height:\n            1;\n    }\n\n\n    .wmx10-summary {\n\n        font-size:\n            16px;\n\n        line-height:\n            1.53;\n    }\n\n\n    \/*\n     * Mobile:\n     * vertical process.\n     *\/\n\n    .wmx10-steps {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            0;\n    }\n\n\n    .wmx10-step {\n\n        display: grid;\n\n        grid-template-columns:\n            64px\n            minmax(0,1fr);\n\n        gap:\n            20px;\n\n        padding-bottom:\n            32px;\n    }\n\n\n    \/*\n     * Vertical connector.\n     *\/\n\n    .wmx10-step:not(:last-child)::after {\n\n        content: \"\";\n\n        position: absolute;\n\n        left:\n            31px;\n\n        top:\n            64px;\n\n        bottom:\n            0;\n\n        width:\n            1px;\n\n        background:\n            rgba(17,17,24,.12);\n    }\n\n\n    .wmx10-node {\n\n        width:\n            62px;\n\n        height:\n            62px;\n\n        margin:\n            0;\n\n        box-shadow:\n            none;\n\n        z-index:\n            2;\n    }\n\n\n    .wmx10-step-content {\n\n        padding:\n            5px\n            0\n            0;\n    }\n\n\n    .wmx10-number {\n\n        margin-bottom:\n            7px;\n    }\n\n\n    .wmx10-step-title {\n\n        margin-bottom:\n            7px;\n\n        font-size:\n            20px;\n    }\n\n\n    .wmx10-step-copy {\n\n        max-width:\n            420px;\n\n        font-size:\n            13px;\n    }\n\n\n    \/*\n     * Principle.\n     *\/\n\n    .wmx10-principle {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            20px;\n\n        margin-top:\n            30px;\n\n        padding:\n            27px\n            24px;\n\n        border-radius:\n            16px;\n    }\n\n\n    .wmx10-principle-text {\n\n        font-size:\n            21px;\n    }\n\n\n    .wmx10-signal-area {\n\n        width:\n            52px;\n\n        height:\n            52px;\n    }\n\n}\n\n\n\/* =========================================================\n   29. VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    .wmx10-container {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .wmx10-step {\n\n        grid-template-columns:\n            56px\n            minmax(0,1fr);\n\n        gap:\n            16px;\n    }\n\n\n    .wmx10-node {\n\n        width:\n            54px;\n\n        height:\n            54px;\n    }\n\n\n    .wmx10-step:not(:last-child)::after {\n\n        left:\n            27px;\n\n        top:\n            56px;\n    }\n\n}\n\n\n\/* =========================================================\n   30. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .wmx10-line::after,\n    .wmx10-node,\n    .wmx10-signal::before,\n    .wmx10-signal::after {\n\n        animation:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION 04 HTML\n     ========================================================= -->\n\n<section\n    id=\"wmx10-method\"\n    aria-labelledby=\"wmx10-main-title\"\n    aria-describedby=\"wmx10-summary\"\n>\n\n\n    <div\n        class=\"wmx10-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmx10-container\">\n\n\n        <!-- =================================================\n             HEADER\n             ================================================= -->\n\n        <header class=\"wmx10-header\">\n\n\n            <div>\n\n\n                <p class=\"wmx10-eyebrow\">\n                    How we work\n                <\/p>\n\n\n                <h2\n                    id=\"wmx10-main-title\"\n                    class=\"wmx10-title\"\n                >\n\n                    We do not start with a solution.\n\n                    <span>\n                        We start with the decision.\n                    <\/span>\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <p\n                id=\"wmx10-summary\"\n                class=\"wmx10-summary\"\n            >\n\n                Technology, media and creative execution only create value\n                when they address the right problem.\n\n                <strong>\n                    Our process separates diagnosis from execution,\n                    so the solution follows the evidence instead of the other way around.\n                <\/strong>\n\n            <\/p>\n\n\n        <\/header>\n\n\n        <!-- =================================================\n             PROCESS\n             ================================================= -->\n\n        <div\n            class=\"wmx10-process\"\n            aria-label=\"WOW Media X working process\"\n        >\n\n\n            <div\n                class=\"wmx10-line\"\n                aria-hidden=\"true\"\n            ><\/div>\n\n\n            <div class=\"wmx10-steps\">\n\n\n                <!-- =========================================\n                     01 OBSERVE\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--observe\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        01\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Observe\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            See what is actually happening.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Start with behavior, performance,\n                            context and evidence\u2014not assumptions.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     02 DIAGNOSE\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--diagnose\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        02\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Diagnose\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            Find the real constraint.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Distinguish symptoms from the decision,\n                            friction or opportunity that matters.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     03 DECIDE\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--decide\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        03\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Decide\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            Choose what is worth doing.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Define the intervention, priority and\n                            difference with the strongest rationale.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     04 BUILD\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--build\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        04\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Build\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            Turn the decision into something useful.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Apply AI, design and execution only\n                            where they create practical business value.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     05 CONNECT\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--connect\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        05\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Connect\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            Put it in front of the right market.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Connect the solution with relevant audiences,\n                            partners, media and commercial opportunities.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n                <!-- =========================================\n                     06 LEARN\n                     ========================================= -->\n\n                <article\n                    class=\"\n                        wmx10-step\n                        wmx10-step--learn\n                    \"\n                >\n\n\n                    <div\n                        class=\"wmx10-node\"\n                        aria-hidden=\"true\"\n                    >\n                        06\n                    <\/div>\n\n\n                    <div class=\"wmx10-step-content\">\n\n\n                        <span class=\"wmx10-number\">\n                            Learn\n                        <\/span>\n\n\n                        <h3 class=\"wmx10-step-title\">\n                            Use the result to make the next decision better.\n                        <\/h3>\n\n\n                        <p class=\"wmx10-step-copy\">\n\n                            Measure what changed, update assumptions\n                            and improve the next iteration.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/article>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             PRINCIPLE\n             ================================================= -->\n\n        <div class=\"wmx10-principle\">\n\n\n            <div>\n\n\n                <span class=\"wmx10-principle-label\">\n                    The operating principle\n                <\/span>\n\n\n                <p class=\"wmx10-principle-text\">\n\n                    The goal is not more execution.\n\n                    <strong>\n                        It is better execution of a better decision.\n                    <\/strong>\n\n                <\/p>\n\n\n            <\/div>\n\n\n            <span\n                class=\"wmx10-signal-area\"\n                aria-hidden=\"true\"\n            >\n\n                <span class=\"wmx10-signal\"><\/span>\n\n            <\/span>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEMANTIC SUPPORT\n             ================================================= -->\n\n        <p class=\"wmx10-sr-only\">\n\n            WOW Media X uses a structured business process that begins\n            with observation and diagnosis before selecting solutions.\n            The process consists of observing the situation, diagnosing\n            the underlying constraint, deciding what matters, building\n            practical innovation, connecting it with relevant markets,\n            and learning from the results.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WOW MEDIA X \u2014 SECTION 05 \/ WMX12\n     WHY WOW MEDIA X\n\n     CRITICAL FIX:\n     Advantage blocks DO NOT use <article> wrappers.\n     This prevents global WordPress\/Divi article resets\n     from removing their padding.\n\n     Stack:\n     WordPress + Divi 5\n     Gutenberg Custom HTML\n\n     Responsive:\n     Desktop \/ Tablet \/ Mobile\n\n     Technical:\n     SEO \/ GEO \/ Accessibility \/ Core Web Vitals\n     No JS\n     No external libraries\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   01. TOKENS\n   ========================================================= *\/\n\n#wmx12-why {\n\n    --wmx12-navy: #01012c;\n    --wmx12-navy-2: #070739;\n\n    --wmx12-white: #ffffff;\n\n    --wmx12-pink: #fa00b9;\n\n    --wmx12-decixium: #c7ff00;\n    --wmx12-agentral: #62e83b;\n    --wmx12-audience: #fa00b9;\n\n    --wmx12-muted: #b9b9ca;\n    --wmx12-soft: #8d8da4;\n\n    --wmx12-border:\n        rgba(255,255,255,.10);\n\n    --wmx12-border-strong:\n        rgba(255,255,255,.16);\n}\n\n\n\/* =========================================================\n   02. RESET\n   ========================================================= *\/\n\n#wmx12-why,\n#wmx12-why * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   03. SECTION\n   ========================================================= *\/\n\n#wmx12-why {\n\n    position: relative;\n\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    overflow-x: clip;\n    overflow-y: visible;\n\n    color:\n        var(--wmx12-white);\n\n    background:\n\n        radial-gradient(\n            circle at 80% 28%,\n            rgba(250,0,185,.09),\n            transparent 31%\n        ),\n\n        linear-gradient(\n            145deg,\n            #01012c 0%,\n            #040432 54%,\n            #08083b 100%\n        );\n\n    content-visibility: auto;\n\n    contain-intrinsic-size:\n        1000px;\n}\n\n\n\/* =========================================================\n   04. BACKGROUND\n   ========================================================= *\/\n\n.wmx12-bg {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -1;\n\n    pointer-events: none;\n}\n\n\n.wmx12-bg::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background-image:\n\n        linear-gradient(\n            rgba(255,255,255,.015) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.015) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        72px 72px;\n\n    -webkit-mask-image:\n\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.85),\n            transparent 97%\n        );\n\n    mask-image:\n\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.85),\n            transparent 97%\n        );\n}\n\n\n\/* =========================================================\n   05. CONTAINER\n   ========================================================= *\/\n\n.wmx12-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(1440px,calc(100% - 104px));\n\n    margin:\n        0 auto;\n\n    padding:\n        clamp(92px,7vw,126px)\n        0\n        clamp(96px,7vw,132px);\n}\n\n\n\/* =========================================================\n   06. INTRO\n   ========================================================= *\/\n\n.wmx12-intro {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.94fr)\n        minmax(390px,.56fr);\n\n    align-items: end;\n\n    gap:\n        clamp(60px,8vw,124px);\n\n    margin-bottom:\n        clamp(62px,6vw,88px);\n}\n\n\n\/* =========================================================\n   07. EYEBROW\n   ========================================================= *\/\n\n.wmx12-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin:\n        0\n        0\n        22px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n    color:\n        var(--wmx12-pink);\n}\n\n\n.wmx12-eyebrow::before {\n\n    content: \"\";\n\n    width: 32px;\n    height: 2px;\n\n    flex: 0 0 32px;\n\n    background:\n        var(--wmx12-pink);\n}\n\n\n\/* =========================================================\n   08. TITLE\n   ========================================================= *\/\n\n.wmx12-title {\n\n    max-width: 920px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(48px,5vw,80px);\n\n    font-weight: 800;\n\n    line-height: .99;\n\n    letter-spacing: -.052em;\n\n    color:\n        var(--wmx12-white);\n\n    text-wrap: balance;\n}\n\n\n.wmx12-title span {\n\n    color:\n        var(--wmx12-pink);\n}\n\n\n\/* =========================================================\n   09. SUMMARY\n   ========================================================= *\/\n\n.wmx12-summary {\n\n    max-width: 550px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px,1.2vw,20px);\n\n    line-height: 1.62;\n\n    color:\n        var(--wmx12-muted);\n}\n\n\n.wmx12-summary strong {\n\n    color:\n        var(--wmx12-white);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   10. CONNECTED SYSTEM\n   ========================================================= *\/\n\n.wmx12-system {\n\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        clamp(48px,5vw,68px)\n        0;\n\n    border-top:\n        1px solid var(--wmx12-border);\n\n    border-bottom:\n        1px solid var(--wmx12-border);\n}\n\n\n\/* =========================================================\n   11. INPUTS\n   ========================================================= *\/\n\n.wmx12-inputs {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap: 22px;\n\n    width: 100%;\n}\n\n\n\/* =========================================================\n   12. INPUT ITEM\n   ========================================================= *\/\n\n.wmx12-input {\n\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n        0\n        24px\n        34px;\n\n    text-align: center;\n}\n\n\n.wmx12-input::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    bottom: 0;\n\n    width: 1px;\n    height: 24px;\n\n    transform:\n        translateX(-50%);\n\n    background:\n        rgba(255,255,255,.15);\n}\n\n\n\/* =========================================================\n   13. INPUT LABEL\n   ========================================================= *\/\n\n.wmx12-input-label {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 9px;\n\n    margin-bottom: 14px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n}\n\n\n.wmx12-input-dot {\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n}\n\n\n\/* DECISION *\/\n\n.wmx12-input--decision\n.wmx12-input-label {\n    color: var(--wmx12-decixium);\n}\n\n.wmx12-input--decision\n.wmx12-input-dot {\n    background: var(--wmx12-decixium);\n    box-shadow: 0 0 10px rgba(199,255,0,.5);\n}\n\n\n\/* INNOVATION *\/\n\n.wmx12-input--innovation\n.wmx12-input-label {\n    color: var(--wmx12-agentral);\n}\n\n.wmx12-input--innovation\n.wmx12-input-dot {\n    background: var(--wmx12-agentral);\n    box-shadow: 0 0 10px rgba(98,232,59,.5);\n}\n\n\n\/* AUDIENCE *\/\n\n.wmx12-input--audience\n.wmx12-input-label {\n    color: var(--wmx12-audience);\n}\n\n.wmx12-input--audience\n.wmx12-input-dot {\n    background: var(--wmx12-audience);\n    box-shadow: 0 0 10px rgba(250,0,185,.5);\n}\n\n\n\/* =========================================================\n   14. INPUT TITLE\n   ========================================================= *\/\n\n.wmx12-input-title {\n\n    margin:\n        0\n        0\n        9px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(22px,1.8vw,29px);\n\n    font-weight: 800;\n\n    line-height: 1.1;\n\n    letter-spacing: -.03em;\n\n    color:\n        var(--wmx12-white);\n}\n\n\n\/* =========================================================\n   15. INPUT COPY\n   ========================================================= *\/\n\n.wmx12-input-copy {\n\n    max-width: 360px;\n\n    margin:\n        0 auto;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n\n    color:\n        var(--wmx12-soft);\n}\n\n\n\/* =========================================================\n   16. CONVERGENCE\n   ========================================================= *\/\n\n.wmx12-convergence {\n\n    position: relative;\n\n    display: grid;\n\n    place-items: center;\n\n    width: 100%;\n\n    padding-top:\n        42px;\n}\n\n\n.wmx12-convergence::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    left: 16.666%;\n    right: 16.666%;\n\n    height: 1px;\n\n    background:\n        rgba(255,255,255,.15);\n}\n\n\n.wmx12-convergence::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    left: 50%;\n\n    width: 1px;\n    height: 36px;\n\n    transform:\n        translateX(-50%);\n\n    background:\n\n        linear-gradient(\n            to bottom,\n            rgba(255,255,255,.18),\n            rgba(250,0,185,.65)\n        );\n}\n\n\n\/* =========================================================\n   17. CORE\n   ========================================================= *\/\n\n.wmx12-core {\n\n    position: relative;\n\n    z-index: 3;\n\n    display: grid;\n\n    place-items: center;\n\n    width:\n        clamp(230px,22vw,310px);\n\n    aspect-ratio: 1 \/ 1;\n\n    border:\n        1px solid rgba(250,0,185,.36);\n\n    border-radius: 50%;\n\n    background:\n\n        radial-gradient(\n            circle,\n            rgba(250,0,185,.16),\n            rgba(250,0,185,.045) 46%,\n            rgba(1,1,44,.18) 70%\n        );\n\n    box-shadow:\n        0 0 0 28px rgba(250,0,185,.018),\n        0 0 80px rgba(250,0,185,.12);\n}\n\n\n.wmx12-core::before,\n.wmx12-core::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    border:\n        1px solid rgba(250,0,185,.18);\n\n    border-radius: 50%;\n\n    transform:\n        translate(-50%,-50%);\n\n    animation:\n        wmx12CoreWave\n        4s\n        ease-out\n        infinite;\n}\n\n\n.wmx12-core::before {\n\n    width: 118%;\n    height: 118%;\n}\n\n\n.wmx12-core::after {\n\n    width: 140%;\n    height: 140%;\n\n    animation-delay: 1.4s;\n}\n\n\n\/* =========================================================\n   18. CORE CONTENT\n   ========================================================= *\/\n\n.wmx12-core-content {\n\n    position: relative;\n\n    z-index: 3;\n\n    max-width: 210px;\n\n    text-align: center;\n}\n\n\n.wmx12-core-label {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n    color:\n        rgba(255,255,255,.48);\n}\n\n\n.wmx12-core-title {\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(24px,2.1vw,32px);\n\n    font-weight: 800;\n\n    line-height: 1.05;\n\n    letter-spacing: -.035em;\n\n    color:\n        var(--wmx12-white);\n}\n\n\n.wmx12-core-title span {\n\n    display: block;\n\n    color:\n        var(--wmx12-pink);\n}\n\n\n\/* =========================================================\n   19. ADVANTAGE GRID\n   ========================================================= *\/\n\n.wmx12-advantages {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n    gap: 0;\n\n    width: 100%;\n\n    margin-top:\n        clamp(66px,6vw,88px);\n\n    border-top:\n        1px solid var(--wmx12-border);\n\n    border-bottom:\n        1px solid var(--wmx12-border);\n}\n\n\n\/* =========================================================\n   20. ADVANTAGE CELL\n   ========================================================= *\/\n\n.wmx12-advantage {\n\n    position: relative;\n\n    min-width: 0;\n\n    \/*\n     * IMPORTANT:\n     * DIV wrapper, not article.\n     * Safe from global article resets.\n     *\/\n\n    padding:\n        30px\n        30px\n        32px;\n}\n\n\n.wmx12-advantage:not(:last-child) {\n\n    border-right:\n        1px solid var(--wmx12-border);\n}\n\n\n\/* =========================================================\n   21. ADVANTAGE INNER\n   ========================================================= *\/\n\n.wmx12-advantage-inner {\n\n    width: 100%;\n\n    max-width: 310px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   22. ADVANTAGE NUMBER\n   ========================================================= *\/\n\n.wmx12-advantage-number {\n\n    display: block;\n\n    margin-bottom: 18px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .15em;\n\n    color:\n        var(--wmx12-pink);\n}\n\n\n\/* =========================================================\n   23. ADVANTAGE TITLE\n   ========================================================= *\/\n\n.wmx12-advantage-title {\n\n    margin:\n        0\n        0\n        10px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(18px,1.45vw,23px);\n\n    font-weight: 800;\n\n    line-height: 1.16;\n\n    letter-spacing: -.025em;\n\n    color:\n        var(--wmx12-white);\n}\n\n\n\/* =========================================================\n   24. ADVANTAGE COPY\n   ========================================================= *\/\n\n.wmx12-advantage-copy {\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 13px;\n\n    line-height: 1.5;\n\n    color:\n        var(--wmx12-soft);\n}\n\n\n\/* =========================================================\n   25. BOTTOM POSITIONING\n   ========================================================= *\/\n\n.wmx12-bottom {\n\n    display: grid;\n\n    grid-template-columns:\n        auto\n        minmax(0,1fr);\n\n    align-items: center;\n\n    gap:\n        clamp(34px,4vw,62px);\n\n    margin-top:\n        clamp(52px,5vw,72px);\n}\n\n\n.wmx12-bottom-label {\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 9px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n    white-space: nowrap;\n\n    color:\n        var(--wmx12-pink);\n}\n\n\n.wmx12-bottom-copy {\n\n    max-width: 1020px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(22px,2vw,31px);\n\n    font-weight: 700;\n\n    line-height: 1.35;\n\n    letter-spacing: -.026em;\n\n    color:\n        rgba(255,255,255,.78);\n}\n\n\n.wmx12-bottom-copy strong {\n\n    color:\n        var(--wmx12-white);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   26. ACCESSIBILITY\n   ========================================================= *\/\n\n.wmx12-sr-only {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    margin: -1px !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   27. ANIMATION\n   ========================================================= *\/\n\n@keyframes wmx12CoreWave {\n\n    0% {\n\n        opacity: .7;\n\n        transform:\n            translate(-50%,-50%)\n            scale(.78);\n    }\n\n    100% {\n\n        opacity: 0;\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.15);\n    }\n\n}\n\n\n\/* =========================================================\n   28. LAPTOP\n   ========================================================= *\/\n\n@media\n(max-width:1240px)\nand\n(min-width:1025px) {\n\n    .wmx12-container {\n\n        width:\n            min(1160px,calc(100% - 64px));\n    }\n\n\n    .wmx12-intro {\n\n        gap:\n            54px;\n    }\n\n\n    .wmx12-input {\n\n        padding-left:\n            18px;\n\n        padding-right:\n            18px;\n    }\n\n\n    .wmx12-advantage {\n\n        padding:\n            28px\n            24px\n            30px;\n    }\n\n\n    .wmx12-advantage-inner {\n\n        max-width:\n            280px;\n    }\n\n}\n\n\n\/* =========================================================\n   29. TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n    #wmx12-why {\n\n        contain-intrinsic-size:\n            1450px;\n    }\n\n\n    .wmx12-container {\n\n        width:\n            min(860px,calc(100% - 48px));\n\n        padding:\n            82px\n            0\n            88px;\n    }\n\n\n    .wmx12-intro {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            28px;\n\n        margin-bottom:\n            56px;\n    }\n\n\n    .wmx12-summary {\n\n        max-width:\n            720px;\n    }\n\n\n    .wmx12-inputs {\n\n        gap:\n            12px;\n    }\n\n\n    .wmx12-input {\n\n        padding-left:\n            12px;\n\n        padding-right:\n            12px;\n    }\n\n\n    .wmx12-core {\n\n        width:\n            250px;\n    }\n\n\n    \/*\n     * 2 x 2 advantages\n     *\/\n\n    .wmx12-advantages {\n\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n\n\n    .wmx12-advantage {\n\n        padding:\n            28px\n            28px\n            30px;\n\n        border-right:\n            none !important;\n\n        border-bottom:\n            1px solid var(--wmx12-border);\n    }\n\n\n    .wmx12-advantage:nth-child(odd) {\n\n        border-right:\n            1px solid var(--wmx12-border) !important;\n    }\n\n\n    .wmx12-advantage:nth-last-child(-n+2) {\n\n        border-bottom:\n            none;\n    }\n\n\n    .wmx12-advantage-inner {\n\n        max-width:\n            330px;\n    }\n\n}\n\n\n\/* =========================================================\n   30. TABLET PORTRAIT\n   ========================================================= *\/\n\n@media (max-width:820px) {\n\n    .wmx12-container {\n\n        width:\n            min(720px,calc(100% - 40px));\n\n        padding:\n            72px\n            0\n            78px;\n    }\n\n\n    .wmx12-title {\n\n        font-size:\n            clamp(44px,8vw,65px);\n    }\n\n\n    .wmx12-inputs {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            0;\n    }\n\n\n    .wmx12-input {\n\n        display: grid;\n\n        grid-template-columns:\n            150px\n            minmax(0,1fr);\n\n        align-items: center;\n\n        gap:\n            28px;\n\n        padding:\n            24px\n            0;\n\n        text-align: left;\n\n        border-bottom:\n            1px solid var(--wmx12-border);\n    }\n\n\n    .wmx12-input::after {\n\n        display: none;\n    }\n\n\n    .wmx12-input-label {\n\n        justify-content:\n            flex-start;\n\n        margin: 0;\n    }\n\n\n    .wmx12-input-copy {\n\n        max-width: none;\n\n        margin: 0;\n    }\n\n\n    .wmx12-convergence {\n\n        padding-top:\n            50px;\n    }\n\n\n    .wmx12-convergence::before {\n\n        display: none;\n    }\n\n\n    .wmx12-convergence::after {\n\n        height:\n            38px;\n    }\n\n\n    .wmx12-bottom {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            16px;\n    }\n\n}\n\n\n\/* =========================================================\n   31. MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #wmx12-why {\n\n        contain-intrinsic-size:\n            1650px;\n    }\n\n\n    .wmx12-bg::before {\n\n        background-size:\n            54px 54px;\n    }\n\n\n    .wmx12-container {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            62px\n            0\n            68px;\n    }\n\n\n    .wmx12-intro {\n\n        gap:\n            22px;\n\n        margin-bottom:\n            42px;\n    }\n\n\n    .wmx12-eyebrow {\n\n        margin-bottom:\n            16px;\n\n        font-size:\n            8px;\n    }\n\n\n    .wmx12-title {\n\n        font-size:\n            clamp(42px,12vw,57px);\n\n        line-height:\n            1;\n    }\n\n\n    .wmx12-summary {\n\n        font-size:\n            16px;\n\n        line-height:\n            1.53;\n    }\n\n\n    .wmx12-system {\n\n        padding:\n            30px\n            0\n            42px;\n    }\n\n\n    .wmx12-input {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            8px;\n\n        padding:\n            22px\n            4px;\n    }\n\n\n    .wmx12-input-label {\n\n        margin-bottom:\n            4px;\n    }\n\n\n    .wmx12-input-title {\n\n        font-size:\n            23px;\n    }\n\n\n    .wmx12-input-copy {\n\n        font-size:\n            13px;\n    }\n\n\n    .wmx12-convergence {\n\n        padding-top:\n            44px;\n    }\n\n\n    .wmx12-core {\n\n        width:\n            210px;\n    }\n\n\n    .wmx12-core-content {\n\n        max-width:\n            170px;\n    }\n\n\n    .wmx12-core-title {\n\n        font-size:\n            25px;\n    }\n\n\n    \/*\n     * Advantages become full-width vertical,\n     * with safe inner padding.\n     *\/\n\n    .wmx12-advantages {\n\n        grid-template-columns:\n            1fr;\n\n        margin-top:\n            54px;\n    }\n\n\n    .wmx12-advantage {\n\n        padding:\n            26px\n            22px\n            28px;\n\n        border-right:\n            none !important;\n\n        border-bottom:\n            1px solid var(--wmx12-border) !important;\n    }\n\n\n    .wmx12-advantage:last-child {\n\n        border-bottom:\n            none !important;\n    }\n\n\n    .wmx12-advantage-inner {\n\n        max-width:\n            none;\n    }\n\n\n    .wmx12-advantage-number {\n\n        margin-bottom:\n            12px;\n    }\n\n\n    .wmx12-advantage-title {\n\n        font-size:\n            21px;\n    }\n\n\n    .wmx12-bottom {\n\n        margin-top:\n            42px;\n    }\n\n\n    .wmx12-bottom-copy {\n\n        font-size:\n            21px;\n    }\n\n}\n\n\n\/* =========================================================\n   32. SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    .wmx12-container {\n\n        width:\n            calc(100% - 24px);\n    }\n\n\n    .wmx12-core {\n\n        width:\n            190px;\n    }\n\n\n    .wmx12-advantage {\n\n        padding:\n            24px\n            18px\n            26px;\n    }\n\n}\n\n\n\/* =========================================================\n   33. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .wmx12-core::before,\n    .wmx12-core::after {\n\n        animation:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION 05 HTML\n     ========================================================= -->\n\n<section\n    id=\"wmx12-why\"\n    aria-labelledby=\"wmx12-main-title\"\n    aria-describedby=\"wmx12-summary\"\n>\n\n\n    <div\n        class=\"wmx12-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmx12-container\">\n\n\n        <!-- =================================================\n             INTRO\n             ================================================= -->\n\n        <header class=\"wmx12-intro\">\n\n\n            <div>\n\n\n                <p class=\"wmx12-eyebrow\">\n                    Why WOW Media X\n                <\/p>\n\n\n                <h2\n                    id=\"wmx12-main-title\"\n                    class=\"wmx12-title\"\n                >\n\n                    The advantage is not one capability.\n\n                    <span>\n                        It is the connection between them.\n                    <\/span>\n\n                <\/h2>\n\n\n            <\/div>\n\n\n            <p\n                id=\"wmx12-summary\"\n                class=\"wmx12-summary\"\n            >\n\n                Businesses often make strategy, technology and market\n                activation separate projects.\n\n                <strong>\n                    WOW Media X connects them around the same business problem.\n                <\/strong>\n\n                That creates a more coherent path from decision to market.\n\n            <\/p>\n\n\n        <\/header>\n\n\n        <!-- =================================================\n             CONNECTED SYSTEM\n             ================================================= -->\n\n        <div class=\"wmx12-system\">\n\n\n            <div\n                class=\"wmx12-inputs\"\n                aria-label=\"WOW Media X connected capabilities\"\n            >\n\n\n                <!-- DECISION -->\n\n                <div\n                    class=\"\n                        wmx12-input\n                        wmx12-input--decision\n                    \"\n                >\n\n\n                    <span class=\"wmx12-input-label\">\n\n                        <span\n                            class=\"wmx12-input-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        Decision\n\n                    <\/span>\n\n\n                    <div>\n\n\n                        <h3 class=\"wmx12-input-title\">\n                            Better direction\n                        <\/h3>\n\n\n                        <p class=\"wmx12-input-copy\">\n\n                            Decide what deserves resources,\n                            attention and action before execution begins.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <!-- INNOVATION -->\n\n                <div\n                    class=\"\n                        wmx12-input\n                        wmx12-input--innovation\n                    \"\n                >\n\n\n                    <span class=\"wmx12-input-label\">\n\n                        <span\n                            class=\"wmx12-input-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        Innovation\n\n                    <\/span>\n\n\n                    <div>\n\n\n                        <h3 class=\"wmx12-input-title\">\n                            Better application\n                        <\/h3>\n\n\n                        <p class=\"wmx12-input-copy\">\n\n                            Apply AI and innovation to a defined opportunity\n                            instead of adding technology without direction.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <!-- AUDIENCE -->\n\n                <div\n                    class=\"\n                        wmx12-input\n                        wmx12-input--audience\n                    \"\n                >\n\n\n                    <span class=\"wmx12-input-label\">\n\n                        <span\n                            class=\"wmx12-input-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        Audience\n\n                    <\/span>\n\n\n                    <div>\n\n\n                        <h3 class=\"wmx12-input-title\">\n                            Better connection\n                        <\/h3>\n\n\n                        <p class=\"wmx12-input-copy\">\n\n                            Connect the resulting difference with relevant\n                            audiences, partners and commercial opportunities.\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <!-- =============================================\n                 CONVERGENCE\n                 ============================================= -->\n\n            <div class=\"wmx12-convergence\">\n\n\n                <div\n                    class=\"wmx12-core\"\n                    aria-label=\"Meaningful differentiation\"\n                >\n\n\n                    <div class=\"wmx12-core-content\">\n\n\n                        <span class=\"wmx12-core-label\">\n                            Connected advantage\n                        <\/span>\n\n\n                        <p class=\"wmx12-core-title\">\n\n                            Meaningful\n\n                            <span>\n                                differentiation\n                            <\/span>\n\n                        <\/p>\n\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             ADVANTAGES\n             ================================================= -->\n\n        <div\n            class=\"wmx12-advantages\"\n            aria-label=\"Advantages of the WOW Media X connected model\"\n        >\n\n\n            <div\n                class=\"wmx12-advantage\"\n                role=\"group\"\n                aria-labelledby=\"wmx12-advantage-1\"\n            >\n\n\n                <div class=\"wmx12-advantage-inner\">\n\n\n                    <span class=\"wmx12-advantage-number\">\n                        01\n                    <\/span>\n\n\n                    <h3\n                        id=\"wmx12-advantage-1\"\n                        class=\"wmx12-advantage-title\"\n                    >\n                        One business question\n                    <\/h3>\n\n\n                    <p class=\"wmx12-advantage-copy\">\n\n                        Decision, innovation and market activation work\n                        against the same defined opportunity.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div\n                class=\"wmx12-advantage\"\n                role=\"group\"\n                aria-labelledby=\"wmx12-advantage-2\"\n            >\n\n\n                <div class=\"wmx12-advantage-inner\">\n\n\n                    <span class=\"wmx12-advantage-number\">\n                        02\n                    <\/span>\n\n\n                    <h3\n                        id=\"wmx12-advantage-2\"\n                        class=\"wmx12-advantage-title\"\n                    >\n                        Decisions before tools\n                    <\/h3>\n\n\n                    <p class=\"wmx12-advantage-copy\">\n\n                        Technology and execution follow the business need\n                        rather than becoming the starting point.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div\n                class=\"wmx12-advantage\"\n                role=\"group\"\n                aria-labelledby=\"wmx12-advantage-3\"\n            >\n\n\n                <div class=\"wmx12-advantage-inner\">\n\n\n                    <span class=\"wmx12-advantage-number\">\n                        03\n                    <\/span>\n\n\n                    <h3\n                        id=\"wmx12-advantage-3\"\n                        class=\"wmx12-advantage-title\"\n                    >\n                        Innovation with a job to do\n                    <\/h3>\n\n\n                    <p class=\"wmx12-advantage-copy\">\n\n                        AI and innovation are evaluated by the practical\n                        value they can create, not by novelty alone.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div\n                class=\"wmx12-advantage\"\n                role=\"group\"\n                aria-labelledby=\"wmx12-advantage-4\"\n            >\n\n\n                <div class=\"wmx12-advantage-inner\">\n\n\n                    <span class=\"wmx12-advantage-number\">\n                        04\n                    <\/span>\n\n\n                    <h3\n                        id=\"wmx12-advantage-4\"\n                        class=\"wmx12-advantage-title\"\n                    >\n                        Market connection by design\n                    <\/h3>\n\n\n                    <p class=\"wmx12-advantage-copy\">\n\n                        Audience and commercial connection are considered\n                        as part of the system, not added after the fact.\n\n                    <\/p>\n\n\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             FINAL POSITIONING\n             ================================================= -->\n\n        <div class=\"wmx12-bottom\">\n\n\n            <span class=\"wmx12-bottom-label\">\n                The difference\n            <\/span>\n\n\n            <p class=\"wmx12-bottom-copy\">\n\n                Less fragmentation between thinking and execution.\n\n                <strong>\n                    More coherence from the first decision to the market response.\n                <\/strong>\n\n            <\/p>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEO \/ GEO SUPPORT\n             ================================================= -->\n\n        <p class=\"wmx12-sr-only\">\n\n            WOW Media X differentiates itself by connecting decision systems,\n            practical artificial intelligence innovation and audience and\n            commercial partnerships. Its model aligns Decixium, Agentral,\n            Media Sales, Sports Sales and partnerships around a shared business\n            problem so that decisions, innovation and market activation are\n            developed as a connected system.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<!-- =========================================================\n     WOW MEDIA X \u2014 SECTION 06 \/ WMX13\n     FINAL CTA \/ CORPORATE CLOSE\n\n     Stack:\n     WordPress + Divi 5\n     Gutenberg Custom HTML\n\n     Responsive:\n     Desktop \/ Tablet \/ Mobile\n\n     Technical:\n     SEO \/ GEO \/ Accessibility \/ Core Web Vitals\n     No JS\n     No external libraries\n     No fixed heights\n     ========================================================= -->\n\n<style>\n\n\/* =========================================================\n   01. TOKENS\n   ========================================================= *\/\n\n#wmx13-contact {\n\n    --wmx13-bg: #f6f6f8;\n\n    --wmx13-black: #111118;\n    --wmx13-white: #ffffff;\n\n    --wmx13-navy: #01012c;\n\n    --wmx13-pink: #fa00b9;\n    --wmx13-pink-hover: #df00a6;\n\n    --wmx13-decixium: #c7ff00;\n    --wmx13-agentral: #62e83b;\n    --wmx13-audience: #fa00b9;\n\n    --wmx13-muted: #686876;\n\n    --wmx13-border:\n        rgba(17,17,24,.11);\n}\n\n\n\/* =========================================================\n   02. RESET\n   ========================================================= *\/\n\n#wmx13-contact,\n#wmx13-contact * {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   03. SECTION\n   ========================================================= *\/\n\n#wmx13-contact {\n\n    position: relative;\n\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin:\n        0\n        calc(50% - 50vw);\n\n    overflow-x: clip;\n    overflow-y: visible;\n\n    background:\n        var(--wmx13-bg);\n\n    color:\n        var(--wmx13-black);\n\n    content-visibility: auto;\n\n    contain-intrinsic-size:\n        760px;\n}\n\n\n\/* =========================================================\n   04. BACKGROUND\n   ========================================================= *\/\n\n.wmx13-bg {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -1;\n\n    pointer-events: none;\n}\n\n\n.wmx13-bg::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 620px;\n    height: 620px;\n\n    right: -320px;\n    top: -260px;\n\n    border:\n        1px solid rgba(250,0,185,.075);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 90px rgba(250,0,185,.012),\n        0 0 0 180px rgba(250,0,185,.006);\n}\n\n\n\/* =========================================================\n   05. CONTAINER\n   ========================================================= *\/\n\n.wmx13-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(1440px,calc(100% - 104px));\n\n    margin:\n        0 auto;\n\n    padding:\n        clamp(100px,8vw,146px)\n        0\n        clamp(100px,8vw,146px);\n}\n\n\n\/* =========================================================\n   06. TOP LABEL\n   ========================================================= *\/\n\n.wmx13-eyebrow {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    margin:\n        0\n        0\n        28px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n    color:\n        var(--wmx13-pink);\n}\n\n\n.wmx13-eyebrow::before {\n\n    content: \"\";\n\n    width: 32px;\n    height: 2px;\n\n    flex:\n        0 0 32px;\n\n    background:\n        var(--wmx13-pink);\n}\n\n\n\/* =========================================================\n   07. MAIN GRID\n   ========================================================= *\/\n\n.wmx13-main {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.05fr)\n        minmax(360px,.45fr);\n\n    align-items: end;\n\n    gap:\n        clamp(64px,8vw,132px);\n}\n\n\n\/* =========================================================\n   08. TITLE\n   ========================================================= *\/\n\n.wmx13-title {\n\n    max-width: 980px;\n\n    margin: 0;\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(52px,5.5vw,88px);\n\n    font-weight: 800;\n\n    line-height: .98;\n\n    letter-spacing: -.055em;\n\n    text-wrap: balance;\n\n    color:\n        var(--wmx13-black);\n}\n\n\n.wmx13-title span {\n\n    display: block;\n\n    color:\n        var(--wmx13-pink);\n}\n\n\n\/* =========================================================\n   09. RIGHT CONTENT\n   ========================================================= *\/\n\n.wmx13-side {\n\n    max-width: 460px;\n}\n\n\n\/* =========================================================\n   10. COPY\n   ========================================================= *\/\n\n.wmx13-copy {\n\n    margin:\n        0\n        0\n        30px;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(17px,1.18vw,20px);\n\n    line-height: 1.6;\n\n    color:\n        var(--wmx13-muted);\n}\n\n\n.wmx13-copy strong {\n\n    color:\n        var(--wmx13-black);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   11. CTA\n   ========================================================= *\/\n\n.wmx13-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 12px;\n\n    min-height: 58px;\n\n    padding:\n        0\n        28px;\n\n    border:\n        1px solid var(--wmx13-pink);\n\n    border-radius: 2px;\n\n    background:\n        var(--wmx13-pink);\n\n    color:\n        #ffffff !important;\n\n    box-shadow:\n        0 14px 34px rgba(250,0,185,.16);\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        transform .2s ease,\n        background-color .2s ease,\n        border-color .2s ease;\n}\n\n\n.wmx13-button:hover {\n\n    transform:\n        translateY(-2px);\n\n    background:\n        var(--wmx13-pink-hover);\n\n    border-color:\n        var(--wmx13-pink-hover);\n\n    color:\n        #ffffff !important;\n}\n\n\n.wmx13-button:focus-visible {\n\n    outline:\n        3px solid var(--wmx13-black);\n\n    outline-offset:\n        4px;\n}\n\n\n.wmx13-button svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   12. OPERATING LOGIC\n   ========================================================= *\/\n\n.wmx13-logic {\n\n    display: grid;\n\n    grid-template-columns:\n        auto\n        minmax(40px,1fr)\n        auto\n        minmax(40px,1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 18px;\n\n    margin-top:\n        clamp(74px,7vw,106px);\n\n    padding:\n        26px\n        0;\n\n    border-top:\n        1px solid var(--wmx13-border);\n\n    border-bottom:\n        1px solid var(--wmx13-border);\n}\n\n\n\/* =========================================================\n   13. LOGIC WORD\n   ========================================================= *\/\n\n.wmx13-logic-word {\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:\n        clamp(12px,1vw,15px);\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .07em;\n\n    text-transform: uppercase;\n}\n\n\n.wmx13-logic-word--decision {\n\n    color:\n        #718f00;\n}\n\n\n.wmx13-logic-word--innovation {\n\n    color:\n        #299b0b;\n}\n\n\n.wmx13-logic-word--audience {\n\n    color:\n        var(--wmx13-pink);\n}\n\n\n\/* =========================================================\n   14. CONNECTOR\n   ========================================================= *\/\n\n.wmx13-logic-line {\n\n    position: relative;\n\n    height: 1px;\n\n    overflow: hidden;\n\n    background:\n        rgba(17,17,24,.12);\n}\n\n\n.wmx13-logic-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 35%;\n    height: 1px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--wmx13-pink),\n            transparent\n        );\n\n    animation:\n        wmx13Flow\n        3.6s\n        ease-in-out\n        infinite;\n}\n\n\n\/* =========================================================\n   15. CLOSING STATEMENT\n   ========================================================= *\/\n\n.wmx13-close {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 40px;\n\n    margin-top:\n        34px;\n}\n\n\n.wmx13-close-copy {\n\n    margin: 0;\n\n    padding: 0;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 12px;\n\n    line-height: 1.5;\n\n    color:\n        #8b8b96;\n}\n\n\n.wmx13-close-brand {\n\n    white-space: nowrap;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    line-height: 1;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n    color:\n        var(--wmx13-black);\n}\n\n\n\/* =========================================================\n   16. ACCESSIBILITY\n   ========================================================= *\/\n\n.wmx13-sr-only {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    margin: -1px !important;\n    padding: 0 !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0,0,0,0) !important;\n\n    white-space: nowrap !important;\n\n    border: 0 !important;\n}\n\n\n\/* =========================================================\n   17. ANIMATION\n   ========================================================= *\/\n\n@keyframes wmx13Flow {\n\n    0% {\n\n        transform:\n            translateX(-120%);\n    }\n\n    100% {\n\n        transform:\n            translateX(380%);\n    }\n\n}\n\n\n\/* =========================================================\n   18. LAPTOP\n   ========================================================= *\/\n\n@media\n(max-width:1240px)\nand\n(min-width:1025px) {\n\n    .wmx13-container {\n\n        width:\n            min(1160px,calc(100% - 64px));\n    }\n\n\n    .wmx13-main {\n\n        gap:\n            60px;\n    }\n\n}\n\n\n\/* =========================================================\n   19. TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n    #wmx13-contact {\n\n        contain-intrinsic-size:\n            900px;\n    }\n\n\n    .wmx13-container {\n\n        width:\n            min(860px,calc(100% - 48px));\n\n        padding:\n            86px\n            0\n            92px;\n    }\n\n\n    .wmx13-main {\n\n        grid-template-columns:\n            1fr;\n\n        align-items: start;\n\n        gap:\n            36px;\n    }\n\n\n    .wmx13-side {\n\n        max-width:\n            640px;\n    }\n\n\n    .wmx13-logic {\n\n        margin-top:\n            64px;\n    }\n\n}\n\n\n\/* =========================================================\n   20. TABLET PORTRAIT\n   ========================================================= *\/\n\n@media (max-width:820px) {\n\n    .wmx13-container {\n\n        width:\n            min(720px,calc(100% - 40px));\n\n        padding:\n            74px\n            0\n            80px;\n    }\n\n\n    .wmx13-title {\n\n        font-size:\n            clamp(48px,9vw,68px);\n    }\n\n}\n\n\n\/* =========================================================\n   21. MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #wmx13-contact {\n\n        contain-intrinsic-size:\n            900px;\n    }\n\n\n    .wmx13-container {\n\n        width:\n            calc(100% - 32px);\n\n        padding:\n            64px\n            0\n            68px;\n    }\n\n\n    .wmx13-bg::before {\n\n        width: 300px;\n        height: 300px;\n\n        right: -175px;\n        top: -120px;\n    }\n\n\n    .wmx13-eyebrow {\n\n        margin-bottom:\n            20px;\n\n        font-size:\n            8px;\n    }\n\n\n    .wmx13-title {\n\n        font-size:\n            clamp(44px,13vw,60px);\n\n        line-height:\n            .99;\n    }\n\n\n    .wmx13-main {\n\n        gap:\n            30px;\n    }\n\n\n    .wmx13-copy {\n\n        margin-bottom:\n            26px;\n\n        font-size:\n            16px;\n\n        line-height:\n            1.54;\n    }\n\n\n    .wmx13-button {\n\n        width: 100%;\n\n        min-height:\n            54px;\n\n        padding:\n            0\n            20px;\n    }\n\n\n    \/*\n     * Vertical logic on mobile.\n     *\/\n\n    .wmx13-logic {\n\n        grid-template-columns:\n            1fr;\n\n        justify-items:\n            start;\n\n        gap:\n            11px;\n\n        margin-top:\n            50px;\n\n        padding:\n            24px\n            0;\n    }\n\n\n    .wmx13-logic-line {\n\n        width: 1px;\n        height: 22px;\n\n        margin-left:\n            6px;\n    }\n\n\n    .wmx13-logic-line::after {\n\n        display: none;\n    }\n\n\n    .wmx13-close {\n\n        flex-direction:\n            column;\n\n        align-items:\n            flex-start;\n\n        gap:\n            18px;\n\n        margin-top:\n            28px;\n    }\n\n\n    .wmx13-close-brand {\n\n        white-space:\n            normal;\n    }\n\n}\n\n\n\/* =========================================================\n   22. SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    .wmx13-container {\n\n        width:\n            calc(100% - 24px);\n    }\n\n}\n\n\n\/* =========================================================\n   23. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    .wmx13-logic-line::after {\n\n        animation:\n            none !important;\n    }\n\n\n    .wmx13-button {\n\n        transition:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     SECTION 06 HTML\n     ========================================================= -->\n\n<section\n    id=\"wmx13-contact\"\n    aria-labelledby=\"wmx13-title\"\n    aria-describedby=\"wmx13-description\"\n>\n\n\n    <div\n        class=\"wmx13-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n\n    <div class=\"wmx13-container\">\n\n\n        <!-- =================================================\n             EYEBROW\n             ================================================= -->\n\n        <p class=\"wmx13-eyebrow\">\n            Start the conversation\n        <\/p>\n\n\n        <!-- =================================================\n             MAIN CLOSE\n             ================================================= -->\n\n        <div class=\"wmx13-main\">\n\n\n            <h2\n                id=\"wmx13-title\"\n                class=\"wmx13-title\"\n            >\n\n                The difference is not found.\n\n                <span>\n                    It is deliberately created.\n                <\/span>\n\n            <\/h2>\n\n\n            <div class=\"wmx13-side\">\n\n\n                <p\n                    id=\"wmx13-description\"\n                    class=\"wmx13-copy\"\n                >\n\n                    If there is a business decision,\n                    innovation opportunity or market connection\n                    that deserves a better approach,\n\n                    <strong>\n                        that is where the conversation should begin.\n                    <\/strong>\n\n                <\/p>\n\n\n                <!--\n                     Current assumed contact route:\n                     \/contact\/\n\n                     If your final contact destination is different,\n                     only this href needs to change.\n                -->\n\n                <a\n                    class=\"wmx13-button\"\n                    href=\"\/contact\/\"\n                    aria-label=\"Start a conversation with WOW Media X\"\n                >\n\n                    Start the Conversation\n\n\n                    <svg\n                        viewBox=\"0 0 20 20\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <path\n                            d=\"M4 10h11M11 5l5 5-5 5\"\n                        ><\/path>\n\n                    <\/svg>\n\n\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             OPERATING MODEL\n             ================================================= -->\n\n        <div\n            class=\"wmx13-logic\"\n            aria-label=\"WOW Media X operating model\"\n        >\n\n\n            <span\n                class=\"\n                    wmx13-logic-word\n                    wmx13-logic-word--decision\n                \"\n            >\n                Decide it\n            <\/span>\n\n\n            <span\n                class=\"wmx13-logic-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n\n            <span\n                class=\"\n                    wmx13-logic-word\n                    wmx13-logic-word--innovation\n                \"\n            >\n                Build it\n            <\/span>\n\n\n            <span\n                class=\"wmx13-logic-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n\n            <span\n                class=\"\n                    wmx13-logic-word\n                    wmx13-logic-word--audience\n                \"\n            >\n                Connect it\n            <\/span>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             CORPORATE CLOSE\n             ================================================= -->\n\n        <div class=\"wmx13-close\">\n\n\n            <p class=\"wmx13-close-copy\">\n\n                Decision systems \u00b7 AI innovation \u00b7\n                Media Sales \u00b7 Sports Sales \u00b7 Commercial Partnerships\n\n            <\/p>\n\n\n            <span class=\"wmx13-close-brand\">\n                WOW Media X\n            <\/span>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             SEO \/ GEO SUPPORT\n             ================================================= -->\n\n        <p class=\"wmx13-sr-only\">\n\n            WOW Media X helps growing businesses make better decisions,\n            apply artificial intelligence to practical business innovation\n            and connect differentiated solutions with relevant audiences,\n            media, sports properties, commercial partners and markets\n            through Decixium, Agentral and Audience and Partnerships.\n\n        <\/p>\n\n\n    <\/div>\n\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Decision Innovation Audience Create the difference that matters. WOW Media X helps growing businesses decide what matters, build differentiated solutions through practical innovation, and connect them with the audiences and markets that create value. One connected growth system Integrated 01 Decision Decixium Identify what matters and make better strategic decisions. 02 Innovation Agentral Turn artificial [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-6008","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/pages\/6008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/comments?post=6008"}],"version-history":[{"count":40,"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/pages\/6008\/revisions"}],"predecessor-version":[{"id":6201,"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/pages\/6008\/revisions\/6201"}],"wp:attachment":[{"href":"https:\/\/wowmediax.com\/es\/wp-json\/wp\/v2\/media?parent=6008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}