{"id":10,"date":"2026-09-19T05:55:16","date_gmt":"2026-09-19T05:55:16","guid":{"rendered":"https:\/\/yash.blog304.com\/?page_id=10"},"modified":"2026-10-03T04:44:20","modified_gmt":"2026-10-03T04:44:20","slug":"home","status":"publish","type":"page","link":"https:\/\/yash.blog304.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-721bcbf e-flex e-con-boxed e-con e-parent\" data-id=\"721bcbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d68de elementor-widget elementor-widget-html\" data-id=\"57d68de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html <?php language_attributes();\r\n<head>\r\n  <meta charset=\"<?php bloginfo('charset'); ?>\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Marketing Marvel | We Turn Attention Into Growth<\/title>\r\n  <meta name=\"description\" content=\"Marketing Marvel is a premier digital growth agency helping high-growth brands convert digital attention into verifiable business scale.\">\r\n\r\n  <!-- Open Graph -->\r\n  <meta property=\"og:title\" content=\"Marketing Marvel | Digital Growth Agency\">\r\n  <meta property=\"og:description\" content=\"We Turn Attention Into Growth. Strategy, Performance Marketing, SEO, and Brand Development.\">\r\n  <meta property=\"og:type\" content=\"website\">\r\n\r\n  <!-- Schema.org JSON-LD -->\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"MarketingAgency\",\r\n    \"name\": \"Marketing Marvel\",\r\n    \"url\": \"https:\/\/marketingmarvel.com\",\r\n    \"description\": \"Digital Marketing That Makes Your Brand Impossible To Ignore.\",\r\n    \"founder\": \"Marketing Marvel Team\",\r\n    \"sameAs\": [\r\n      \"https:\/\/linkedin.com\",\r\n      \"https:\/\/instagram.com\",\r\n      \"https:\/\/x.com\"\r\n    ]\r\n  }\r\n  <\/script>\r\n\r\n  <style>\r\n  \/* ==========================================================================\r\n     MARKETING MARVEL \u2014 ALL-IN-ONE SYSTEM STYLESHEET\r\n     Namespace: mm-\r\n     ========================================================================== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Space+Grotesk:wght@400;500;600;700&display=swap');\r\n\r\n  :root {\r\n    --mm-black: #080808;\r\n    --mm-black-soft: #111111;\r\n    --mm-black-card: #141414;\r\n    --mm-black-hover: #1c1c1c;\r\n    --mm-white: #ffffff;\r\n    --mm-white-off: #f4f4f6;\r\n    --mm-gray-light: #e5e5ea;\r\n    --mm-gray-mid: #8e8e93;\r\n    --mm-gray-dark: #3a3a3c;\r\n    --mm-border: #242426;\r\n    --mm-border-light: #38383a;\r\n    \r\n    --mm-font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    --mm-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    \r\n    --mm-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n    --mm-transition-fast: all 0.2s ease-in-out;\r\n    --mm-container-max: 1320px;\r\n    --mm-header-height: 84px;\r\n  }\r\n\r\n  *, *::before, *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  html {\r\n    font-size: 16px;\r\n    scroll-behavior: smooth;\r\n    background-color: var(--mm-black);\r\n    color: var(--mm-white-off);\r\n  }\r\n\r\n  body {\r\n    font-family: var(--mm-font-body);\r\n    background-color: var(--mm-black);\r\n    color: var(--mm-white-off);\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n  }\r\n\r\n  img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transition: var(--mm-transition-fast);\r\n  }\r\n\r\n  ul, ol {\r\n    list-style: none;\r\n  }\r\n\r\n  button, input, select, textarea {\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    outline: none;\r\n  }\r\n\r\n  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {\r\n    outline: 2px solid var(--mm-white);\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  \/* Single Page View Switching *\/\r\n  .mm-view {\r\n    display: none;\r\n    animation: mmFadeIn 0.35s ease forwards;\r\n  }\r\n\r\n  .mm-view.mm-view-active {\r\n    display: block;\r\n  }\r\n\r\n  @keyframes mmFadeIn {\r\n    from { opacity: 0; transform: translateY(8px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* Typography *\/\r\n  .mm-h1, .mm-h2, .mm-h3, .mm-h4, .mm-display {\r\n    font-family: var(--mm-font-display);\r\n    font-weight: 700;\r\n    line-height: 1.05;\r\n    letter-spacing: -0.03em;\r\n    color: var(--mm-white);\r\n  }\r\n\r\n  .mm-display {\r\n    font-size: clamp(3.2rem, 7vw, 7.5rem);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .mm-h1 {\r\n    font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .mm-h2 {\r\n    font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .mm-h3 {\r\n    font-size: clamp(1.4rem, 2vw, 1.8rem);\r\n  }\r\n\r\n  .mm-h4 {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .mm-eyebrow {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--mm-gray-mid);\r\n    display: inline-block;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .mm-lead {\r\n    font-size: clamp(1.1rem, 1.5vw, 1.35rem);\r\n    font-weight: 400;\r\n    color: var(--mm-gray-light);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .mm-muted {\r\n    color: var(--mm-gray-mid);\r\n  }\r\n\r\n  \/* Layout *\/\r\n  .mm-container {\r\n    width: 100%;\r\n    max-width: var(--mm-container-max);\r\n    margin: 0 auto;\r\n    padding: 0 1.5rem;\r\n  }\r\n\r\n  .mm-section {\r\n    padding: clamp(5rem, 8vw, 9rem) 0;\r\n    border-bottom: 1px solid var(--mm-border);\r\n    position: relative;\r\n  }\r\n\r\n  .mm-grid-12 {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    gap: 2rem;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .mm-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 1.1rem 2.2rem;\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: var(--mm-transition);\r\n    border: 1px solid transparent;\r\n    gap: 0.75rem;\r\n  }\r\n\r\n  .mm-btn-primary {\r\n    background-color: var(--mm-white);\r\n    color: var(--mm-black);\r\n  }\r\n\r\n  .mm-btn-primary:hover {\r\n    background-color: var(--mm-black);\r\n    color: var(--mm-white);\r\n    border-color: var(--mm-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .mm-btn-secondary {\r\n    background-color: transparent;\r\n    color: var(--mm-white);\r\n    border: 1px solid var(--mm-border-light);\r\n  }\r\n\r\n  .mm-btn-secondary:hover {\r\n    background-color: var(--mm-black-hover);\r\n    border-color: var(--mm-white);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Header *\/\r\n  .mm-header {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: var(--mm-header-height);\r\n    background: rgba(8, 8, 8, 0.85);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border-bottom: 1px solid rgba(36, 36, 38, 0.5);\r\n    z-index: 1000;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: var(--mm-transition-fast);\r\n  }\r\n\r\n  .mm-header.mm-scrolled {\r\n    border-bottom-color: var(--mm-border);\r\n    background: rgba(8, 8, 8, 0.95);\r\n  }\r\n\r\n  .mm-nav-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n\r\n  .mm-logo {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1.35rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--mm-white);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mm-logo-dot {\r\n    display: inline-block;\r\n    width: 7px;\r\n    height: 7px;\r\n    background-color: var(--mm-white);\r\n  }\r\n\r\n  .mm-desktop-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 2.5rem;\r\n  }\r\n\r\n  .mm-nav-link {\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: var(--mm-gray-mid);\r\n    letter-spacing: 0.04em;\r\n    position: relative;\r\n    padding: 0.25rem 0;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mm-nav-link:hover, .mm-nav-link.mm-active {\r\n    color: var(--mm-white);\r\n  }\r\n\r\n  .mm-nav-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0%;\r\n    height: 1px;\r\n    background-color: var(--mm-white);\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-nav-link:hover::after, .mm-nav-link.mm-active::after {\r\n    width: 100%;\r\n  }\r\n\r\n  .mm-mobile-toggle {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 0.5rem;\r\n    z-index: 1001;\r\n  }\r\n\r\n  .mm-hamburger-line {\r\n    display: block;\r\n    width: 24px;\r\n    height: 2px;\r\n    background-color: var(--mm-white);\r\n    margin: 5px 0;\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-mobile-menu {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    background-color: var(--mm-black);\r\n    padding: 6rem 2rem 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transform: translateY(-100%);\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    z-index: 999;\r\n  }\r\n\r\n  .mm-mobile-menu.mm-open {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .mm-mobile-nav-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n  }\r\n\r\n  .mm-mobile-nav-link {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 2.2rem;\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Hero Elements *\/\r\n  .mm-hero {\r\n    min-height: 92vh;\r\n    padding-top: calc(var(--mm-header-height) + 4rem);\r\n    padding-bottom: 5rem;\r\n    display: flex;\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--mm-border);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mm-hero-content {\r\n    grid-column: span 8;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .mm-hero-visual {\r\n    grid-column: span 4;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  .mm-monogram-container {\r\n    width: 280px;\r\n    height: 280px;\r\n    border: 1px solid var(--mm-border-light);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .mm-monogram-inner {\r\n    width: 75%;\r\n    height: 75%;\r\n    border: 1px dashed var(--mm-border-light);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .mm-monogram-glyph {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 7rem;\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    letter-spacing: -0.05em;\r\n    user-select: none;\r\n  }\r\n\r\n  .mm-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1.2rem;\r\n    margin-top: 2.5rem;\r\n  }\r\n\r\n  .mm-scroll-indicator {\r\n    position: absolute;\r\n    bottom: 3rem;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.75rem;\r\n    font-family: var(--mm-font-display);\r\n    letter-spacing: 0.15em;\r\n    color: var(--mm-gray-mid);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .mm-scroll-indicator-line {\r\n    width: 1px;\r\n    height: 35px;\r\n    background: linear-gradient(to bottom, var(--mm-white), transparent);\r\n    animation: mm-scroll-pulse 2s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes mm-scroll-pulse {\r\n    0% { transform: scaleY(0); transform-origin: top; }\r\n    50% { transform: scaleY(1); transform-origin: top; }\r\n    50.1% { transform: scaleY(1); transform-origin: bottom; }\r\n    100% { transform: scaleY(0); transform-origin: bottom; }\r\n  }\r\n\r\n  \/* Proof Strip *\/\r\n  .mm-proof-strip {\r\n    padding: 3.5rem 0;\r\n    border-bottom: 1px solid var(--mm-border);\r\n    background-color: var(--mm-black-soft);\r\n  }\r\n\r\n  .mm-proof-meta {\r\n    text-align: center;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--mm-gray-mid);\r\n    margin-bottom: 2.5rem;\r\n  }\r\n\r\n  .mm-logo-grid {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 2.5rem;\r\n    opacity: 0.65;\r\n  }\r\n\r\n  .mm-placeholder-logo {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    color: var(--mm-white);\r\n    filter: grayscale(100%);\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-placeholder-logo:hover {\r\n    opacity: 1;\r\n    filter: grayscale(0%);\r\n  }\r\n\r\n  \/* Cards & Grid *\/\r\n  .mm-card-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1.5rem;\r\n    margin-top: 3.5rem;\r\n  }\r\n\r\n  .mm-service-card {\r\n    background-color: var(--mm-black-card);\r\n    border: 1px solid var(--mm-border);\r\n    padding: 3rem 2.2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 340px;\r\n    transition: var(--mm-transition);\r\n    position: relative;\r\n  }\r\n\r\n  .mm-service-card:hover {\r\n    border-color: var(--mm-white);\r\n    background-color: var(--mm-black-hover);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .mm-card-num {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.9rem;\r\n    color: var(--mm-gray-mid);\r\n    font-weight: 600;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .mm-card-cta-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    margin-top: 2rem;\r\n    color: var(--mm-white);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mm-card-cta-arrow span {\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .mm-service-card:hover .mm-card-cta-arrow span {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .mm-pillars-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 1.5rem;\r\n    margin-top: 3.5rem;\r\n  }\r\n\r\n  .mm-pillar-card {\r\n    border-top: 1px solid var(--mm-border-light);\r\n    padding-top: 2rem;\r\n  }\r\n\r\n  .mm-pillar-num {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .mm-case-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3.5rem;\r\n  }\r\n\r\n  .mm-case-card {\r\n    border: 1px solid var(--mm-border);\r\n    background-color: var(--mm-black-card);\r\n    transition: var(--mm-transition);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mm-case-card:hover {\r\n    border-color: var(--mm-white);\r\n  }\r\n\r\n  .mm-case-image {\r\n    width: 100%;\r\n    height: 240px;\r\n    background-color: #1a1a1a;\r\n    border-bottom: 1px solid var(--mm-border);\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .mm-case-image-label {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.8rem;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--mm-gray-mid);\r\n  }\r\n\r\n  .mm-case-content {\r\n    padding: 2.2rem;\r\n  }\r\n\r\n  .mm-case-metric {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 3rem;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    color: var(--mm-white);\r\n    margin: 1rem 0 0.5rem 0;\r\n  }\r\n\r\n  \/* Process Timeline *\/\r\n  .mm-process-list {\r\n    margin-top: 4rem;\r\n    border-top: 1px solid var(--mm-border);\r\n  }\r\n\r\n  .mm-process-row {\r\n    display: grid;\r\n    grid-template-columns: 120px 2fr 3fr;\r\n    padding: 2.5rem 0;\r\n    border-bottom: 1px solid var(--mm-border);\r\n    align-items: baseline;\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-process-row:hover {\r\n    background-color: rgba(255, 255, 255, 0.02);\r\n    padding-left: 1rem;\r\n  }\r\n\r\n  .mm-process-step {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: var(--mm-gray-mid);\r\n  }\r\n\r\n  .mm-process-title {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Stats Counters *\/\r\n  .mm-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3.5rem;\r\n    text-align: center;\r\n  }\r\n\r\n  .mm-stat-card {\r\n    padding: 3rem 1.5rem;\r\n    border: 1px solid var(--mm-border);\r\n    background-color: var(--mm-black-soft);\r\n  }\r\n\r\n  .mm-stat-val {\r\n    font-family: var(--mm-font-display);\r\n    font-size: clamp(2.8rem, 4.5vw, 4.2rem);\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    line-height: 1;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n\r\n  \/* Testimonials *\/\r\n  .mm-testimonial-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 3.5rem;\r\n  }\r\n\r\n  .mm-testimonial-card {\r\n    padding: 3rem 2.5rem;\r\n    background-color: var(--mm-black-card);\r\n    border: 1px solid var(--mm-border);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .mm-testimonial-quote {\r\n    font-size: 1.1rem;\r\n    line-height: 1.7;\r\n    color: var(--mm-white-off);\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  .mm-testimonial-author {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .mm-avatar-placeholder {\r\n    width: 48px;\r\n    height: 48px;\r\n    background-color: var(--mm-border-light);\r\n    border: 1px solid var(--mm-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 0.85rem;\r\n    color: var(--mm-white);\r\n  }\r\n\r\n  \/* Pricing *\/\r\n  .mm-pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n    margin-top: 4rem;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .mm-pricing-card {\r\n    background-color: var(--mm-black-card);\r\n    border: 1px solid var(--mm-border);\r\n    padding: 3.5rem 2.5rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-pricing-card.mm-featured {\r\n    border-color: var(--mm-white);\r\n    background-color: #161616;\r\n  }\r\n\r\n  .mm-featured-badge {\r\n    position: absolute;\r\n    top: -14px;\r\n    left: 2.5rem;\r\n    background-color: var(--mm-white);\r\n    color: var(--mm-black);\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    padding: 0.3rem 0.8rem;\r\n  }\r\n\r\n  .mm-pricing-price {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 2.8rem;\r\n    font-weight: 700;\r\n    color: var(--mm-white);\r\n    margin: 1.5rem 0 0.5rem 0;\r\n  }\r\n\r\n  .mm-pricing-period {\r\n    font-size: 0.9rem;\r\n    color: var(--mm-gray-mid);\r\n  }\r\n\r\n  .mm-pricing-features {\r\n    margin: 2.5rem 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .mm-feature-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-size: 0.95rem;\r\n    color: var(--mm-gray-light);\r\n  }\r\n\r\n  .mm-feature-item svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: var(--mm-white);\r\n    stroke-width: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Accordion (FAQ) *\/\r\n  .mm-faq-wrapper {\r\n    max-width: 900px;\r\n    margin: 4rem auto 0;\r\n    border-top: 1px solid var(--mm-border);\r\n  }\r\n\r\n  .mm-faq-item {\r\n    border-bottom: 1px solid var(--mm-border);\r\n  }\r\n\r\n  .mm-faq-question {\r\n    width: 100%;\r\n    padding: 1.8rem 0;\r\n    background: none;\r\n    border: none;\r\n    color: var(--mm-white);\r\n    font-family: var(--mm-font-display);\r\n    font-size: 1.25rem;\r\n    font-weight: 600;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    text-align: left;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mm-faq-icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    position: relative;\r\n    transition: var(--mm-transition);\r\n  }\r\n\r\n  .mm-faq-icon::before, .mm-faq-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    background-color: var(--mm-white);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .mm-faq-icon::before {\r\n    width: 14px;\r\n    height: 2px;\r\n  }\r\n\r\n  .mm-faq-icon::after {\r\n    width: 2px;\r\n    height: 14px;\r\n    transition: var(--mm-transition-fast);\r\n  }\r\n\r\n  .mm-faq-item.mm-open .mm-faq-icon::after {\r\n    transform: translate(-50%, -50%) rotate(90deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  .mm-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .mm-faq-content {\r\n    padding-bottom: 2rem;\r\n    color: var(--mm-gray-mid);\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* Contact Form *\/\r\n  .mm-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.8rem;\r\n  }\r\n\r\n  .mm-form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n\r\n  .mm-label {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    color: var(--mm-gray-light);\r\n  }\r\n\r\n  .mm-input, .mm-select, .mm-textarea {\r\n    width: 100%;\r\n    background-color: var(--mm-black-soft);\r\n    border: 1px solid var(--mm-border);\r\n    color: var(--mm-white);\r\n    padding: 1.1rem 1.2rem;\r\n    font-size: 1rem;\r\n    transition: var(--mm-transition-fast);\r\n  }\r\n\r\n  .mm-input:focus, .mm-select:focus, .mm-textarea:focus {\r\n    border-color: var(--mm-white);\r\n    background-color: var(--mm-black-hover);\r\n  }\r\n\r\n  .mm-textarea {\r\n    min-height: 140px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .mm-field-error {\r\n    font-size: 0.8rem;\r\n    color: #ff453a;\r\n    display: none;\r\n  }\r\n\r\n  .mm-has-error .mm-input, .mm-has-error .mm-select, .mm-has-error .mm-textarea {\r\n    border-color: #ff453a;\r\n  }\r\n\r\n  .mm-has-error .mm-field-error {\r\n    display: block;\r\n  }\r\n\r\n  \/* Final CTA *\/\r\n  .mm-final-cta {\r\n    padding: clamp(6rem, 10vw, 11rem) 0;\r\n    background-color: var(--mm-white);\r\n    color: var(--mm-black);\r\n    text-align: center;\r\n  }\r\n\r\n  .mm-final-cta .mm-display {\r\n    color: var(--mm-black);\r\n  }\r\n\r\n  .mm-final-cta .mm-lead {\r\n    color: #333333;\r\n    max-width: 650px;\r\n    margin: 1.5rem auto 3rem;\r\n  }\r\n\r\n  .mm-final-cta .mm-btn-primary {\r\n    background-color: var(--mm-black);\r\n    color: var(--mm-white);\r\n  }\r\n\r\n  .mm-final-cta .mm-btn-primary:hover {\r\n    background-color: transparent;\r\n    color: var(--mm-black);\r\n    border-color: var(--mm-black);\r\n  }\r\n\r\n  \/* Footer *\/\r\n  .mm-footer {\r\n    background-color: var(--mm-black);\r\n    padding: 6rem 0 3rem 0;\r\n    border-top: 1px solid var(--mm-border);\r\n  }\r\n\r\n  .mm-footer-grid {\r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr 1fr;\r\n    gap: 3rem;\r\n    margin-bottom: 5rem;\r\n  }\r\n\r\n  .mm-footer-brand p {\r\n    color: var(--mm-gray-mid);\r\n    max-width: 320px;\r\n    margin-top: 1.2rem;\r\n  }\r\n\r\n  .mm-footer-col-title {\r\n    font-family: var(--mm-font-display);\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    color: var(--mm-white);\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .mm-footer-links {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.9rem;\r\n  }\r\n\r\n  .mm-footer-links a {\r\n    color: var(--mm-gray-mid);\r\n    font-size: 0.95rem;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .mm-footer-links a:hover {\r\n    color: var(--mm-white);\r\n  }\r\n\r\n  .mm-footer-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 2.5rem;\r\n    border-top: 1px solid var(--mm-border);\r\n    font-size: 0.85rem;\r\n    color: var(--mm-gray-dark);\r\n  }\r\n\r\n  \/* Scroll Reveal Utility *\/\r\n  .mm-reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .mm-reveal.mm-active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Media Queries *\/\r\n  @media (max-width: 1024px) {\r\n    .mm-card-grid, .mm-case-grid, .mm-pricing-grid, .mm-testimonial-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .mm-pillars-grid, .mm-stats-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .mm-footer-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n    .mm-hero-content {\r\n      grid-column: span 12;\r\n    }\r\n    .mm-hero-visual {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .mm-desktop-nav, .mm-header-cta {\r\n      display: none;\r\n    }\r\n    .mm-mobile-toggle {\r\n      display: block;\r\n    }\r\n    .mm-card-grid, .mm-case-grid, .mm-pricing-grid, .mm-testimonial-grid, .mm-pillars-grid, .mm-stats-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .mm-process-row {\r\n      grid-template-columns: 1fr;\r\n      gap: 0.5rem;\r\n    }\r\n    .mm-footer-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .mm-footer-bottom {\r\n      flex-direction: column;\r\n      gap: 1rem;\r\n      text-align: center;\r\n    }\r\n    .mm-hero-actions {\r\n      flex-direction: column;\r\n    }\r\n    .mm-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  \/* Inverting Cursor *\/\r\n  @media (pointer: fine) {\r\n    body, a, button, input, select, textarea {\r\n      cursor: none !important;\r\n    }\r\n\r\n    .mm-cursor-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: var(--mm-white);\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      z-index: 99999;\r\n      transform: translate(-50%, -50%);\r\n      transition: opacity 0.2s ease;\r\n    }\r\n\r\n    .mm-cursor-outline {\r\n      width: 38px;\r\n      height: 38px;\r\n      border: 1px solid rgba(255, 255, 255, 0.5);\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      border-radius: 50%;\r\n      pointer-events: none;\r\n      z-index: 99998;\r\n      transform: translate(-50%, -50%);\r\n      mix-blend-mode: difference;\r\n      transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1),\r\n                  height 0.25s cubic-bezier(0.16, 1, 0.3, 1),\r\n                  background-color 0.25s ease,\r\n                  border-color 0.25s ease;\r\n    }\r\n\r\n    body.mm-cursor-hover .mm-cursor-outline {\r\n      width: 64px;\r\n      height: 64px;\r\n      background-color: var(--mm-white);\r\n      border-color: var(--mm-white);\r\n    }\r\n\r\n    body.mm-cursor-hover .mm-cursor-dot {\r\n      opacity: 0;\r\n    }\r\n  }\r\n  <\/style>\r\n<\/head>\r\n<body <?php body_class(); ?>>\r\n\r\n  <!-- =========================\r\n       GLOBAL HEADER\r\n       ========================= -->\r\n  <header class=\"mm-header\">\r\n    <div class=\"mm-container mm-nav-wrapper\">\r\n      <a href=\"#home\" class=\"mm-logo\" data-view=\"home\" aria-label=\"Marketing Marvel Home\">\r\n        Marketing Marvel<span class=\"mm-logo-dot\"><\/span>\r\n      <\/a>\r\n\r\n      <nav class=\"mm-desktop-nav\" aria-label=\"Main Navigation\">\r\n        <a href=\"#home\" class=\"mm-nav-link mm-active\" data-view=\"home\">Home<\/a>\r\n        <a href=\"#services\" class=\"mm-nav-link\" data-view=\"services\">Services<\/a>\r\n        <a href=\"#about\" class=\"mm-nav-link\" data-view=\"about\">About<\/a>\r\n        <a href=\"#pricing\" class=\"mm-nav-link\" data-view=\"pricing\">Pricing<\/a>\r\n        <a href=\"#contact\" class=\"mm-nav-link\" data-view=\"contact\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"mm-header-cta\">\r\n        <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Let's Talk &rarr;<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"mm-mobile-toggle\" aria-label=\"Toggle Menu\" aria-expanded=\"false\">\r\n        <span class=\"mm-hamburger-line\"><\/span>\r\n        <span class=\"mm-hamburger-line\"><\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- MOBILE OVERLAY MENU -->\r\n  <div class=\"mm-mobile-menu\" aria-label=\"Mobile Navigation\">\r\n    <div class=\"mm-mobile-nav-list\">\r\n      <a href=\"#home\" class=\"mm-mobile-nav-link\" data-view=\"home\">Home<\/a>\r\n      <a href=\"#services\" class=\"mm-mobile-nav-link\" data-view=\"services\">Services<\/a>\r\n      <a href=\"#about\" class=\"mm-mobile-nav-link\" data-view=\"about\">About<\/a>\r\n      <a href=\"#pricing\" class=\"mm-mobile-nav-link\" data-view=\"pricing\">Pricing<\/a>\r\n      <a href=\"#contact\" class=\"mm-mobile-nav-link\" data-view=\"contact\">Contact<\/a>\r\n    <\/div>\r\n    <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\" style=\"width: 100%;\">Start a Project &rarr;<\/a>\r\n  <\/div>\r\n\r\n  <main>\r\n    <!-- =========================================================\r\n         VIEW 1: HOME\r\n         ========================================================= -->\r\n    <div id=\"view-home\" class=\"mm-view mm-view-active\">\r\n      <!-- HERO -->\r\n      <section class=\"mm-hero\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Digital Growth Partner<\/span>\r\n            <h1 class=\"mm-display\">We Make<br>Brands<br>Marvel.<\/h1>\r\n            <p class=\"mm-lead\" style=\"max-width: 600px; margin-top: 1.5rem;\">\r\n              Marketing Marvel is an enterprise-grade digital growth agency helping ambitious brands turn high-intent attention into compounding business revenue.\r\n            <\/p>\r\n            <div class=\"mm-hero-actions\">\r\n              <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Start a Project &rarr;<\/a>\r\n              <a href=\"#services\" class=\"mm-btn mm-btn-secondary\" data-view=\"services\">Explore Our Services<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mm-hero-visual mm-reveal\">\r\n            <div class=\"mm-monogram-container\">\r\n              <div class=\"mm-monogram-inner\">\r\n                <span class=\"mm-monogram-glyph\">MM<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mm-scroll-indicator\">\r\n          <span>Scroll<\/span>\r\n          <div class=\"mm-scroll-indicator-line\"><\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- TRUST STRIP -->\r\n      <section class=\"mm-proof-strip\">\r\n        <div class=\"mm-container\">\r\n          <p class=\"mm-proof-meta\">Built for brands that want more &mdash; Trusted by ambitious teams globally<\/p>\r\n          <div class=\"mm-logo-grid\">\r\n            <div class=\"mm-placeholder-logo\">NIKE<\/div>\r\n            <div class=\"mm-placeholder-logo\">AIRBNB<\/div>\r\n            <div class=\"mm-placeholder-logo\">TESLA<\/div>\r\n            <div class=\"mm-placeholder-logo\">NOTION<\/div>\r\n            <div class=\"mm-placeholder-logo\">SHOPIFY<\/div>\r\n            <div class=\"mm-placeholder-logo\">META<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SERVICES PREVIEW -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Capabilities<\/span>\r\n            <h2 class=\"mm-h2\">From Attention<br>To Action.<\/h2>\r\n            <p class=\"mm-muted\" style=\"max-width: 580px; margin-top: 1rem;\">\r\n              We do not sell fragmented executions. We orchestrate integrated full-funnel systems designed to acquire, convert, and scale customer volume.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mm-card-grid\">\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">01<\/span>\r\n                <h3 class=\"mm-h3\">SEO<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  Technical infrastructure, high-intent programmatic content, and authoritative backlinks to dominate search landscapes.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"seo\" class=\"mm-card-cta-arrow\">Discover SEO <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">02<\/span>\r\n                <h3 class=\"mm-h3\">Performance Marketing<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  Hyper-scaled acquisition across Google, Meta, and LinkedIn with relentless CAC optimization and ROAS tracking.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"performance\" class=\"mm-card-cta-arrow\">Discover Ads <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">03<\/span>\r\n                <h3 class=\"mm-h3\">Social Media Marketing<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  High-aesthetic social systems, community distribution, and viral retention engines tailored to cultural relevance.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"social\" class=\"mm-card-cta-arrow\">Discover Social <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">04<\/span>\r\n                <h3 class=\"mm-h3\">Content Marketing<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  Editorial-grade copywriting, narrative storytelling, and thought-leadership assets that position you at the top of your vertical.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"content\" class=\"mm-card-cta-arrow\">Discover Content <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">05<\/span>\r\n                <h3 class=\"mm-h3\">Branding & Creative<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  Visual identity systems, cinematic ad creative, and positioning narratives that make your company instantly recognizable.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"branding\" class=\"mm-card-cta-arrow\">Discover Brand <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-card-num\">06<\/span>\r\n                <h3 class=\"mm-h3\">Web Design & Dev<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">\r\n                  High-speed WordPress architectures, conversion-focused landing pages, and interactive brand experiences built for conversions.\r\n                <\/p>\r\n              <\/div>\r\n              <a href=\"#services\" data-view=\"services\" data-target-anchor=\"web\" class=\"mm-card-cta-arrow\">Discover Dev <span>&rarr;<\/span><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- WHY MARVEL -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Differentiation<\/span>\r\n            <h2 class=\"mm-h2\">Why Marvel?<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-pillars-grid\">\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">01<\/div>\r\n              <h3 class=\"mm-h3\">Strategy First<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">We never launch campaigns without a deep quantitative model of your unit economics and competitive vulnerabilities.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">02<\/div>\r\n              <h3 class=\"mm-h3\">Creative That Converts<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Design without performance is art. Performance without design is noise. We unite world-class visuals with ruthless CRO.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">03<\/div>\r\n              <h3 class=\"mm-h3\">Data-Driven<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">No vanity metrics. We measure real pipeline contribution, blended CAC, LTV growth, and bottom-line margin expansion.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">04<\/div>\r\n              <h3 class=\"mm-h3\">Built For Growth<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Our architecture is engineered to handle 10x traffic spikes and scale ad spending without burning capital.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- CASE STUDIES -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Proof Over Promises<\/span>\r\n            <h2 class=\"mm-h2\">Results Speak<br>Louder.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-case-grid\">\r\n            <div class=\"mm-case-card mm-reveal\">\r\n              <div class=\"mm-case-image\">\r\n                <span class=\"mm-case-image-label\">E-Commerce Growth<\/span>\r\n              <\/div>\r\n              <div class=\"mm-case-content\">\r\n                <span class=\"mm-card-num\">01 \/ D2C Apparel<\/span>\r\n                <div class=\"mm-case-metric\">+187%<\/div>\r\n                <p class=\"mm-muted\">YoY Net Revenue Scaling via paid social attribution and dynamic feed optimization.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-case-card mm-reveal\">\r\n              <div class=\"mm-case-image\">\r\n                <span class=\"mm-case-image-label\">SaaS Acquisition<\/span>\r\n              <\/div>\r\n              <div class=\"mm-case-content\">\r\n                <span class=\"mm-card-num\">02 \/ B2B Enterprise<\/span>\r\n                <div class=\"mm-case-metric\">+142%<\/div>\r\n                <p class=\"mm-muted\">Qualified Pipeline Leads generated in 90 days via programmatic search capture.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-case-card mm-reveal\">\r\n              <div class=\"mm-case-image\">\r\n                <span class=\"mm-case-image-label\">Performance Scaling<\/span>\r\n              <\/div>\r\n              <div class=\"mm-case-content\">\r\n                <span class=\"mm-card-num\">03 \/ Consumer Tech<\/span>\r\n                <div class=\"mm-case-metric\">3.8X<\/div>\r\n                <p class=\"mm-muted\">Blended ROAS sustained over a consecutive 6-month product roll-out cycle.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- METHODOLOGY PROCESS -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Methodology<\/span>\r\n            <h2 class=\"mm-h2\">How We Make<br>It Happen.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-process-list\">\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">01<\/span>\r\n              <div class=\"mm-process-title\">Discover<\/div>\r\n              <p class=\"mm-muted\">Deep architectural audits of your market, existing attribution gaps, and conversion bottlenecks.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">02<\/span>\r\n              <div class=\"mm-process-title\">Strategize<\/div>\r\n              <p class=\"mm-muted\">Formulation of a quarterly growth roadmap, unit economic benchmarks, and messaging framework.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">03<\/span>\r\n              <div class=\"mm-process-title\">Create<\/div>\r\n              <p class=\"mm-muted\">Production of high-converting visual assets, copy frameworks, landing pages, and tracking setups.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">04<\/span>\r\n              <div class=\"mm-process-title\">Launch<\/div>\r\n              <p class=\"mm-muted\">Controlled algorithmic activation across prioritized search and social distribution channels.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">05<\/span>\r\n              <div class=\"mm-process-title\">Optimize<\/div>\r\n              <p class=\"mm-muted\">Rigorous multivariate testing on ads, landing page funnels, and target audience segments.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-process-row mm-reveal\">\r\n              <span class=\"mm-process-step\">06<\/span>\r\n              <div class=\"mm-process-title\">Scale<\/div>\r\n              <p class=\"mm-muted\">Aggressive capital deployment into proven winners to consolidate dominant market share.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- STATS -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\" style=\"text-align: center;\">\r\n            <span class=\"mm-eyebrow\">Quantified Proof<\/span>\r\n            <h2 class=\"mm-h2\">Our Track Record.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-stats-grid\">\r\n            <div class=\"mm-stat-card mm-reveal\">\r\n              <div class=\"mm-stat-val\" data-target=\"10\" data-suffix=\"+\">0<\/div>\r\n              <div class=\"mm-eyebrow\">Industries Disrupted<\/div>\r\n            <\/div>\r\n            <div class=\"mm-stat-card mm-reveal\">\r\n              <div class=\"mm-stat-val\" data-target=\"50\" data-suffix=\"+\">0<\/div>\r\n              <div class=\"mm-eyebrow\">Global Campaigns<\/div>\r\n            <\/div>\r\n            <div class=\"mm-stat-card mm-reveal\">\r\n              <div class=\"mm-stat-val\" data-target=\"3\" data-suffix=\"X\">0<\/div>\r\n              <div class=\"mm-eyebrow\">Average Growth Rate<\/div>\r\n            <\/div>\r\n            <div class=\"mm-stat-card mm-reveal\">\r\n              <div class=\"mm-stat-val\" data-target=\"24\" data-suffix=\"\/7\">0<\/div>\r\n              <div class=\"mm-eyebrow\">Continuous Optimization<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- TESTIMONIALS -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Endorsements<\/span>\r\n            <h2 class=\"mm-h2\">Words From The<br>People We Scale.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-testimonial-grid\">\r\n            <div class=\"mm-testimonial-card mm-reveal\">\r\n              <p class=\"mm-testimonial-quote\">\r\n                \"Marketing Marvel overhauled our entire performance strategy. Within four months, our qualified inbound pipeline tripled while keeping our cost-per-lead flat.\"\r\n              <\/p>\r\n              <div class=\"mm-testimonial-author\">\r\n                <div class=\"mm-avatar-placeholder\">AH<\/div>\r\n                <div>\r\n                  <div class=\"mm-h4\">Alex Hawthorne<\/div>\r\n                  <div class=\"mm-muted\" style=\"font-size: 0.85rem;\">VP Growth, Veloce SaaS<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-testimonial-card mm-reveal\">\r\n              <p class=\"mm-testimonial-quote\">\r\n                \"A rare breed of agency: they care as much about typography and design integrity as they do about ROAS and analytics. Truly unmatched execution.\"\r\n              <\/p>\r\n              <div class=\"mm-testimonial-author\">\r\n                <div class=\"mm-avatar-placeholder\">EK<\/div>\r\n                <div>\r\n                  <div class=\"mm-h4\">Elena Rostova<\/div>\r\n                  <div class=\"mm-muted\" style=\"font-size: 0.85rem;\">Founder, Kroma Studio<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-testimonial-card mm-reveal\">\r\n              <p class=\"mm-testimonial-quote\">\r\n                \"They do not hide behind vanity metrics. They report real revenue impact every Monday morning. Marketing Marvel feels like our internal growth team.\"\r\n              <\/p>\r\n              <div class=\"mm-testimonial-author\">\r\n                <div class=\"mm-avatar-placeholder\">MC<\/div>\r\n                <div>\r\n                  <div class=\"mm-h4\">Marcus Vance<\/div>\r\n                  <div class=\"mm-muted\" style=\"font-size: 0.85rem;\">CEO, Apex Retailers<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- FINAL CTA -->\r\n      <section class=\"mm-final-cta\">\r\n        <div class=\"mm-container mm-reveal\">\r\n          <span class=\"mm-eyebrow\" style=\"color: #666666;\">Start Scaling Today<\/span>\r\n          <h2 class=\"mm-display\">Ready To Make<br>Your Brand<br>Marvel?<\/h2>\r\n          <p class=\"mm-lead\">Let's build a clean, quantifiable growth engine tailored to your market.<\/p>\r\n          <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Start a Conversation &rarr;<\/a>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <!-- =========================================================\r\n         VIEW 2: SERVICES\r\n         ========================================================= -->\r\n    <div id=\"view-services\" class=\"mm-view\">\r\n      <section class=\"mm-hero\" style=\"min-height: 55vh;\">\r\n        <div class=\"mm-container\">\r\n          <span class=\"mm-eyebrow\">Enterprise Capabilities<\/span>\r\n          <h1 class=\"mm-display\">Digital Marketing,<br>Without The Noise.<\/h1>\r\n          <p class=\"mm-lead\" style=\"max-width: 650px; margin-top: 1.5rem;\">\r\n            We replace bloated agency retainers and unfocused campaigns with high-impact, full-funnel growth architecture.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SEO -->\r\n      <section id=\"seo\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">01 \/ ORGANIC ENGINE<\/span>\r\n            <h2 class=\"mm-h2\">Search Engine<br>Optimization<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              Search intent represents the purest buying interest online. We construct organic dominance by pairing clean technical code with semantic, authoritative topic clusters.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Inquire About SEO &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Comprehensive Core Web Vitals & Technical Crawl Audits<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Intent Commercial Keyword Cluster Strategy<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> On-Page Semantic HTML5 Structure & Schema Implementations<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Editorial Link Acquisition from High-DR Publications<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Local Google Business Profile Optimization & Geo-Targeting<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- PERFORMANCE -->\r\n      <section id=\"performance\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">02 \/ PAID ACQUISITION<\/span>\r\n            <h2 class=\"mm-h2\">Performance<br>Marketing<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              Paid media without scientific attribution is a gamble. We build systematic algorithmic funnels across Meta, Google Ads, and LinkedIn to generate predictable ROAS.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Scale Your Media &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Google Search, Display & Performance Max Strategy<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Meta (Instagram & Facebook) Ad Creation & Audience Sculpting<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> First-Party Data & Server-Side Tracking (CAPI Setup)<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Velocity Creative Multivariate Testing (Hooks & Angles)<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Continuous Retargeting & Churn Prevention Cycles<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- SOCIAL -->\r\n      <section id=\"social\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">03 \/ DISTRIBUTION<\/span>\r\n            <h2 class=\"mm-h2\">Social Media<br>Marketing<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              We engineer cultural equity. We transform cold business profiles into active, engaging digital channels that capture market attention and build loyal followings.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Build Your Audience &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Multi-Platform Content Calendars & Editorial Playbooks<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Short-Form Vertical Video Production (Reels, TikTok, Shorts)<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Active Community Moderation & Outbound Engagement<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Influencer & Brand Partnership Orchestration<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Monthly Sentiment & Engagement Velocity Reporting<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- CONTENT -->\r\n      <section id=\"content\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">04 \/ NARRATIVE<\/span>\r\n            <h2 class=\"mm-h2\">Content<br>Marketing<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              Generic content gets ignored. We write authoritative, thesis-driven content that solves complex buyer problems and establishes your brand as an industry authority.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Inquire Content &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Founder & Executive Thought Leadership Ghostwriting<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Long-Form In-Depth Industry Whitepapers & Guides<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Converting Email Newsletter Sequences<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Case Study Production & Customer Proof Documentation<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- BRANDING -->\r\n      <section id=\"branding\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">05 \/ IDENTITY<\/span>\r\n            <h2 class=\"mm-h2\">Branding &<br>Creative<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              Distinctiveness beats competition. We define clean, high-impact brand identities that immediately communicate quality, sophistication, and confidence.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Evolve Your Brand &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Comprehensive Visual Identity Systems & Brand Guidelines<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Modern Logotypes, Typography Rules & Color Tokens<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Impact Performance Ad Creative Packs<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Packaging & Digital Touchpoint Art Direction<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- WEB DEV -->\r\n      <section id=\"web\" class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-card-num\">06 \/ DIGITAL HUBS<\/span>\r\n            <h2 class=\"mm-h2\">Web Design &<br>Development<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem;\">\r\n              Your website is your primary conversion engine. We build lightweight, ultra-responsive digital flagship sites that turn visitors into enterprise pipeline.\r\n            <\/p>\r\n            <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"margin-top: 2rem;\">Build Your Platform &rarr;<\/a>\r\n          <\/div>\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <h3 class=\"mm-h3\" style=\"margin-bottom: 1.5rem;\">Deliverables & Scope<\/h3>\r\n            <ul class=\"mm-pricing-features\">\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Bespoke WordPress Development (Clean PHP & Vanilla Assets)<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Converting Landing Pages for Paid Ad Campaigns<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> 95+ Google PageSpeed Optimization Standards<\/li>\r\n              <li class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Flawless Responsive Mobile\/Desktop Interaction Design<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- CTA -->\r\n      <section class=\"mm-final-cta\">\r\n        <div class=\"mm-container mm-reveal\">\r\n          <h2 class=\"mm-display\">Have a Scope In Mind?<\/h2>\r\n          <p class=\"mm-lead\">We structure custom scopes based on your revenue targets and current growth rate.<\/p>\r\n          <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Schedule Strategy Call &rarr;<\/a>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <!-- =========================================================\r\n         VIEW 3: ABOUT\r\n         ========================================================= -->\r\n    <div id=\"view-about\" class=\"mm-view\">\r\n      <section class=\"mm-hero\" style=\"min-height: 60vh;\">\r\n        <div class=\"mm-container\">\r\n          <span class=\"mm-eyebrow\">Our Ethos<\/span>\r\n          <h1 class=\"mm-display\">We're Not Here<br>To Do Ordinary.<\/h1>\r\n          <p class=\"mm-lead\" style=\"max-width: 680px; margin-top: 1.5rem;\">\r\n            Marketing Marvel was founded on a simple observation: the digital marketing industry is crowded with surface-level aesthetics and empty vanity metrics. We exist to build growth systems that stand on empirical business results.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 6;\">\r\n            <span class=\"mm-eyebrow\">The Origin<\/span>\r\n            <h2 class=\"mm-h2\">Precision Meets Imagination.<\/h2>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem; line-height: 1.8;\">\r\n              We believe \"Marvel\" is not an accident\u2014it is an outcome of rigorous testing, high creative standards, and rapid operational iteration.\r\n            <\/p>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1rem; line-height: 1.8;\">\r\n              Our team brings together performance media buyers, creative technologists, and narrative brand designers. We work with ambitious early-stage disruptors and market leaders who demand measurable accountability for their growth investments.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 6;\">\r\n            <span class=\"mm-eyebrow\">Guiding Mission<\/span>\r\n            <div style=\"border-left: 2px solid var(--mm-white); padding-left: 2rem; margin-top: 1rem;\">\r\n              <p class=\"mm-h3\" style=\"color: var(--mm-white); font-weight: 400; line-height: 1.5;\">\r\n                \"To deliver digital marketing that makes our clients impossible to ignore and gives their balance sheets an unfair commercial advantage.\"\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Operating Principles<\/span>\r\n            <h2 class=\"mm-h2\">What Governs Us.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-pillars-grid\">\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">01<\/div>\r\n              <h3 class=\"mm-h3\">Think Bigger<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">We don't settle for incremental 2% gains when a structural refactor can yield 3x expansion.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">02<\/div>\r\n              <h3 class=\"mm-h3\">Move Faster<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Speed is our primary market moat. We launch, test, and adapt before competitors schedule their second meeting.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">03<\/div>\r\n              <h3 class=\"mm-h3\">Create Better<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">We never run ugly ads or build broken funnels. Visual polish directly dictates perceived brand value.<\/p>\r\n            <\/div>\r\n            <div class=\"mm-pillar-card mm-reveal\">\r\n              <div class=\"mm-pillar-num\">04<\/div>\r\n              <h3 class=\"mm-h3\">Measure Everything<\/h3>\r\n              <p class=\"mm-muted\" style=\"margin-top: 1rem;\">If it cannot be traced to qualified revenue, it does not survive our weekly strategy reviews.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\">\r\n            <span class=\"mm-eyebrow\">Leadership<\/span>\r\n            <h2 class=\"mm-h2\">The Architects.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-card-grid\">\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <div class=\"mm-avatar-placeholder\" style=\"width: 72px; height: 72px; margin-bottom: 1.5rem; font-size: 1.2rem;\">YP<\/div>\r\n                <h3 class=\"mm-h3\">Yash Parmar<\/h3>\r\n                <div class=\"mm-muted\" style=\"font-size: 0.85rem; text-transform: uppercase; margin-top: 0.25rem;\">Managing Partner & Strategist<\/div>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Overseeing agency growth architectures, capital efficiency models, and institutional creative direction.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <div class=\"mm-avatar-placeholder\" style=\"width: 72px; height: 72px; margin-bottom: 1.5rem; font-size: 1.2rem;\">SC<\/div>\r\n                <h3 class=\"mm-h3\">Sarah Chen<\/h3>\r\n                <div class=\"mm-muted\" style=\"font-size: 0.85rem; text-transform: uppercase; margin-top: 0.25rem;\">Head of Performance<\/div>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Specializing in algorithmic paid media buying, server-side data attribution, and conversion architecture.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-service-card mm-reveal\">\r\n              <div>\r\n                <div class=\"mm-avatar-placeholder\" style=\"width: 72px; height: 72px; margin-bottom: 1.5rem; font-size: 1.2rem;\">DK<\/div>\r\n                <h3 class=\"mm-h3\">David Kim<\/h3>\r\n                <div class=\"mm-muted\" style=\"font-size: 0.85rem; text-transform: uppercase; margin-top: 0.25rem;\">Creative Director<\/div>\r\n                <p class=\"mm-muted\" style=\"margin-top: 1rem;\">Directing visual identity systems, motion design, and high-impact digital art direction.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-final-cta\">\r\n        <div class=\"mm-container mm-reveal\">\r\n          <h2 class=\"mm-display\">Work With Us.<\/h2>\r\n          <p class=\"mm-lead\">We take on a limited number of clients each quarter to protect execution quality.<\/p>\r\n          <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Inquire About Availability &rarr;<\/a>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <!-- =========================================================\r\n         VIEW 4: PRICING\r\n         ========================================================= -->\r\n    <div id=\"view-pricing\" class=\"mm-view\">\r\n      <section class=\"mm-hero\" style=\"min-height: 50vh;\">\r\n        <div class=\"mm-container\">\r\n          <span class=\"mm-eyebrow\">Clear Engagements<\/span>\r\n          <h1 class=\"mm-display\">Choose Your<br>Level Of Growth.<\/h1>\r\n          <p class=\"mm-lead\" style=\"max-width: 600px; margin-top: 1.5rem;\">\r\n            No hidden fees or bloated line items. Transparent partnerships structured around your team's stage and acquisition goals.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-pricing-grid\">\r\n            <!-- TIER 1 -->\r\n            <div class=\"mm-pricing-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-eyebrow\">Foundation<\/span>\r\n                <h3 class=\"mm-h3\">Normal<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 0.5rem;\">For ambitious businesses establishing their initial digital acquisition footprint.<\/p>\r\n                <div class=\"mm-pricing-price\">&#8377;15,000<\/div>\r\n                <div class=\"mm-pricing-period\">per month \/ billed monthly<\/div>\r\n                <div class=\"mm-pricing-features\">\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Social Media Management (12 Posts)<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Baseline Technical & On-Page SEO<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Monthly Strategic Content Asset (2 Articles)<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Core Performance KPI Dashboard<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Monthly Strategy & Review Call<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"width: 100%;\">Get Started &rarr;<\/a>\r\n            <\/div>\r\n\r\n            <!-- TIER 2 -->\r\n            <div class=\"mm-pricing-card mm-featured mm-reveal\">\r\n              <span class=\"mm-featured-badge\">Most Popular<\/span>\r\n              <div>\r\n                <span class=\"mm-eyebrow\" style=\"color: var(--mm-white);\">Acceleration<\/span>\r\n                <h3 class=\"mm-h3\">Pro<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 0.5rem;\">For companies scaling rapidly and seeking an integrated performance marketing partner.<\/p>\r\n                <div class=\"mm-pricing-price\">&#8377;30,000<\/div>\r\n                <div class=\"mm-pricing-period\">per month \/ billed monthly<\/div>\r\n                <div class=\"mm-pricing-features\">\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Advanced SEO Architecture & Backlink Building<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Multi-Channel Social Management & Video Production<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Meta & Google Paid Ads Management<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Weekly Conversion Rate Optimization (CRO)<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Comprehensive Real-Time BI Dashboard<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Bi-Weekly Executive Growth Sessions<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\" style=\"width: 100%;\">Scale Your Growth &rarr;<\/a>\r\n            <\/div>\r\n\r\n            <!-- TIER 3 -->\r\n            <div class=\"mm-pricing-card mm-reveal\">\r\n              <div>\r\n                <span class=\"mm-eyebrow\">Market Dominance<\/span>\r\n                <h3 class=\"mm-h3\">Business<\/h3>\r\n                <p class=\"mm-muted\" style=\"margin-top: 0.5rem;\">Full-scale dedicated marketing division for established brands and venture-backed organizations.<\/p>\r\n                <div class=\"mm-pricing-price\">&#8377;60,000+<\/div>\r\n                <div class=\"mm-pricing-period\">per month \/ customized scope<\/div>\r\n                <div class=\"mm-pricing-features\">\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Full-Funnel Omnichannel Growth Infrastructure<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Enterprise Programmatic SEO & Custom Dev Support<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> High-Volume Creative Studio (Ad Creatives & Motion)<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Server-Side Attribution Engineering & Data Modeling<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Dedicated Fractional Chief Marketing Strategist<\/div>\r\n                  <div class=\"mm-feature-item\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> 24\/7 Priority Emergency Slack Channel Access<\/div>\r\n                <\/div>\r\n              <\/div>\r\n              <a href=\"#contact\" class=\"mm-btn mm-btn-secondary\" data-view=\"contact\" style=\"width: 100%;\">Talk To An Expert &rarr;<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <p class=\"mm-muted\" style=\"text-align: center; font-size: 0.85rem; margin-top: 2.5rem;\">\r\n            * Note: Prices shown are indicative baselines. Final pricing depends on project scope, target markets, creative volume, and ad spend requirements.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <!-- FAQ -->\r\n      <section class=\"mm-section\">\r\n        <div class=\"mm-container\">\r\n          <div class=\"mm-reveal\" style=\"text-align: center;\">\r\n            <span class=\"mm-eyebrow\">Clarity<\/span>\r\n            <h2 class=\"mm-h2\">Frequently Asked Questions.<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"mm-faq-wrapper\">\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                How does billing and contract length work?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  We work on 90-day initial sprints, after which our contracts move to standard 30-day rolling agreements. Growth campaigns need sufficient statistical duration to reach maturity and algorithmic efficiency.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                Can we customize or combine service tiers?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  Yes. While our packages represent our most proven service mixes, we frequently build bespoke hybrid scopes for clients with specific in-house team structures or ad-spend requirements.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                Do you take on one-time technical or creative projects?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  Yes. We execute standalone website builds, branding design sprints, and technical SEO infrastructure revamps on fixed-scope project agreements.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                How long before we see tangible business results?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  Paid media funnels and CRO improvements typically produce attributable revenue within 14 to 30 days. Compounding organic search and content authority strategies typically require 60 to 90 days to gain strong search ranking velocity.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                Do you collaborate with international clients?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  Yes. Marketing Marvel works with high-growth teams across North America, Europe, the Middle East, and Asia. Our reporting and communication systems are built for asynchronous global delivery.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mm-faq-item mm-reveal\">\r\n              <button class=\"mm-faq-question\" aria-expanded=\"false\">\r\n                How quickly can we upgrade or adjust our tier?\r\n                <span class=\"mm-faq-icon\"><\/span>\r\n              <\/button>\r\n              <div class=\"mm-faq-answer\">\r\n                <div class=\"mm-faq-content\">\r\n                  You can scale your plan up or adjust scope allocations at the start of any calendar month simply by notifying your lead growth strategist.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section class=\"mm-final-cta\">\r\n        <div class=\"mm-container mm-reveal\">\r\n          <h2 class=\"mm-display\">Need a Custom Setup?<\/h2>\r\n          <p class=\"mm-lead\">Book a short 20-minute audit call. We'll run through your data and recommend the right setup.<\/p>\r\n          <a href=\"#contact\" class=\"mm-btn mm-btn-primary\" data-view=\"contact\">Schedule Audit &rarr;<\/a>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n\r\n    <!-- =========================================================\r\n         VIEW 5: CONTACT\r\n         ========================================================= -->\r\n    <div id=\"view-contact\" class=\"mm-view\">\r\n      <section class=\"mm-section\" style=\"padding-top: calc(var(--mm-header-height) + 4rem);\">\r\n        <div class=\"mm-container mm-grid-12\">\r\n          \r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 5;\">\r\n            <span class=\"mm-eyebrow\">Initiation<\/span>\r\n            <h1 class=\"mm-h1\">Let's Build<br>Something<br>Marvelous.<\/h1>\r\n            <p class=\"mm-muted\" style=\"margin-top: 1.5rem; line-height: 1.8;\">\r\n              Ready to convert attention into measurable revenue? Complete our brief intake form, and our strategy team will respond with an initial growth roadmap within 24 business hours.\r\n            <\/p>\r\n\r\n            <div style=\"margin-top: 3.5rem; display: flex; flex-direction: column; gap: 2rem;\">\r\n              <div>\r\n                <div class=\"mm-eyebrow\" style=\"margin-bottom: 0.25rem;\">Direct Email<\/div>\r\n                <a href=\"mailto:hello@marketingmarvel.com\" class=\"mm-h4\" style=\"color: var(--mm-white);\">hello@marketingmarvel.com<\/a>\r\n              <\/div>\r\n\r\n              <div>\r\n                <div class=\"mm-eyebrow\" style=\"margin-bottom: 0.25rem;\">Headquarters<\/div>\r\n                <div class=\"mm-h4\" style=\"color: var(--mm-white);\">New Delhi &bull; Global Operations<\/div>\r\n              <\/div>\r\n\r\n              <div>\r\n                <div class=\"mm-eyebrow\" style=\"margin-bottom: 0.25rem;\">Operational Hours<\/div>\r\n                <div class=\"mm-muted\">Monday \u2013 Friday \/ 09:00 \u2013 19:00 IST<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"mm-hero-content mm-reveal\" style=\"grid-column: span 7;\">\r\n            <div style=\"background-color: var(--mm-black-card); border: 1px solid var(--mm-border); padding: 3rem 2.5rem;\">\r\n              <form id=\"mm-contact-form\" class=\"mm-form\" novalidate>\r\n                <div class=\"mm-grid-12\" style=\"gap: 1.5rem;\">\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"name\" class=\"mm-label\">Full Name *<\/label>\r\n                    <input type=\"text\" id=\"name\" class=\"mm-input\" placeholder=\"e.g. Yash Parmar\" required>\r\n                    <span class=\"mm-field-error\">Please provide your full name<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"email\" class=\"mm-label\">Business Email *<\/label>\r\n                    <input type=\"email\" id=\"email\" class=\"mm-input\" placeholder=\"yash@company.com\" required>\r\n                    <span class=\"mm-field-error\">Please provide a valid work email<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mm-grid-12\" style=\"gap: 1.5rem;\">\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"company\" class=\"mm-label\">Company Name *<\/label>\r\n                    <input type=\"text\" id=\"company\" class=\"mm-input\" placeholder=\"Your brand or agency\" required>\r\n                    <span class=\"mm-field-error\">Company name is required<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"website\" class=\"mm-label\">Current Website URL<\/label>\r\n                    <input type=\"url\" id=\"website\" class=\"mm-input\" placeholder=\"https:\/\/example.com\">\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mm-grid-12\" style=\"gap: 1.5rem;\">\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"service\" class=\"mm-label\">Primary Objective *<\/label>\r\n                    <select id=\"service\" class=\"mm-select\" required>\r\n                      <option value=\"\" disabled selected>Select priority service...<\/option>\r\n                      <option value=\"seo\">Search Engine Optimization (SEO)<\/option>\r\n                      <option value=\"performance\">Performance Paid Media<\/option>\r\n                      <option value=\"social\">Social Media Architecture<\/option>\r\n                      <option value=\"content\">Content & Copy Strategy<\/option>\r\n                      <option value=\"branding\">Brand Identity Design<\/option>\r\n                      <option value=\"web\">Web Design & WordPress Dev<\/option>\r\n                      <option value=\"full\">Full-Funnel Growth Retainer<\/option>\r\n                    <\/select>\r\n                    <span class=\"mm-field-error\">Please select a service<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"mm-form-group\" style=\"grid-column: span 6;\">\r\n                    <label for=\"budget\" class=\"mm-label\">Estimated Monthly Budget *<\/label>\r\n                    <select id=\"budget\" class=\"mm-select\" required>\r\n                      <option value=\"\" disabled selected>Select allocation range...<\/option>\r\n                      <option value=\"15k\">&#8377;15,000 \u2013 &#8377;30,000 \/ mo<\/option>\r\n                      <option value=\"30k\">&#8377;30,000 \u2013 &#8377;60,000 \/ mo<\/option>\r\n                      <option value=\"60k\">&#8377;60,000 \u2013 &#8377;1,50,000 \/ mo<\/option>\r\n                      <option value=\"150k\">&#8377;1,50,000+ \/ mo<\/option>\r\n                    <\/select>\r\n                    <span class=\"mm-field-error\">Please specify your budget tier<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mm-form-group\">\r\n                  <label for=\"message\" class=\"mm-label\">Project Objectives & Current Bottlenecks *<\/label>\r\n                  <textarea id=\"message\" class=\"mm-textarea\" placeholder=\"Tell us about your current monthly revenue, targets, and what has stopped you from achieving them...\" required><\/textarea>\r\n                  <span class=\"mm-field-error\">Please describe your project<\/span>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"mm-btn mm-btn-primary\" style=\"width: 100%;\">\r\n                  Send Inquiry &rarr;\r\n                <\/button>\r\n              <\/form>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/main>\r\n\r\n  <!-- =========================\r\n       GLOBAL FOOTER\r\n       ========================= -->\r\n  <footer class=\"mm-footer\">\r\n    <div class=\"mm-container\">\r\n      <div class=\"mm-footer-grid\">\r\n        <div class=\"mm-footer-brand\">\r\n          <a href=\"#home\" class=\"mm-logo\" data-view=\"home\">\r\n            Marketing Marvel<span class=\"mm-logo-dot\"><\/span>\r\n          <\/a>\r\n          <p>\r\n            Marketing Marvel is a digital growth agency helping ambitious brands turn attention into measurable business growth.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"mm-footer-col-title\">Navigation<\/div>\r\n          <div class=\"mm-footer-links\">\r\n            <a href=\"#home\" data-view=\"home\">Home<\/a>\r\n            <a href=\"#services\" data-view=\"services\">Services<\/a>\r\n            <a href=\"#about\" data-view=\"about\">About<\/a>\r\n            <a href=\"#pricing\" data-view=\"pricing\">Pricing<\/a>\r\n            <a href=\"#contact\" data-view=\"contact\">Contact<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"mm-footer-col-title\">Services<\/div>\r\n          <div class=\"mm-footer-links\">\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"seo\">SEO Engineering<\/a>\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"performance\">Performance Media<\/a>\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"social\">Social Media<\/a>\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"content\">Content Strategy<\/a>\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"branding\">Brand Creative<\/a>\r\n            <a href=\"#services\" data-view=\"services\" data-target-anchor=\"web\">Web Development<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"mm-footer-col-title\">Connect<\/div>\r\n          <div class=\"mm-footer-links\">\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\r\n            <a href=\"https:\/\/linkedin.com\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\r\n            <a href=\"https:\/\/youtube.com\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\r\n            <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noopener\">X (Twitter)<\/a>\r\n            <a href=\"mailto:hello@marketingmarvel.com\" style=\"margin-top: 0.5rem; color: var(--mm-white);\">hello@marketingmarvel.com<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mm-footer-bottom\">\r\n        <div>&copy; 2026 Marketing Marvel. All Rights Reserved.<\/div>\r\n        <div>Built for serious global brands.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- =========================\r\n       CORE INTERACTION SCRIPT\r\n       ========================= -->\r\n  <script>\r\n  (function () {\r\n    'use strict';\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      initRouter();\r\n      initHeaderScroll();\r\n      initMobileMenu();\r\n      initScrollReveal();\r\n      initCounterAnimations();\r\n      initFAQAccordions();\r\n      initForms();\r\n      initCustomCursor();\r\n    });\r\n\r\n    \/\/ --- VIEW ROUTER (Tabs) ---\r\n    function initRouter() {\r\n      const links = document.querySelectorAll('[data-view]');\r\n      const views = document.querySelectorAll('.mm-view');\r\n      const navLinks = document.querySelectorAll('.mm-desktop-nav .mm-nav-link');\r\n\r\n      function switchView(targetViewId, anchorTarget) {\r\n        views.forEach(v => {\r\n          v.classList.remove('mm-view-active');\r\n        });\r\n\r\n        const activeView = document.getElementById('view-' + targetViewId);\r\n        if (activeView) {\r\n          activeView.classList.add('mm-view-active');\r\n        }\r\n\r\n        \/\/ Update nav active link\r\n        navLinks.forEach(l => {\r\n          if (l.getAttribute('data-view') === targetViewId) {\r\n            l.classList.add('mm-active');\r\n          } else {\r\n            l.classList.remove('mm-active');\r\n          }\r\n        });\r\n\r\n        \/\/ Re-evaluate reveals and counters\r\n        setTimeout(() => {\r\n          initScrollReveal();\r\n          initCounterAnimations();\r\n          if (anchorTarget) {\r\n            const anchorEl = document.getElementById(anchorTarget);\r\n            if (anchorEl) {\r\n              anchorEl.scrollIntoView({ behavior: 'smooth' });\r\n              return;\r\n            }\r\n          }\r\n          window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        }, 50);\r\n      }\r\n\r\n      links.forEach(link => {\r\n        link.addEventListener('click', (e) => {\r\n          const target = link.getAttribute('data-view');\r\n          const anchor = link.getAttribute('data-target-anchor');\r\n          if (target) {\r\n            e.preventDefault();\r\n            switchView(target, anchor);\r\n            window.location.hash = target;\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Handle Initial Hash\r\n      if (window.location.hash) {\r\n        const hash = window.location.hash.replace('#', '');\r\n        const targetView = document.getElementById('view-' + hash);\r\n        if (targetView) {\r\n          switchView(hash);\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ --- 1. STICKY HEADER SCROLL STATE ---\r\n    function initHeaderScroll() {\r\n      const header = document.querySelector('.mm-header');\r\n      if (!header) return;\r\n\r\n      window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 40) {\r\n          header.classList.add('mm-scrolled');\r\n        } else {\r\n          header.classList.remove('mm-scrolled');\r\n        }\r\n      }, { passive: true });\r\n    }\r\n\r\n    \/\/ --- 2. MOBILE MENU CONTROLLER ---\r\n    function initMobileMenu() {\r\n      const toggleBtn = document.querySelector('.mm-mobile-toggle');\r\n      const mobileMenu = document.querySelector('.mm-mobile-menu');\r\n      if (!toggleBtn || !mobileMenu) return;\r\n\r\n      toggleBtn.addEventListener('click', () => {\r\n        const isOpen = mobileMenu.classList.toggle('mm-open');\r\n        toggleBtn.setAttribute('aria-expanded', isOpen);\r\n        document.body.style.overflow = isOpen ? 'hidden' : '';\r\n      });\r\n\r\n      const mobileLinks = mobileMenu.querySelectorAll('a');\r\n      mobileLinks.forEach(link => {\r\n        link.addEventListener('click', () => {\r\n          mobileMenu.classList.remove('mm-open');\r\n          toggleBtn.setAttribute('aria-expanded', 'false');\r\n          document.body.style.overflow = '';\r\n        });\r\n      });\r\n    }\r\n\r\n    \/\/ --- 3. SCROLL REVEAL OBSERVER ---\r\n    function initScrollReveal() {\r\n      const reveals = document.querySelectorAll('.mm-view-active .mm-reveal');\r\n      if (!reveals.length) return;\r\n\r\n      const observer = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('mm-active');\r\n            obs.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        rootMargin: '0px 0px -60px 0px',\r\n        threshold: 0.15\r\n      });\r\n\r\n      reveals.forEach(el => observer.observe(el));\r\n    }\r\n\r\n    \/\/ --- 4. DATA COUNTERS ---\r\n    function initCounterAnimations() {\r\n      const counters = document.querySelectorAll('.mm-view-active [data-target]');\r\n      if (!counters.length) return;\r\n\r\n      const observer = new IntersectionObserver((entries, obs) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            animateCounter(entry.target);\r\n            obs.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.5 });\r\n\r\n      counters.forEach(counter => observer.observe(counter));\r\n\r\n      function animateCounter(el) {\r\n        const target = parseFloat(el.getAttribute('data-target'));\r\n        const suffix = el.getAttribute('data-suffix') || '';\r\n        const duration = 1800;\r\n        const startTime = performance.now();\r\n\r\n        function update(now) {\r\n          const elapsed = now - startTime;\r\n          const progress = Math.min(elapsed \/ duration, 1);\r\n          const ease = 1 - Math.pow(1 - progress, 4);\r\n          const current = Math.floor(ease * target);\r\n\r\n          el.textContent = current + suffix;\r\n\r\n          if (progress < 1) {\r\n            requestAnimationFrame(update);\r\n          } else {\r\n            el.textContent = target + suffix;\r\n          }\r\n        }\r\n        requestAnimationFrame(update);\r\n      }\r\n    }\r\n\r\n    \/\/ --- 5. FAQ ACCORDION ENGINE ---\r\n    function initFAQAccordions() {\r\n      const accordionItems = document.querySelectorAll('.mm-faq-item');\r\n      if (!accordionItems.length) return;\r\n\r\n      accordionItems.forEach(item => {\r\n        const questionBtn = item.querySelector('.mm-faq-question');\r\n        const answer = item.querySelector('.mm-faq-answer');\r\n\r\n        questionBtn.addEventListener('click', () => {\r\n          const isOpen = item.classList.contains('mm-open');\r\n\r\n          accordionItems.forEach(sibling => {\r\n            sibling.classList.remove('mm-open');\r\n            sibling.querySelector('.mm-faq-question').setAttribute('aria-expanded', 'false');\r\n            sibling.querySelector('.mm-faq-answer').style.maxHeight = null;\r\n          });\r\n\r\n          if (!isOpen) {\r\n            item.classList.add('mm-open');\r\n            questionBtn.setAttribute('aria-expanded', 'true');\r\n            answer.style.maxHeight = answer.scrollHeight + 'px';\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    \/\/ --- 6. FORM VALIDATION ---\r\n    function initForms() {\r\n      const contactForm = document.querySelector('#mm-contact-form');\r\n      if (!contactForm) return;\r\n\r\n      contactForm.addEventListener('submit', function (e) {\r\n        e.preventDefault();\r\n        let isValid = true;\r\n\r\n        const fields = contactForm.querySelectorAll('[required]');\r\n        fields.forEach(field => {\r\n          const group = field.closest('.mm-form-group');\r\n          if (!field.value.trim()) {\r\n            showError(group, 'This field is required');\r\n            isValid = false;\r\n          } else if (field.type === 'email' && !validateEmail(field.value)) {\r\n            showError(group, 'Please enter a valid work email');\r\n            isValid = false;\r\n          } else {\r\n            clearError(group);\r\n          }\r\n        });\r\n\r\n        if (isValid) {\r\n          const submitBtn = contactForm.querySelector('button[type=\"submit\"]');\r\n          const originalText = submitBtn.textContent;\r\n          submitBtn.disabled = true;\r\n          submitBtn.textContent = 'Transmitting...';\r\n\r\n          setTimeout(() => {\r\n            contactForm.reset();\r\n            submitBtn.textContent = 'Inquiry Received';\r\n            submitBtn.style.backgroundColor = '#34c759';\r\n            submitBtn.style.borderColor = '#34c759';\r\n\r\n            setTimeout(() => {\r\n              submitBtn.disabled = false;\r\n              submitBtn.textContent = originalText;\r\n              submitBtn.style.backgroundColor = '';\r\n              submitBtn.style.borderColor = '';\r\n            }, 4000);\r\n          }, 1200);\r\n        }\r\n      });\r\n\r\n      function showError(group, message) {\r\n        if (!group) return;\r\n        group.classList.add('mm-has-error');\r\n        const errEl = group.querySelector('.mm-field-error');\r\n        if (errEl) errEl.textContent = message;\r\n      }\r\n\r\n      function clearError(group) {\r\n        if (!group) return;\r\n        group.classList.remove('mm-has-error');\r\n      }\r\n\r\n      function validateEmail(email) {\r\n        return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n      }\r\n    }\r\n\r\n    \/\/ --- 7. NOTABLE SIGNATURE CURSOR ANIMATION ---\r\n    function initCustomCursor() {\r\n      if (window.matchMedia('(pointer: coarse)').matches) return;\r\n\r\n      const dot = document.createElement('div');\r\n      const outline = document.createElement('div');\r\n      dot.className = 'mm-cursor-dot';\r\n      outline.className = 'mm-cursor-outline';\r\n      document.body.appendChild(dot);\r\n      document.body.appendChild(outline);\r\n\r\n      let mouseX = -100;\r\n      let mouseY = -100;\r\n      let outlineX = -100;\r\n      let outlineY = -100;\r\n\r\n      window.addEventListener('mousemove', (e) => {\r\n        mouseX = e.clientX;\r\n        mouseY = e.clientY;\r\n        dot.style.left = mouseX + 'px';\r\n        dot.style.top = mouseY + 'px';\r\n      }, { passive: true });\r\n\r\n      function render() {\r\n        outlineX += (mouseX - outlineX) * 0.18;\r\n        outlineY += (mouseY - outlineY) * 0.18;\r\n        outline.style.left = outlineX + 'px';\r\n        outline.style.top = outlineY + 'px';\r\n        requestAnimationFrame(render);\r\n      }\r\n      requestAnimationFrame(render);\r\n\r\n      const hoverTargets = document.querySelectorAll(\r\n        'a, button, input, select, textarea, .mm-service-card, .mm-case-card, .mm-pricing-card, .mm-faq-question, .mm-monogram-container'\r\n      );\r\n\r\n      hoverTargets.forEach((el) => {\r\n        el.addEventListener('mouseenter', () => document.body.classList.add('mm-cursor-hover'));\r\n        el.addEventListener('mouseleave', () => document.body.classList.remove('mm-cursor-hover'));\r\n      });\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yash.blog304.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":14,"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/yash.blog304.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/yash.blog304.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}