{"id":1717,"date":"2026-05-08T11:22:53","date_gmt":"2026-05-08T11:22:53","guid":{"rendered":"https:\/\/theviraltrees.com\/aryan\/?page_id=1717"},"modified":"2026-05-08T11:23:10","modified_gmt":"2026-05-08T11:23:10","slug":"academy-agency","status":"publish","type":"page","link":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/","title":{"rendered":"Academy\/Agency"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>The Viral Trees \u2014 Digital Marketing Agency &#038; Academy<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&#038;family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&#038;family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,700;1,9..144,400;1,9..144,600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --cream:       #faf7f2;\n  --cream2:      #f4efe6;\n  --cream3:      #ede5d8;\n  --white:       #ffffff;\n  --ink:         #1a1a2e;\n  --ink2:        #2d2d44;\n  --ink-soft:    #5a5a7a;\n  --ink-muted:   #9090a8;\n  --green:       #1a8c5e;\n  --green2:      #22b578;\n  --green-light: #d4f5e5;\n  --green-pale:  #edfaf3;\n  --coral:       #ff5c3a;\n  --coral2:      #ff7a5c;\n  --coral-pale:  #fff0ed;\n  --gold:        #f0a500;\n  --gold-pale:   #fff8e6;\n  --sky:         #e8f4ff;\n  --lavender:    #f0eeff;\n  --r-sm:  8px;\n  --r-md:  18px;\n  --r-lg:  32px;\n  --r-xl:  56px;\n  --r-full: 100px;\n  --shadow-sm: 0 2px 12px rgba(26,28,60,0.06);\n  --shadow-md: 0 8px 40px rgba(26,28,60,0.10);\n  --shadow-lg: 0 24px 80px rgba(26,28,60,0.13);\n  --shadow-green: 0 16px 48px rgba(26,140,94,0.22);\n  --shadow-coral: 0 16px 48px rgba(255,92,58,0.22);\n  --t: 0.42s cubic-bezier(0.16,1,0.3,1);\n  --t-fast: 0.2s cubic-bezier(0.16,1,0.3,1);\n  --font-display: 'Playfair Display', Georgia, serif;\n  --font-body:    'Plus Jakarta Sans', sans-serif;\n  --font-accent:  'Fraunces', serif;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  background: var(--cream);\n  color: var(--ink);\n  font-family: var(--font-body);\n  font-weight: 400;\n  line-height: 1.6;\n  overflow-x: hidden;\n  cursor: none;\n}\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\nul { list-style: none; }\n\n\/* CURSOR *\/\n#cur-dot {\n  position: fixed; top:0; left:0; width:10px; height:10px;\n  background: var(--green); border-radius:50%; pointer-events:none; z-index:9999;\n  transform:translate(-50%,-50%); transition: background 0.3s, transform 0.15s;\n}\n#cur-ring {\n  position:fixed; top:0; left:0; width:40px; height:40px;\n  border:2px solid var(--green); border-radius:50%; pointer-events:none; z-index:9998;\n  transform:translate(-50%,-50%); opacity:0.5;\n  transition: width 0.3s var(--t), height 0.3s var(--t), opacity 0.3s, border-color 0.3s;\n}\n#cur-ring.hov { width:56px; height:56px; opacity:1; border-color:var(--coral); }\n#cur-dot.hov { background: var(--coral); }\n\n\/* UTILITIES *\/\n.container { width:90%; max-width:1200px; margin:0 auto; }\n.container-wide { width:94%; max-width:1440px; margin:0 auto; }\n\n.tag {\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:var(--font-body); font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; text-transform:uppercase; color:var(--green);\n  background:var(--green-pale); border:1.5px solid rgba(26,140,94,0.2);\n  border-radius:var(--r-full); padding:6px 16px;\n}\n.tag-dot { width:6px; height:6px; border-radius:50%; background:var(--green); flex-shrink:0; animation:blink 2s infinite; }\n@keyframes blink { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:0.5;transform:scale(0.7);} }\n\n.section-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:16px; }\n.eyebrow-line { width:32px; height:2px; background:var(--green); border-radius:2px; }\n.eyebrow-text {\n  font-family:var(--font-body); font-size:0.7rem; font-weight:700;\n  letter-spacing:0.18em; text-transform:uppercase; color:var(--green);\n}\n\nh2.sec-title {\n  font-family:var(--font-display); font-size:clamp(2.2rem,4.5vw,3.8rem);\n  font-weight:900; line-height:1.08; color:var(--ink);\n}\nh2.sec-title em { font-style:italic; color:var(--green); }\nh2.sec-title .outline-txt {\n  -webkit-text-stroke:2px var(--ink); color:transparent;\n}\n\n.sec-sub {\n  font-size:1rem; color:var(--ink-soft); line-height:1.78; max-width:500px; margin-top:14px;\n}\n\n.btn {\n  display:inline-flex; align-items:center; gap:10px;\n  font-family:var(--font-body); font-size:0.82rem; font-weight:700;\n  letter-spacing:0.06em; border-radius:var(--r-full); padding:16px 32px;\n  transition:var(--t); cursor:none; border:none; position:relative; overflow:hidden;\n}\n.btn::after {\n  content:''; position:absolute; inset:0; background:rgba(255,255,255,0.12);\n  transform:translateX(-100%); transition:transform 0.35s ease;\n}\n.btn:hover::after { transform:translateX(0); }\n.btn-green { background:var(--green); color:#fff; box-shadow:var(--shadow-green); }\n.btn-green:hover { background:var(--green2); transform:translateY(-3px); box-shadow:0 20px 60px rgba(26,140,94,0.35); }\n.btn-coral { background:var(--coral); color:#fff; box-shadow:var(--shadow-coral); }\n.btn-coral:hover { background:var(--coral2); transform:translateY(-3px); }\n.btn-outline {\n  background:transparent; color:var(--ink); border:2px solid rgba(26,28,60,0.15);\n}\n.btn-outline:hover { border-color:var(--green); color:var(--green); transform:translateY(-3px); }\n.btn-white { background:#fff; color:var(--green); box-shadow:var(--shadow-md); }\n.btn-white:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); }\n\n\/* SCROLL REVEAL *\/\n.rev { opacity:0; transform:translateY(40px); transition:opacity 0.7s var(--t), transform 0.7s var(--t); }\n.rev.in { opacity:1; transform:translateY(0); }\n.rev-l { opacity:0; transform:translateX(-40px); transition:opacity 0.7s var(--t), transform 0.7s var(--t); }\n.rev-l.in { opacity:1; transform:translateX(0); }\n.rev-r { opacity:0; transform:translateX(40px); transition:opacity 0.7s var(--t), transform 0.7s var(--t); }\n.rev-r.in { opacity:1; transform:translateX(0); }\n.d1{transition-delay:.08s} .d2{transition-delay:.16s} .d3{transition-delay:.24s} .d4{transition-delay:.32s} .d5{transition-delay:.40s}\n\n\/* ======================== NAV ======================== *\/\nnav {\n  position:fixed; top:0; left:0; right:0; z-index:500; padding:20px 0;\n  transition:var(--t);\n}\nnav.sc {\n  background:rgba(250,247,242,0.92); backdrop-filter:blur(24px);\n  box-shadow:0 1px 0 rgba(26,28,60,0.07); padding:14px 0;\n}\n.nav-wrap { display:flex; align-items:center; justify-content:space-between; }\n.nav-logo { display:flex; align-items:center; gap:10px; }\n.nav-logo-icon {\n  width:36px; height:36px; background:var(--green); border-radius:10px;\n  display:flex; align-items:center; justify-content:center; font-size:1.2rem;\n}\n.nav-logo-text {\n  font-family:var(--font-display); font-size:1.3rem; font-weight:900; color:var(--ink);\n}\n.nav-logo-text span { color:var(--green); }\n.nav-links { display:flex; align-items:center; gap:32px; }\n.nav-links a {\n  font-size:0.82rem; font-weight:600; color:var(--ink-soft);\n  transition:color var(--t-fast); cursor:none; letter-spacing:0.02em;\n}\n.nav-links a:hover { color:var(--green); }\n.nav-right { display:flex; align-items:center; gap:16px; }\n.hamburger { display:none; flex-direction:column; gap:5px; cursor:none; background:none; border:none; padding:4px; }\n.hamburger span { display:block; width:22px; height:2px; background:var(--ink); border-radius:2px; transition:var(--t-fast); }\n\n\/* MOBILE MENU *\/\n.mob-menu {\n  position:fixed; inset:0; background:var(--cream); z-index:490;\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  gap:28px; opacity:0; pointer-events:none; transition:opacity 0.35s ease;\n}\n.mob-menu.open { opacity:1; pointer-events:all; }\n.mob-menu a {\n  font-family:var(--font-display); font-size:2.6rem; font-weight:900;\n  color:var(--ink); transition:color var(--t-fast); cursor:pointer;\n}\n.mob-menu a:hover { color:var(--green); }\n\n\/* ======================== HERO ======================== *\/\n#hero {\n  min-height:100vh; display:flex; align-items:center;\n  padding:120px 0 80px; position:relative; overflow:hidden;\n  background:var(--cream);\n}\n.hero-bg-shapes { position:absolute; inset:0; pointer-events:none; overflow:hidden; }\n.shape-blob1 {\n  position:absolute; top:-8%; right:-5%; width:620px; height:620px;\n  background:radial-gradient(circle, rgba(26,140,94,0.12) 0%, transparent 70%);\n  border-radius:60% 40% 70% 30%\/50% 60% 40% 50%;\n  animation:blobMorph1 14s ease-in-out infinite;\n}\n.shape-blob2 {\n  position:absolute; bottom:-10%; left:-8%; width:500px; height:500px;\n  background:radial-gradient(circle, rgba(255,92,58,0.09) 0%, transparent 70%);\n  border-radius:40% 60% 30% 70%\/60% 30% 70% 40%;\n  animation:blobMorph2 11s ease-in-out infinite;\n}\n.shape-blob3 {\n  position:absolute; top:30%; right:10%; width:300px; height:300px;\n  background:radial-gradient(circle, rgba(240,165,0,0.08) 0%, transparent 70%);\n  border-radius:50%; animation:blobMorph3 9s ease-in-out infinite 2s;\n}\n@keyframes blobMorph1 { 0%,100%{border-radius:60% 40% 70% 30%\/50% 60% 40% 50%;} 50%{border-radius:40% 60% 30% 70%\/60% 40% 50% 40%;} }\n@keyframes blobMorph2 { 0%,100%{border-radius:40% 60% 30% 70%\/60% 30% 70% 40%;} 50%{border-radius:60% 40% 70% 30%\/30% 60% 40% 70%;} }\n@keyframes blobMorph3 { 0%,100%{transform:scale(1) translate(0,0);} 50%{transform:scale(1.1) translate(-20px,20px);} }\n.hero-dots {\n  position:absolute; right:0; top:15%; width:200px; height:400px;\n  background-image:radial-gradient(circle, rgba(26,140,94,0.3) 1.5px, transparent 1.5px);\n  background-size:18px 18px; opacity:0.6;\n}\n.hero-grid {\n  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;\n  position:relative; z-index:1;\n}\n.hero-left { }\n.hero-badge { margin-bottom:28px; animation:slideDown 0.8s var(--t) both; }\n@keyframes slideDown { from{opacity:0;transform:translateY(-16px);} to{opacity:1;transform:translateY(0);} }\n.hero-h1 {\n  font-family:var(--font-display); font-size:clamp(3rem,6vw,5.4rem);\n  font-weight:900; line-height:1.04; margin-bottom:24px;\n  animation:slideUp 0.9s var(--t) 0.1s both;\n}\n@keyframes slideUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} }\n.hero-h1 .word-green { color:var(--green); }\n.hero-h1 .word-stroke {\n  -webkit-text-stroke:2.5px var(--ink); color:transparent;\n  display:inline-block;\n}\n.hero-sub {\n  font-size:1.08rem; color:var(--ink-soft); line-height:1.8; max-width:480px;\n  margin-bottom:36px; animation:slideUp 0.9s var(--t) 0.22s both;\n}\n.hero-btns {\n  display:flex; flex-wrap:wrap; gap:14px;\n  animation:slideUp 0.9s var(--t) 0.34s both;\n}\n.hero-trust {\n  display:flex; align-items:center; gap:16px; margin-top:40px;\n  animation:slideUp 0.9s var(--t) 0.46s both;\n}\n.hero-avatars { display:flex; }\n.hero-avatars span {\n  width:36px; height:36px; border-radius:50%; border:2.5px solid var(--cream);\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-display); font-size:0.85rem; font-weight:700;\n  margin-left:-10px; background:linear-gradient(135deg, var(--green-light), var(--green-pale));\n  color:var(--green);\n}\n.hero-avatars span:first-child { margin-left:0; }\n.hero-trust-text { font-size:0.82rem; color:var(--ink-soft); line-height:1.45; }\n.hero-trust-text strong { color:var(--ink); font-weight:700; }\n\n.hero-right { position:relative; animation:slideUp 0.9s var(--t) 0.2s both; }\n.hero-card-main {\n  background:#fff; border-radius:var(--r-lg); padding:40px;\n  box-shadow:var(--shadow-lg); position:relative; overflow:hidden;\n}\n.hero-card-main::before {\n  content:''; position:absolute; top:0; left:0; right:0; height:4px;\n  background:linear-gradient(90deg, var(--green), var(--green2), var(--coral));\n}\n.hero-card-badge {\n  display:inline-flex; align-items:center; gap:8px;\n  background:var(--green-pale); border-radius:var(--r-full);\n  padding:6px 14px; margin-bottom:24px;\n}\n.hero-card-badge-dot { width:8px; height:8px; border-radius:50%; background:var(--green); animation:pulseGreen 2s infinite; }\n@keyframes pulseGreen { 0%,100%{box-shadow:0 0 0 0 rgba(26,140,94,0.4);} 50%{box-shadow:0 0 0 8px rgba(26,140,94,0);} }\n.hero-card-badge span { font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--green); }\n.hero-card-title {\n  font-family:var(--font-display); font-size:1.7rem; font-weight:900;\n  color:var(--ink); margin-bottom:20px; line-height:1.2;\n}\n.hero-card-stats { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:24px; }\n.hcs {\n  background:var(--cream); border-radius:var(--r-md); padding:16px 20px;\n}\n.hcs-num {\n  font-family:var(--font-display); font-size:2rem; font-weight:900; line-height:1;\n  color:var(--ink);\n}\n.hcs-num .accent { color:var(--green); }\n.hcs-label { font-size:0.72rem; font-weight:600; color:var(--ink-muted); margin-top:4px; letter-spacing:0.06em; }\n.hero-graph { height:80px; display:flex; align-items:flex-end; gap:6px; }\n.hero-bar {\n  flex:1; border-radius:6px 6px 0 0;\n  background:linear-gradient(to top, var(--green), var(--green2));\n  transition:var(--t); opacity:0.7;\n}\n.hero-bar:hover { opacity:1; transform:scaleY(1.05); transform-origin:bottom; }\n\n\/* Floating cards *\/\n.float-card {\n  position:absolute; background:#fff; border-radius:var(--r-md);\n  padding:14px 18px; box-shadow:var(--shadow-md);\n  display:flex; align-items:center; gap:12px;\n  animation:floatY 4s ease-in-out infinite;\n}\n.float-card-2 { animation-duration:5s; animation-delay:1s; }\n.float-card-3 { animation-duration:3.5s; animation-delay:2s; }\n@keyframes floatY { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }\n.fc-icon { width:38px; height:38px; border-radius:var(--r-sm); display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }\n.fc-icon.g { background:var(--green-pale); }\n.fc-icon.c { background:var(--coral-pale); }\n.fc-icon.y { background:var(--gold-pale); }\n.fc-title { font-size:0.75rem; font-weight:700; color:var(--ink); }\n.fc-sub { font-size:0.68rem; color:var(--ink-muted); margin-top:2px; }\n\n\/* ======================== TICKER ======================== *\/\n.ticker {\n  background:var(--green); padding:13px 0; overflow:hidden; position:relative; z-index:10;\n}\n.ticker-track {\n  display:flex; width:max-content;\n  animation:tickerScroll 22s linear infinite;\n}\n@keyframes tickerScroll { from{transform:translateX(0);} to{transform:translateX(-50%);} }\n.ticker-item {\n  font-family:var(--font-body); font-size:0.73rem; font-weight:700;\n  letter-spacing:0.14em; text-transform:uppercase; color:#fff;\n  padding:0 32px; white-space:nowrap; display:flex; align-items:center; gap:12px;\n}\n.ticker-sep { color:rgba(255,255,255,0.5); font-size:0.5rem; }\n\n\/* ======================== ABOUT ======================== *\/\n#about { padding:120px 0; background:var(--white); position:relative; overflow:hidden; }\n.about-bg-shape {\n  position:absolute; top:-100px; right:-100px; width:600px; height:600px;\n  background:radial-gradient(circle, var(--green-pale) 0%, transparent 70%);\n  pointer-events:none;\n}\n.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; position:relative; z-index:1; }\n.about-media { position:relative; }\n.about-frame {\n  border-radius:var(--r-lg); overflow:hidden; aspect-ratio:5\/6;\n  background:linear-gradient(135deg, var(--green-pale), #c8f0dc);\n  display:flex; align-items:center; justify-content:center;\n  box-shadow:var(--shadow-lg); position:relative;\n}\n.about-frame-inner {\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  gap:16px;\n}\n.about-tree { font-size:5rem; }\n.about-frame-label { font-size:0.72rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; color:var(--green); opacity:0.7; }\n.about-frame-deco {\n  position:absolute; top:20px; right:20px; width:80px; height:80px;\n  border:2px solid rgba(26,140,94,0.2); border-radius:50%;\n}\n.about-frame-deco2 {\n  position:absolute; bottom:20px; left:20px; width:60px; height:60px;\n  background:rgba(26,140,94,0.1); border-radius:50%;\n}\n.about-stat-pill {\n  position:absolute; right:-28px; top:32px;\n  background:#fff; border-radius:var(--r-md); padding:18px 22px;\n  box-shadow:var(--shadow-md); text-align:center;\n}\n.asp-num { font-family:var(--font-display); font-size:2.2rem; font-weight:900; color:var(--green); line-height:1; }\n.asp-label { font-size:0.72rem; font-weight:600; color:var(--ink-muted); margin-top:4px; }\n.about-tag-float {\n  position:absolute; left:-28px; bottom:40px;\n  background:var(--coral); color:#fff; border-radius:var(--r-md);\n  padding:14px 18px; box-shadow:var(--shadow-coral);\n}\n.atf-icon { font-size:1.4rem; margin-bottom:4px; }\n.atf-text { font-size:0.72rem; font-weight:700; line-height:1.3; }\n.about-text { font-size:1.02rem; color:var(--ink-soft); line-height:1.82; margin:22px 0 28px; }\n.about-bullets { display:flex; flex-direction:column; gap:12px; margin-bottom:32px; }\n.ab-item {\n  display:flex; align-items:flex-start; gap:14px;\n  padding:16px 18px; background:var(--cream); border-radius:var(--r-md);\n  transition:var(--t); border:1.5px solid transparent;\n}\n.ab-item:hover { border-color:rgba(26,140,94,0.2); background:#fff; transform:translateX(6px); }\n.ab-icon { width:36px; height:36px; border-radius:var(--r-sm); background:var(--green-pale); display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }\n.ab-title { font-size:0.9rem; font-weight:700; color:var(--ink); }\n.ab-desc { font-size:0.8rem; color:var(--ink-soft); margin-top:2px; }\n\n\/* ======================== SERVICES ======================== *\/\n#services { padding:120px 0; background:var(--cream); position:relative; }\n.services-top {\n  display:flex; justify-content:space-between; align-items:flex-end;\n  margin-bottom:60px; flex-wrap:wrap; gap:24px;\n}\n.services-grid {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;\n}\n.svc-card {\n  background:#fff; border-radius:var(--r-lg); padding:36px 32px;\n  border:1.5px solid rgba(26,28,60,0.06); transition:var(--t); cursor:none;\n  position:relative; overflow:hidden;\n}\n.svc-card::after {\n  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;\n  background:linear-gradient(90deg, var(--green), var(--green2));\n  transform:scaleX(0); transform-origin:left; transition:var(--t);\n}\n.svc-card:hover { transform:translateY(-10px); box-shadow:var(--shadow-lg); border-color:rgba(26,140,94,0.15); }\n.svc-card:hover::after { transform:scaleX(1); }\n.svc-icon-bg {\n  width:62px; height:62px; border-radius:var(--r-md); margin-bottom:24px;\n  display:flex; align-items:center; justify-content:center; font-size:1.8rem;\n  transition:var(--t);\n}\n.svc-card:hover .svc-icon-bg { transform:scale(1.08) rotate(-4deg); }\n.svc-icon-bg.g { background:var(--green-pale); }\n.svc-icon-bg.c { background:var(--coral-pale); }\n.svc-icon-bg.y { background:var(--gold-pale); }\n.svc-icon-bg.s { background:var(--sky); }\n.svc-icon-bg.l { background:var(--lavender); }\n.svc-name { font-family:var(--font-body); font-size:1.05rem; font-weight:800; color:var(--ink); margin-bottom:10px; }\n.svc-desc { font-size:0.87rem; color:var(--ink-soft); line-height:1.72; }\n.svc-link {\n  display:inline-flex; align-items:center; gap:6px; margin-top:20px;\n  font-size:0.78rem; font-weight:700; color:var(--green);\n  letter-spacing:0.04em; transition:var(--t-fast);\n}\n.svc-link:hover { gap:12px; }\n.svc-card.featured {\n  background:var(--green); color:#fff; border-color:var(--green);\n}\n.svc-card.featured .svc-name { color:#fff; }\n.svc-card.featured .svc-desc { color:rgba(255,255,255,0.78); }\n.svc-card.featured .svc-link { color:rgba(255,255,255,0.85); }\n.svc-card.featured .svc-icon-bg { background:rgba(255,255,255,0.15); }\n.svc-card.featured::after { background:rgba(255,255,255,0.3); }\n.svc-card.span2 { grid-column:span 2; }\n\n\/* ======================== WHY US ======================== *\/\n#why { padding:120px 0; background:var(--ink); position:relative; overflow:hidden; }\n.why-bg {\n  position:absolute; inset:0;\n  background:radial-gradient(ellipse 70% 60% at 80% 50%, rgba(26,140,94,0.12) 0%, transparent 60%),\n             radial-gradient(ellipse 50% 40% at 10% 70%, rgba(255,92,58,0.07) 0%, transparent 50%);\n}\n.why-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; position:relative; z-index:1; }\n.why-left .section-eyebrow .eyebrow-text { color:var(--green2); }\n.why-left .eyebrow-line { background:var(--green2); }\n.why-h2 {\n  font-family:var(--font-display); font-size:clamp(2.4rem,4.5vw,3.8rem);\n  font-weight:900; color:#fff; line-height:1.08; margin-bottom:16px;\n}\n.why-h2 em { font-style:italic; color:var(--green2); }\n.why-sub { font-size:1rem; color:rgba(255,255,255,0.55); line-height:1.78; margin-bottom:36px; }\n.why-cta-group { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px; }\n.why-quote {\n  padding:24px 28px; background:rgba(255,255,255,0.05);\n  border-left:3px solid var(--green2); border-radius:0 var(--r-md) var(--r-md) 0;\n}\n.why-quote p {\n  font-family:var(--font-accent); font-size:1.1rem; font-style:italic;\n  color:rgba(255,255,255,0.8); line-height:1.65;\n}\n.why-quote cite { display:block; margin-top:10px; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--green2); font-style:normal; }\n.why-features { display:flex; flex-direction:column; gap:14px; }\n.why-feat {\n  display:flex; gap:18px; align-items:flex-start; padding:22px 24px;\n  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07);\n  border-radius:var(--r-md); transition:var(--t); cursor:none;\n}\n.why-feat:hover { background:rgba(26,140,94,0.1); border-color:rgba(26,140,94,0.25); transform:translateX(6px); }\n.wf-icon {\n  width:46px; height:46px; border-radius:var(--r-sm); flex-shrink:0;\n  display:flex; align-items:center; justify-content:center; font-size:1.25rem;\n  background:rgba(26,140,94,0.15);\n}\n.wf-title { font-size:0.92rem; font-weight:700; color:#fff; margin-bottom:5px; }\n.wf-desc { font-size:0.82rem; color:rgba(255,255,255,0.52); line-height:1.6; }\n\n\/* ======================== NUMBERS ======================== *\/\n#numbers { padding:80px 0; background:var(--green); }\n.numbers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }\n.num-item {\n  text-align:center; padding:40px 24px;\n  border-right:1px solid rgba(255,255,255,0.15);\n  position:relative;\n}\n.num-item:last-child { border-right:none; }\n.num-big {\n  font-family:var(--font-display); font-size:clamp(2.8rem,5vw,4.5rem);\n  font-weight:900; color:#fff; line-height:1; margin-bottom:8px;\n}\n.num-big sub { font-size:0.55em; vertical-align:super; }\n.num-label { font-size:0.78rem; font-weight:600; color:rgba(255,255,255,0.7); letter-spacing:0.08em; text-transform:uppercase; }\n\n\/* ======================== TEAM ======================== *\/\n#team { padding:120px 0; background:var(--cream2); }\n.team-header { text-align:center; margin-bottom:64px; }\n.team-header .sec-sub { margin:0 auto; text-align:center; }\n.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }\n.tm-card {\n  background:#fff; border-radius:var(--r-lg); overflow:hidden;\n  box-shadow:var(--shadow-sm); transition:var(--t); cursor:none;\n}\n.tm-card:hover { transform:translateY(-12px); box-shadow:var(--shadow-lg); }\n.tm-photo {\n  aspect-ratio:4\/5; position:relative; overflow:hidden;\n  background:linear-gradient(145deg, #e8f5f0, #d0eedf);\n  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;\n}\n.tm-initial {\n  width:80px; height:80px; border-radius:50%;\n  background:linear-gradient(135deg, var(--green), var(--green2));\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-display); font-size:2rem; font-weight:900; color:#fff;\n  box-shadow:0 8px 24px rgba(26,140,94,0.35);\n}\n.tm-photo-hint { font-size:0.68rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:rgba(26,140,94,0.5); }\n.tm-overlay {\n  position:absolute; inset:0;\n  background:linear-gradient(to top, rgba(26,140,94,0.92) 0%, transparent 55%);\n  opacity:0; transition:var(--t);\n  display:flex; align-items:flex-end; padding:24px;\n}\n.tm-card:hover .tm-overlay { opacity:1; }\n.tm-social { display:flex; gap:8px; transform:translateY(10px); opacity:0; transition:var(--t); }\n.tm-card:hover .tm-social { transform:translateY(0); opacity:1; }\n.tm-slink {\n  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.2);\n  display:flex; align-items:center; justify-content:center; color:#fff;\n  font-size:0.8rem; border:1px solid rgba(255,255,255,0.3); transition:var(--t-fast);\n  cursor:none;\n}\n.tm-slink:hover { background:#fff; color:var(--green); }\n.tm-body { padding:20px; }\n.tm-name { font-family:var(--font-body); font-size:0.98rem; font-weight:800; color:var(--ink); }\n.tm-role {\n  display:inline-block; margin-top:6px; padding:3px 12px; border-radius:var(--r-full);\n  background:var(--green-pale); font-size:0.7rem; font-weight:700;\n  color:var(--green); letter-spacing:0.06em;\n}\n.tm-bio { font-size:0.78rem; color:var(--ink-soft); margin-top:10px; line-height:1.6; }\n\n\/* ======================== PORTFOLIO ======================== *\/\n#portfolio { padding:120px 0; background:var(--white); }\n.port-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:52px; flex-wrap:wrap; gap:20px; }\n.port-grid {\n  display:grid; grid-template-columns:repeat(12,1fr);\n  grid-auto-rows:260px; gap:16px;\n}\n.pt-item { border-radius:var(--r-lg); overflow:hidden; position:relative; cursor:none; }\n.pt-item:nth-child(1) { grid-column:span 7; }\n.pt-item:nth-child(2) { grid-column:span 5; }\n.pt-item:nth-child(3) { grid-column:span 4; }\n.pt-item:nth-child(4) { grid-column:span 4; }\n.pt-item:nth-child(5) { grid-column:span 4; }\n.pt-bg {\n  width:100%; height:100%; display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:10px; transition:var(--t);\n}\n.pt-item:nth-child(1) .pt-bg { background:linear-gradient(135deg, #d4f0e4, #a8dfc0); }\n.pt-item:nth-child(2) .pt-bg { background:linear-gradient(135deg, #fde8e2, #fbc4b5); }\n.pt-item:nth-child(3) .pt-bg { background:linear-gradient(135deg, #e8f0fd, #c8d8fb); }\n.pt-item:nth-child(4) .pt-bg { background:linear-gradient(135deg, #fef5e0, #fce8a8); }\n.pt-item:nth-child(5) .pt-bg { background:linear-gradient(135deg, #f0e8fd, #d8c0fa); }\n.pt-item:hover .pt-bg { transform:scale(1.04); }\n.pt-placeholder-icon { font-size:2.4rem; opacity:0.5; }\n.pt-placeholder-label { font-size:0.68rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(26,28,60,0.4); }\n.pt-info {\n  position:absolute; inset:0; display:flex; flex-direction:column;\n  justify-content:flex-end; padding:24px;\n  background:linear-gradient(to top, rgba(26,28,60,0.85) 0%, transparent 55%);\n  opacity:0; transform:translateY(8px); transition:var(--t);\n}\n.pt-item:hover .pt-info { opacity:1; transform:translateY(0); }\n.pt-category {\n  display:inline-block; padding:4px 12px; border-radius:var(--r-full);\n  background:rgba(255,255,255,0.15); backdrop-filter:blur(8px);\n  font-size:0.65rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  color:#fff; margin-bottom:8px; width:fit-content;\n}\n.pt-proj-name { font-family:var(--font-body); font-size:1rem; font-weight:800; color:#fff; }\n.pt-proj-type { font-size:0.78rem; color:rgba(255,255,255,0.65); margin-top:3px; }\n\n\/* ======================== TESTIMONIALS ======================== *\/\n#testimonials { padding:120px 0; background:var(--cream); overflow:hidden; }\n.testi-head { text-align:center; margin-bottom:64px; }\n.testi-head .sec-sub { margin:0 auto; text-align:center; }\n.testi-row { overflow:hidden; position:relative; margin-bottom:20px; }\n.testi-row::before, .testi-row::after {\n  content:''; position:absolute; top:0; bottom:0; width:100px; z-index:2; pointer-events:none;\n}\n.testi-row::before { left:0; background:linear-gradient(to right, var(--cream), transparent); }\n.testi-row::after { right:0; background:linear-gradient(to left, var(--cream), transparent); }\n.testi-track {\n  display:flex; gap:20px; width:max-content;\n  animation:tScroll 30s linear infinite;\n}\n.testi-track.rev-dir { animation:tScrollR 28s linear infinite; }\n.testi-track:hover { animation-play-state:paused; }\n@keyframes tScroll { from{transform:translateX(0);} to{transform:translateX(-50%);} }\n@keyframes tScrollR { from{transform:translateX(-50%);} to{transform:translateX(0);} }\n.testi-card {\n  width:340px; flex-shrink:0; background:#fff; border-radius:var(--r-lg);\n  padding:28px; box-shadow:var(--shadow-sm); border:1.5px solid rgba(26,28,60,0.05);\n  transition:var(--t);\n}\n.testi-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); border-color:rgba(26,140,94,0.15); }\n.tc-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }\n.tc-stars { color:var(--gold); font-size:0.85rem; letter-spacing:2px; }\n.tc-quote-icon { font-size:1.8rem; color:var(--green-light); line-height:1; }\n.tc-text {\n  font-family:var(--font-accent); font-size:0.95rem; font-style:italic;\n  color:var(--ink-soft); line-height:1.75; margin-bottom:20px;\n}\n.tc-author { display:flex; align-items:center; gap:12px; padding-top:16px; border-top:1px solid var(--cream3); }\n.tc-av {\n  width:40px; height:40px; border-radius:50%;\n  background:linear-gradient(135deg, var(--green-light), var(--green-pale));\n  display:flex; align-items:center; justify-content:center;\n  font-family:var(--font-display); font-size:1rem; font-weight:900; color:var(--green);\n  flex-shrink:0;\n}\n.tc-name { font-size:0.85rem; font-weight:700; color:var(--ink); }\n.tc-pos { font-size:0.73rem; color:var(--ink-muted); margin-top:2px; }\n\n\/* ======================== CTA STRIP ======================== *\/\n#cta-strip {\n  padding:100px 0; background:var(--ink); position:relative; overflow:hidden;\n}\n.cta-strip-bg {\n  position:absolute; inset:0;\n  background:radial-gradient(ellipse 80% 80% at 50% 50%, rgba(26,140,94,0.15) 0%, transparent 70%);\n}\n.cta-inner { text-align:center; position:relative; z-index:1; }\n.cta-tag { justify-content:center; }\n.cta-tag .tag { background:rgba(26,140,94,0.2); color:var(--green2); border-color:rgba(26,140,94,0.3); }\n.cta-h2 {\n  font-family:var(--font-display); font-size:clamp(2.4rem,5vw,4.2rem);\n  font-weight:900; color:#fff; line-height:1.1; margin:20px 0 16px;\n}\n.cta-h2 em { font-style:italic; color:var(--green2); }\n.cta-sub { font-size:1rem; color:rgba(255,255,255,0.55); max-width:480px; margin:0 auto 36px; line-height:1.75; }\n.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }\n\n\/* ======================== CONTACT ======================== *\/\n#contact { padding:120px 0; background:var(--cream2); position:relative; overflow:hidden; }\n.contact-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:start; }\n.contact-left {}\n.contact-heading {\n  font-family:var(--font-display); font-size:clamp(2rem,4vw,3.2rem);\n  font-weight:900; color:var(--ink); line-height:1.1; margin-bottom:16px;\n}\n.contact-heading em { font-style:italic; color:var(--green); }\n.contact-intro { font-size:0.98rem; color:var(--ink-soft); line-height:1.78; margin-bottom:36px; }\n.contact-details { display:flex; flex-direction:column; gap:14px; margin-bottom:32px; }\n.cd-item {\n  display:flex; align-items:center; gap:14px; padding:14px 18px;\n  background:#fff; border-radius:var(--r-md); border:1.5px solid rgba(26,28,60,0.06);\n  transition:var(--t);\n}\n.cd-item:hover { border-color:rgba(26,140,94,0.2); transform:translateX(5px); }\n.cd-icon {\n  width:40px; height:40px; border-radius:var(--r-sm); flex-shrink:0;\n  display:flex; align-items:center; justify-content:center; font-size:1.05rem;\n  background:var(--green-pale);\n}\n.cd-label { font-size:0.68rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--green); margin-bottom:2px; }\n.cd-val { font-size:0.88rem; color:var(--ink); font-weight:500; }\n.cd-val a { color:var(--ink); transition:color var(--t-fast); cursor:none; }\n.cd-val a:hover { color:var(--green); }\n.contact-socials { display:flex; gap:12px; }\n.cs-link {\n  width:46px; height:46px; border-radius:50%; background:#fff;\n  border:1.5px solid rgba(26,28,60,0.08); display:flex; align-items:center; justify-content:center;\n  font-size:1.1rem; transition:var(--t); cursor:none;\n}\n.cs-link:hover { background:var(--green); border-color:var(--green); transform:translateY(-4px); box-shadow:var(--shadow-green); }\n.cs-link:hover svg { stroke:#fff; }\n.cs-link svg { stroke:var(--ink-soft); }\n\n\/* FORM *\/\n.contact-form-box {\n  background:#fff; border-radius:var(--r-lg); padding:44px;\n  box-shadow:var(--shadow-md); border:1.5px solid rgba(26,28,60,0.05);\n}\n.cf-title { font-family:var(--font-body); font-size:1.15rem; font-weight:800; color:var(--ink); margin-bottom:28px; }\n.cf-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\n.cf-field { margin-bottom:18px; }\n.cf-field label {\n  display:block; font-size:0.72rem; font-weight:700; letter-spacing:0.1em;\n  text-transform:uppercase; color:var(--ink-muted); margin-bottom:7px;\n}\n.cf-field input, .cf-field textarea, .cf-field select {\n  width:100%; padding:13px 16px; border-radius:var(--r-sm);\n  border:1.5px solid rgba(26,28,60,0.1); background:var(--cream);\n  font-family:var(--font-body); font-size:0.9rem; color:var(--ink);\n  outline:none; transition:var(--t-fast); cursor:none; -webkit-appearance:none;\n}\n.cf-field input::placeholder, .cf-field textarea::placeholder { color:var(--ink-muted); }\n.cf-field input:focus, .cf-field textarea:focus, .cf-field select:focus {\n  border-color:var(--green); background:#fff; box-shadow:0 0 0 3px rgba(26,140,94,0.08);\n}\n.cf-field textarea { resize:vertical; min-height:110px; }\n.cf-field select option { background:#fff; color:var(--ink); }\n.cf-submit { width:100%; justify-content:center; margin-top:4px; font-size:0.88rem; padding:17px; }\n\n\/* ======================== FOOTER ======================== *\/\nfooter { background:var(--ink); padding:72px 0 32px; }\n.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:56px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.08); }\n.footer-brand { }\n.footer-logo { display:flex; align-items:center; gap:10px; margin-bottom:14px; }\n.fl-icon { width:36px; height:36px; background:var(--green); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; }\n.fl-name { font-family:var(--font-display); font-size:1.3rem; font-weight:900; color:#fff; }\n.fl-name span { color:var(--green2); }\n.footer-desc { font-size:0.85rem; color:rgba(255,255,255,0.45); line-height:1.75; max-width:250px; margin-bottom:24px; }\n.footer-soc { display:flex; gap:10px; }\n.fs-link {\n  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.06);\n  border:1px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center;\n  color:rgba(255,255,255,0.5); transition:var(--t); cursor:none; font-size:0.88rem;\n}\n.fs-link:hover { background:var(--green); border-color:var(--green); color:#fff; transform:translateY(-3px); }\n.footer-col-title { font-size:0.75rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.85); margin-bottom:18px; }\n.footer-col ul { display:flex; flex-direction:column; gap:10px; }\n.footer-col ul a { font-size:0.85rem; color:rgba(255,255,255,0.45); transition:color var(--t-fast); cursor:none; }\n.footer-col ul a:hover { color:var(--green2); padding-left:5px; transition:color var(--t-fast), padding 0.2s; }\n.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:24px; flex-wrap:wrap; gap:14px; }\n.footer-copy { font-size:0.78rem; color:rgba(255,255,255,0.3); }\n.footer-copy span { color:var(--green2); }\n.footer-bottom-links { display:flex; gap:22px; }\n.footer-bottom-links a { font-size:0.75rem; color:rgba(255,255,255,0.3); cursor:none; transition:color var(--t-fast); }\n.footer-bottom-links a:hover { color:rgba(255,255,255,0.65); }\n\n\/* ======================== RESPONSIVE ======================== *\/\n@media(max-width:1100px) {\n  .hero-grid { grid-template-columns:1fr; }\n  .hero-right { display:none; }\n  .team-grid { grid-template-columns:repeat(2,1fr); }\n  .footer-grid { grid-template-columns:1fr 1fr; gap:36px; }\n  .numbers-grid { grid-template-columns:repeat(2,1fr); }\n  .num-item:nth-child(2) { border-right:none; }\n}\n@media(max-width:900px) {\n  .about-grid, .why-grid, .contact-grid { grid-template-columns:1fr; gap:48px; }\n  .services-grid { grid-template-columns:repeat(2,1fr); }\n  .svc-card.span2 { grid-column:span 2; }\n  .port-grid { display:flex; flex-direction:column; }\n  .pt-item { height:200px; }\n  .nav-links, .nav-right { display:none; }\n  .hamburger { display:flex; }\n  body { cursor:auto; }\n  #cur-dot, #cur-ring { display:none; }\n  .about-stat-pill, .about-tag-float { display:none; }\n}\n@media(max-width:640px) {\n  .services-grid { grid-template-columns:1fr; }\n  .svc-card.span2 { grid-column:span 1; }\n  .team-grid { grid-template-columns:1fr 1fr; gap:14px; }\n  .footer-grid { grid-template-columns:1fr; }\n  .cf-row { grid-template-columns:1fr; }\n  .contact-form-box { padding:28px 20px; }\n  .numbers-grid { grid-template-columns:repeat(2,1fr); }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"cur-dot\"><\/div>\n<div id=\"cur-ring\"><\/div>\n\n<!-- MOBILE MENU -->\n<div class=\"mob-menu\" id=\"mobMenu\">\n  <a href=\"#about\" onclick=\"closeMob()\">About<\/a>\n  <a href=\"#services\" onclick=\"closeMob()\">Services<\/a>\n  <a href=\"#team\" onclick=\"closeMob()\">Team<\/a>\n  <a href=\"#portfolio\" onclick=\"closeMob()\">Work<\/a>\n  <a href=\"#contact\" onclick=\"closeMob()\">Contact<\/a>\n<\/div>\n\n<!-- ===== NAV ===== -->\n<nav id=\"nav\">\n  <div class=\"container\">\n    <div class=\"nav-wrap\">\n      <a href=\"#hero\" class=\"nav-logo\">\n        <div class=\"nav-logo-icon\">\ud83c\udf33<\/div>\n        <div class=\"nav-logo-text\">The Viral <span>Trees<\/span><\/div>\n      <\/a>\n      <div class=\"nav-links\">\n        <a href=\"#about\">About<\/a>\n        <a href=\"#services\">Services<\/a>\n        <a href=\"#why\">Why Us<\/a>\n        <a href=\"#team\">Team<\/a>\n        <a href=\"#portfolio\">Work<\/a>\n        <a href=\"#testimonials\">Reviews<\/a>\n      <\/div>\n      <div class=\"nav-right\">\n        <a href=\"#contact\" class=\"btn btn-green\" style=\"padding:12px 22px;font-size:0.78rem;\">Get Started \u2192<\/a>\n      <\/div>\n      <button class=\"hamburger\" onclick=\"toggleMob()\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- ===== HERO ===== -->\n<section id=\"hero\">\n  <div class=\"hero-bg-shapes\">\n    <div class=\"shape-blob1\"><\/div>\n    <div class=\"shape-blob2\"><\/div>\n    <div class=\"shape-blob3\"><\/div>\n    <div class=\"hero-dots\"><\/div>\n  <\/div>\n  <div class=\"container\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-left\">\n        <div class=\"hero-badge\">\n          <div class=\"tag\"><div class=\"tag-dot\"><\/div> Agency &amp; Academy \u00b7 Est. 2019<\/div>\n        <\/div>\n        <h1 class=\"hero-h1\">\n          Where Brands<br>\n          <span class=\"word-green\">Go Viral<\/span><br>\n          &amp; <span class=\"word-stroke\">Grow Wild.<\/span>\n        <\/h1>\n        <p class=\"hero-sub\">\n          The Viral Trees is a full-service digital marketing agency and creative academy. We build strategies that convert, identities that resonate, and campaigns that spread.\n        <\/p>\n        <div class=\"hero-btns\">\n          <a href=\"#services\" class=\"btn btn-green\">Explore Services \u2192<\/a>\n          <a href=\"#portfolio\" class=\"btn btn-outline\">See Our Work<\/a>\n        <\/div>\n        <div class=\"hero-trust\">\n          <div class=\"hero-avatars\">\n            <span>R<\/span><span>P<\/span><span>S<\/span><span>A<\/span><span>+<\/span>\n          <\/div>\n          <div class=\"hero-trust-text\">\n            <strong>150+ brands<\/strong> grew with us<br>\n            <span>\u2b50\u2b50\u2b50\u2b50\u2b50 4.9 average rating<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-right\">\n        <div style=\"position:relative;\">\n          <div class=\"hero-card-main\">\n            <div class=\"hero-card-badge\">\n              <div class=\"hero-card-badge-dot\"><\/div>\n              <span>Live Dashboard<\/span>\n            <\/div>\n            <div class=\"hero-card-title\">Campaign Performance<br>This Month \ud83d\ude80<\/div>\n            <div class=\"hero-card-stats\">\n              <div class=\"hcs\">\n                <div class=\"hcs-num\">3.2<span class=\"accent\">M<\/span><\/div>\n                <div class=\"hcs-label\">Total Reach<\/div>\n              <\/div>\n              <div class=\"hcs\">\n                <div class=\"hcs-num\">4.8<span class=\"accent\">x<\/span><\/div>\n                <div class=\"hcs-label\">Avg. ROAS<\/div>\n              <\/div>\n              <div class=\"hcs\">\n                <div class=\"hcs-num\">98<span class=\"accent\">%<\/span><\/div>\n                <div class=\"hcs-label\">Client Retention<\/div>\n              <\/div>\n              <div class=\"hcs\">\n                <div class=\"hcs-num\">150<span class=\"accent\">+<\/span><\/div>\n                <div class=\"hcs-label\">Brands Grown<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"hero-graph\" id=\"heroGraph\">\n              <div class=\"hero-bar\" style=\"height:45%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:60%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:55%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:80%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:70%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:90%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:75%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:95%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:85%\"><\/div>\n              <div class=\"hero-bar\" style=\"height:100%\"><\/div>\n            <\/div>\n          <\/div>\n          <!-- Floating cards -->\n          <div class=\"float-card\" style=\"top:-20px;right:-20px;\">\n            <div class=\"fc-icon g\">\ud83d\udcc8<\/div>\n            <div>\n              <div class=\"fc-title\">Reach Up 280%<\/div>\n              <div class=\"fc-sub\">vs last month<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"float-card float-card-2\" style=\"bottom:60px;left:-30px;\">\n            <div class=\"fc-icon c\">\ud83d\udd25<\/div>\n            <div>\n              <div class=\"fc-title\">New Campaign Live<\/div>\n              <div class=\"fc-sub\">Meta Ads \u00b7 Active<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"float-card float-card-3\" style=\"bottom:-20px;right:20px;\">\n            <div class=\"fc-icon y\">\u2b50<\/div>\n            <div>\n              <div class=\"fc-title\">5-Star Review<\/div>\n              <div class=\"fc-sub\">Just received<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TICKER ===== -->\n<div class=\"ticker\">\n  <div class=\"ticker-track\">\n    <div class=\"ticker-item\">Digital Marketing <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Meta Ads <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Branding <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Web Development <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Social Media <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Lead Generation <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Creative Strategy <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Growth Hacking <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Digital Marketing <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Meta Ads <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Branding <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Web Development <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Social Media <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Lead Generation <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Creative Strategy <span class=\"ticker-sep\">\u2726<\/span><\/div>\n    <div class=\"ticker-item\">Growth Hacking <span class=\"ticker-sep\">\u2726<\/span><\/div>\n  <\/div>\n<\/div>\n\n<!-- ===== ABOUT ===== -->\n<section id=\"about\">\n  <div class=\"about-bg-shape\"><\/div>\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-media rev-l\">\n        <div class=\"about-frame\">\n          <div class=\"about-frame-inner\">\n            <div class=\"about-tree\">\ud83c\udf33<\/div>\n            <div class=\"about-frame-label\">Agency Visual \u00b7 Replace in Elementor<\/div>\n          <\/div>\n          <div class=\"about-frame-deco\"><\/div>\n          <div class=\"about-frame-deco2\"><\/div>\n        <\/div>\n        <div class=\"about-stat-pill\">\n          <div class=\"asp-num\">5+<\/div>\n          <div class=\"asp-label\">Years of Growth<\/div>\n        <\/div>\n        <div class=\"about-tag-float\">\n          <div class=\"atf-icon\">\ud83d\ude80<\/div>\n          <div class=\"atf-text\">150+ Brands<br>Transformed<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"about-content\">\n        <div class=\"section-eyebrow rev\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">Who We Are<\/div><\/div>\n        <h2 class=\"sec-title rev d1\">Rooted in <em>Strategy.<\/em><br>Built to Grow.<\/h2>\n        <p class=\"about-text rev d2\">\n          The Viral Trees was born from a bold belief \u2014 that every brand, no matter where it starts, has the potential to dominate its space. We&#8217;re not a generic agency. We&#8217;re a creative powerhouse that blends sharp strategy with genuine artistic vision to build digital brands people can&#8217;t ignore.\n        <\/p>\n        <p class=\"about-text rev d3\" style=\"margin-top:0; margin-bottom:28px;\">\n          From our academy, we&#8217;re also training the next generation of digital marketers \u2014 because knowledge shared is growth multiplied.\n        <\/p>\n        <div class=\"about-bullets rev d3\">\n          <div class=\"ab-item\">\n            <div class=\"ab-icon\">\ud83c\udfaf<\/div>\n            <div>\n              <div class=\"ab-title\">Results-First Philosophy<\/div>\n              <div class=\"ab-desc\">Every strategy, every ad, every design is built with one goal \u2014 real, measurable results for your business.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ab-item\">\n            <div class=\"ab-icon\">\ud83d\udca1<\/div>\n            <div>\n              <div class=\"ab-title\">Creative Intelligence<\/div>\n              <div class=\"ab-desc\">We merge left-brain data thinking with right-brain creative energy to produce work that&#8217;s both beautiful and effective.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ab-item\">\n            <div class=\"ab-icon\">\ud83c\udf3f<\/div>\n            <div>\n              <div class=\"ab-title\">Long-Term Partnerships<\/div>\n              <div class=\"ab-desc\">Our 98% client retention isn&#8217;t by accident. We treat every brand like our own and build relationships that last.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"rev d4\">\n          <a href=\"#contact\" class=\"btn btn-green\">Let&#8217;s Grow Together \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SERVICES ===== -->\n<section id=\"services\">\n  <div class=\"container-wide\">\n    <div class=\"services-top\">\n      <div>\n        <div class=\"section-eyebrow rev\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">What We Offer<\/div><\/div>\n        <h2 class=\"sec-title rev d1\">Services Built<br>to <em>Deliver Results<\/em><\/h2>\n      <\/div>\n      <div class=\"rev d2\">\n        <p class=\"sec-sub\">Everything your brand needs to grow \u2014 creative, strategic, and technical \u2014 all under one roof.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"services-grid\">\n      <div class=\"svc-card rev\">\n        <div class=\"svc-icon-bg g\">\ud83d\udce3<\/div>\n        <div class=\"svc-name\">Digital Marketing<\/div>\n        <div class=\"svc-desc\">Full-funnel digital strategies that attract, engage, and convert. Built on data, driven by creativity, optimised for growth.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card featured rev d1\">\n        <div class=\"svc-icon-bg\">\u26a1<\/div>\n        <div class=\"svc-name\">Meta Ads<\/div>\n        <div class=\"svc-desc\">High-converting Facebook &#038; Instagram ad campaigns engineered for maximum ROAS. We obsess over every targeting detail, creative, and split test.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card rev d2\">\n        <div class=\"svc-icon-bg s\">\ud83d\udcbb<\/div>\n        <div class=\"svc-name\">Website Development<\/div>\n        <div class=\"svc-desc\">Custom, fast, and conversion-focused websites. From landing pages to full e-commerce \u2014 we build digital experiences that make an impression.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card rev d1\">\n        <div class=\"svc-icon-bg c\">\ud83c\udfa8<\/div>\n        <div class=\"svc-name\">Branding<\/div>\n        <div class=\"svc-desc\">Brand identity systems that feel authentic and look unforgettable. Logo, typography, colour system, tone of voice \u2014 complete brand worlds.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card rev d2\">\n        <div class=\"svc-icon-bg y\">\ud83d\udcf1<\/div>\n        <div class=\"svc-name\">Social Media Management<\/div>\n        <div class=\"svc-desc\">On-brand, consistent social presence that builds real audiences. Content calendars, community management, and growth tactics that actually work.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card rev d3\">\n        <div class=\"svc-icon-bg l\">\ud83d\udd25<\/div>\n        <div class=\"svc-name\">Lead Generation<\/div>\n        <div class=\"svc-desc\">Qualified leads delivered to your pipeline. Landing pages, automation, and targeted outreach systems that turn attention into revenue.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card span2 rev d2\">\n        <div class=\"svc-icon-bg g\">\ud83e\udde0<\/div>\n        <div class=\"svc-name\">Creative Strategy<\/div>\n        <div class=\"svc-desc\">Where art meets analytics. Our creative strategists develop campaign concepts, content frameworks, and brand narratives that bridge emotion with performance \u2014 ensuring every asset works harder and connects deeper with your audience.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n      <div class=\"svc-card rev d3\">\n        <div class=\"svc-icon-bg c\">\ud83c\udf93<\/div>\n        <div class=\"svc-name\">Digital Academy<\/div>\n        <div class=\"svc-desc\">Learn from practitioners. Our academy trains aspiring marketers with real-world skills, live projects, and mentorship from industry professionals.<\/div>\n        <div class=\"svc-link\">Explore <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WHY US ===== -->\n<section id=\"why\">\n  <div class=\"why-bg\"><\/div>\n  <div class=\"container\">\n    <div class=\"why-grid\">\n      <div class=\"why-left\">\n        <div class=\"section-eyebrow rev\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">Why Choose Us<\/div><\/div>\n        <h2 class=\"why-h2 rev d1\">We Build<br>Brands That<br><em>Can&#8217;t Be Ignored.<\/em><\/h2>\n        <p class=\"why-sub rev d2\">We don&#8217;t just run campaigns \u2014 we build growth systems. Our approach is strategic, our execution is relentless, and our results are real.<\/p>\n        <div class=\"why-cta-group rev d3\">\n          <a href=\"#contact\" class=\"btn btn-green\">Start Growing \u2192<\/a>\n          <a href=\"#portfolio\" class=\"btn btn-white\">See Our Work<\/a>\n        <\/div>\n        <div class=\"why-quote rev d4\">\n          <p>&#8220;The best digital marketing doesn&#8217;t feel like marketing \u2014 it feels like the exact thing your audience was looking for.&#8221;<\/p>\n          <cite>\u2014 The Viral Trees Manifesto<\/cite>\n        <\/div>\n      <\/div>\n      <div class=\"why-features\">\n        <div class=\"why-feat rev d1\">\n          <div class=\"wf-icon\">\ud83c\udfaf<\/div>\n          <div>\n            <div class=\"wf-title\">Strategy Before Everything<\/div>\n            <div class=\"wf-desc\">We research, plan, and map out your audience journey before a single rupee is spent. Strategy is our non-negotiable first step.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-feat rev d2\">\n          <div class=\"wf-icon\">\ud83d\udcca<\/div>\n          <div>\n            <div class=\"wf-title\">Radical Transparency<\/div>\n            <div class=\"wf-desc\">You get clear, honest reports every step of the way. No vanity metrics \u2014 just real numbers that reflect real business impact.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-feat rev d3\">\n          <div class=\"wf-icon\">\u2699\ufe0f<\/div>\n          <div>\n            <div class=\"wf-title\">End-to-End Ownership<\/div>\n            <div class=\"wf-desc\">From strategy to creative to execution \u2014 we handle every part of the process so you can focus on running your business.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-feat rev d4\">\n          <div class=\"wf-icon\">\ud83d\ude80<\/div>\n          <div>\n            <div class=\"wf-title\">Speed &#038; Agility<\/div>\n            <div class=\"wf-desc\">We move at the speed of digital. Our team adapts fast to trends, algorithm changes, and market shifts to keep you ahead.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-feat rev d5\">\n          <div class=\"wf-icon\">\ud83c\udfc6<\/div>\n          <div>\n            <div class=\"wf-title\">Proven Track Record<\/div>\n            <div class=\"wf-desc\">150+ brands scaled. 4.8x average ROAS on Meta campaigns. 98% client retention. The numbers tell the story.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== NUMBERS ===== -->\n<section id=\"numbers\">\n  <div class=\"container-wide\">\n    <div class=\"numbers-grid\">\n      <div class=\"num-item rev\">\n        <div class=\"num-big\"><sub>+<\/sub>150<\/div>\n        <div class=\"num-label\">Brands Grown<\/div>\n      <\/div>\n      <div class=\"num-item rev d1\">\n        <div class=\"num-big\">3.2<sub>M<\/sub><\/div>\n        <div class=\"num-label\">Reach Generated<\/div>\n      <\/div>\n      <div class=\"num-item rev d2\">\n        <div class=\"num-big\">4.8<sub>x<\/sub><\/div>\n        <div class=\"num-label\">Average ROAS<\/div>\n      <\/div>\n      <div class=\"num-item rev d3\">\n        <div class=\"num-big\">98<sub>%<\/sub><\/div>\n        <div class=\"num-label\">Client Retention<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TEAM ===== -->\n<section id=\"team\">\n  <div class=\"container\">\n    <div class=\"team-header\">\n      <div class=\"section-eyebrow rev\" style=\"justify-content:center;\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">The Humans Behind It<\/div><\/div>\n      <h2 class=\"sec-title rev d1\" style=\"text-align:center;\">Meet the <em>Team<\/em><\/h2>\n      <p class=\"sec-sub rev d2\">Passionate strategists, creatives, and growth experts who live and breathe digital marketing every single day.<\/p>\n    <\/div>\n    <div class=\"team-grid\">\n      <div class=\"tm-card rev\">\n        <div class=\"tm-photo\">\n          <div class=\"tm-initial\">A<\/div>\n          <div class=\"tm-photo-hint\">Photo Placeholder<\/div>\n          <div class=\"tm-overlay\">\n            <div class=\"tm-social\">\n              <a href=\"#\" class=\"tm-slink\">in<\/a>\n              <a href=\"#\" class=\"tm-slink\">ig<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tm-body\">\n          <div class=\"tm-name\">Amit Kumar<\/div>\n          <div class=\"tm-role\">CEO &#038; Founder<\/div>\n          <div class=\"tm-bio\">The visionary behind The Viral Trees. Amit architects the agency&#8217;s growth strategy and sets the culture of excellence.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"tm-card rev d1\">\n        <div class=\"tm-photo\">\n          <div class=\"tm-initial\">Ar<\/div>\n          <div class=\"tm-photo-hint\">Photo Placeholder<\/div>\n          <div class=\"tm-overlay\">\n            <div class=\"tm-social\">\n              <a href=\"#\" class=\"tm-slink\">in<\/a>\n              <a href=\"#\" class=\"tm-slink\">ig<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tm-body\">\n          <div class=\"tm-name\">Aryan<\/div>\n          <div class=\"tm-role\">Manager<\/div>\n          <div class=\"tm-bio\">A strategic operations leader who ensures every project is delivered on time, on brief, and beyond expectations.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"tm-card rev d2\">\n        <div class=\"tm-photo\">\n          <div class=\"tm-initial\">T<\/div>\n          <div class=\"tm-photo-hint\">Photo Placeholder<\/div>\n          <div class=\"tm-overlay\">\n            <div class=\"tm-social\">\n              <a href=\"#\" class=\"tm-slink\">in<\/a>\n              <a href=\"#\" class=\"tm-slink\">ig<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tm-body\">\n          <div class=\"tm-name\">Tushar<\/div>\n          <div class=\"tm-role\">Assistant Manager<\/div>\n          <div class=\"tm-bio\">Bridges creativity and strategy \u2014 coordinating teams and keeping campaigns running like clockwork.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"tm-card rev d3\">\n        <div class=\"tm-photo\">\n          <div class=\"tm-initial\">H<\/div>\n          <div class=\"tm-photo-hint\">Photo Placeholder<\/div>\n          <div class=\"tm-overlay\">\n            <div class=\"tm-social\">\n              <a href=\"#\" class=\"tm-slink\">in<\/a>\n              <a href=\"#\" class=\"tm-slink\">ig<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tm-body\">\n          <div class=\"tm-name\">Hitesh<\/div>\n          <div class=\"tm-role\">Business Developer<\/div>\n          <div class=\"tm-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\n<!-- ===== PORTFOLIO ===== -->\n<section id=\"portfolio\">\n  <div class=\"container-wide\">\n    <div class=\"port-head\">\n      <div>\n        <div class=\"section-eyebrow rev\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">Selected Work<\/div><\/div>\n        <h2 class=\"sec-title rev d1\">Work That Speaks<br>for <em>Itself<\/em><\/h2>\n      <\/div>\n      <a href=\"#contact\" class=\"btn btn-outline rev d2\">View All Projects \u2192<\/a>\n    <\/div>\n    <div class=\"port-grid rev\">\n      <div class=\"pt-item\">\n        <div class=\"pt-bg\">\n          <div class=\"pt-placeholder-icon\">\ud83c\udfa8<\/div>\n          <div class=\"pt-placeholder-label\">Project Visual<\/div>\n        <\/div>\n        <div class=\"pt-info\">\n          <div class=\"pt-category\">Branding<\/div>\n          <div class=\"pt-proj-name\">Brand Identity Redesign<\/div>\n          <div class=\"pt-proj-type\">Visual Identity \u00b7 Strategy<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pt-item\">\n        <div class=\"pt-bg\">\n          <div class=\"pt-placeholder-icon\">\ud83d\udcca<\/div>\n          <div class=\"pt-placeholder-label\">Campaign Visual<\/div>\n        <\/div>\n        <div class=\"pt-info\">\n          <div class=\"pt-category\">Meta Ads<\/div>\n          <div class=\"pt-proj-name\">4x ROAS Meta Campaign<\/div>\n          <div class=\"pt-proj-type\">Paid Social \u00b7 Performance<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pt-item\">\n        <div class=\"pt-bg\">\n          <div class=\"pt-placeholder-icon\">\ud83d\udcbb<\/div>\n          <div class=\"pt-placeholder-label\">Web Project<\/div>\n        <\/div>\n        <div class=\"pt-info\">\n          <div class=\"pt-category\">Web Dev<\/div>\n          <div class=\"pt-proj-name\">E-Commerce Platform<\/div>\n          <div class=\"pt-proj-type\">Development \u00b7 UX Design<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pt-item\">\n        <div class=\"pt-bg\">\n          <div class=\"pt-placeholder-icon\">\ud83d\udcf1<\/div>\n          <div class=\"pt-placeholder-label\">Social Content<\/div>\n        <\/div>\n        <div class=\"pt-info\">\n          <div class=\"pt-category\">Social Media<\/div>\n          <div class=\"pt-proj-name\">Growth from 2K \u2192 45K<\/div>\n          <div class=\"pt-proj-type\">Content \u00b7 Community<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pt-item\">\n        <div class=\"pt-bg\">\n          <div class=\"pt-placeholder-icon\">\ud83d\udd25<\/div>\n          <div class=\"pt-placeholder-label\">Lead Gen Visual<\/div>\n        <\/div>\n        <div class=\"pt-info\">\n          <div class=\"pt-category\">Lead Gen<\/div>\n          <div class=\"pt-proj-name\">Automated Lead Funnel<\/div>\n          <div class=\"pt-proj-type\">Performance \u00b7 Automation<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TESTIMONIALS ===== -->\n<section id=\"testimonials\">\n  <div class=\"container\">\n    <div class=\"testi-head\">\n      <div class=\"section-eyebrow rev\" style=\"justify-content:center;\"><div class=\"eyebrow-line\"><\/div><div class=\"eyebrow-text\">Client Stories<\/div><\/div>\n      <h2 class=\"sec-title rev d1\" style=\"text-align:center;\">What Our Clients <em>Say<\/em><\/h2>\n      <p class=\"sec-sub rev d2\">Real words from real clients. These are the brands we&#8217;ve helped grow, scale, and succeed in the digital world.<\/p>\n    <\/div>\n  <\/div>\n  <!-- Row 1 -->\n  <div class=\"testi-row rev\">\n    <div class=\"testi-track\">\n      <div class=\"testi-card\"><div class=\"tc-top\"><div class=\"tc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div><div class=\"tc-quote-icon\">&#8220;<\/div><\/div><div class=\"tc-text\">The Viral Trees didn&#8217;t just run ads \u2014 they rebuilt how we think about marketing. Our Meta campaigns now deliver a consistent 4x return, month after month.<\/div><div class=\"tc-author\"><div class=\"tc-av\">R<\/div><div>\n","protected":false},"excerpt":{"rendered":"<p>The Viral Trees \u2014 Digital Marketing Agency &#038; Academy About Services Team Work Contact \ud83c\udf33 The Viral Trees About Services Why Us Team Work Reviews Get Started \u2192 Agency &amp; Academy \u00b7 Est. 2019 Where Brands Go Viral &amp; Grow Wild. The Viral Trees is a full-service digital marketing agency and creative academy. We build [&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-1717","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>Academy\/Agency - 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\/academy-agency\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Academy\/Agency - Aryan Performance Marketer\" \/>\n<meta property=\"og:description\" content=\"The Viral Trees \u2014 Digital Marketing Agency &#038; Academy About Services Team Work Contact \ud83c\udf33 The Viral Trees About Services Why Us Team Work Reviews Get Started \u2192 Agency &amp; Academy \u00b7 Est. 2019 Where Brands Go Viral &amp; Grow Wild. The Viral Trees is a full-service digital marketing agency and creative academy. We build [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theviraltrees.com\/aryan\/academy-agency\/\" \/>\n<meta property=\"og:site_name\" content=\"Aryan Performance Marketer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T11:23:10+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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/academy-agency\\\/\",\"url\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/academy-agency\\\/\",\"name\":\"Academy\\\/Agency - Aryan Performance Marketer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/#website\"},\"datePublished\":\"2026-05-08T11:22:53+00:00\",\"dateModified\":\"2026-05-08T11:23:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/academy-agency\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/academy-agency\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/academy-agency\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/theviraltrees.com\\\/aryan\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Academy\\\/Agency\"}]},{\"@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":"Academy\/Agency - 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\/academy-agency\/","og_locale":"en_US","og_type":"article","og_title":"Academy\/Agency - Aryan Performance Marketer","og_description":"The Viral Trees \u2014 Digital Marketing Agency &#038; Academy About Services Team Work Contact \ud83c\udf33 The Viral Trees About Services Why Us Team Work Reviews Get Started \u2192 Agency &amp; Academy \u00b7 Est. 2019 Where Brands Go Viral &amp; Grow Wild. The Viral Trees is a full-service digital marketing agency and creative academy. We build [&hellip;]","og_url":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/","og_site_name":"Aryan Performance Marketer","article_modified_time":"2026-05-08T11:23:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/","url":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/","name":"Academy\/Agency - Aryan Performance Marketer","isPartOf":{"@id":"https:\/\/theviraltrees.com\/aryan\/#website"},"datePublished":"2026-05-08T11:22:53+00:00","dateModified":"2026-05-08T11:23:10+00:00","breadcrumb":{"@id":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theviraltrees.com\/aryan\/academy-agency\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/theviraltrees.com\/aryan\/academy-agency\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theviraltrees.com\/aryan\/"},{"@type":"ListItem","position":2,"name":"Academy\/Agency"}]},{"@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\/1717","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=1717"}],"version-history":[{"count":1,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages\/1717\/revisions"}],"predecessor-version":[{"id":1719,"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/pages\/1717\/revisions\/1719"}],"wp:attachment":[{"href":"https:\/\/theviraltrees.com\/aryan\/wp-json\/wp\/v2\/media?parent=1717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}