{"id":1711,"date":"2026-05-08T10:56:16","date_gmt":"2026-05-08T10:56:16","guid":{"rendered":"https:\/\/theviraltrees.com\/aryan\/?page_id=1711"},"modified":"2026-05-08T11:18:52","modified_gmt":"2026-05-08T11:18:52","slug":"agency-academy","status":"publish","type":"page","link":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/","title":{"rendered":"Agency\/Academy"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1711\" class=\"elementor elementor-1711\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff175f6 e-flex e-con-boxed e-con e-parent\" data-id=\"5ff175f6\" 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-44c2b13 elementor-widget elementor-widget-text-editor\" data-id=\"44c2b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n<p><style>\n  \/* ===== CSS VARIABLES ===== *\/\n  :root {\n    --black: #0a0a0a;\n    --deep: #0f0f0f;\n    --surface: #161616;\n    --glass: rgba(255,255,255,0.04);\n    --glass-border: rgba(255,255,255,0.09);\n    --gold: #c9a84c;\n    --gold-light: #e8c97a;\n    --gold-dim: rgba(201,168,76,0.15);\n    --white: #f5f0e8;\n    --white-dim: rgba(245,240,232,0.55);\n    --white-muted: rgba(245,240,232,0.25);\n    --green: #3d7a5e;\n    --green-light: #5aaa84;\n    --radius-sm: 6px;\n    --radius-md: 16px;\n    --radius-lg: 28px;\n    --radius-xl: 48px;\n    --font-display: 'Cormorant Garamond', Georgia, serif;\n    --font-ui: 'Syne', sans-serif;\n    --font-body: 'DM Sans', sans-serif;\n    --transition: 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n    --transition-fast: 0.22s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* ===== RESET & BASE ===== *\/\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; font-size: 16px; }\n  body {\n    background: var(--black);\n    color: var(--white);\n    font-family: var(--font-body);\n    font-weight: 300;\n    line-height: 1.6;\n    overflow-x: hidden;\n    cursor: none;\n  }\n  img { max-width: 100%; display: block; }\n  a { color: inherit; text-decoration: none; }\n  ul { list-style: none; }\n\n  \/* ===== CUSTOM CURSOR ===== *\/\n  .cursor-dot {\n    position: fixed; top: 0; left: 0; width: 8px; height: 8px;\n    background: var(--gold); border-radius: 50%; pointer-events: none;\n    z-index: 9999; transform: translate(-50%,-50%);\n    transition: transform 0.1s, background 0.3s;\n  }\n  .cursor-ring {\n    position: fixed; top: 0; left: 0; width: 36px; height: 36px;\n    border: 1px solid rgba(201,168,76,0.5); border-radius: 50%;\n    pointer-events: none; z-index: 9998; transform: translate(-50%,-50%);\n    transition: transform 0.18s cubic-bezier(0.16,1,0.3,1), width 0.3s, height 0.3s, border-color 0.3s;\n  }\n  .cursor-ring.hover { width: 52px; height: 52px; border-color: var(--gold); }\n\n  \/* ===== NOISE OVERLAY ===== *\/\n  body::before {\n    content: ''; position: fixed; inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    pointer-events: none; z-index: 1000; opacity: 0.35;\n  }\n\n  \/* ===== UTILITY ===== *\/\n  .container { width: 90%; max-width: 1200px; margin: 0 auto; }\n  .container-wide { width: 94%; max-width: 1400px; margin: 0 auto; }\n  .section-label {\n    font-family: var(--font-ui); font-size: 0.7rem; font-weight: 600;\n    letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold);\n    display: inline-flex; align-items: center; gap: 12px; margin-bottom: 20px;\n  }\n  .section-label::before {\n    content: ''; display: block; width: 28px; height: 1px; background: var(--gold);\n  }\n  .section-title {\n    font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 4rem);\n    font-weight: 600; line-height: 1.12; color: var(--white);\n  }\n  .section-title em { font-style: italic; color: var(--gold); }\n  .section-sub {\n    font-size: 1rem; color: var(--white-dim); max-width: 540px;\n    line-height: 1.75; margin-top: 16px;\n  }\n  .btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-family: var(--font-ui); font-size: 0.82rem; font-weight: 600;\n    letter-spacing: 0.1em; text-transform: uppercase;\n    padding: 16px 34px; border-radius: 100px;\n    transition: var(--transition); position: relative; overflow: hidden;\n    cursor: none;\n  }\n  .btn-primary {\n    background: var(--gold); color: var(--black);\n  }\n  .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 16px 48px rgba(201,168,76,0.3); }\n  .btn-ghost {\n    background: transparent; color: var(--white);\n    border: 1px solid var(--glass-border);\n  }\n  .btn-ghost:hover { border-color: var(--gold); color: var(--gold); transform: translateY(-2px); }\n\n  \/* ===== SCROLL REVEAL ===== *\/\n  .reveal {\n    opacity: 0; transform: translateY(36px);\n    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);\n  }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .reveal-delay-1 { transition-delay: 0.1s; }\n  .reveal-delay-2 { transition-delay: 0.2s; }\n  .reveal-delay-3 { transition-delay: 0.3s; }\n  .reveal-delay-4 { transition-delay: 0.4s; }\n\n  \/* ===== NAV ===== *\/\n  nav {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 500;\n    padding: 24px 0; transition: var(--transition);\n  }\n  nav.scrolled {\n    background: rgba(10,10,10,0.88); backdrop-filter: blur(20px);\n    padding: 16px 0; border-bottom: 1px solid var(--glass-border);\n  }\n  .nav-inner {\n    display: flex; align-items: center; justify-content: space-between;\n  }\n  .nav-logo {\n    font-family: var(--font-display); font-size: 1.5rem; font-weight: 700;\n    color: var(--white); letter-spacing: 0.01em;\n  }\n  .nav-logo span { color: var(--gold); }\n  .nav-links {\n    display: flex; align-items: center; gap: 36px;\n  }\n  .nav-links a {\n    font-family: var(--font-ui); font-size: 0.78rem; font-weight: 500;\n    letter-spacing: 0.08em; text-transform: uppercase; color: var(--white-dim);\n    transition: var(--transition-fast); cursor: none;\n  }\n  .nav-links a:hover { color: var(--gold); }\n  .nav-cta { margin-left: 20px; }\n  .hamburger { display: none; flex-direction: column; gap: 5px; cursor: none; }\n  .hamburger span { display: block; width: 24px; height: 1px; background: var(--white); transition: var(--transition-fast); }\n\n  \/* ===== HERO ===== *\/\n  #hero {\n    min-height: 100vh; display: flex; align-items: center;\n    position: relative; overflow: hidden; padding: 100px 0 60px;\n  }\n  .hero-bg {\n    position: absolute; inset: 0; z-index: 0;\n    background: radial-gradient(ellipse 80% 60% at 60% 40%, rgba(61,122,94,0.12) 0%, transparent 60%),\n                radial-gradient(ellipse 60% 80% at 20% 70%, rgba(201,168,76,0.07) 0%, transparent 50%),\n                var(--black);\n  }\n  .hero-grid-bg {\n    position: absolute; inset: 0; z-index: 0;\n    background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n                      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 60px 60px;\n    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 100%);\n  }\n  .hero-orb {\n    position: absolute; border-radius: 50%; filter: blur(80px); pointer-events: none; z-index: 0;\n  }\n  .orb-1 { width: 500px; height: 500px; background: rgba(61,122,94,0.18); top: -10%; right: -5%; animation: orbFloat1 12s ease-in-out infinite; }\n  .orb-2 { width: 380px; height: 380px; background: rgba(201,168,76,0.1); bottom: 0; left: -8%; animation: orbFloat2 10s ease-in-out infinite 2s; }\n  @keyframes orbFloat1 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-30px,40px) scale(1.05); } }\n  @keyframes orbFloat2 { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(20px,-30px) scale(0.95); } }\n  .hero-content { position: relative; z-index: 2; max-width: 780px; }\n  .hero-badge {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    backdrop-filter: blur(12px); border-radius: 100px;\n    padding: 8px 18px 8px 10px; margin-bottom: 36px;\n    animation: fadeSlideDown 0.8s cubic-bezier(0.16,1,0.3,1) forwards;\n  }\n  .hero-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green-light); animation: pulse 2s infinite; }\n  @keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(90,170,132,0.5); } 50% { box-shadow: 0 0 0 6px rgba(90,170,132,0); } }\n  .hero-badge span { font-family: var(--font-ui); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white-dim); }\n  .hero-h1 {\n    font-family: var(--font-display); font-size: clamp(3.2rem, 7vw, 6rem);\n    font-weight: 600; line-height: 1.05; margin-bottom: 24px;\n    animation: fadeSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.15s both;\n  }\n  .hero-h1 em { font-style: italic; color: var(--gold); }\n  .hero-h1 .line-accent {\n    -webkit-text-stroke: 1px rgba(245,240,232,0.3); color: transparent;\n  }\n  .hero-sub {\n    font-size: 1.1rem; color: var(--white-dim); max-width: 540px; line-height: 1.75;\n    margin-bottom: 40px;\n    animation: fadeSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.3s both;\n  }\n  .hero-ctas {\n    display: flex; flex-wrap: wrap; gap: 14px;\n    animation: fadeSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.45s both;\n  }\n  .hero-stats {\n    display: flex; flex-wrap: wrap; gap: 40px; margin-top: 64px;\n    padding-top: 40px; border-top: 1px solid var(--glass-border);\n    animation: fadeSlideUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.6s both;\n  }\n  .stat-item {}\n  .stat-num {\n    font-family: var(--font-display); font-size: 2.6rem; font-weight: 700;\n    color: var(--gold); line-height: 1;\n  }\n  .stat-label {\n    font-family: var(--font-ui); font-size: 0.72rem; font-weight: 500;\n    letter-spacing: 0.1em; text-transform: uppercase; color: var(--white-muted); margin-top: 6px;\n  }\n  .hero-scroll-hint {\n    position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%);\n    z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px;\n    font-family: var(--font-ui); font-size: 0.68rem; letter-spacing: 0.15em;\n    text-transform: uppercase; color: var(--white-muted);\n    animation: fadeIn 1s 1.2s both;\n  }\n  .scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, var(--gold), transparent); animation: scrollLine 1.8s ease-in-out infinite; }\n  @keyframes scrollLine { 0% { transform: scaleY(0); transform-origin: top; opacity: 1; } 50% { transform: scaleY(1); transform-origin: top; opacity: 1; } 100% { transform: scaleY(1); transform-origin: bottom; opacity: 0; } }\n  @keyframes fadeSlideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\n  @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n  \/* ===== ABOUT ===== *\/\n  #about {\n    padding: 120px 0; position: relative; overflow: hidden;\n  }\n  .about-grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n  }\n  .about-visual {\n    position: relative;\n  }\n  .about-img-frame {\n    position: relative; border-radius: var(--radius-lg); overflow: hidden;\n    aspect-ratio: 4\/5; background: var(--surface);\n    border: 1px solid var(--glass-border);\n  }\n  .about-img-placeholder {\n    width: 100%; height: 100%;\n    background: linear-gradient(135deg, var(--surface) 0%, #1e2820 50%, var(--surface) 100%);\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    gap: 16px;\n  }\n  .about-img-placeholder .tree-icon {\n    font-size: 4rem; opacity: 0.4;\n  }\n  .about-img-placeholder p {\n    font-family: var(--font-ui); font-size: 0.72rem; letter-spacing: 0.15em;\n    text-transform: uppercase; color: var(--white-muted);\n  }\n  .about-badge-float {\n    position: absolute; bottom: -20px; right: -20px;\n    background: var(--gold); color: var(--black);\n    border-radius: var(--radius-md); padding: 20px 24px;\n    font-family: var(--font-display); z-index: 2;\n    box-shadow: 0 20px 60px rgba(201,168,76,0.3);\n  }\n  .about-badge-float .big { font-size: 2.5rem; font-weight: 700; line-height: 1; }\n  .about-badge-float .small { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.05em; margin-top: 4px; }\n  .about-dots {\n    position: absolute; top: -20px; left: -20px; width: 100px; height: 100px;\n    background-image: radial-gradient(circle, rgba(201,168,76,0.4) 1px, transparent 1px);\n    background-size: 12px 12px; z-index: 0; border-radius: 50%;\n  }\n  .about-content .about-text {\n    font-size: 1.05rem; color: var(--white-dim); line-height: 1.85; margin: 24px 0 32px;\n  }\n  .about-pillars {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 36px;\n  }\n  .pillar-item {\n    display: flex; align-items: flex-start; gap: 14px;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-md); padding: 20px;\n    transition: var(--transition);\n  }\n  .pillar-item:hover { border-color: rgba(201,168,76,0.3); background: rgba(201,168,76,0.05); transform: translateY(-3px); }\n  .pillar-icon { font-size: 1.5rem; flex-shrink: 0; margin-top: 2px; }\n  .pillar-title { font-family: var(--font-ui); font-size: 0.85rem; font-weight: 600; color: var(--white); margin-bottom: 4px; }\n  .pillar-desc { font-size: 0.8rem; color: var(--white-muted); line-height: 1.5; }\n\n  \/* ===== SERVICES ===== *\/\n  #services {\n    padding: 120px 0; background: var(--deep); position: relative;\n  }\n  .services-header { text-align: center; max-width: 600px; margin: 0 auto 72px; display: flex; flex-direction: column; align-items: center; }\n  .services-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n  }\n  .service-card {\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg); padding: 36px 30px;\n    position: relative; overflow: hidden; cursor: none;\n    transition: var(--transition);\n    group: true;\n  }\n  .service-card::before {\n    content: ''; position: absolute; inset: 0; border-radius: inherit;\n    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(201,168,76,0.1) 0%, transparent 70%);\n    opacity: 0; transition: var(--transition);\n  }\n  .service-card:hover { border-color: rgba(201,168,76,0.35); transform: translateY(-8px); box-shadow: 0 32px 80px rgba(0,0,0,0.4), 0 0 0 1px rgba(201,168,76,0.1); }\n  .service-card:hover::before { opacity: 1; }\n  .service-num {\n    font-family: var(--font-display); font-size: 4rem; font-weight: 700;\n    color: rgba(201,168,76,0.08); position: absolute; top: 16px; right: 20px;\n    line-height: 1; pointer-events: none; transition: var(--transition);\n  }\n  .service-card:hover .service-num { color: rgba(201,168,76,0.14); }\n  .service-icon-wrap {\n    width: 56px; height: 56px; border-radius: var(--radius-md);\n    background: var(--gold-dim); display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem; margin-bottom: 22px; transition: var(--transition);\n  }\n  .service-card:hover .service-icon-wrap { background: rgba(201,168,76,0.2); transform: scale(1.08); }\n  .service-name {\n    font-family: var(--font-ui); font-size: 1rem; font-weight: 700;\n    color: var(--white); margin-bottom: 10px;\n  }\n  .service-desc { font-size: 0.88rem; color: var(--white-dim); line-height: 1.7; }\n  .service-arrow {\n    display: inline-flex; align-items: center; gap: 6px;\n    font-family: var(--font-ui); font-size: 0.72rem; font-weight: 600;\n    letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold);\n    margin-top: 22px; opacity: 0; transform: translateX(-8px); transition: var(--transition);\n  }\n  .service-card:hover .service-arrow { opacity: 1; transform: translateX(0); }\n\n  \/* ===== WHY US ===== *\/\n  #why {\n    padding: 120px 0; position: relative;\n  }\n  .why-layout {\n    display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start;\n  }\n  .why-sticky { position: sticky; top: 100px; }\n  .why-features {\n    display: flex; flex-direction: column; gap: 16px;\n  }\n  .why-feature {\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-md); padding: 28px;\n    display: flex; gap: 20px; align-items: flex-start;\n    transition: var(--transition); cursor: none;\n  }\n  .why-feature:hover { border-color: rgba(201,168,76,0.3); background: rgba(201,168,76,0.04); transform: translateX(6px); }\n  .why-feature-icon {\n    width: 48px; height: 48px; flex-shrink: 0; border-radius: var(--radius-sm);\n    background: var(--gold-dim); display: flex; align-items: center; justify-content: center;\n    font-size: 1.3rem;\n  }\n  .why-feature-title { font-family: var(--font-ui); font-size: 0.92rem; font-weight: 700; color: var(--white); margin-bottom: 6px; }\n  .why-feature-desc { font-size: 0.85rem; color: var(--white-dim); line-height: 1.65; }\n  .why-highlight-box {\n    margin-top: 32px; padding: 28px;\n    background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(61,122,94,0.08));\n    border: 1px solid rgba(201,168,76,0.25); border-radius: var(--radius-lg);\n  }\n  .why-highlight-box p { font-family: var(--font-display); font-size: 1.4rem; font-style: italic; line-height: 1.5; color: var(--white); }\n  .why-highlight-box cite { display: block; margin-top: 14px; font-family: var(--font-ui); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); font-style: normal; }\n\n  \/* ===== TEAM ===== *\/\n  #team {\n    padding: 120px 0; background: var(--deep);\n  }\n  .team-header { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 72px; }\n  .team-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;\n  }\n  .team-card {\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg); overflow: hidden;\n    transition: var(--transition); cursor: none;\n    position: relative;\n  }\n  .team-card:hover { border-color: rgba(201,168,76,0.3); transform: translateY(-10px); box-shadow: 0 40px 80px rgba(0,0,0,0.5); }\n  .team-img {\n    aspect-ratio: 3\/4; position: relative; overflow: hidden;\n  }\n  .team-img-placeholder {\n    width: 100%; height: 100%;\n    background: linear-gradient(160deg, #1a1f1c, #0f1610);\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    gap: 12px;\n  }\n  .team-avatar {\n    width: 80px; height: 80px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--gold-dim), rgba(61,122,94,0.2));\n    border: 2px solid rgba(201,168,76,0.3);\n    display: flex; align-items: center; justify-content: center;\n    font-family: var(--font-display); font-size: 2rem; font-weight: 700; color: var(--gold);\n  }\n  .team-img-placeholder p { font-family: var(--font-ui); font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--white-muted); }\n  .team-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, transparent 50%);\n    opacity: 0; transition: var(--transition);\n  }\n  .team-card:hover .team-overlay { opacity: 1; }\n  .team-social-links {\n    position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%) translateY(10px);\n    display: flex; gap: 10px; opacity: 0; transition: var(--transition); white-space: nowrap;\n  }\n  .team-card:hover .team-social-links { opacity: 1; transform: translateX(-50%) translateY(0); }\n  .team-social-link {\n    width: 32px; height: 32px; border-radius: 50%;\n    background: rgba(201,168,76,0.9); color: var(--black);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.8rem; transition: var(--transition-fast);\n  }\n  .team-social-link:hover { background: var(--white); }\n  .team-info { padding: 22px 20px 24px; }\n  .team-name { font-family: var(--font-ui); font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 4px; }\n  .team-role { font-size: 0.8rem; color: var(--gold); font-weight: 400; letter-spacing: 0.03em; }\n  .team-bio { font-size: 0.78rem; color: var(--white-muted); line-height: 1.55; margin-top: 10px; }\n\n  \/* ===== PORTFOLIO ===== *\/\n  #portfolio {\n    padding: 120px 0; position: relative;\n  }\n  .portfolio-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 56px; }\n  .portfolio-grid {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    grid-template-rows: 280px 280px;\n    gap: 16px;\n  }\n  .port-item { border-radius: var(--radius-md); overflow: hidden; position: relative; cursor: none; }\n  .port-item:nth-child(1) { grid-column: span 5; }\n  .port-item:nth-child(2) { grid-column: span 7; }\n  .port-item:nth-child(3) { grid-column: span 4; }\n  .port-item:nth-child(4) { grid-column: span 4; }\n  .port-item:nth-child(5) { grid-column: span 4; }\n  .port-bg {\n    width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 24px;\n    background-size: cover; background-position: center;\n    transition: var(--transition);\n  }\n  .port-item:nth-child(1) .port-bg { background: linear-gradient(135deg, #1a2818, #0d1a15); }\n  .port-item:nth-child(2) .port-bg { background: linear-gradient(135deg, #1e1a10, #2a2010); }\n  .port-item:nth-child(3) .port-bg { background: linear-gradient(135deg, #181520, #100d18); }\n  .port-item:nth-child(4) .port-bg { background: linear-gradient(135deg, #0d1e18, #151f15); }\n  .port-item:nth-child(5) .port-bg { background: linear-gradient(135deg, #1a1510, #201a10); }\n  .port-overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.5); opacity: 0; transition: var(--transition); }\n  .port-item:hover .port-overlay { opacity: 1; }\n  .port-item:hover .port-bg { transform: scale(1.04); }\n  .port-tag {\n    display: inline-block; padding: 5px 12px; border-radius: 100px;\n    background: rgba(201,168,76,0.2); border: 1px solid rgba(201,168,76,0.3);\n    font-family: var(--font-ui); font-size: 0.65rem; font-weight: 600;\n    letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold);\n    position: relative; z-index: 1;\n  }\n  .port-info {\n    position: absolute; bottom: 0; left: 0; right: 0; padding: 24px;\n    background: linear-gradient(to top, rgba(10,10,10,0.95), transparent);\n    transform: translateY(10px); opacity: 0; transition: var(--transition); z-index: 1;\n  }\n  .port-item:hover .port-info { transform: translateY(0); opacity: 1; }\n  .port-project-name { font-family: var(--font-ui); font-size: 0.92rem; font-weight: 700; color: var(--white); margin-top: 8px; }\n  .port-project-type { font-size: 0.78rem; color: var(--white-dim); margin-top: 4px; }\n  .port-placeholder-content {\n    position: absolute; inset: 0; display: flex; flex-direction: column;\n    align-items: center; justify-content: center; gap: 8px;\n  }\n  .port-placeholder-icon { font-size: 2rem; opacity: 0.2; }\n  .port-placeholder-text { font-family: var(--font-ui); font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--white-muted); }\n\n  \/* ===== TESTIMONIALS ===== *\/\n  #testimonials {\n    padding: 120px 0; background: var(--deep); overflow: hidden;\n  }\n  .testi-header { text-align: center; display: flex; flex-direction: column; align-items: center; margin-bottom: 72px; }\n  .testi-track-wrap { overflow: hidden; position: relative; }\n  .testi-track-wrap::before, .testi-track-wrap::after {\n    content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;\n  }\n  .testi-track-wrap::before { left: 0; background: linear-gradient(to right, var(--deep), transparent); }\n  .testi-track-wrap::after { right: 0; background: linear-gradient(to left, var(--deep), transparent); }\n  .testi-track {\n    display: flex; gap: 24px; width: max-content;\n    animation: scrollTesti 32s linear infinite;\n  }\n  .testi-track:hover { animation-play-state: paused; }\n  @keyframes scrollTesti { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  .testi-card {\n    width: 360px; flex-shrink: 0;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg); padding: 32px;\n    transition: var(--transition);\n  }\n  .testi-card:hover { border-color: rgba(201,168,76,0.3); transform: translateY(-4px); }\n  .testi-stars { color: var(--gold); font-size: 0.9rem; letter-spacing: 2px; margin-bottom: 18px; }\n  .testi-text {\n    font-family: var(--font-display); font-size: 1.05rem; font-style: italic;\n    line-height: 1.7; color: var(--white-dim); margin-bottom: 24px;\n  }\n  .testi-author { display: flex; align-items: center; gap: 14px; }\n  .testi-avatar {\n    width: 44px; height: 44px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--gold-dim), rgba(61,122,94,0.2));\n    border: 1px solid rgba(201,168,76,0.3);\n    display: flex; align-items: center; justify-content: center;\n    font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--gold);\n  }\n  .testi-name { font-family: var(--font-ui); font-size: 0.85rem; font-weight: 700; color: var(--white); }\n  .testi-position { font-size: 0.75rem; color: var(--white-muted); margin-top: 2px; }\n\n  \/* ===== CONTACT ===== *\/\n  #contact {\n    padding: 120px 0; position: relative; overflow: hidden;\n  }\n  .contact-bg {\n    position: absolute; inset: 0;\n    background: radial-gradient(ellipse 60% 60% at 80% 50%, rgba(61,122,94,0.1) 0%, transparent 60%),\n                radial-gradient(ellipse 40% 50% at 20% 60%, rgba(201,168,76,0.06) 0%, transparent 50%);\n  }\n  .contact-grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 80px; position: relative; z-index: 1;\n  }\n  .contact-info-title {\n    font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3.2rem);\n    font-weight: 600; line-height: 1.15; margin-bottom: 20px;\n  }\n  .contact-info-title em { font-style: italic; color: var(--gold); }\n  .contact-info-sub { font-size: 1rem; color: var(--white-dim); line-height: 1.75; margin-bottom: 40px; }\n  .contact-detail-list { display: flex; flex-direction: column; gap: 16px; }\n  .contact-detail {\n    display: flex; align-items: flex-start; gap: 16px;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-md); padding: 18px 22px;\n    transition: var(--transition);\n  }\n  .contact-detail:hover { border-color: rgba(201,168,76,0.3); }\n  .contact-detail-icon {\n    width: 40px; height: 40px; flex-shrink: 0; border-radius: var(--radius-sm);\n    background: var(--gold-dim); display: flex; align-items: center; justify-content: center;\n    font-size: 1.1rem;\n  }\n  .contact-detail-label { font-family: var(--font-ui); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); margin-bottom: 3px; }\n  .contact-detail-value { font-size: 0.9rem; color: var(--white-dim); }\n  .contact-detail-value a { color: var(--white-dim); transition: var(--transition-fast); }\n  .contact-detail-value a:hover { color: var(--gold); }\n  .contact-social { display: flex; gap: 12px; margin-top: 32px; }\n  .social-icon-link {\n    width: 46px; height: 46px; border-radius: 50%;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.1rem; transition: var(--transition); cursor: none;\n  }\n  .social-icon-link:hover { background: var(--gold-dim); border-color: var(--gold); transform: translateY(-3px); }\n  .contact-form {\n    background: var(--glass); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg); padding: 44px;\n    backdrop-filter: blur(12px);\n  }\n  .form-title {\n    font-family: var(--font-ui); font-size: 1.1rem; font-weight: 700;\n    color: var(--white); margin-bottom: 28px;\n  }\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n  .form-field { margin-bottom: 18px; }\n  .form-field label {\n    display: block; font-family: var(--font-ui); font-size: 0.72rem; font-weight: 600;\n    letter-spacing: 0.08em; text-transform: uppercase; color: var(--white-muted);\n    margin-bottom: 8px;\n  }\n  .form-field input, .form-field textarea, .form-field select {\n    width: 100%; background: rgba(255,255,255,0.04); border: 1px solid var(--glass-border);\n    border-radius: var(--radius-sm); padding: 13px 16px;\n    font-family: var(--font-body); font-size: 0.9rem; color: var(--white);\n    outline: none; transition: var(--transition-fast); cursor: none;\n    -webkit-appearance: none;\n  }\n  .form-field input::placeholder, .form-field textarea::placeholder { color: var(--white-muted); }\n  .form-field input:focus, .form-field textarea:focus, .form-field select:focus {\n    border-color: rgba(201,168,76,0.5); background: rgba(201,168,76,0.04);\n  }\n  .form-field textarea { resize: vertical; min-height: 110px; }\n  .form-field select option { background: #1a1a1a; color: var(--white); }\n  .form-submit { width: 100%; justify-content: center; margin-top: 8px; }\n\n  \/* ===== FOOTER ===== *\/\n  footer {\n    background: var(--deep); border-top: 1px solid var(--glass-border);\n    padding: 72px 0 36px;\n  }\n  .footer-top {\n    display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 60px; padding-bottom: 48px;\n    border-bottom: 1px solid var(--glass-border);\n  }\n  .footer-brand-logo {\n    font-family: var(--font-display); font-size: 1.6rem; font-weight: 700;\n    color: var(--white); margin-bottom: 16px;\n  }\n  .footer-brand-logo span { color: var(--gold); }\n  .footer-brand-desc { font-size: 0.88rem; color: var(--white-muted); line-height: 1.75; max-width: 260px; }\n  .footer-social { display: flex; gap: 10px; margin-top: 24px; }\n  .footer-social-link {\n    width: 38px; height: 38px; border-radius: 50%;\n    background: var(--glass); border: 1px solid var(--glass-border);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.9rem; transition: var(--transition); cursor: none; color: var(--white-dim);\n  }\n  .footer-social-link:hover { background: var(--gold-dim); border-color: var(--gold); color: var(--gold); transform: translateY(-2px); }\n  .footer-col-title {\n    font-family: var(--font-ui); font-size: 0.78rem; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase; color: var(--white);\n    margin-bottom: 20px;\n  }\n  .footer-links { display: flex; flex-direction: column; gap: 10px; }\n  .footer-links a {\n    font-size: 0.88rem; color: var(--white-muted); transition: var(--transition-fast); cursor: none;\n  }\n  .footer-links a:hover { color: var(--gold); padding-left: 6px; }\n  .footer-bottom {\n    display: flex; justify-content: space-between; align-items: center;\n    padding-top: 28px;\n  }\n  .footer-copy { font-size: 0.8rem; color: var(--white-muted); }\n  .footer-copy span { color: var(--gold); }\n  .footer-bottom-links { display: flex; gap: 24px; }\n  .footer-bottom-links a { font-size: 0.78rem; color: var(--white-muted); transition: var(--transition-fast); cursor: none; }\n  .footer-bottom-links a:hover { color: var(--gold); }\n\n  \/* ===== MARQUEE STRIP ===== *\/\n  .marquee-strip {\n    background: var(--gold); padding: 14px 0; overflow: hidden;\n    position: relative; z-index: 10;\n  }\n  .marquee-track {\n    display: flex; gap: 0; width: max-content;\n    animation: marqueeScroll 20s linear infinite;\n  }\n  @keyframes marqueeScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n  .marquee-item {\n    font-family: var(--font-ui); font-size: 0.72rem; font-weight: 700;\n    letter-spacing: 0.15em; text-transform: uppercase; color: var(--black);\n    padding: 0 36px; white-space: nowrap; display: flex; align-items: center; gap: 10px;\n  }\n  .marquee-item::after { content: '\u2726'; font-size: 0.5rem; opacity: 0.6; }\n\n  \/* ===== MOBILE NAV ===== *\/\n  .mobile-nav {\n    position: fixed; inset: 0; background: rgba(10,10,10,0.97);\n    backdrop-filter: blur(20px); z-index: 490; display: flex;\n    flex-direction: column; align-items: center; justify-content: center;\n    gap: 36px; opacity: 0; pointer-events: none; transition: opacity 0.4s ease;\n  }\n  .mobile-nav.open { opacity: 1; pointer-events: all; }\n  .mobile-nav a {\n    font-family: var(--font-display); font-size: 2.4rem; font-weight: 600;\n    color: var(--white); transition: var(--transition-fast); cursor: pointer;\n  }\n  .mobile-nav a:hover { color: var(--gold); }\n\n  \/* ===== MEDIA QUERIES ===== *\/\n  @media (max-width: 1100px) {\n    .team-grid { grid-template-columns: repeat(2, 1fr); }\n    .footer-top { grid-template-columns: 1fr 1fr; gap: 40px; }\n  }\n  @media (max-width: 900px) {\n    .about-grid, .why-layout, .contact-grid { grid-template-columns: 1fr; gap: 48px; }\n    .services-grid { grid-template-columns: repeat(2, 1fr); }\n    .portfolio-grid { display: flex; flex-direction: column; }\n    .port-item { height: 220px; }\n    .why-sticky { position: static; }\n    .portfolio-header { flex-direction: column; align-items: flex-start; gap: 20px; }\n    .nav-links { display: none; }\n    .hamburger { display: flex; }\n    body { cursor: auto; }\n    .cursor-dot, .cursor-ring { display: none; }\n  }\n  @media (max-width: 600px) {\n    .services-grid { grid-template-columns: 1fr; }\n    .team-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\n    .footer-top { grid-template-columns: 1fr; }\n    .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }\n    .form-row { grid-template-columns: 1fr; }\n    .hero-stats { gap: 24px; }\n    .about-pillars { grid-template-columns: 1fr; }\n    .contact-form { padding: 28px 22px; }\n  }\n<\/style><\/p>\n<!-- Custom Cursor -->\n<div id=\"cursorDot\" class=\"cursor-dot\">\u00a0<\/div>\n<div id=\"cursorRing\" class=\"cursor-ring\">\u00a0<\/div>\n<!-- Mobile Nav -->\n<div id=\"mobileNav\" class=\"mobile-nav\"><a href=\"#about\">About<\/a> <a href=\"#services\">Services<\/a> <a href=\"#team\">Team<\/a> <a href=\"#portfolio\">Work<\/a> <a href=\"#testimonials\">Reviews<\/a> <a href=\"#contact\">Contact<\/a><\/div>\n<!-- ===== NAVIGATION ===== --><nav id=\"mainNav\">\n<div class=\"container\">\n<div class=\"nav-inner\"><a class=\"nav-logo\" href=\"#hero\">The Viral Trees<\/a>\n<div class=\"nav-links\"><a href=\"#about\">About<\/a> <a href=\"#services\">Services<\/a> <a href=\"#team\">Team<\/a> <a href=\"#portfolio\">Work<\/a> <a href=\"#testimonials\">Reviews<\/a> <a class=\"btn btn-primary nav-cta\" style=\"padding: 12px 24px; font-size: 0.72rem;\" href=\"#contact\">Get Started<\/a><\/div>\n<div id=\"hamburger\" class=\"hamburger\">\u00a0<\/div>\n<\/div>\n<\/div>\n<\/nav><!-- ===== HERO SECTION ===== -->\n<section id=\"hero\">\n<div class=\"hero-bg\">\u00a0<\/div>\n<div class=\"hero-grid-bg\">\u00a0<\/div>\n<div class=\"hero-orb orb-1\">\u00a0<\/div>\n<div class=\"hero-orb orb-2\">\u00a0<\/div>\n<div class=\"container\">\n<div class=\"hero-content\">\n<div class=\"hero-badge\">\n<div class=\"hero-badge-dot\">\u00a0<\/div>\nAgency &amp; Academy \u2014 Digital Growth Partners<\/div>\n<h1 class=\"hero-h1\">We Make <em>Brands<\/em><br \/><span class=\"line-accent\">Go Viral.<\/span><\/h1>\n<p class=\"hero-sub\">The Viral Trees is a full-service digital marketing agency and academy built for brands that refuse to be ordinary. We craft strategies that grow, campaigns that convert, and identities that last.<\/p>\n<div class=\"hero-ctas\"><a class=\"btn btn-primary\" href=\"#services\">Explore Services \u2192<\/a> <a class=\"btn btn-ghost\" href=\"#contact\">Work With Us<\/a><\/div>\n<div class=\"hero-stats\">\n<div class=\"stat-item\">\n<div class=\"stat-num\">150+<\/div>\n<div class=\"stat-label\">Brands Grown<\/div>\n<\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">3.2M<\/div>\n<div class=\"stat-label\">Reach Generated<\/div>\n<\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">98%<\/div>\n<div class=\"stat-label\">Client Retention<\/div>\n<\/div>\n<div class=\"stat-item\">\n<div class=\"stat-num\">5+<\/div>\n<div class=\"stat-label\">Years of Impact<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"hero-scroll-hint\">Scroll\n<div class=\"scroll-line\">\u00a0<\/div>\n<\/div>\n<\/section>\n<!-- ===== MARQUEE ===== -->\n<div class=\"marquee-strip\">\n<div class=\"marquee-track\">\n<div class=\"marquee-item\">Digital Marketing<\/div>\n<div class=\"marquee-item\">Meta Ads<\/div>\n<div class=\"marquee-item\">Branding<\/div>\n<div class=\"marquee-item\">Web Development<\/div>\n<div class=\"marquee-item\">Social Media<\/div>\n<div class=\"marquee-item\">Lead Generation<\/div>\n<div class=\"marquee-item\">Creative Strategy<\/div>\n<div class=\"marquee-item\">Digital Marketing<\/div>\n<div class=\"marquee-item\">Meta Ads<\/div>\n<div class=\"marquee-item\">Branding<\/div>\n<div class=\"marquee-item\">Web Development<\/div>\n<div class=\"marquee-item\">Social Media<\/div>\n<div class=\"marquee-item\">Lead Generation<\/div>\n<div class=\"marquee-item\">Creative Strategy<\/div>\n<\/div>\n<\/div>\n<!-- ===== ABOUT ===== -->\n<section id=\"about\">\n<div class=\"container\">\n<div class=\"about-grid\">\n<div class=\"about-visual reveal\">\n<div class=\"about-dots\">\u00a0<\/div>\n<div class=\"about-img-frame\">\n<div class=\"about-img-placeholder\">\n<div class=\"tree-icon\">\ud83c\udf33<\/div>\n<p>Agency Visual \u2014 Replace in Elementor<\/p>\n<\/div>\n<\/div>\n<div class=\"about-badge-float\">\n<div class=\"big\">5+<\/div>\n<div class=\"small\">Years of Excellence<\/div>\n<\/div>\n<\/div>\n<div class=\"about-content\">\n<div class=\"reveal\">\n<div class=\"section-label\">Our Story<\/div>\n<h2 class=\"section-title\">Rooted in Strategy.<br \/><em>Built to Grow.<\/em><\/h2>\n<\/div>\n<p class=\"about-text reveal reveal-delay-1\">The Viral Trees was born from a simple belief \u2014 that every brand has untapped potential waiting to break through the noise. We&#8217;re not just an agency; we&#8217;re a growth partner that merges creative thinking with data-driven precision to help businesses scale faster, smarter, and further.<\/p>\n<p class=\"about-text reveal reveal-delay-2\" style=\"margin-top: 0;\">From startups finding their first footing to established brands seeking their next leap, we&#8217;ve helped over 150 businesses transform their digital presence into real, measurable results. Our academy arm ensures we&#8217;re always shaping the next generation of digital marketers.<\/p>\n<div class=\"about-pillars reveal reveal-delay-3\">\n<div class=\"pillar-item\">\n<div class=\"pillar-icon\">\ud83c\udfaf<\/div>\n<div>\n<div class=\"pillar-title\">Results-First<\/div>\n<div class=\"pillar-desc\">Every decision driven by ROI and real outcomes.<\/div>\n<\/div>\n<\/div>\n<div class=\"pillar-item\">\n<div class=\"pillar-icon\">\ud83d\udca1<\/div>\n<div>\n<div class=\"pillar-title\">Creative Edge<\/div>\n<div class=\"pillar-desc\">Ideas that break through the average and stand out.<\/div>\n<\/div>\n<\/div>\n<div class=\"pillar-item\">\n<div class=\"pillar-icon\">\ud83d\udcc8<\/div>\n<div>\n<div class=\"pillar-title\">Scalable Growth<\/div>\n<div class=\"pillar-desc\">Strategies built to scale as your brand does.<\/div>\n<\/div>\n<\/div>\n<div class=\"pillar-item\">\n<div class=\"pillar-icon\">\ud83e\udd1d<\/div>\n<div>\n<div class=\"pillar-title\">True Partnership<\/div>\n<div class=\"pillar-desc\">We treat your business like it&#8217;s our own.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== SERVICES ===== -->\n<section id=\"services\">\n<div class=\"container-wide\">\n<div class=\"services-header reveal\">\n<div class=\"section-label\">What We Do<\/div>\n<h2 class=\"section-title\">Services <em>Designed<\/em><br \/>to Deliver<\/h2>\n<p class=\"section-sub\">A complete digital ecosystem under one roof \u2014 from campaign ideation to execution, we handle it all with craft and intention.<\/p>\n<\/div>\n<div class=\"services-grid\">\n<div class=\"service-card reveal\">\n<div class=\"service-num\">01<\/div>\n<div class=\"service-icon-wrap\">\ud83d\udce3<\/div>\n<div class=\"service-name\">Digital Marketing<\/div>\n<div class=\"service-desc\">Full-funnel digital marketing strategies that move prospects through the buyer journey and into loyal customers. Built on data, powered by creativity.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal reveal-delay-1\">\n<div class=\"service-num\">02<\/div>\n<div class=\"service-icon-wrap\">\u26a1<\/div>\n<div class=\"service-name\">Meta Ads<\/div>\n<div class=\"service-desc\">High-converting Facebook and Instagram ad campaigns engineered for maximum ROAS. From audience targeting to creatives and A\/B testing \u2014 we obsess over every pixel.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal reveal-delay-2\">\n<div class=\"service-num\">03<\/div>\n<div class=\"service-icon-wrap\">\ud83d\udcbb<\/div>\n<div class=\"service-name\">Website Development<\/div>\n<div class=\"service-desc\">Custom-built websites that are fast, beautiful, and conversion-focused. We design digital experiences that make an unforgettable first impression.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal reveal-delay-1\">\n<div class=\"service-num\">04<\/div>\n<div class=\"service-icon-wrap\">\ud83c\udfa8<\/div>\n<div class=\"service-name\">Branding<\/div>\n<div class=\"service-desc\">Brand identity systems that communicate the right message at the right moment. Logo, visual language, tone of voice \u2014 we build brands people remember.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal reveal-delay-2\">\n<div class=\"service-num\">05<\/div>\n<div class=\"service-icon-wrap\">\ud83d\udcf1<\/div>\n<div class=\"service-name\">Social Media Management<\/div>\n<div class=\"service-desc\">Consistent, on-brand social presence across all platforms. Content calendars, community management, and growth strategies that build real audiences.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal reveal-delay-3\">\n<div class=\"service-num\">06<\/div>\n<div class=\"service-icon-wrap\">\ud83d\udd25<\/div>\n<div class=\"service-name\">Lead Generation<\/div>\n<div class=\"service-desc\">Targeted lead gen systems that fill your pipeline with qualified prospects. From landing pages to automation \u2014 we turn attention into revenue.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<div class=\"service-card reveal\" style=\"grid-column: span 3;\">\n<div class=\"service-num\">07<\/div>\n<div class=\"service-icon-wrap\">\ud83e\udde0<\/div>\n<div class=\"service-name\">Creative Strategy<\/div>\n<div class=\"service-desc\">Where art meets analytics. Our creative strategists develop campaign concepts, content frameworks, and brand storytelling that bridges emotion and performance \u2014 making sure every asset works harder and resonates deeper with your target audience.<\/div>\n<div class=\"service-arrow\">Learn More \u2192<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== WHY CHOOSE US ===== -->\n<section id=\"why\">\n<div class=\"container\">\n<div class=\"why-layout\">\n<div class=\"why-sticky\">\n<div class=\"reveal\">\n<div class=\"section-label\">Why Choose Us<\/div>\n<h2 class=\"section-title\">We Don&#8217;t Just<br \/>Run Campaigns.<br \/><em>We Build Legacies.<\/em><\/h2>\n<\/div>\n<div class=\"why-highlight-box reveal reveal-delay-2\">\n<p>&#8220;The right agency doesn&#8217;t just execute your vision \u2014 they elevate it.&#8221;<\/p>\n<cite>\u2014 The Viral Trees Philosophy<\/cite><\/div>\n<div class=\"reveal reveal-delay-3\" style=\"margin-top: 32px;\"><a class=\"btn btn-primary\" href=\"#contact\">Start Your Growth Journey \u2192<\/a><\/div>\n<\/div>\n<div class=\"why-features\">\n<div class=\"why-feature reveal\">\n<div class=\"why-feature-icon\">\ud83c\udfaf<\/div>\n<div>\n<div class=\"why-feature-title\">Strategy Before Execution<\/div>\n<div class=\"why-feature-desc\">We never jump into tactics without a clear, well-researched strategy. Understanding your audience and goals is always step one.<\/div>\n<\/div>\n<\/div>\n<div class=\"why-feature reveal reveal-delay-1\">\n<div class=\"why-feature-icon\">\ud83d\udcca<\/div>\n<div>\n<div class=\"why-feature-title\">Transparent Reporting<\/div>\n<div class=\"why-feature-desc\">No smoke and mirrors. You get clear, regular reports that show exactly what&#8217;s working and where we&#8217;re driving your growth.<\/div>\n<\/div>\n<\/div>\n<div class=\"why-feature reveal reveal-delay-2\">\n<div class=\"why-feature-icon\">\u2699\ufe0f<\/div>\n<div>\n<div class=\"why-feature-title\">End-to-End Execution<\/div>\n<div class=\"why-feature-desc\">From concept to delivery, we handle every moving part. You get a single, dedicated team invested in your success from day one.<\/div>\n<\/div>\n<\/div>\n<div class=\"why-feature reveal reveal-delay-3\">\n<div class=\"why-feature-icon\">\ud83d\ude80<\/div>\n<div>\n<div class=\"why-feature-title\">Speed &amp; Agility<\/div>\n<div class=\"why-feature-desc\">Digital moves fast and so do we. Our team is built to adapt quickly, capitalize on trends, and keep your brand ahead of the curve.<\/div>\n<\/div>\n<\/div>\n<div class=\"why-feature reveal reveal-delay-4\">\n<div class=\"why-feature-icon\">\ud83c\udf3f<\/div>\n<div>\n<div class=\"why-feature-title\">Long-Term Thinking<\/div>\n<div class=\"why-feature-desc\">We&#8217;re not here for quick wins \u2014 we build sustainable systems and brand equity that keeps compounding value over time.<\/div>\n<\/div>\n<\/div>\n<div class=\"why-feature reveal reveal-delay-4\">\n<div class=\"why-feature-icon\">\ud83c\udfc6<\/div>\n<div>\n<div class=\"why-feature-title\">Proven Track Record<\/div>\n<div class=\"why-feature-desc\">150+ successful campaigns across industries. Our results speak for themselves, and our 98% client retention rate speaks even louder.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== TEAM ===== -->\n<section id=\"team\">\n<div class=\"container\">\n<div class=\"team-header\">\n<div class=\"reveal\">\n<div class=\"section-label\">The People Behind It<\/div>\n<\/div>\n<h2 class=\"section-title reveal reveal-delay-1\">Meet the <em>Minds<\/em><br \/>That Drive Results<\/h2>\n<p class=\"section-sub reveal reveal-delay-2\">A team of passionate strategists, creatives, and growth specialists who live and breathe digital marketing every single day.<\/p>\n<\/div>\n<div class=\"team-grid\"><!-- Amit Kumar - CEO -->\n<div class=\"team-card reveal\">\n<div class=\"team-img\">\n<div class=\"team-img-placeholder\">\n<div class=\"team-avatar\">A<\/div>\n<p>Photo Placeholder<\/p>\n<\/div>\n<div class=\"team-overlay\">\u00a0<\/div>\n<div class=\"team-social-links\"><a class=\"team-social-link\" href=\"#\">in<\/a> <a class=\"team-social-link\" href=\"#\">tw<\/a><\/div>\n<\/div>\n<div class=\"team-info\">\n<div class=\"team-name\">Amit Kumar<\/div>\n<div class=\"team-role\">Chief Executive Officer<\/div>\n<div class=\"team-bio\">The visionary behind The Viral Trees. Amit drives the agency&#8217;s growth strategy and shapes its culture of excellence.<\/div>\n<\/div>\n<\/div>\n<!-- Aryan - Manager -->\n<div class=\"team-card reveal reveal-delay-1\">\n<div class=\"team-img\">\n<div class=\"team-img-placeholder\">\n<div class=\"team-avatar\">Ar<\/div>\n<p>Photo Placeholder<\/p>\n<\/div>\n<div class=\"team-overlay\">\u00a0<\/div>\n<div class=\"team-social-links\"><a class=\"team-social-link\" href=\"#\">in<\/a> <a class=\"team-social-link\" href=\"#\">tw<\/a><\/div>\n<\/div>\n<div class=\"team-info\">\n<div class=\"team-name\">Aryan<\/div>\n<div class=\"team-role\">Manager<\/div>\n<div class=\"team-bio\">A strategic operations leader who ensures every project is delivered on time, on brief, and beyond expectations.<\/div>\n<\/div>\n<\/div>\n<!-- Tushar - Assistant Manager -->\n<div class=\"team-card reveal reveal-delay-2\">\n<div class=\"team-img\">\n<div class=\"team-img-placeholder\">\n<div class=\"team-avatar\">T<\/div>\n<p>Photo Placeholder<\/p>\n<\/div>\n<div class=\"team-overlay\">\u00a0<\/div>\n<div class=\"team-social-links\"><a class=\"team-social-link\" href=\"#\">in<\/a> <a class=\"team-social-link\" href=\"#\">tw<\/a><\/div>\n<\/div>\n<div class=\"team-info\">\n<div class=\"team-name\">Tushar<\/div>\n<div class=\"team-role\">Assistant Manager<\/div>\n<div class=\"team-bio\">Tushar bridges creativity and strategy \u2014 coordinating teams and keeping campaigns running like clockwork.<\/div>\n<\/div>\n<\/div>\n<!-- Hitesh - Business Developer -->\n<div class=\"team-card reveal reveal-delay-3\">\n<div class=\"team-img\">\n<div class=\"team-img-placeholder\">\n<div class=\"team-avatar\">H<\/div>\n<p>Photo Placeholder<\/p>\n<\/div>\n<div class=\"team-overlay\">\u00a0<\/div>\n<div class=\"team-social-links\"><a class=\"team-social-link\" href=\"#\">in<\/a> <a class=\"team-social-link\" href=\"#\">tw<\/a><\/div>\n<\/div>\n<div class=\"team-info\">\n<div class=\"team-name\">Hitesh<\/div>\n<div class=\"team-role\">Business Developer<\/div>\n<div class=\"team-bio\">The relationship builder who finds opportunities, forges partnerships, and helps clients unlock their brand&#8217;s full potential.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== PORTFOLIO ===== -->\n<section id=\"portfolio\">\n<div class=\"container-wide\">\n<div class=\"portfolio-header\">\n<div>\n<div class=\"section-label reveal\">Selected Work<\/div>\n<h2 class=\"section-title reveal reveal-delay-1\">Work That <em>Speaks<\/em><br \/>for Itself<\/h2>\n<\/div>\n<a class=\"btn btn-ghost reveal reveal-delay-2\" href=\"#contact\">View All Projects \u2192<\/a><\/div>\n<div class=\"portfolio-grid reveal\">\n<div class=\"port-item\">\n<div class=\"port-bg\">\n<div class=\"port-placeholder-content\">\n<div class=\"port-placeholder-icon\">\ud83c\udfa8<\/div>\n<div class=\"port-placeholder-text\">Project Visual<\/div>\n<\/div>\n<div class=\"port-tag\">Branding<\/div>\n<\/div>\n<div class=\"port-overlay\">\u00a0<\/div>\n<div class=\"port-info\">\n<div class=\"port-project-name\">Brand Identity Redesign<\/div>\n<div class=\"port-project-type\">Visual Identity \u00b7 Strategy<\/div>\n<\/div>\n<\/div>\n<div class=\"port-item\">\n<div class=\"port-bg\">\n<div class=\"port-placeholder-content\">\n<div class=\"port-placeholder-icon\">\ud83d\udcca<\/div>\n<div class=\"port-placeholder-text\">Campaign Visual<\/div>\n<\/div>\n<div class=\"port-tag\">Meta Ads<\/div>\n<\/div>\n<div class=\"port-overlay\">\u00a0<\/div>\n<div class=\"port-info\">\n<div class=\"port-project-name\">Meta Ads Campaign \u2014 4x ROAS<\/div>\n<div class=\"port-project-type\">Paid Social \u00b7 Performance<\/div>\n<\/div>\n<\/div>\n<div class=\"port-item\">\n<div class=\"port-bg\">\n<div class=\"port-placeholder-content\">\n<div class=\"port-placeholder-icon\">\ud83d\udcbb<\/div>\n<div class=\"port-placeholder-text\">Web Project<\/div>\n<\/div>\n<div class=\"port-tag\">Web Dev<\/div>\n<\/div>\n<div class=\"port-overlay\">\u00a0<\/div>\n<div class=\"port-info\">\n<div class=\"port-project-name\">E-Commerce Website Build<\/div>\n<div class=\"port-project-type\">Development \u00b7 UX Design<\/div>\n<\/div>\n<\/div>\n<div class=\"port-item\">\n<div class=\"port-bg\">\n<div class=\"port-placeholder-content\">\n<div class=\"port-placeholder-icon\">\ud83d\udcf1<\/div>\n<div class=\"port-placeholder-text\">Social Content<\/div>\n<\/div>\n<div class=\"port-tag\">Social Media<\/div>\n<\/div>\n<div class=\"port-overlay\">\u00a0<\/div>\n<div class=\"port-info\">\n<div class=\"port-project-name\">Social Media Growth Strategy<\/div>\n<div class=\"port-project-type\">Content \u00b7 Community<\/div>\n<\/div>\n<\/div>\n<div class=\"port-item\">\n<div class=\"port-bg\">\n<div class=\"port-placeholder-content\">\n<div class=\"port-placeholder-icon\">\ud83d\udd25<\/div>\n<div class=\"port-placeholder-text\">Lead Gen Visual<\/div>\n<\/div>\n<div class=\"port-tag\">Lead Gen<\/div>\n<\/div>\n<div class=\"port-overlay\">\u00a0<\/div>\n<div class=\"port-info\">\n<div class=\"port-project-name\">Lead Generation Funnel<\/div>\n<div class=\"port-project-type\">Performance \u00b7 Automation<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== TESTIMONIALS ===== -->\n<section id=\"testimonials\">\n<div class=\"container\">\n<div class=\"testi-header\">\n<div class=\"reveal\">\n<div class=\"section-label\">Client Stories<\/div>\n<\/div>\n<h2 class=\"section-title reveal reveal-delay-1\">What Our <em>Clients<\/em> Say<\/h2>\n<p class=\"section-sub reveal reveal-delay-2\">We let our results and relationships speak. Here&#8217;s what the people we&#8217;ve worked with have to say about their experience.<\/p>\n<\/div>\n<\/div>\n<div class=\"testi-track-wrap reveal\">\n<div class=\"testi-track\"><!-- Card set 1 -->\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;The Viral Trees transformed our brand presence from zero to genuinely impressive. Their Meta Ads strategy alone generated a 4x return on our spend within the first month.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">R<\/div>\n<div>\n<div class=\"testi-name\">Rahul Sharma<\/div>\n<div class=\"testi-position\">Founder, TechNova Solutions<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;Working with this team feels like having an in-house marketing department \u2014 but far more talented. Our website traffic grew 280% in three months. The results speak for themselves.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">P<\/div>\n<div>\n<div class=\"testi-name\">Priya Kapoor<\/div>\n<div class=\"testi-position\">CEO, GlowBeau Cosmetics<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;From branding to lead generation, they handled everything seamlessly. The quality of their creative work and the speed of delivery genuinely surprised us. We&#8217;re renewing for the second year.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">S<\/div>\n<div>\n<div class=\"testi-name\">Sanjay Mehta<\/div>\n<div class=\"testi-position\">Director, Urban Realty Group<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;Our social media following grew from 2K to 45K in five months. More importantly, our engagement rate is through the roof. The Viral Trees knows exactly how to build genuine audiences.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">A<\/div>\n<div>\n<div class=\"testi-name\">Ananya Singh<\/div>\n<div class=\"testi-position\">Co-founder, FitLife Studio<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;They don&#8217;t just run ads \u2014 they build systems. The lead generation funnel they built for us continues to deliver qualified prospects every single week. Best investment we&#8217;ve made.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">V<\/div>\n<div>\n<div class=\"testi-name\">Vikram Tiwari<\/div>\n<div class=\"testi-position\">MD, Vertex Insurance Brokers<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- Duplicate for infinite loop -->\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;The Viral Trees transformed our brand presence from zero to genuinely impressive. Their Meta Ads strategy alone generated a 4x return on our spend within the first month.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">R<\/div>\n<div>\n<div class=\"testi-name\">Rahul Sharma<\/div>\n<div class=\"testi-position\">Founder, TechNova Solutions<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;Working with this team feels like having an in-house marketing department \u2014 but far more talented. Our website traffic grew 280% in three months. The results speak for themselves.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">P<\/div>\n<div>\n<div class=\"testi-name\">Priya Kapoor<\/div>\n<div class=\"testi-position\">CEO, GlowBeau Cosmetics<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;From branding to lead generation, they handled everything seamlessly. The quality of their creative work and the speed of delivery genuinely surprised us. We&#8217;re renewing for the second year.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">S<\/div>\n<div>\n<div class=\"testi-name\">Sanjay Mehta<\/div>\n<div class=\"testi-position\">Director, Urban Realty Group<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;Our social media following grew from 2K to 45K in five months. More importantly, our engagement rate is through the roof. The Viral Trees knows exactly how to build genuine audiences.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">A<\/div>\n<div>\n<div class=\"testi-name\">Ananya Singh<\/div>\n<div class=\"testi-position\">Co-founder, FitLife Studio<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"testi-card\">\n<div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n<div class=\"testi-text\">&#8220;They don&#8217;t just run ads \u2014 they build systems. The lead generation funnel they built for us continues to deliver qualified prospects every single week. Best investment we&#8217;ve made.&#8221;<\/div>\n<div class=\"testi-author\">\n<div class=\"testi-avatar\">V<\/div>\n<div>\n<div class=\"testi-name\">Vikram Tiwari<\/div>\n<div class=\"testi-position\">MD, Vertex Insurance Brokers<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== CONTACT ===== -->\n<section id=\"contact\">\n<div class=\"contact-bg\">\u00a0<\/div>\n<div class=\"container\">\n<div class=\"contact-grid\">\n<div>\n<div class=\"reveal\">\n<div class=\"section-label\">Let&#8217;s Connect<\/div>\n<\/div>\n<h2 class=\"contact-info-title reveal reveal-delay-1\">Ready to Make<br \/>Your Brand <em>Viral?<\/em><\/h2>\n<p class=\"contact-info-sub reveal reveal-delay-2\">Whether you&#8217;re starting from scratch or looking to scale, we&#8217;d love to hear about your goals. Let&#8217;s build something remarkable together.<\/p>\n<div class=\"contact-detail-list reveal reveal-delay-2\">\n<div class=\"contact-detail\">\n<div class=\"contact-detail-icon\">\ud83d\udcde<\/div>\n<div>\n<div class=\"contact-detail-label\">Phone<\/div>\n<div class=\"contact-detail-value\"><a href=\"tel:880311202\">880311202<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"contact-detail\">\n<div class=\"contact-detail-icon\">\u2709\ufe0f<\/div>\n<div>\n<div class=\"contact-detail-label\">Email<\/div>\n<div class=\"contact-detail-value\"><a href=\"mailto:theviraltree@gmail.com\">theviraltree@gmail.com<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"contact-detail\">\n<div class=\"contact-detail-icon\">\ud83d\udccd<\/div>\n<div>\n<div class=\"contact-detail-label\">Address<\/div>\n<div class=\"contact-detail-value\">Add your address here \u2014 editable in Elementor<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"contact-social reveal reveal-delay-3\">\u00a0<\/div>\n<\/div>\n<div class=\"reveal reveal-delay-2\">\n<div class=\"contact-form\">\n<div class=\"form-title\">Send Us a Message<\/div>\n<div class=\"form-row\">\n<div class=\"form-field\"><label>First Name<\/label> <input type=\"text\" placeholder=\"Your first name\" \/><\/div>\n<div class=\"form-field\"><label>Last Name<\/label> <input type=\"text\" placeholder=\"Your last name\" \/><\/div>\n<\/div>\n<div class=\"form-field\"><label>Email Address<\/label> <input type=\"email\" placeholder=\"your@email.com\" \/><\/div>\n<div class=\"form-field\"><label>Phone Number<\/label> <input type=\"tel\" placeholder=\"+91 XXXXX XXXXX\" \/><\/div>\n<div class=\"form-field\"><label>Service Interested In<\/label><select>\n<option disabled=\"disabled\" selected=\"selected\" value=\"\">Select a service<\/option>\n<option>Digital Marketing<\/option>\n<option>Meta Ads<\/option>\n<option>Website Development<\/option>\n<option>Branding<\/option>\n<option>Social Media Management<\/option>\n<option>Lead Generation<\/option>\n<option>Creative Strategy<\/option>\n<option>Full Package<\/option>\n<\/select><\/div>\n<div class=\"form-field\"><label>Tell Us About Your Goals<\/label> <textarea placeholder=\"Briefly describe your brand and what you're looking to achieve...\"><\/textarea><\/div>\n<button class=\"btn btn-primary form-submit\">Send Message \u2192<\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- ===== FOOTER ===== --><footer>\n<div class=\"container\">\n<div class=\"footer-top\">\n<div>\n<div class=\"footer-brand-logo\">The Viral Trees<\/div>\n<div class=\"footer-brand-desc\">A full-service digital marketing agency and academy helping brands grow faster, reach wider, and matter more in the digital age.<\/div>\n<div class=\"footer-social\">\u00a0<\/div>\n<\/div>\n<div>\n<div class=\"footer-col-title\">Services<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#services\">Digital Marketing<\/a><\/li>\n<li><a href=\"#services\">Meta Ads<\/a><\/li>\n<li><a href=\"#services\">Website Development<\/a><\/li>\n<li><a href=\"#services\">Branding<\/a><\/li>\n<li><a href=\"#services\">Social Media<\/a><\/li>\n<li><a href=\"#services\">Lead Generation<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<div class=\"footer-col-title\">Company<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"#about\">About Us<\/a><\/li>\n<li><a href=\"#team\">Our Team<\/a><\/li>\n<li><a href=\"#portfolio\">Our Work<\/a><\/li>\n<li><a href=\"#testimonials\">Client Stories<\/a><\/li>\n<li><a href=\"#contact\">Contact<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<div class=\"footer-col-title\">Contact<\/div>\n<ul class=\"footer-links\">\n<li><a href=\"tel:880311202\">\ud83d\udcde 880311202<\/a><\/li>\n<li><a href=\"mailto:theviraltree@gmail.com\">\u2709 theviraltree@gmail.com<\/a><\/li>\n<li><a href=\"https:\/\/www.instagram.com\/theviraltrees\/\" target=\"_blank\" rel=\"noopener\">\ud83d\udcf8 @theviraltrees<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/@theviraltrees\" target=\"_blank\" rel=\"noopener\">\u25b6 YouTube Channel<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<div class=\"footer-copy\">\u00a9 2025 The Viral Trees. All rights reserved.<\/div>\n<div class=\"footer-bottom-links\"><a href=\"#\">Privacy Policy<\/a> <a href=\"#\">Terms of Service<\/a> <a href=\"#\">Sitemap<\/a><\/div>\n<\/div>\n<\/div>\n<\/footer><!-- ===== JAVASCRIPT ===== -->\n<p><script>\n  \/\/ Custom Cursor\n  const dot = document.getElementById('cursorDot');\n  const ring = document.getElementById('cursorRing');\n  let mouseX = 0, mouseY = 0, ringX = 0, ringY = 0;\n  document.addEventListener('mousemove', (e) => {\n    mouseX = e.clientX; mouseY = e.clientY;\n    dot.style.left = mouseX + 'px'; dot.style.top = mouseY + 'px';\n  });\n  function animateRing() {\n    ringX += (mouseX - ringX) * 0.12;\n    ringY += (mouseY - ringY) * 0.12;\n    ring.style.left = ringX + 'px'; ring.style.top = ringY + 'px';\n    requestAnimationFrame(animateRing);\n  }\n  animateRing();\n  document.querySelectorAll('a, button, .service-card, .team-card, .why-feature, .testi-card').forEach(el => {\n    el.addEventListener('mouseenter', () => ring.classList.add('hover'));\n    el.addEventListener('mouseleave', () => ring.classList.remove('hover'));\n  });\n\n  \/\/ Navbar scroll\n  const nav = document.getElementById('mainNav');\n  window.addEventListener('scroll', () => {\n    nav.classList.toggle('scrolled', window.scrollY > 40);\n  });\n\n  \/\/ Mobile nav\n  function toggleMobileNav() {\n    document.getElementById('mobileNav').classList.toggle('open');\n  }\n  function closeMobileNav() {\n    document.getElementById('mobileNav').classList.remove('open');\n  }\n\n  \/\/ Scroll reveal\n  const reveals = document.querySelectorAll('.reveal');\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n  reveals.forEach(el => observer.observe(el));\n\n  \/\/ Counter animation for hero stats\n  function animateCounters() {\n    document.querySelectorAll('.stat-num').forEach(el => {\n      const text = el.textContent;\n      const num = parseFloat(text.replace(\/[^0-9.]\/g, ''));\n      const suffix = text.replace(\/[0-9.]\/g, '');\n      let start = 0; const duration = 1800;\n      const startTime = performance.now();\n      function update(now) {\n        const elapsed = now - startTime;\n        const progress = Math.min(elapsed \/ duration, 1);\n        const eased = 1 - Math.pow(1 - progress, 3);\n        const current = start + (num - start) * eased;\n        el.textContent = (num % 1 !== 0 ? current.toFixed(1) : Math.floor(current)) + suffix;\n        if (progress < 1) requestAnimationFrame(update);\n      }\n      requestAnimationFrame(update);\n    });\n  }\n  const heroObs = new IntersectionObserver((entries) => {\n    if (entries[0].isIntersecting) { animateCounters(); heroObs.disconnect(); }\n  }, { threshold: 0.5 });\n  const statsEl = document.querySelector('.hero-stats');\n  if (statsEl) heroObs.observe(statsEl);\n\n  \/\/ Form submit\n  document.querySelector('.form-submit')?.addEventListener('click', function(e) {\n    e.preventDefault();\n    this.textContent = '\u2713 Message Sent!';\n    this.style.background = '#3d7a5e';\n    setTimeout(() => { this.textContent = 'Send Message \u2192'; this.style.background = ''; }, 3000);\n  });\n<\/script><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\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":"<p>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 About Services Team Work Reviews Contact The Viral Trees About Services Team Work Reviews Get Started \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Agency &amp; Academy \u2014 Digital Growth Partners We Make BrandsGo Viral. The Viral Trees is a full-service digital marketing agency and academy built for brands that refuse to [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1711","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Agency\/Academy - Aryan Performance Marketer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theviraltrees.com\/aryan\/agency-academy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agency\/Academy - Aryan Performance Marketer\" \/>\n<meta property=\"og:description\" content=\"\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 About Services Team Work Reviews Contact The Viral Trees About Services Team Work Reviews Get Started \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Agency &amp; Academy \u2014 Digital Growth Partners We Make BrandsGo Viral. The Viral Trees is a full-service digital marketing agency and academy built for brands that refuse to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theviraltrees.com\/aryan\/agency-academy\/\" \/>\n<meta property=\"og:site_name\" content=\"Aryan Performance Marketer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T11:18:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/agency-academy\\\/\",\"url\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/agency-academy\\\/\",\"name\":\"Agency\\\/Academy - Aryan Performance Marketer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/#website\"},\"datePublished\":\"2026-05-08T10:56:16+00:00\",\"dateModified\":\"2026-05-08T11:18:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/agency-academy\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/agency-academy\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/agency-academy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Agency\\\/Academy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/#website\",\"url\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/\",\"name\":\"Aryan Performance Marketer\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Agency\/Academy - Aryan Performance Marketer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/","og_locale":"en_US","og_type":"article","og_title":"Agency\/Academy - Aryan Performance Marketer","og_description":"\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 About Services Team Work Reviews Contact The Viral Trees About Services Team Work Reviews Get Started \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Agency &amp; Academy \u2014 Digital Growth Partners We Make BrandsGo Viral. The Viral Trees is a full-service digital marketing agency and academy built for brands that refuse to [&hellip;]","og_url":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/","og_site_name":"Aryan Performance Marketer","article_modified_time":"2026-05-08T11:18:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/","url":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/","name":"Agency\/Academy - Aryan Performance Marketer","isPartOf":{"@id":"https:\/\/theviraltrees.com\/aryan\/#website"},"datePublished":"2026-05-08T10:56:16+00:00","dateModified":"2026-05-08T11:18:52+00:00","breadcrumb":{"@id":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theviraltrees.com\/aryan\/agency-academy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theviraltrees.com\/aryan\/agency-academy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theviraltrees.com\/aryan\/"},{"@type":"ListItem","position":2,"name":"Agency\/Academy"}]},{"@type":"WebSite","@id":"https:\/\/theviraltrees.com\/aryan\/#website","url":"https:\/\/theviraltrees.com\/aryan\/","name":"Aryan Performance Marketer","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theviraltrees.com\/aryan\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages\/1711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/comments?post=1711"}],"version-history":[{"count":4,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages\/1711\/revisions"}],"predecessor-version":[{"id":1716,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages\/1711\/revisions\/1716"}],"wp:attachment":[{"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/media?parent=1711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}